@flyfish-group/file-viewer3 1.0.18 → 1.0.20

package/dist/src/package/common/printLayout.d.ts

@@ -0,0 +1,16 @@
+export interface PrintPageSize {
+    width: number;
+    height: number;
+}
+interface ApplyPrintPageSizeOptions {
+    heightMode?: 'fixed' | 'min';
+}
+interface BuildPrintPageStyleOptions extends PrintPageSize {
+    selector: string;
+    heightMode?: 'fixed' | 'min';
+}
+export declare const formatCssPixels: (value: number) => string;
+export declare const getElementPrintPageSize: (element: HTMLElement, fallback?: Partial<PrintPageSize>) => PrintPageSize;
+export declare const applyPrintPageSize: (element: HTMLElement, size: PrintPageSize, options?: ApplyPrintPageSizeOptions) => void;
+export declare const buildPrintPageStyle: ({ selector, width, height, heightMode }: BuildPrintPageStyleOptions) => string;
+export {};

package/dist/src/package/common/sourceLoading.d.ts

@@ -0,0 +1,10 @@
+import { FileViewerPdfOptions } from './type';
+export declare const DEFAULT_PDF_RANGE_CHUNK_SIZE: number;
+export declare const normalizePdfStreamingMode: (mode: FileViewerPdfOptions["streaming"]) => true | false | "same-origin";
+export declare const isSameOriginUrl: (url: string, pageHref: string) => boolean;
+export declare const shouldStreamPdfUrl: ({ extension, pageHref, streaming, url }: {
+    extension: string;
+    pageHref: string;
+    streaming?: FileViewerPdfOptions["streaming"];
+    url: string;
+}) => boolean;

package/dist/src/package/common/type.d.ts

@@ -94,6 +94,32 @@ export interface FileViewerPdfOptions {
      * 初始页面旋转角度。会按 90 度归一化到 0 / 90 / 180 / 270。
      */
     rotation?: number;
+    /**
+     * 远端 PDF 是否优先交给 PDF.js 直接按 URL 渐进读取。
+     *
+     * 默认 `same-origin`，即同源 PDF 交给 PDF.js 通过 URL 渐进读取；
+     * 当文件服务支持 Range 时会进一步使用分片加载。跨域 URL 仍保持
+     * 旧的 Blob 下载后预览链路，最大化兼容鉴权下载和 CORS 场景。
+     * 设为 `true` 会对所有 URL 启用，设为 `false` 会完全禁用。
+     */
+    streaming?: boolean | 'same-origin';
+    /**
+     * PDF.js Range 请求的分片大小，默认 64KB；仅在文件服务支持 Range 时生效。
+     */
+    rangeChunkSize?: number;
+    /**
+     * PDF.js URL 读取 PDF 时是否携带浏览器凭据。
+     */
+    withCredentials?: boolean;
+}
+/**
+ * Typst 预览配置。
+ */
+export interface FileViewerTypstOptions {
+    /**
+     * Typst compiler WASM 地址。需要浏览器端编译时才会加载。
+     */
+    compilerWasmUrl?: string;
 }
 export type FileViewerSourceType = 'file' | 'url' | 'empty';
 export type FileViewerLifecyclePhase = 'load-start' | 'load-complete' | 'unload-start' | 'unload-complete';
@@ -142,6 +168,7 @@ export interface FileViewerOptions {
     toolbar?: boolean | FileViewerToolbarOptions;
     archive?: FileViewerArchiveOptions;
     pdf?: FileViewerPdfOptions;
+    typst?: FileViewerTypstOptions;
     /**
      * 文档加载/卸载生命周期钩子。直接使用 Vue 组件时可以传函数；
      * iframe 集成时同名事件会通过 `postMessage` 向宿主发送。
@@ -186,6 +213,11 @@ export interface FileRenderExportAdapter {
      */
     includeDocumentStyles?: boolean;
     beforeSnapshot?: () => Promise<void> | void;
+    /**
+     * 打印专用样式。适合 PDF / Word 等有真实页面尺寸的格式输出 `@page size`，
+     * 避免浏览器默认纸张或外层容器把页面缩放、裁切。
+     */
+    printStyle?: string | ((options: FileRenderExportOptions) => Promise<string> | string);
     toHtml?: (options: FileRenderExportOptions) => Promise<string> | string;
 }
 /**
@@ -198,13 +230,18 @@ export interface FileRenderExportAdapter {
 export interface FileRenderContext {
     filename?: string;
     url?: string;
+    /**
+     * 渲染器可以直接读取的远端 URL。当前主要给 PDF.js 使用，
+     * 让同源 PDF 不必先整包下载为 Blob，就可以边拉取边建页。
+     */
+    streamUrl?: string;
     options?: FileViewerOptions;
     registerExportAdapter?: (adapter: FileRenderExportAdapter | null) => void;
 }
 /**
  * 文件处理逻辑，用于声明具体格式的异步渲染器。
  *
- * 渲染器只在命中文件扩展名时被按需加载，避免 PDF、OFD、压缩包、
+ * 渲染器只在命中文件扩展名时被按需加载，避免 PDF、OFD、Typst、压缩包、
  * 邮件、CAD、3D、Office 等重型依赖进入无关格式的首屏路径。
  *
  * @param buffer 二进制缓存

package/dist/src/package/components/FileViewer/exportDocumentTemplate.d.ts

@@ -0,0 +1,9 @@
+export interface BuildExportHtmlDocumentOptions {
+    contentHtml: string;
+    includeDocumentStyles?: boolean;
+    printStyle?: string;
+    title: string;
+    watermarkInlineStyle?: string;
+}
+export declare const collectDocumentStyles: () => string;
+export declare const buildExportHtmlDocument: ({ contentHtml, includeDocumentStyles, printStyle, title, watermarkInlineStyle }: BuildExportHtmlDocumentOptions) => string;

package/dist/src/package/components/FileViewer/useViewerExport.d.ts

@@ -0,0 +1,21 @@
+import { ComputedRef, Ref, ShallowRef } from 'vue';
+import { FileRenderExportAdapter, FileViewerOperationAvailability, FileViewerOperationType } from '../../common/type';
+interface UseViewerExportOptions {
+    activeExportAdapter: ShallowRef<FileRenderExportAdapter | null>;
+    currentBuffer: Ref<ArrayBuffer | null>;
+    currentFile: Ref<File | null>;
+    currentSourceUrl: Ref<string | null>;
+    displayFilename: ComputedRef<string>;
+    formatErrorMessage: (prefix: string, nextError: unknown) => string;
+    operationAvailability: ComputedRef<FileViewerOperationAvailability>;
+    output: Ref<HTMLDivElement | null>;
+    runBeforeOperation: (operation: FileViewerOperationType) => Promise<boolean>;
+    showError: (message: string) => void;
+    watermarkInlineStyle: ComputedRef<string>;
+}
+export declare const useViewerExport: ({ activeExportAdapter, currentBuffer, currentFile, currentSourceUrl, displayFilename, formatErrorMessage, operationAvailability, output, runBeforeOperation, showError, watermarkInlineStyle }: UseViewerExportOptions) => {
+    downloadOriginalFile: () => Promise<void>;
+    exportRenderedHtml: () => Promise<void>;
+    printRenderedHtml: () => Promise<void>;
+};
+export {};

package/dist/src/package/vendors/pdf/PdfView.vue.d.ts

@@ -1,6 +1,7 @@
 import { FileRenderExportAdapter, FileViewerPdfOptions } from '../../common/type';
 type __VLS_Props = {
-    data: ArrayBuffer;
+    data?: ArrayBuffer;
+    url?: string;
     exportAdapter?: (adapter: FileRenderExportAdapter | null) => void;
     options?: FileViewerPdfOptions;
 };

package/dist/src/package/vendors/typst/TypstViewer.vue.d.ts

@@ -0,0 +1,15 @@
+import { FileRenderExportAdapter } from '../../common/type';
+declare global {
+    interface Window {
+        __FLYFISH_TYPST_COMPILER_WASM_URL__?: string;
+    }
+}
+type __VLS_Props = {
+    source: string;
+    filename?: string;
+    compilerWasmUrl?: string;
+    exportAdapter?: (adapter: FileRenderExportAdapter | null) => void;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/src/package/vendors/typst/index.d.ts

@@ -0,0 +1,8 @@
+import { FileRenderContext } from '../../common/type';
+/**
+ * Render Typst source documents through the browser WASM compiler/renderer stack.
+ *
+ * The heavy Typst runtime is kept behind this async vendor entry so normal
+ * Office/PDF/image previews do not pay for the WASM compiler on first load.
+ */
+export default function renderTypst(buffer: ArrayBuffer, target: HTMLDivElement, _type?: string, context?: FileRenderContext): Promise<import('vue').App<Element>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flyfish-group/file-viewer3",
-  "version": "1.0.18",
+  "version": "1.0.20",
   "private": false,
   "type": "module",
   "packageManager": "pnpm@11.0.9",
@@ -48,6 +48,7 @@
     "build-lib-only": "vite build --mode lib && node scripts/fix-lib-css.mjs && node scripts/fix-lib-workers.mjs",
     "build:viewer-assets": "pnpm build-only && node scripts/sync-viewer-assets.mjs",
     "build:adapters": "pnpm build:viewer-assets && pnpm --filter @flyfish-group/file-viewer-web build && pnpm --filter @flyfish-group/file-viewer-react build",
+    "deploy:cloudflare": "pnpm build-only && node scripts/deploy-cloudflare-pages.mjs",
     "dev:adapters": "pnpm --filter @flyfish-group/file-viewer-demo dev",
     "build:adapter-demo": "pnpm --filter @flyfish-group/file-viewer-demo build",
     "release:adapters:pack": "pnpm build:adapters && mkdir -p .release/adapters && pnpm -C packages/web pack --pack-destination ../../.release/adapters && pnpm -C packages/react pack --pack-destination ../../.release/adapters",
@@ -79,6 +80,9 @@
     "@cadview/core": "^0.5.0",
     "@excalidraw/excalidraw": "^0.18.1",
     "@kenjiuno/msgreader": "^1.28.0",
+    "@myriaddreamin/typst-ts-renderer": "0.7.0",
+    "@myriaddreamin/typst-ts-web-compiler": "0.7.0",
+    "@myriaddreamin/typst.ts": "0.7.0",
     "axios": "^1.16.1",
     "billboard.js": "^3.18.0",
     "buffer": "^6.0.3",

package/dist/components/wrapAsyncGenerator.js

@@ -1 +0,0 @@
-var D=c;(function(d,f){var w=c,g=d();while(!![]){try{var h=-parseInt(w(0x7f))/0x1+-parseInt(w(0x89))/0x2+parseInt(w(0x8c))/0x3+-parseInt(w(0x8f))/0x4*(-parseInt(w(0x87))/0x5)+-parseInt(w(0x8d))/0x6*(-parseInt(w(0x81))/0x7)+-parseInt(w(0x8b))/0x8+-parseInt(w(0x80))/0x9*(-parseInt(w(0x90))/0xa);if(h===f)break;else g['push'](g['shift']());}catch(j){g['push'](g['shift']());}}}(b,0x8d0a4));function e(d){var x=c,f,g,h,j=0x2;for(typeof Symbol<'u'&&(g=Symbol['asyncIterator'],h=Symbol['iterator']);j--;){if(g&&(f=d[g])!=null)return f['call'](d);if(h&&(f=d[h])!=null)return new t(f['call'](d));g='@@asyncIterator',h=x(0x91);}throw TypeError(x(0x8e));}function t(d){var y=c;function f(g){if(Object(g)!==g)return Promise['reject'](TypeError(g+'\x20is\x20not\x20an\x20object.'));var h=g['done'];return Promise['resolve'](g['value'])['then'](function(j){return{'value':j,'done':h};});}return t=function(g){this['s']=g,this['n']=g['next'];},t[y(0x83)]={'s':null,'n':null,'next':function(){return f(this['n']['apply'](this['s'],arguments));},'return':function(g){var h=this['s']['return'];return h===void 0x0?Promise['resolve']({'value':g,'done':!0x0}):f(h['apply'](this['s'],arguments));},'throw':function(g){var h=this['s']['return'];return h===void 0x0?Promise['reject'](g):f(h['apply'](this['s'],arguments));}},new t(d);}function n(d,f){this['v']=d,this['k']=f;}function r(d){return new n(d,0x0);}function i(d){return function(){return new a(d['apply'](this,arguments));};}function b(){var E=['5353120cFZtNC','2569554wPBXwS','951978cqHcGf','Object\x20is\x20not\x20async\x20iterable','698316BFucjb','338860miZtHh','@@iterator','next','770184xkTcHk','36dTIHDL','35KGxaaT','asyncIterator','prototype','arg','key','normal','25QffaZK','reject','1282496cLzZlK','resolve'];b=function(){return E;};return b();}function a(d){var f,g;function h(k,l){var z=c;try{var m=d[k](l),p=m['value'],q=p instanceof n;Promise[z(0x8a)](q?p['v']:p)['then'](function(u){var A=z;if(q){var v=k==='return'?'return':'next';if(!p['k']||u['done'])return h(v,u);u=d[v](u)['value'];}j(m['done']?'return':A(0x86),u);},function(u){h('throw',u);});}catch(u){j('throw',u);}}function j(k,l){var B=c;switch(k){case'return':f['resolve']({'value':l,'done':!0x0});break;case'throw':f[B(0x88)](l);break;default:f['resolve']({'value':l,'done':!0x1});}(f=f['next'])?h(f[B(0x85)],f[B(0x84)]):g=null;}this['_invoke']=function(k,l){return new Promise(function(m,p){var C=c,q={'key':k,'arg':l,'resolve':m,'reject':p,'next':null};g?g=g[C(0x7e)]=q:(f=g=q,h(k,l));});},typeof d['return']!='function'&&(this['return']=void 0x0);}function c(a,d){a=a-0x7e;var e=b();var f=e[a];return f;}a[D(0x83)][typeof Symbol=='function'&&Symbol[D(0x82)]||'@@asyncIterator']=function(){return this;},a['prototype']['next']=function(d){return this['_invoke']('next',d);},a['prototype']['throw']=function(d){return this['_invoke']('throw',d);},a['prototype']['return']=function(d){return this['_invoke']('return',d);};export{e as i,r as n,n as r,i as t};