@file-viewer/core 2.0.6 → 2.0.8

package/dist/contracts/types.d.ts

@@ -107,6 +107,7 @@ export type FileViewerRenderedInstance = {
 export interface FileViewerTypstOptions {
     compilerWasmUrl?: string;
     rendererWasmUrl?: string;
+    renderTimeoutMs?: number;
 }
 export interface FileViewerDataOptions {
     sqlWasmUrl?: string;

package/dist/platform/assets.d.ts

@@ -6,10 +6,14 @@ export declare const DEFAULT_FILE_VIEWER_SPREADSHEET_WORKER_PATH = "vendor/xlsx/
 export declare const DEFAULT_FILE_VIEWER_CAD_WASM_PATH = "wasm/cad/";
 export declare const DEFAULT_FILE_VIEWER_CAD_WORKER_PATH = "wasm/cad/dwg-worker.js";
 export declare const DEFAULT_FILE_VIEWER_CAD_DWF_WASM_PATH = "wasm/cad/dwfv-render.wasm";
-export declare const DEFAULT_FILE_VIEWER_TYPST_COMPILER_WASM_URL = "https://cdn.jsdelivr.net/npm/@myriaddreamin/typst-ts-web-compiler@0.7.0/pkg/typst_ts_web_compiler_bg.wasm";
-export declare const DEFAULT_FILE_VIEWER_TYPST_RENDERER_WASM_URL = "https://cdn.jsdelivr.net/npm/@myriaddreamin/typst-ts-renderer@0.7.0/pkg/typst_ts_renderer_bg.wasm";
+export declare const DEFAULT_FILE_VIEWER_TYPST_COMPILER_WASM_URL = "wasm/typst/typst_ts_web_compiler_bg.wasm";
+export declare const DEFAULT_FILE_VIEWER_TYPST_RENDERER_WASM_URL = "wasm/typst/typst_ts_renderer_bg.wasm";
+export declare const FALLBACK_FILE_VIEWER_TYPST_COMPILER_WASM_URL = "https://cdn.jsdelivr.net/npm/@myriaddreamin/typst-ts-web-compiler@0.7.0/pkg/typst_ts_web_compiler_bg.wasm";
+export declare const FALLBACK_FILE_VIEWER_TYPST_RENDERER_WASM_URL = "https://cdn.jsdelivr.net/npm/@myriaddreamin/typst-ts-renderer@0.7.0/pkg/typst_ts_renderer_bg.wasm";
+export declare const DEFAULT_FILE_VIEWER_TYPST_COMPILER_WASM_PACKAGE_PATH = "@myriaddreamin/typst-ts-web-compiler/pkg/typst_ts_web_compiler_bg.wasm";
 export declare const DEFAULT_FILE_VIEWER_TYPST_RENDERER_WASM_PACKAGE_PATH = "@myriaddreamin/typst-ts-renderer/pkg/typst_ts_renderer_bg.wasm";
-export declare const DEFAULT_FILE_VIEWER_DATA_SQL_WASM_URL = "https://cdn.jsdelivr.net/npm/sql.js@1.14.1/dist/sql-wasm.wasm";
+export declare const DEFAULT_FILE_VIEWER_DATA_SQL_WASM_URL = "wasm/data/sql-wasm.wasm";
+export declare const DEFAULT_FILE_VIEWER_DATA_SQL_WASM_PACKAGE_PATH = "sql.js/dist/sql-wasm.wasm";
 export interface ResolveFileViewerAssetUrlOptions {
     baseUrl?: string;
     documentBaseUrl?: string;
@@ -54,9 +58,9 @@ export declare const resolveFileViewerArchiveWasmUrl: (options?: Pick<FileViewer
 export declare const resolveFileViewerCadAssetUrls: (options?: Pick<FileViewerCadOptions, "wasmPath" | "workerUrl" | "dwfWasmUrl"> | null, documentBaseUrl?: string) => ResolvedFileViewerCadAssetUrls;
 export declare const resolveFileViewerDocxWorkerUrl: (options?: Pick<FileViewerDocxOptions, "workerUrl"> | null, documentBaseUrl?: string) => string;
 export declare const resolveFileViewerSpreadsheetWorkerUrl: (options?: Pick<FileViewerSpreadsheetOptions, "workerUrl"> | null, documentBaseUrl?: string) => string;
-export declare const resolveFileViewerTypstCompilerWasmUrl: (options?: Pick<FileViewerTypstOptions, "compilerWasmUrl"> | null, overrides?: Array<string | undefined>) => string;
-export declare const resolveFileViewerTypstRendererWasmUrl: (options?: Pick<FileViewerTypstOptions, "rendererWasmUrl"> | null, overrides?: Array<string | undefined>) => string;
-export declare const resolveFileViewerDataSqlWasmUrl: (options?: Pick<FileViewerDataOptions, "sqlWasmUrl"> | null, overrides?: Array<string | undefined>) => string;
+export declare const resolveFileViewerTypstCompilerWasmUrl: (options?: Pick<FileViewerTypstOptions, "compilerWasmUrl"> | null, overrides?: Array<string | undefined>, documentBaseUrl?: string) => string;
+export declare const resolveFileViewerTypstRendererWasmUrl: (options?: Pick<FileViewerTypstOptions, "rendererWasmUrl"> | null, overrides?: Array<string | undefined>, documentBaseUrl?: string) => string;
+export declare const resolveFileViewerDataSqlWasmUrl: (options?: Pick<FileViewerDataOptions, "sqlWasmUrl"> | null, overrides?: Array<string | undefined>, documentBaseUrl?: string) => string;
 export declare const listFileViewerRendererAssetManifests: () => FileViewerRendererAssetManifest[];
 export declare const getFileViewerRendererAssetManifest: (rendererId: string) => FileViewerRendererAssetManifest | null;
 export declare const resolveFileViewerRendererAssets: (rendererId: string, resolveOptions?: ResolveFileViewerRendererAssetsOptions) => ResolvedFileViewerRendererAsset[];

package/dist/platform/assets.js

@@ -5,10 +5,14 @@ export const DEFAULT_FILE_VIEWER_SPREADSHEET_WORKER_PATH = 'vendor/xlsx/sheet.wo
 export const DEFAULT_FILE_VIEWER_CAD_WASM_PATH = 'wasm/cad/';
 export const DEFAULT_FILE_VIEWER_CAD_WORKER_PATH = 'wasm/cad/dwg-worker.js';
 export const DEFAULT_FILE_VIEWER_CAD_DWF_WASM_PATH = 'wasm/cad/dwfv-render.wasm';
-export const DEFAULT_FILE_VIEWER_TYPST_COMPILER_WASM_URL = 'https://cdn.jsdelivr.net/npm/@myriaddreamin/typst-ts-web-compiler@0.7.0/pkg/typst_ts_web_compiler_bg.wasm';
-export const DEFAULT_FILE_VIEWER_TYPST_RENDERER_WASM_URL = 'https://cdn.jsdelivr.net/npm/@myriaddreamin/typst-ts-renderer@0.7.0/pkg/typst_ts_renderer_bg.wasm';
+export const DEFAULT_FILE_VIEWER_TYPST_COMPILER_WASM_URL = 'wasm/typst/typst_ts_web_compiler_bg.wasm';
+export const DEFAULT_FILE_VIEWER_TYPST_RENDERER_WASM_URL = 'wasm/typst/typst_ts_renderer_bg.wasm';
+export const FALLBACK_FILE_VIEWER_TYPST_COMPILER_WASM_URL = 'https://cdn.jsdelivr.net/npm/@myriaddreamin/typst-ts-web-compiler@0.7.0/pkg/typst_ts_web_compiler_bg.wasm';
+export const FALLBACK_FILE_VIEWER_TYPST_RENDERER_WASM_URL = 'https://cdn.jsdelivr.net/npm/@myriaddreamin/typst-ts-renderer@0.7.0/pkg/typst_ts_renderer_bg.wasm';
+export const DEFAULT_FILE_VIEWER_TYPST_COMPILER_WASM_PACKAGE_PATH = '@myriaddreamin/typst-ts-web-compiler/pkg/typst_ts_web_compiler_bg.wasm';
 export const DEFAULT_FILE_VIEWER_TYPST_RENDERER_WASM_PACKAGE_PATH = '@myriaddreamin/typst-ts-renderer/pkg/typst_ts_renderer_bg.wasm';
-export const DEFAULT_FILE_VIEWER_DATA_SQL_WASM_URL = 'https://cdn.jsdelivr.net/npm/sql.js@1.14.1/dist/sql-wasm.wasm';
+export const DEFAULT_FILE_VIEWER_DATA_SQL_WASM_URL = 'wasm/data/sql-wasm.wasm';
+export const DEFAULT_FILE_VIEWER_DATA_SQL_WASM_PACKAGE_PATH = 'sql.js/dist/sql-wasm.wasm';
 export const DEFAULT_FILE_VIEWER_RENDERER_ASSET_MANIFESTS = [
     {
         rendererId: 'archive',
@@ -107,22 +111,23 @@ export const DEFAULT_FILE_VIEWER_RENDERER_ASSET_MANIFESTS = [
                 id: 'typst-compiler-wasm',
                 rendererId: 'typst',
                 kind: 'wasm',
-                target: 'external',
+                target: 'public',
                 required: true,
-                defaultUrl: DEFAULT_FILE_VIEWER_TYPST_COMPILER_WASM_URL,
+                defaultPath: DEFAULT_FILE_VIEWER_TYPST_COMPILER_WASM_URL,
+                packagePath: DEFAULT_FILE_VIEWER_TYPST_COMPILER_WASM_PACKAGE_PATH,
                 optionPath: 'typst.compilerWasmUrl',
-                description: 'Typst compiler WebAssembly module; configurable for private CDN deployment.',
+                description: 'Typst compiler WebAssembly module copied to the public assets directory.',
             },
             {
                 id: 'typst-renderer-wasm',
                 rendererId: 'typst',
-                kind: 'bundled-wasm',
-                target: 'bundled',
+                kind: 'wasm',
+                target: 'public',
                 required: true,
-                defaultUrl: DEFAULT_FILE_VIEWER_TYPST_RENDERER_WASM_URL,
+                defaultPath: DEFAULT_FILE_VIEWER_TYPST_RENDERER_WASM_URL,
                 packagePath: DEFAULT_FILE_VIEWER_TYPST_RENDERER_WASM_PACKAGE_PATH,
                 optionPath: 'typst.rendererWasmUrl',
-                description: 'Typst SVG renderer WebAssembly module bundled by the active frontend build tool.',
+                description: 'Typst SVG renderer WebAssembly module copied to the public assets directory.',
             },
         ],
     },
@@ -133,11 +138,12 @@ export const DEFAULT_FILE_VIEWER_RENDERER_ASSET_MANIFESTS = [
                 id: 'data-sql-wasm',
                 rendererId: 'data-asset',
                 kind: 'wasm',
-                target: 'external',
+                target: 'public',
                 required: false,
-                defaultUrl: DEFAULT_FILE_VIEWER_DATA_SQL_WASM_URL,
+                defaultPath: DEFAULT_FILE_VIEWER_DATA_SQL_WASM_URL,
+                packagePath: DEFAULT_FILE_VIEWER_DATA_SQL_WASM_PACKAGE_PATH,
                 optionPath: 'data.sqlWasmUrl',
-                description: 'sql.js WebAssembly module used when previewing SQLite files.',
+                description: 'sql.js WebAssembly module copied to the public assets directory for SQLite previews.',
             },
         ],
     },
@@ -188,20 +194,14 @@ export const resolveFileViewerSpreadsheetWorkerUrl = (options, documentBaseUrl)
         documentBaseUrl,
     });
 };
-export const resolveFileViewerTypstCompilerWasmUrl = (options, overrides = []) => {
-    return (options === null || options === void 0 ? void 0 : options.compilerWasmUrl) ||
-        overrides.find(Boolean) ||
-        DEFAULT_FILE_VIEWER_TYPST_COMPILER_WASM_URL;
+export const resolveFileViewerTypstCompilerWasmUrl = (options, overrides = [], documentBaseUrl) => {
+    return resolveFileViewerAssetUrl((options === null || options === void 0 ? void 0 : options.compilerWasmUrl) || overrides.find(Boolean), DEFAULT_FILE_VIEWER_TYPST_COMPILER_WASM_URL, { documentBaseUrl });
 };
-export const resolveFileViewerTypstRendererWasmUrl = (options, overrides = []) => {
-    return (options === null || options === void 0 ? void 0 : options.rendererWasmUrl) ||
-        overrides.find(Boolean) ||
-        DEFAULT_FILE_VIEWER_TYPST_RENDERER_WASM_URL;
+export const resolveFileViewerTypstRendererWasmUrl = (options, overrides = [], documentBaseUrl) => {
+    return resolveFileViewerAssetUrl((options === null || options === void 0 ? void 0 : options.rendererWasmUrl) || overrides.find(Boolean), DEFAULT_FILE_VIEWER_TYPST_RENDERER_WASM_URL, { documentBaseUrl });
 };
-export const resolveFileViewerDataSqlWasmUrl = (options, overrides = []) => {
-    return (options === null || options === void 0 ? void 0 : options.sqlWasmUrl) ||
-        overrides.find(Boolean) ||
-        DEFAULT_FILE_VIEWER_DATA_SQL_WASM_URL;
+export const resolveFileViewerDataSqlWasmUrl = (options, overrides = [], documentBaseUrl) => {
+    return resolveFileViewerAssetUrl((options === null || options === void 0 ? void 0 : options.sqlWasmUrl) || overrides.find(Boolean), DEFAULT_FILE_VIEWER_DATA_SQL_WASM_URL, { documentBaseUrl });
 };
 export const listFileViewerRendererAssetManifests = () => {
     return [...DEFAULT_FILE_VIEWER_RENDERER_ASSET_MANIFESTS];

package/dist/renderers/cad.js

@@ -68,6 +68,7 @@ const cadStyle = `
 .cad-native-stage .dwfv-root,.cad-native-stage .dwfv-workspace,.cad-native-stage .dwfv-stage{width:100%;min-width:0;min-height:0}
 .cad-native-stage .dwfv-root{height:100%}
 .cad-state{position:absolute;inset:50% auto auto 50%;max-width:min(520px,calc(100% - 48px));transform:translate(-50%,-50%);border-radius:12px;padding:14px 18px;background:rgba(255,255,255,.92);box-shadow:0 14px 38px rgba(15,23,42,.12);color:#53637a;font-size:13px;font-weight:800;text-align:center}
+.cad-state[hidden]{display:none!important}
 .cad-state.error{color:#b42318}
 .cad-inspector strong{display:block;margin-bottom:12px;color:#1f2a3d;font-size:13px}
 .cad-inspector dl{display:grid;gap:8px;margin:0}

package/dist/renderers/data.js

@@ -144,7 +144,7 @@ const renderSqlite = async (documentRef, buffer, context) => {
     const { default: initSqlJs } = await import('sql.js');
     const sqlWasmUrl = resolveFileViewerDataSqlWasmUrl((_a = context === null || context === void 0 ? void 0 : context.options) === null || _a === void 0 ? void 0 : _a.data, [
         getWindowSqlWasmOverride(documentRef),
-    ]);
+    ], documentRef.baseURI);
     const SQL = await initSqlJs({ locateFile: () => sqlWasmUrl });
     const db = new SQL.Database(new Uint8Array(buffer));
     try {

package/dist/renderers/drawing.js

@@ -5,6 +5,7 @@ import { readFileViewerText } from '../source/index.js';
 const DIAGRAMS_VIEWER_URL = 'https://viewer.diagrams.net/js/viewer-static.min.js';
 const SVG_NS = 'http://www.w3.org/2000/svg';
 const EXCALIDRAW_OFFICIAL_TIMEOUT = 6000;
+const DRAWIO_OFFICIAL_TIMEOUT = 6000;
 const diagramsViewerPromises = new WeakMap();
 const drawingStyle = `
 .drawing-viewer{display:flex;height:100%;min-height:360px;flex-direction:column;background:#edf2f7;color:#172033}
@@ -22,6 +23,7 @@ const drawingStyle = `
 .drawing-canvas .drawing-svg,.drawing-canvas svg{display:block;max-width:100%;height:auto;margin:0 auto;border-radius:10px;background:#fff;box-shadow:0 18px 42px rgba(15,23,42,.12)}
 .drawing-canvas .drawing-mxgraph{min-height:420px;overflow:hidden;border-radius:10px;background:#fff;box-shadow:0 18px 42px rgba(15,23,42,.12)}
 .drawing-state{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;padding:24px;color:#64748b;font-size:14px;font-weight:700;text-align:center}
+.drawing-state[hidden]{display:none!important}
 .drawing-state.error{color:#b42318}
 @media (max-width:720px){.drawing-toolbar{align-items:flex-start;flex-direction:column}.drawing-actions{width:100%;justify-content:space-between}.drawing-scroll{padding:12px}}
 `;
@@ -120,7 +122,8 @@ const suppressExcalidrawWorkerWarning = () => {
     const originalError = console.error;
     const patchedError = (...args) => {
         const message = args.map(arg => String(arg)).join(' ');
-        if (message.includes('Failed to use workers for subsetting')) {
+        if (message.includes('Failed to use workers for subsetting') ||
+            message.includes('Failed to fetch font family')) {
             return;
         }
         originalError(...args);
@@ -361,7 +364,7 @@ const renderOfficialExcalidraw = async (payload, elements, target) => {
     }
     finally {
         clearTimeout(restoreTimer);
-        restoreConsole();
+        setTimeout(restoreConsole, 3000);
     }
 };
 const renderExcalidraw = async (documentRef, text, target) => {
@@ -380,7 +383,262 @@ const renderExcalidraw = async (documentRef, text, target) => {
         await renderRoughFallback(documentRef, payload, elements, target);
     }
 };
-const renderDrawio = async (documentRef, text, target) => {
+const getDirectChild = (parent, tagName) => {
+    return Array.from(parent.children).find(child => child.localName === tagName) || null;
+};
+const parseDrawioStyle = (style) => {
+    const entries = new Map();
+    for (const item of (style || '').split(';')) {
+        if (!item) {
+            continue;
+        }
+        const [key, ...rest] = item.split('=');
+        entries.set(key, rest.join('=') || '1');
+    }
+    return entries;
+};
+const getDrawioStyleValue = (style, key, fallback) => {
+    const value = style.get(key);
+    return value && value !== 'none' ? value : fallback;
+};
+const parseDrawioGeometry = (cell) => {
+    const geometry = getDirectChild(cell, 'mxGeometry');
+    if (!geometry) {
+        return null;
+    }
+    return {
+        x: toNumber(geometry.getAttribute('x')),
+        y: toNumber(geometry.getAttribute('y')),
+        width: Math.max(1, toNumber(geometry.getAttribute('width'), 80)),
+        height: Math.max(1, toNumber(geometry.getAttribute('height'), 40)),
+        points: Array.from(geometry.querySelectorAll('mxPoint')).map(point => ({
+            x: toNumber(point.getAttribute('x')),
+            y: toNumber(point.getAttribute('y')),
+        })),
+    };
+};
+const normalizeDrawioText = (documentRef, value) => {
+    if (!value) {
+        return '';
+    }
+    const helper = documentRef.createElement('textarea');
+    helper.innerHTML = value;
+    return helper.value
+        .replace(/<br\s*\/?>/gi, '\n')
+        .replace(/<[^>]+>/g, '')
+        .replace(/\u00a0/g, ' ')
+        .replace(/[ \t]+/g, ' ')
+        .trim();
+};
+const appendDrawioWrappedText = (documentRef, svg, text, x, y, width, height, fontSize, fill) => {
+    if (!text) {
+        return;
+    }
+    const textNode = createSvgElement(documentRef, 'text');
+    const maxChars = Math.max(4, Math.floor(width / Math.max(7, fontSize * 0.55)));
+    const words = text.includes(' ') ? text.split(/\s+/) : text.match(new RegExp(`.{1,${maxChars}}`, 'g')) || [text];
+    const lines = [];
+    let current = '';
+    for (const word of words) {
+        const next = current ? `${current} ${word}` : word;
+        if (next.length > maxChars && current) {
+            lines.push(current);
+            current = word;
+        }
+        else {
+            current = next;
+        }
+    }
+    if (current) {
+        lines.push(current);
+    }
+    const lineHeight = fontSize * 1.24;
+    const totalHeight = lineHeight * lines.length;
+    textNode.setAttribute('x', String(x + width / 2));
+    textNode.setAttribute('y', String(y + height / 2 - totalHeight / 2 + fontSize));
+    textNode.setAttribute('fill', fill);
+    textNode.setAttribute('font-size', String(fontSize));
+    textNode.setAttribute('font-family', 'Inter, Segoe UI, Arial, sans-serif');
+    textNode.setAttribute('font-weight', '600');
+    textNode.setAttribute('text-anchor', 'middle');
+    textNode.setAttribute('pointer-events', 'none');
+    lines.slice(0, 5).forEach((line, index) => {
+        const lineNode = createSvgElement(documentRef, 'tspan');
+        lineNode.setAttribute('x', String(x + width / 2));
+        lineNode.setAttribute('dy', index === 0 ? '0' : String(lineHeight));
+        lineNode.textContent = line;
+        textNode.appendChild(lineNode);
+    });
+    svg.appendChild(textNode);
+};
+const renderDrawioFallback = (documentRef, text, target) => {
+    var _a;
+    const parser = new DOMParser();
+    const parsed = parser.parseFromString(text, 'text/xml');
+    const parseError = parsed.querySelector('parsererror');
+    if (parseError) {
+        throw new Error(`Draw.io XML 解析失败：${parseError.textContent || 'invalid xml'}`);
+    }
+    const firstDiagram = parsed.querySelector('diagram');
+    const graphModel = (firstDiagram === null || firstDiagram === void 0 ? void 0 : firstDiagram.querySelector('mxGraphModel')) || parsed.querySelector('mxGraphModel');
+    if (!graphModel) {
+        throw new Error('当前 Draw.io 文件没有可直接渲染的 mxGraphModel。');
+    }
+    const cells = Array.from(graphModel.querySelectorAll('mxCell'));
+    const vertices = cells
+        .filter(cell => cell.getAttribute('vertex') === '1' && cell.getAttribute('connectable') !== '0')
+        .map(cell => ({
+        cell,
+        id: cell.getAttribute('id') || '',
+        geometry: parseDrawioGeometry(cell),
+        style: parseDrawioStyle(cell.getAttribute('style')),
+        text: normalizeDrawioText(documentRef, cell.getAttribute('value')),
+    }))
+        .filter(item => item.id && item.geometry);
+    if (!vertices.length) {
+        throw new Error('当前 Draw.io 文件没有可预览图元。');
+    }
+    const vertexById = new Map(vertices.map(vertex => [vertex.id, vertex]));
+    const allX = vertices.flatMap(vertex => [vertex.geometry.x, vertex.geometry.x + vertex.geometry.width]);
+    const allY = vertices.flatMap(vertex => [vertex.geometry.y, vertex.geometry.y + vertex.geometry.height]);
+    const edgePoints = [];
+    const edges = cells.filter(cell => cell.getAttribute('edge') === '1');
+    for (const edge of edges) {
+        const source = vertexById.get(edge.getAttribute('source') || '');
+        const targetVertex = vertexById.get(edge.getAttribute('target') || '');
+        const geometry = parseDrawioGeometry(edge);
+        if (source === null || source === void 0 ? void 0 : source.geometry) {
+            edgePoints.push({
+                x: source.geometry.x + source.geometry.width / 2,
+                y: source.geometry.y + source.geometry.height / 2,
+            });
+        }
+        geometry === null || geometry === void 0 ? void 0 : geometry.points.forEach(point => edgePoints.push(point));
+        if (targetVertex === null || targetVertex === void 0 ? void 0 : targetVertex.geometry) {
+            edgePoints.push({
+                x: targetVertex.geometry.x + targetVertex.geometry.width / 2,
+                y: targetVertex.geometry.y + targetVertex.geometry.height / 2,
+            });
+        }
+    }
+    allX.push(...edgePoints.map(point => point.x));
+    allY.push(...edgePoints.map(point => point.y));
+    const padding = 96;
+    const minX = Math.min(...allX) - padding;
+    const minY = Math.min(...allY) - padding;
+    const width = Math.max(480, Math.max(...allX) - Math.min(...allX) + padding * 2);
+    const height = Math.max(320, Math.max(...allY) - Math.min(...allY) + padding * 2);
+    const svg = createSvgElement(documentRef, 'svg');
+    svg.setAttribute('viewBox', `${minX} ${minY} ${width} ${height}`);
+    svg.setAttribute('width', String(Math.ceil(width)));
+    svg.setAttribute('height', String(Math.ceil(height)));
+    svg.setAttribute('role', 'img');
+    svg.setAttribute('aria-label', (firstDiagram === null || firstDiagram === void 0 ? void 0 : firstDiagram.getAttribute('name')) || 'Draw.io local SVG preview');
+    const defs = createSvgElement(documentRef, 'defs');
+    const marker = createSvgElement(documentRef, 'marker');
+    marker.setAttribute('id', 'drawio-arrow');
+    marker.setAttribute('viewBox', '0 0 10 10');
+    marker.setAttribute('refX', '9');
+    marker.setAttribute('refY', '5');
+    marker.setAttribute('markerWidth', '7');
+    marker.setAttribute('markerHeight', '7');
+    marker.setAttribute('orient', 'auto-start-reverse');
+    const arrow = createSvgElement(documentRef, 'path');
+    arrow.setAttribute('d', 'M 0 0 L 10 5 L 0 10 z');
+    arrow.setAttribute('fill', '#64748b');
+    marker.appendChild(arrow);
+    defs.appendChild(marker);
+    svg.appendChild(defs);
+    const background = createSvgElement(documentRef, 'rect');
+    background.setAttribute('x', String(minX));
+    background.setAttribute('y', String(minY));
+    background.setAttribute('width', String(width));
+    background.setAttribute('height', String(height));
+    background.setAttribute('fill', '#ffffff');
+    svg.appendChild(background);
+    for (const edge of edges) {
+        const source = vertexById.get(edge.getAttribute('source') || '');
+        const targetVertex = vertexById.get(edge.getAttribute('target') || '');
+        if (!(source === null || source === void 0 ? void 0 : source.geometry) || !(targetVertex === null || targetVertex === void 0 ? void 0 : targetVertex.geometry)) {
+            continue;
+        }
+        const style = parseDrawioStyle(edge.getAttribute('style'));
+        const stroke = getDrawioStyleValue(style, 'strokeColor', '#64748b');
+        const points = [
+            {
+                x: source.geometry.x + source.geometry.width / 2,
+                y: source.geometry.y + source.geometry.height / 2,
+            },
+            ...(((_a = parseDrawioGeometry(edge)) === null || _a === void 0 ? void 0 : _a.points) || []),
+            {
+                x: targetVertex.geometry.x + targetVertex.geometry.width / 2,
+                y: targetVertex.geometry.y + targetVertex.geometry.height / 2,
+            },
+        ];
+        const polyline = createSvgElement(documentRef, 'polyline');
+        polyline.setAttribute('points', points.map(point => `${point.x},${point.y}`).join(' '));
+        polyline.setAttribute('fill', 'none');
+        polyline.setAttribute('stroke', stroke);
+        polyline.setAttribute('stroke-width', '2');
+        if (style.get('dashed') === '1') {
+            polyline.setAttribute('stroke-dasharray', '8 7');
+        }
+        if (style.get('endArrow') !== 'none') {
+            polyline.setAttribute('marker-end', 'url(#drawio-arrow)');
+        }
+        svg.appendChild(polyline);
+    }
+    for (const vertex of vertices) {
+        const geometry = vertex.geometry;
+        const fill = getDrawioStyleValue(vertex.style, 'fillColor', '#f8fafc');
+        const stroke = getDrawioStyleValue(vertex.style, 'strokeColor', '#64748b');
+        const fontSize = Math.max(10, toNumber(vertex.style.get('fontSize'), 14));
+        const shape = vertex.style.has('ellipse')
+            ? 'ellipse'
+            : vertex.style.get('shape') === 'rhombus'
+                ? 'diamond'
+                : 'rect';
+        if (shape === 'ellipse') {
+            const ellipse = createSvgElement(documentRef, 'ellipse');
+            ellipse.setAttribute('cx', String(geometry.x + geometry.width / 2));
+            ellipse.setAttribute('cy', String(geometry.y + geometry.height / 2));
+            ellipse.setAttribute('rx', String(geometry.width / 2));
+            ellipse.setAttribute('ry', String(geometry.height / 2));
+            ellipse.setAttribute('fill', fill);
+            ellipse.setAttribute('stroke', stroke);
+            ellipse.setAttribute('stroke-width', '2');
+            svg.appendChild(ellipse);
+        }
+        else if (shape === 'diamond') {
+            const diamond = createSvgElement(documentRef, 'polygon');
+            diamond.setAttribute('points', [
+                `${geometry.x + geometry.width / 2},${geometry.y}`,
+                `${geometry.x + geometry.width},${geometry.y + geometry.height / 2}`,
+                `${geometry.x + geometry.width / 2},${geometry.y + geometry.height}`,
+                `${geometry.x},${geometry.y + geometry.height / 2}`,
+            ].join(' '));
+            diamond.setAttribute('fill', fill);
+            diamond.setAttribute('stroke', stroke);
+            diamond.setAttribute('stroke-width', '2');
+            svg.appendChild(diamond);
+        }
+        else {
+            const rect = createSvgElement(documentRef, 'rect');
+            rect.setAttribute('x', String(geometry.x));
+            rect.setAttribute('y', String(geometry.y));
+            rect.setAttribute('width', String(geometry.width));
+            rect.setAttribute('height', String(geometry.height));
+            rect.setAttribute('rx', vertex.style.get('rounded') === '1' ? '10' : '2');
+            rect.setAttribute('fill', fill);
+            rect.setAttribute('stroke', stroke);
+            rect.setAttribute('stroke-width', '2');
+            svg.appendChild(rect);
+        }
+        appendDrawioWrappedText(documentRef, svg, vertex.text, geometry.x, geometry.y, geometry.width, geometry.height, fontSize, getDrawioStyleValue(vertex.style, 'fontColor', '#172033'));
+    }
+    appendRenderedSvg(target, svg, 'rough');
+};
+const renderOfficialDrawio = async (documentRef, text, target) => {
     const ownerWindow = documentRef.defaultView || (typeof window !== 'undefined' ? window : undefined);
     await loadDiagramsViewer(documentRef);
     await waitForFileViewerNextPaint(ownerWindow);
@@ -403,6 +661,19 @@ const renderDrawio = async (documentRef, text, target) => {
         throw new Error('diagrams.net viewer 未正确初始化');
     }
     ownerWindow.GraphViewer.createViewerForElement(host);
+    markRendered(target, 'official');
+};
+const renderDrawio = async (documentRef, text, target) => {
+    try {
+        await runWithTimeout(renderOfficialDrawio(documentRef, text, target), DRAWIO_OFFICIAL_TIMEOUT, 'diagrams.net 官方 Viewer 加载超时，自动切换本地 SVG 预览');
+    }
+    catch (error) {
+        console.warn(error);
+        diagramsViewerPromises.delete(documentRef);
+        delete target.dataset.drawingRendered;
+        target.replaceChildren();
+        renderDrawioFallback(documentRef, text, target);
+    }
 };
 export default async function renderDrawing(buffer, target, type = 'drawio', _context) {
     const documentRef = target.ownerDocument || document;

package/dist/renderers/epub.js

@@ -32,6 +32,7 @@ const epubStyle = `
 .epub-stage .epub-container{width:100%!important;max-width:100%;overflow-x:hidden!important;overflow-y:auto!important}
 .epub-stage iframe{max-width:100%}
 .epub-state{position:absolute;inset:18px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(255,255,255,.92);color:#64748b;font-size:14px}
+.epub-state[hidden]{display:none!important}
 .epub-state.error{color:#b42318}
 .file-viewer[data-viewer-theme='dark'] .epub-viewer{background:#172033;color:#e5eef8}
 .file-viewer[data-viewer-theme='dark'] .epub-toolbar,.file-viewer[data-viewer-theme='dark'] .epub-toc,.file-viewer[data-viewer-theme='dark'] .epub-stage{background:#fff;color:#172033}

package/dist/renderers/model.js

@@ -13,6 +13,7 @@ const modelStyle = `
 .model-stage{position:relative;flex:1;min-height:0;overflow:hidden}
 .model-stage canvas{display:block;width:100%;height:100%;outline:none}
 .model-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;background:rgba(248,250,252,.88);color:#64748b;text-align:center;line-height:1.7}
+.model-state[hidden]{display:none!important}
 .model-state.error{color:#b42318}
 .model-state strong{color:#b42318;font-size:18px}
 @media (max-width:720px){.model-toolbar{min-height:64px;align-items:flex-start;flex-direction:column;gap:8px;padding:8px 10px}.model-meta{width:100%;justify-content:flex-start}}

package/dist/renderers/ofd.js

@@ -8,6 +8,7 @@ const ofdStyle = `
 .ofd-viewer *{box-sizing:border-box}
 .ofd-stage{min-height:100%;padding:18px 0 28px;overflow:auto;scrollbar-gutter:stable}
 .ofd-state{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;background:rgba(246,248,250,.92);color:#64748b;font-size:14px}
+.ofd-state[hidden]{display:none!important}
 .ofd-state.error{color:#b42318}
 .ofd-page-frame{position:relative;display:block;margin:0 auto 20px;overflow:visible}
 .ofd-page{display:block;margin-left:auto!important;margin-right:auto!important;box-shadow:0 10px 26px rgba(15,23,42,.12);transition:transform .16s ease}

package/dist/renderers/pdf.js

@@ -12,9 +12,14 @@ const SCALE_STEP = 0.1;
 const FIT_HORIZONTAL_PADDING = 28;
 const PAGE_BORDER_WIDTH = 18;
 const PDF_EXPORT_MAX_PAGE_PIXELS = 8000000;
+// PDF.js viewer CSS references image assets that are not shipped with the
+// on-demand renderer chunk, so keep the preview self-contained and 404-free.
+const normalizedPdfViewerStyle = pdfViewerStyle
+    .replace(/--page-border-image:\s*url\(images\/shadow\.png\)\s*9 9 repeat;/g, '--page-border-image:none;')
+    .replace(/background:\s*url\("\.\/images\/loading-icon\.gif"\)\s*center no-repeat;/g, 'background:none;');
 const createStyle = (documentRef) => {
     const style = documentRef.createElement('style');
-    style.textContent = `${pdfViewerStyle}
+    style.textContent = `${normalizedPdfViewerStyle}
 .pdf-state[hidden],.pdf-nav-pane[hidden]{display:none!important}
 `;
     return style;

package/dist/renderers/typst.js

@@ -1,5 +1,5 @@
 import { $typst } from '@myriaddreamin/typst.ts';
-import { resolveFileViewerTypstCompilerWasmUrl, resolveFileViewerTypstRendererWasmUrl, } from '../platform/assets.js';
+import { FALLBACK_FILE_VIEWER_TYPST_COMPILER_WASM_URL, FALLBACK_FILE_VIEWER_TYPST_RENDERER_WASM_URL, resolveFileViewerTypstCompilerWasmUrl, resolveFileViewerTypstRendererWasmUrl, } from '../platform/assets.js';
 import { registerFileViewerZoomProvider, unregisterFileViewerZoomProvider, } from '../features/document/dom/index.js';
 import { createFileViewerZoomChangeEmitter } from '../features/document/zoom.js';
 import { formatCssPixels } from '../output/printLayout.js';
@@ -21,6 +21,11 @@ const typstStyle = `
 .typst-loading p{margin:0;color:#6a778b;font-size:13px}
 .typst-error{color:#9f1d1d}
 .typst-error pre{max-height:360px;margin:14px 0 0;overflow:auto;border-radius:10px;background:#fff1f2;color:#9f1d1d;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono',monospace;font-size:12px;line-height:1.7;padding:14px;white-space:pre-wrap}
+.typst-source-fallback{box-sizing:border-box;width:min(1040px,calc(100% - 32px));margin:28px auto 44px;border:1px solid rgba(20,35,53,.1);border-radius:16px;background:#fff;box-shadow:0 18px 44px rgba(15,23,42,.14);overflow:hidden}
+.typst-source-fallback header{padding:18px 20px;border-bottom:1px solid rgba(120,134,155,.18);background:linear-gradient(135deg,#f0fdf4,#eff6ff)}
+.typst-source-fallback strong{display:block;color:#172033;font-size:15px;font-weight:850}
+.typst-source-fallback p{margin:6px 0 0;color:#5f6e84;font-size:13px;line-height:1.7}
+.typst-source-fallback pre{box-sizing:border-box;max-height:none;margin:0;overflow:auto;background:#0f172a;color:#e2e8f0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono',monospace;font-size:13px;line-height:1.75;padding:20px;tab-size:2;white-space:pre}
 .file-viewer[data-viewer-theme='dark'] .typst-viewer{background:#101820;color:#e6edf3}
 .file-viewer[data-viewer-theme='dark'] .typst-toolbar{border-bottom-color:rgba(139,148,158,.22);background:rgba(15,23,42,.9)}
 .file-viewer[data-viewer-theme='dark'] .typst-toolbar strong{color:#f8fafc}
@@ -28,11 +33,22 @@ const typstStyle = `
 .file-viewer[data-viewer-theme='dark'] .typst-page-shell{border-color:rgba(139,148,158,.26);box-shadow:0 24px 56px rgba(0,0,0,.38)}
 .file-viewer[data-viewer-theme='dark'] .typst-loading,.file-viewer[data-viewer-theme='dark'] .typst-error{border-color:rgba(139,148,158,.22);background:#151b23;box-shadow:0 24px 56px rgba(0,0,0,.32)}
 .file-viewer[data-viewer-theme='dark'] .typst-loading strong,.file-viewer[data-viewer-theme='dark'] .typst-error strong{color:#f8fafc}
+.file-viewer[data-viewer-theme='dark'] .typst-source-fallback{border-color:rgba(139,148,158,.26);background:#151b23;box-shadow:0 24px 56px rgba(0,0,0,.32)}
+.file-viewer[data-viewer-theme='dark'] .typst-source-fallback header{border-bottom-color:rgba(139,148,158,.22);background:linear-gradient(135deg,rgba(16,185,129,.18),rgba(59,130,246,.16))}
+.file-viewer[data-viewer-theme='dark'] .typst-source-fallback strong{color:#f8fafc}
+.file-viewer[data-viewer-theme='dark'] .typst-source-fallback p{color:#9aa7b8}
 @keyframes typst-spin{to{transform:rotate(360deg)}}
 @media (max-width:767px){.typst-toolbar{align-items:flex-start;flex-direction:column;gap:4px}.typst-pages{gap:16px;padding:16px 10px 28px}}
-@media (prefers-color-scheme:dark){.file-viewer[data-viewer-theme='system'] .typst-viewer{background:#101820;color:#e6edf3}.file-viewer[data-viewer-theme='system'] .typst-toolbar{border-bottom-color:rgba(139,148,158,.22);background:rgba(15,23,42,.9)}.file-viewer[data-viewer-theme='system'] .typst-toolbar strong{color:#f8fafc}.file-viewer[data-viewer-theme='system'] .typst-toolbar span,.file-viewer[data-viewer-theme='system'] .typst-toolbar em{color:#9aa7b8}.file-viewer[data-viewer-theme='system'] .typst-page-shell{border-color:rgba(139,148,158,.26);box-shadow:0 24px 56px rgba(0,0,0,.38)}.file-viewer[data-viewer-theme='system'] .typst-loading,.file-viewer[data-viewer-theme='system'] .typst-error{border-color:rgba(139,148,158,.22);background:#151b23;box-shadow:0 24px 56px rgba(0,0,0,.32)}.file-viewer[data-viewer-theme='system'] .typst-loading strong,.file-viewer[data-viewer-theme='system'] .typst-error strong{color:#f8fafc}}
+@media (prefers-color-scheme:dark){.file-viewer[data-viewer-theme='system'] .typst-viewer{background:#101820;color:#e6edf3}.file-viewer[data-viewer-theme='system'] .typst-toolbar{border-bottom-color:rgba(139,148,158,.22);background:rgba(15,23,42,.9)}.file-viewer[data-viewer-theme='system'] .typst-toolbar strong{color:#f8fafc}.file-viewer[data-viewer-theme='system'] .typst-toolbar span,.file-viewer[data-viewer-theme='system'] .typst-toolbar em{color:#9aa7b8}.file-viewer[data-viewer-theme='system'] .typst-page-shell{border-color:rgba(139,148,158,.26);box-shadow:0 24px 56px rgba(0,0,0,.38)}.file-viewer[data-viewer-theme='system'] .typst-loading,.file-viewer[data-viewer-theme='system'] .typst-error{border-color:rgba(139,148,158,.22);background:#151b23;box-shadow:0 24px 56px rgba(0,0,0,.32)}.file-viewer[data-viewer-theme='system'] .typst-loading strong,.file-viewer[data-viewer-theme='system'] .typst-error strong{color:#f8fafc}.file-viewer[data-viewer-theme='system'] .typst-source-fallback{border-color:rgba(139,148,158,.26);background:#151b23;box-shadow:0 24px 56px rgba(0,0,0,.32)}.file-viewer[data-viewer-theme='system'] .typst-source-fallback header{border-bottom-color:rgba(139,148,158,.22);background:linear-gradient(135deg,rgba(16,185,129,.18),rgba(59,130,246,.16))}.file-viewer[data-viewer-theme='system'] .typst-source-fallback strong{color:#f8fafc}.file-viewer[data-viewer-theme='system'] .typst-source-fallback p{color:#9aa7b8}}
 `;
 let typstEngineConfigKey = '';
+const DEFAULT_TYPST_RENDER_TIMEOUT_MS = 20000;
+class TypstRenderTimeoutError extends Error {
+    constructor(timeoutMs) {
+        super(`Typst 编译超过 ${Math.round(timeoutMs / 1000)} 秒，已切换为源码预览`);
+        this.name = 'TypstRenderTimeoutError';
+    }
+}
 const createStyle = (documentRef) => {
     const style = documentRef.createElement('style');
     style.textContent = typstStyle;
@@ -54,15 +70,7 @@ const getWindowOverride = (key) => {
     }
     return window[key];
 };
-const configureTypstEngine = (context) => {
-    var _a;
-    const typstOptions = (_a = context === null || context === void 0 ? void 0 : context.options) === null || _a === void 0 ? void 0 : _a.typst;
-    const compilerWasmUrl = resolveFileViewerTypstCompilerWasmUrl(typstOptions, [
-        getWindowOverride('__FLYFISH_TYPST_COMPILER_WASM_URL__'),
-    ]);
-    const rendererWasmUrl = resolveFileViewerTypstRendererWasmUrl(typstOptions, [
-        getWindowOverride('__FLYFISH_TYPST_RENDERER_WASM_URL__'),
-    ]);
+const configureTypstEngine = (compilerWasmUrl, rendererWasmUrl) => {
     const configKey = `${compilerWasmUrl}\n${rendererWasmUrl}`;
     if (typstEngineConfigKey === configKey) {
         return;
@@ -75,6 +83,69 @@ const configureTypstEngine = (context) => {
     });
     typstEngineConfigKey = configKey;
 };
+const pushUniqueTypstCandidate = (candidates, candidate) => {
+    if (candidates.some(item => item.compilerWasmUrl === candidate.compilerWasmUrl &&
+        item.rendererWasmUrl === candidate.rendererWasmUrl)) {
+        return;
+    }
+    candidates.push(candidate);
+};
+const resolveTypstEngineCandidates = (context, documentBaseUrl) => {
+    var _a;
+    const typstOptions = (_a = context === null || context === void 0 ? void 0 : context.options) === null || _a === void 0 ? void 0 : _a.typst;
+    const compilerOverride = getWindowOverride('__FLYFISH_TYPST_COMPILER_WASM_URL__');
+    const rendererOverride = getWindowOverride('__FLYFISH_TYPST_RENDERER_WASM_URL__');
+    const compilerWasmUrl = resolveFileViewerTypstCompilerWasmUrl(typstOptions, [
+        compilerOverride,
+    ], documentBaseUrl);
+    const rendererWasmUrl = resolveFileViewerTypstRendererWasmUrl(typstOptions, [
+        rendererOverride,
+    ], documentBaseUrl);
+    const hasConfiguredAsset = Boolean((typstOptions === null || typstOptions === void 0 ? void 0 : typstOptions.compilerWasmUrl) ||
+        (typstOptions === null || typstOptions === void 0 ? void 0 : typstOptions.rendererWasmUrl) ||
+        compilerOverride ||
+        rendererOverride);
+    const candidates = [];
+    pushUniqueTypstCandidate(candidates, {
+        compilerWasmUrl,
+        rendererWasmUrl,
+        source: hasConfiguredAsset ? 'configured' : 'local',
+        preflight: !hasConfiguredAsset,
+    });
+    // Static hosts such as Cloudflare Pages reject files larger than 25 MiB.
+    // Keep the package self-contained, but let hosted demos fall back gracefully
+    // when the local compiler WASM was intentionally omitted from deployment.
+    pushUniqueTypstCandidate(candidates, {
+        compilerWasmUrl: FALLBACK_FILE_VIEWER_TYPST_COMPILER_WASM_URL,
+        rendererWasmUrl: FALLBACK_FILE_VIEWER_TYPST_RENDERER_WASM_URL,
+        source: 'cdn',
+        preflight: false,
+    });
+    return candidates;
+};
+const isHttpUrl = (url) => /^https?:\/\//i.test(url);
+const isKnownMissingWasmUrl = async (url) => {
+    if (typeof fetch !== 'function' || !isHttpUrl(url)) {
+        return false;
+    }
+    try {
+        const response = await fetch(url, {
+            cache: 'force-cache',
+            method: 'HEAD',
+        });
+        return response.status === 404 || response.status === 410;
+    }
+    catch {
+        return false;
+    }
+};
+const isTypstAssetLoadError = (error) => {
+    if (Array.isArray(error)) {
+        return false;
+    }
+    const message = error instanceof Error ? error.message : String(error);
+    return /wasm|webassembly|fetch|module|instantiate|compile|network|404|410/i.test(message);
+};
 const escapeAttribute = (value) => {
     return value.replace(/[&<>"']/g, char => {
         const entities = {
@@ -171,6 +242,29 @@ const formatTypstError = (error) => {
 const clampZoom = (value) => {
     return Math.min(3, Math.max(0.3, Number(value.toFixed(2))));
 };
+const normalizeRenderTimeoutMs = (timeoutMs) => {
+    if (!Number.isFinite(timeoutMs) || timeoutMs === undefined) {
+        return DEFAULT_TYPST_RENDER_TIMEOUT_MS;
+    }
+    return Math.max(0, timeoutMs);
+};
+const withRenderTimeout = async (promise, timeoutMs) => {
+    if (timeoutMs <= 0) {
+        return promise;
+    }
+    let timeoutId;
+    const timeoutPromise = new Promise((_, reject) => {
+        timeoutId = setTimeout(() => reject(new TypstRenderTimeoutError(timeoutMs)), timeoutMs);
+    });
+    try {
+        return await Promise.race([promise, timeoutPromise]);
+    }
+    finally {
+        if (timeoutId) {
+            clearTimeout(timeoutId);
+        }
+    }
+};
 const buildExportStyles = () => `
   <style>
     .typst-export-document {
@@ -269,6 +363,7 @@ export default async function renderTypst(buffer, target, _type, context) {
     let state = 'loading';
     let pages = [];
     let errorMessage = '';
+    let sourceFallbackMessage = '';
     let zoom = 1;
     let renderToken = 0;
     let disposed = false;
@@ -334,6 +429,16 @@ export default async function renderTypst(buffer, target, _type, context) {
         error.append(createElement(documentRef, 'strong', undefined, 'Typst 渲染失败'), createElement(documentRef, 'pre', undefined, errorMessage));
         body.replaceChildren(error);
     };
+    const renderSourceFallback = () => {
+        const fallback = createElement(documentRef, 'main', 'typst-source-fallback');
+        fallback.setAttribute('aria-label', 'Typst source preview');
+        const header = createElement(documentRef, 'header');
+        header.append(createElement(documentRef, 'strong', undefined, '已切换为 Typst 源码预览'), createElement(documentRef, 'p', undefined, sourceFallbackMessage || '当前浏览器没有在预期时间内完成 Typst 编译，源码仍可完整查看。'));
+        const pre = createElement(documentRef, 'pre');
+        pre.textContent = source;
+        fallback.append(header, pre);
+        body.replaceChildren(fallback);
+    };
     const renderPages = () => {
         pageShells.clear();
         const pagesRoot = createElement(documentRef, 'main', 'typst-pages');
@@ -351,37 +456,73 @@ export default async function renderTypst(buffer, target, _type, context) {
         applyPageZoom();
     };
     const syncUi = () => {
-        summary.textContent = state === 'ready' ? getPageSummary(pages) : 'Typst WASM renderer';
-        status.textContent = state === 'loading' ? '正在编译' : state === 'error' ? '编译失败' : '已渲染';
+        summary.textContent = state === 'ready'
+            ? getPageSummary(pages)
+            : state === 'source'
+                ? 'Typst source preview'
+                : 'Typst WASM renderer';
+        status.textContent = state === 'loading'
+            ? '正在编译'
+            : state === 'error'
+                ? '编译失败'
+                : state === 'source'
+                    ? '源码预览'
+                    : '已渲染';
         if (state === 'loading') {
             renderLoading();
         }
         else if (state === 'error') {
             renderError();
         }
+        else if (state === 'source') {
+            renderSourceFallback();
+        }
         else {
             renderPages();
         }
     };
-    const render = async () => {
+    const renderTypstSvg = async () => {
         var _a, _b;
+        const candidates = resolveTypstEngineCandidates(context, documentRef.baseURI);
+        const timeoutMs = normalizeRenderTimeoutMs((_b = (_a = context === null || context === void 0 ? void 0 : context.options) === null || _a === void 0 ? void 0 : _a.typst) === null || _b === void 0 ? void 0 : _b.renderTimeoutMs);
+        let lastError;
+        for (const candidate of candidates) {
+            if (candidate.preflight && await isKnownMissingWasmUrl(candidate.compilerWasmUrl)) {
+                lastError = new Error(`Typst compiler WASM missing: ${candidate.compilerWasmUrl}`);
+                continue;
+            }
+            try {
+                configureTypstEngine(candidate.compilerWasmUrl, candidate.rendererWasmUrl);
+                return await withRenderTimeout($typst.svg({
+                    mainContent: source,
+                    data_selection: {
+                        body: true,
+                        defs: true,
+                        css: true,
+                        js: false,
+                    },
+                }), timeoutMs);
+            }
+            catch (error) {
+                lastError = error;
+                if (error instanceof TypstRenderTimeoutError || !isTypstAssetLoadError(error)) {
+                    throw error;
+                }
+            }
+        }
+        throw lastError instanceof Error ? lastError : new Error('Typst WASM 加载失败');
+    };
+    const render = async () => {
+        var _a, _b, _c;
         const token = ++renderToken;
         state = 'loading';
         errorMessage = '';
+        sourceFallbackMessage = '';
         pages = [];
         (_a = context === null || context === void 0 ? void 0 : context.registerExportAdapter) === null || _a === void 0 ? void 0 : _a.call(context, null);
         syncUi();
         try {
-            configureTypstEngine(context);
-            const svg = await $typst.svg({
-                mainContent: source,
-                data_selection: {
-                    body: true,
-                    defs: true,
-                    css: true,
-                    js: false,
-                },
-            });
+            const svg = await renderTypstSvg();
             if (disposed || token !== renderToken) {
                 return;
             }
@@ -395,6 +536,13 @@ export default async function renderTypst(buffer, target, _type, context) {
             if (disposed || token !== renderToken) {
                 return;
             }
+            if (error instanceof TypstRenderTimeoutError) {
+                sourceFallbackMessage = error.message;
+                state = 'source';
+                syncUi();
+                (_c = context === null || context === void 0 ? void 0 : context.onProgressiveRender) === null || _c === void 0 ? void 0 : _c.call(context);
+                return;
+            }
             errorMessage = formatTypstError(error);
             state = 'error';
             syncUi();

package/dist/renderers/umd.js

@@ -28,7 +28,7 @@ const umdStyle = `
 .umd-text{color:#1f2937;font-family:Georgia,'Times New Roman','Songti SC',SimSun,serif;font-size:17px;line-height:1.86;white-space:pre-wrap;word-break:break-word}
 .umd-image-list{display:grid;gap:18px}.umd-image-list figure{margin:0;text-align:center}.umd-image-list img{max-width:100%;height:auto;border-radius:6px;box-shadow:0 10px 24px rgba(15,23,42,.12)}
 .umd-empty,.umd-warning{color:#64748b;font-size:14px;line-height:1.7}.umd-warning{max-width:820px;margin:-28px auto 36px;padding:0 34px;color:#b45309;box-sizing:border-box}
-.umd-state{position:absolute;inset:18px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(255,255,255,.92);color:#64748b;font-size:14px}.umd-state.error{color:#b42318}
+.umd-state{position:absolute;inset:18px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(255,255,255,.92);color:#64748b;font-size:14px}.umd-state[hidden]{display:none!important}.umd-state.error{color:#b42318}
 .file-viewer[data-viewer-theme='dark'] .umd-viewer{background:#101820;color:#e5edf6}.file-viewer[data-viewer-theme='dark'] .umd-toolbar,.file-viewer[data-viewer-theme='dark'] .umd-toc{background:rgba(15,23,42,.92);border-color:rgba(148,163,184,.18)}
 .file-viewer[data-viewer-theme='dark'] .umd-stage{background:#111827;box-shadow:0 18px 45px rgba(0,0,0,.35),inset 0 0 0 1px rgba(148,163,184,.16)}
 .file-viewer[data-viewer-theme='dark'] .umd-book-head h1,.file-viewer[data-viewer-theme='dark'] .umd-chapter h2,.file-viewer[data-viewer-theme='dark'] .umd-text,.file-viewer[data-viewer-theme='dark'] .umd-toc-head{color:#e5edf6}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@file-viewer/core",
-  "version": "2.0.6",
+  "version": "2.0.8",
   "private": false,
   "type": "module",
   "description": "Framework-neutral TypeScript core for Flyfish File Viewer",
@@ -58,7 +58,7 @@
     "LICENSE"
   ],
   "dependencies": {
-    "@file-viewer/pptx": "^2.0.6",
+    "@file-viewer/pptx": "^2.0.8",
     "@flyfish-dev/cad-viewer": "^0.6.4",
     "@excalidraw/excalidraw": "^0.18.1",
     "@kenjiuno/msgreader": "^1.28.0",