@file-viewer/renderer-typst 2.1.26 → 2.1.27

package/dist/typst.js

@@ -384,6 +384,7 @@ const getPageSummary = (pages, t) => {
     });
 };
 export default async function renderTypst(buffer, target, _type, context) {
+    var _a;
     const t = createFileViewerTranslator(context === null || context === void 0 ? void 0 : context.options);
     const source = await readFileViewerText(buffer);
     const documentRef = target.ownerDocument || document;
@@ -554,14 +555,56 @@ export default async function renderTypst(buffer, target, _type, context) {
         }
     };
     void render();
+    (_a = context === null || context === void 0 ? void 0 : context.registerThumbnailAdapter) === null || _a === void 0 ? void 0 : _a.call(context, {
+        beforeCapture: async ({ signal }) => {
+            while (state === 'loading' && !disposed) {
+                if (signal === null || signal === void 0 ? void 0 : signal.aborted) {
+                    throw signal.reason;
+                }
+                await new Promise(resolve => {
+                    const view = documentRef.defaultView;
+                    if (view)
+                        view.setTimeout(resolve, 16);
+                    else
+                        setTimeout(resolve, 16);
+                });
+            }
+            if (state === 'error') {
+                throw new Error(errorMessage || t('typst.error.title'));
+            }
+        },
+        capture: async ({ width, height, background, signal }) => {
+            const firstPage = pages[0];
+            if (!firstPage) {
+                return null;
+            }
+            const canvasHost = documentRef.createElement('div');
+            const pixelPerPt = Math.max(0.5, Math.min(width / Math.max(firstPage.width, 1), height / Math.max(firstPage.height, 1)));
+            await $typst.canvas(canvasHost, {
+                mainContent: source,
+                pixelPerPt,
+                backgroundColor: background,
+            });
+            if (signal === null || signal === void 0 ? void 0 : signal.aborted) {
+                throw signal.reason;
+            }
+            const canvas = canvasHost.querySelector('canvas');
+            if (!canvas) {
+                return null;
+            }
+            return new Promise(resolve => canvas.toBlob(resolve, 'image/png'));
+        },
+        getTarget: () => pageShells.get(1) || body.querySelector('.typst-page-shell') || body,
+    });
     return {
         $el: target,
         unmount() {
-            var _a;
+            var _a, _b;
             disposed = true;
             renderToken += 1;
             unregisterFileViewerZoomProvider(root);
             (_a = context === null || context === void 0 ? void 0 : context.registerExportAdapter) === null || _a === void 0 ? void 0 : _a.call(context, null);
+            (_b = context === null || context === void 0 ? void 0 : context.registerThumbnailAdapter) === null || _b === void 0 ? void 0 : _b.call(context, null);
             target.replaceChildren();
         },
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@file-viewer/renderer-typst",
-  "version": "2.1.26",
+  "version": "2.1.27",
   "private": false,
   "type": "module",
   "description": "Standalone Typst renderer plugin for Flyfish File Viewer powered by browser WASM.",
@@ -54,7 +54,7 @@
     "LICENSE"
   ],
   "dependencies": {
-    "@file-viewer/core": "2.1.26",
+    "@file-viewer/core": "2.1.27",
     "@myriaddreamin/typst-ts-renderer": "0.7.0",
     "@myriaddreamin/typst-ts-web-compiler": "0.7.0",
     "@myriaddreamin/typst.ts": "0.7.0"