fix(element): encode the view window, not the backing buffer

package.json

@@ -20,7 +20,7 @@
     "dep": "yakumo upgrade",
     "pub": "yakumo publish",
     "lint": "eslint packages adapters --ext=ts --cache",
-    "test": "yakumo test --import tsx",
+    "test": "NODE_OPTIONS=\"--import tsx\" yakumo test",
     "test:text": "shx rm -rf coverage && c8 -r text yarn test",
     "test:json": "shx rm -rf coverage && c8 -r json yarn test",
     "test:html": "shx rm -rf coverage && c8 -r html yarn test",

packages/element/src/index.ts

@@ -531,7 +531,7 @@ namespace Element {
       } else if (is('ArrayBuffer', src)) {
         src = prefix + Binary.toBase64(src)
       } else if (ArrayBuffer.isView(src)) {
-        src = prefix + Binary.toBase64(src.buffer)
+        src = prefix + Binary.toBase64(src)
       }
       if (src.startsWith('base64://')) {
         warn(`protocol "base64:" is deprecated and will be removed in the future, please use "data:" instead`)

packages/element/tests/index.spec.ts

@@ -0,0 +1,40 @@
+import * as h from '../src/index.ts'
+import { describe, test } from 'node:test'
+import { expect } from 'chai'
+
+describe('@satorijs/element', () => {
+  describe('asset factory', () => {
+    test('string source', () => {
+      expect(h.image('https://example.com/foo.png').attrs.src)
+        .to.equal('https://example.com/foo.png')
+    })
+
+    test('Buffer source', () => {
+      expect(h.image(Buffer.from([1, 2, 3])).attrs.src)
+        .to.equal('base64://AQID')
+    })
+
+    test('ArrayBuffer source', () => {
+      expect(h.image(Uint8Array.from([1, 2, 3]).buffer).attrs.src)
+        .to.equal('base64://AQID')
+    })
+
+    test('Uint8Array view', () => {
+      const buffer = Uint8Array.from([0, 0, 1, 2, 3, 0]).buffer
+      expect(h.image(new Uint8Array(buffer, 2, 3)).attrs.src)
+        .to.equal('base64://AQID')
+    })
+
+    test('DataView', () => {
+      const buffer = Uint8Array.from([0, 0, 1, 2, 3, 0]).buffer
+      expect(h.image(new DataView(buffer, 2, 3)).attrs.src)
+        .to.equal('base64://AQID')
+    })
+
+    test('mime type', () => {
+      const buffer = Uint8Array.from([0, 0, 1, 2, 3, 0]).buffer
+      expect(h.file(new Uint8Array(buffer, 2, 3), 'image/png').attrs.src)
+        .to.equal('data:image/png;base64,AQID')
+    })
+  })
+})