verstak/verstak-official-plugins
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: render inline image previews

Browse Source
This commit is contained in:
mirivlad
2026-06-29 03:16:16 +08:00
parent 7b249fcf48
commit f0c7b31c9e
3 changed files with 39 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
scripts/smoke-file-preview-plugin.js
+11
View File
@@ -123,17 +123,28 @@ async function flush() {
const imageContainer = new FakeNode('div');
const opened = [];
const byteReads = [];
component.mount(imageContainer, {
request: { path: 'Images/logo.png', extension: '.png', mode: 'view' },
}, {
files: {
metadata: async () => ({ type: 'file', size: 2048, isText: false, modifiedAt: '2026-06-27T00:00:00Z' }),
readBytes: async (relativePath) => {
byteReads.push(relativePath);
return { relativePath, size: 4, mimeHint: 'image/png', dataBase64: 'iVBORw==' };
},
readText: async () => { throw new Error('file preview should not read text content'); },
openExternal: async (relativePath) => { opened.push(relativePath); },
},
});
await flush();
if (!imageContainer.textContent.includes('Image Preview')) throw new Error('image preview metadata was not rendered');
if (byteReads[0] !== 'Images/logo.png') throw new Error(`expected readBytes path Images/logo.png, got ${byteReads[0] || '<none>'}`);
const previewImage = walk(imageContainer, (node) => node.tagName === 'IMG' && node.getAttribute('data-preview-image') === 'true');
if (!previewImage) throw new Error('preview image not rendered');
if (previewImage.getAttribute('src') !== 'data:image/png;base64,iVBORw==') {
throw new Error(`unexpected preview image src: ${previewImage.getAttribute('src') || '<none>'}`);
}
const openButton = walk(imageContainer, (node) => node.getAttribute && node.getAttribute('data-action') === 'open-external');
if (!openButton) throw new Error('open external button not found');
openButton.click();