@file-viewer/renderer-typst 2.1.2 → 2.1.3

package/dist/typst.js

@@ -1,7 +1,7 @@
 import { $typst, MemoryAccessModel } from '@myriaddreamin/typst.ts';
 import { TypstSnippet } from '@myriaddreamin/typst.ts/contrib/snippet';
 import { resolveFileViewerTypstCompilerWasmUrl, resolveFileViewerTypstFontAssetsUrl, resolveFileViewerTypstRendererWasmUrl, } from '@file-viewer/core/assets';
-import { createFileViewerZoomChangeEmitter, formatCssPixels, registerFileViewerZoomProvider, readFileViewerText, unregisterFileViewerZoomProvider, } from '@file-viewer/core';
+import { createFileViewerTranslator, createFileViewerZoomChangeEmitter, formatCssPixels, registerFileViewerZoomProvider, readFileViewerText, unregisterFileViewerZoomProvider, } from '@file-viewer/core';
 const typstStyle = `
 .typst-viewer{min-height:100%;overflow:auto;background:#eef1f4;color:#172033}
 .typst-toolbar{position:sticky;top:0;z-index:2;display:flex;min-height:52px;align-items:center;justify-content:space-between;gap:16px;padding:10px 18px;border-bottom:1px solid rgba(120,134,155,.18);background:rgba(248,250,252,.92);backdrop-filter:blur(16px)}
@@ -33,8 +33,8 @@ const typstStyle = `
 let typstEngineConfigKey = '';
 const DEFAULT_TYPST_RENDER_TIMEOUT_MS = 180000;
 class TypstRenderTimeoutError extends Error {
-    constructor(timeoutMs) {
-        super(`Typst WASM / 字体加载或编译超过 ${Math.round(timeoutMs / 1000)} 秒`);
+    constructor(timeoutMs, message) {
+        super(message || `Typst WASM / font loading or compilation exceeded ${Math.round(timeoutMs / 1000)} seconds`);
         this.name = 'TypstRenderTimeoutError';
     }
 }
@@ -184,12 +184,12 @@ const removeUnsafeSvgContent = (root) => {
 const serializeNode = (node) => {
     return new XMLSerializer().serializeToString(node);
 };
-const parseTypstSvgPages = (svgText) => {
+const parseTypstSvgPages = (svgText, svgParseFailedMessage) => {
     const parser = new DOMParser();
     const documentSvg = parser.parseFromString(svgText, 'image/svg+xml');
     const parseError = documentSvg.querySelector('parsererror');
     if (parseError) {
-        throw new Error(parseError.textContent || 'Typst SVG 解析失败');
+        throw new Error(parseError.textContent || svgParseFailedMessage);
     }
     removeUnsafeSvgContent(documentSvg);
     const root = documentSvg.documentElement;
@@ -246,18 +246,18 @@ const formatTypstError = (error) => {
     }
     return String(error);
 };
-const formatTypstRuntimeError = (error) => {
+const formatTypstRuntimeError = (error, t) => {
     const message = formatTypstError(error);
     if (error instanceof TypstRenderTimeoutError) {
         return [
             message,
-            '请检查 Typst compiler WASM、renderer WASM、字体目录的下载速度和缓存策略；弱网或跨境部署可通过 options.typst.renderTimeoutMs 调大浏览器端加载/编译超时。'
+            t('typst.error.timeoutHint')
         ].join('\n\n');
     }
     if (isTypstAssetLoadError(error)) {
         return [
             message,
-            'Typst 需要本地 compiler / renderer WASM 和字体目录。请运行 file-viewer-copy-assets，或配置 options.typst.compilerWasmUrl / options.typst.rendererWasmUrl / options.typst.fontAssetsUrl，并确认服务器以 application/wasm 返回 WASM。'
+            t('typst.error.assetHint')
         ].join('\n\n');
     }
     return message;
@@ -271,13 +271,13 @@ const normalizeRenderTimeoutMs = (timeoutMs) => {
     }
     return Math.max(0, timeoutMs);
 };
-const withRenderTimeout = async (promise, timeoutMs) => {
+const withRenderTimeout = async (promise, timeoutMs, timeoutMessage) => {
     if (timeoutMs <= 0) {
         return promise;
     }
     let timeoutId;
     const timeoutPromise = new Promise((_, reject) => {
-        timeoutId = setTimeout(() => reject(new TypstRenderTimeoutError(timeoutMs)), timeoutMs);
+        timeoutId = setTimeout(() => reject(new TypstRenderTimeoutError(timeoutMs, timeoutMessage)), timeoutMs);
     });
     try {
         return await Promise.race([promise, timeoutPromise]);
@@ -372,14 +372,19 @@ const buildExportAdapter = (pages, filename) => {
         toHtml: () => buildExportHtml(pages, filename),
     };
 };
-const getPageSummary = (pages) => {
+const getPageSummary = (pages, t) => {
     if (!pages.length) {
-        return '0 pages';
+        return t('typst.pageSummary.empty');
     }
     const firstPage = pages[0];
-    return `${pages.length} pages / ${Math.round(firstPage.width)} x ${Math.round(firstPage.height)} pt`;
+    return t('typst.pageSummary.ready', {
+        count: pages.length,
+        width: Math.round(firstPage.width),
+        height: Math.round(firstPage.height),
+    });
 };
 export default async function renderTypst(buffer, target, _type, context) {
+    const t = createFileViewerTranslator(context === null || context === void 0 ? void 0 : context.options);
     const source = await readFileViewerText(buffer);
     const documentRef = target.ownerDocument || document;
     const zoomEmitter = createFileViewerZoomChangeEmitter();
@@ -395,8 +400,8 @@ export default async function renderTypst(buffer, target, _type, context) {
     const toolbar = createElement(documentRef, 'header', 'typst-toolbar');
     const titleGroup = createElement(documentRef, 'div');
     const title = createElement(documentRef, 'strong', undefined, (context === null || context === void 0 ? void 0 : context.filename) || 'Typst document');
-    const summary = createElement(documentRef, 'span', undefined, 'Typst WASM renderer');
-    const status = createElement(documentRef, 'em', undefined, '正在编译');
+    const summary = createElement(documentRef, 'span', undefined, t('typst.summaryRenderer'));
+    const status = createElement(documentRef, 'em', undefined, t('typst.status.compiling'));
     const body = createElement(documentRef, 'div');
     titleGroup.append(title, summary);
     toolbar.append(titleGroup, status);
@@ -443,12 +448,12 @@ export default async function renderTypst(buffer, target, _type, context) {
     const renderLoading = () => {
         const loading = createElement(documentRef, 'div', 'typst-loading');
         loading.setAttribute('role', 'status');
-        loading.append(createElement(documentRef, 'span'), createElement(documentRef, 'strong', undefined, '正在解析 Typst'), createElement(documentRef, 'p', undefined, '加载编译器并生成页面预览...'));
+        loading.append(createElement(documentRef, 'span'), createElement(documentRef, 'strong', undefined, t('typst.loading.title')), createElement(documentRef, 'p', undefined, t('typst.loading.hint')));
         body.replaceChildren(loading);
     };
     const renderError = () => {
         const error = createElement(documentRef, 'div', 'typst-error');
-        error.append(createElement(documentRef, 'strong', undefined, 'Typst 渲染失败'), createElement(documentRef, 'pre', undefined, errorMessage));
+        error.append(createElement(documentRef, 'strong', undefined, t('typst.error.title')), createElement(documentRef, 'pre', undefined, errorMessage));
         body.replaceChildren(error);
     };
     const renderPages = () => {
@@ -469,13 +474,13 @@ export default async function renderTypst(buffer, target, _type, context) {
     };
     const syncUi = () => {
         summary.textContent = state === 'ready'
-            ? getPageSummary(pages)
-            : 'Typst WASM renderer';
+            ? getPageSummary(pages, t)
+            : t('typst.summaryRenderer');
         status.textContent = state === 'loading'
-            ? '正在编译'
+            ? t('typst.status.compiling')
             : state === 'error'
-                ? '编译失败'
-                : '已渲染';
+                ? t('typst.status.failed')
+                : t('typst.status.rendered');
         if (state === 'loading') {
             renderLoading();
         }
@@ -509,7 +514,7 @@ export default async function renderTypst(buffer, target, _type, context) {
                         css: true,
                         js: false,
                     },
-                }), timeoutMs);
+                }), timeoutMs, t('typst.error.timeout', { seconds: Math.round(timeoutMs / 1000) }));
             }
             catch (error) {
                 lastError = error;
@@ -518,7 +523,7 @@ export default async function renderTypst(buffer, target, _type, context) {
                 }
             }
         }
-        throw lastError instanceof Error ? lastError : new Error('Typst WASM 加载失败');
+        throw lastError instanceof Error ? lastError : new Error(t('typst.error.wasmLoadFailed'));
     };
     const render = async () => {
         var _a, _b;
@@ -533,7 +538,7 @@ export default async function renderTypst(buffer, target, _type, context) {
             if (disposed || token !== renderToken) {
                 return;
             }
-            pages = parseTypstSvgPages(svg);
+            pages = parseTypstSvgPages(svg, t('typst.error.svgParseFailed'));
             state = 'ready';
             syncUi();
             registerExportAdapter();
@@ -543,7 +548,7 @@ export default async function renderTypst(buffer, target, _type, context) {
             if (disposed || token !== renderToken) {
                 return;
             }
-            errorMessage = formatTypstRuntimeError(error);
+            errorMessage = formatTypstRuntimeError(error, t);
             state = 'error';
             syncUi();
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@file-viewer/renderer-typst",
-  "version": "2.1.2",
+  "version": "2.1.3",
   "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.2",
+    "@file-viewer/core": "^2.1.3",
     "@myriaddreamin/typst-ts-renderer": "0.7.0",
     "@myriaddreamin/typst-ts-web-compiler": "0.7.0",
     "@myriaddreamin/typst.ts": "0.7.0"