@flyfish-group/file-viewer-web 1.0.9

package/LICENSE

@@ -0,0 +1,160 @@
+Apache License
+Version 2.0, January 2004
+http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+"License" shall mean the terms and conditions for use, reproduction, and
+distribution as defined by Sections 1 through 9 of this document.
+
+"Licensor" shall mean the copyright owner or entity authorized by the copyright
+owner that is granting the License.
+
+"Legal Entity" shall mean the union of the acting entity and all other entities
+that control, are controlled by, or are under common control with that entity.
+For the purposes of this definition, "control" means (i) the power, direct or
+indirect, to cause the direction or management of such entity, whether by
+contract or otherwise, or (ii) ownership of fifty percent (50%) or more of the
+outstanding shares, or (iii) beneficial ownership of such entity.
+
+"You" (or "Your") shall mean an individual or Legal Entity exercising
+permissions granted by this License.
+
+"Source" form shall mean the preferred form for making modifications, including
+but not limited to software source code, documentation source, and configuration
+files.
+
+"Object" form shall mean any form resulting from mechanical transformation or
+translation of a Source form, including but not limited to compiled object code,
+generated documentation, and conversions to other media types.
+
+"Work" shall mean the work of authorship, whether in Source or Object form,
+made available under the License, as indicated by a copyright notice that is
+included in or attached to the work.
+
+"Derivative Works" shall mean any work, whether in Source or Object form, that
+is based on (or derived from) the Work and for which the editorial revisions,
+annotations, elaborations, or other modifications represent, as a whole, an
+original work of authorship. For the purposes of this License, Derivative Works
+shall not include works that remain separable from, or merely link (or bind by
+name) to the interfaces of, the Work and Derivative Works thereof.
+
+"Contribution" shall mean any work of authorship, including the original version
+of the Work and any modifications or additions to that Work or Derivative Works
+thereof, that is intentionally submitted to Licensor for inclusion in the Work by
+the copyright owner or by an individual or Legal Entity authorized to submit on
+behalf of the copyright owner. For the purposes of this definition, "submitted"
+means any form of electronic, verbal, or written communication sent to the
+Licensor or its representatives, including but not limited to communication on
+electronic mailing lists, source code control systems, and issue tracking systems
+that are managed by, or on behalf of, the Licensor for the purpose of discussing
+and improving the Work, but excluding communication that is conspicuously marked
+or otherwise designated in writing by the copyright owner as "Not a
+Contribution."
+
+"Contributor" shall mean Licensor and any individual or Legal Entity on behalf
+of whom a Contribution has been received by Licensor and subsequently
+incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of this
+License, each Contributor hereby grants to You a perpetual, worldwide,
+non-exclusive, no-charge, royalty-free, irrevocable copyright license to
+reproduce, prepare Derivative Works of, publicly display, publicly perform,
+sublicense, and distribute the Work and such Derivative Works in Source or
+Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of this License,
+each Contributor hereby grants to You a perpetual, worldwide, non-exclusive,
+no-charge, royalty-free, irrevocable (except as stated in this section) patent
+license to make, have made, use, offer to sell, sell, import, and otherwise
+transfer the Work, where such license applies only to those patent claims
+licensable by such Contributor that are necessarily infringed by their
+Contribution(s) alone or by combination of their Contribution(s) with the Work to
+which such Contribution(s) was submitted. If You institute patent litigation
+against any entity (including a cross-claim or counterclaim in a lawsuit)
+alleging that the Work or a Contribution incorporated within the Work
+constitutes direct or contributory patent infringement, then any patent licenses
+granted to You under this License for that Work shall terminate as of the date
+such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the Work or
+Derivative Works thereof in any medium, with or without modifications, and in
+Source or Object form, provided that You meet the following conditions:
+
+(a) You must give any other recipients of the Work or Derivative Works a copy of
+this License; and
+
+(b) You must cause any modified files to carry prominent notices stating that
+You changed the files; and
+
+(c) You must retain, in the Source form of any Derivative Works that You
+distribute, all copyright, patent, trademark, and attribution notices from the
+Source form of the Work, excluding those notices that do not pertain to any part
+of the Derivative Works; and
+
+(d) If the Work includes a "NOTICE" text file as part of its distribution, then
+any Derivative Works that You distribute must include a readable copy of the
+attribution notices contained within such NOTICE file, excluding those notices
+that do not pertain to any part of the Derivative Works, in at least one of the
+following places: within a NOTICE text file distributed as part of the Derivative
+Works; within the Source form or documentation, if provided along with the
+Derivative Works; or, within a display generated by the Derivative Works, if and
+wherever such third-party notices normally appear. The contents of the NOTICE
+file are for informational purposes only and do not modify the License. You may
+add Your own attribution notices within Derivative Works that You distribute,
+alongside or as an addendum to the NOTICE text from the Work, provided that such
+additional attribution notices cannot be construed as modifying the License.
+
+You may add Your own copyright statement to Your modifications and may provide
+additional or different license terms and conditions for use, reproduction, or
+distribution of Your modifications, or for any such Derivative Works as a whole,
+provided Your use, reproduction, and distribution of the Work otherwise complies
+with the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise, any
+Contribution intentionally submitted for inclusion in the Work by You to the
+Licensor shall be under the terms and conditions of this License, without any
+additional terms or conditions. Notwithstanding the above, nothing herein shall
+supersede or modify the terms of any separate license agreement you may have
+executed with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade names,
+trademarks, service marks, or product names of the Licensor, except as required
+for reasonable and customary use in describing the origin of the Work and
+reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or agreed to in
+writing, Licensor provides the Work (and each Contributor provides its
+Contributions) on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, either express or implied, including, without limitation, any warranties or
+conditions of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+PARTICULAR PURPOSE. You are solely responsible for determining the
+appropriateness of using or redistributing the Work and assume any risks
+associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory, whether in
+tort (including negligence), contract, or otherwise, unless required by
+applicable law (such as deliberate and grossly negligent acts) or agreed to in
+writing, shall any Contributor be liable to You for damages, including any
+direct, indirect, special, incidental, or consequential damages of any character
+arising as a result of this License or out of the use or inability to use the
+Work (including but not limited to damages for loss of goodwill, work stoppage,
+computer failure or malfunction, or any and all other commercial damages or
+losses), even if such Contributor has been advised of the possibility of such
+damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing the Work or
+Derivative Works thereof, You may choose to offer, and charge a fee for,
+acceptance of support, warranty, indemnity, or other liability obligations and/or
+rights consistent with this License. However, in accepting such obligations, You
+may act only on Your own behalf and on Your sole responsibility, not on behalf of
+any other Contributor, and only if You agree to indemnify, defend, and hold each
+Contributor harmless for any liability incurred by, or claims asserted against,
+such Contributor by reason of your accepting any such warranty or additional
+liability.
+
+END OF TERMS AND CONDITIONS
+
+Copyright 2026 Flyfish Viewer

package/README.md

@@ -0,0 +1,41 @@
+# @flyfish-group/file-viewer-web
+
+纯 Web 文件预览组件。只提供私有化部署路线: npm 包随包携带 Vue 基线 viewer 产物，安装后会自动复制到宿主项目的 `public/file-viewer`，组件默认加载 `/file-viewer/index.html`。
+
+```bash
+pnpm add @flyfish-group/file-viewer-web
+```
+
+```ts
+import { mountViewerFrame } from '@flyfish-group/file-viewer-web'
+
+mountViewerFrame(document.getElementById('viewer')!, {
+  url: 'https://example.com/demo.pdf'
+})
+```
+
+鉴权文件可以由宿主系统先下载成 `Blob`，再通过 `file` 和 `name` 推送给 iframe。
+
+```ts
+const blob = await fetch('/api/files/contract', { credentials: 'include' }).then(res => res.blob())
+
+mountViewerFrame(document.getElementById('viewer')!, {
+  file: blob,
+  name: 'contract.pdf'
+})
+```
+
+如果你的静态目录不是 `public/file-viewer`，可以在安装后手动复制一次:
+
+```bash
+npx file-viewer-copy-assets ./public/vendor/file-viewer
+```
+
+然后在组件里覆盖 `viewerUrl`:
+
+```ts
+mountViewerFrame(el, {
+  viewerUrl: '/vendor/file-viewer/index.html',
+  url
+})
+```

package/dist/index.d.ts

@@ -0,0 +1,60 @@
+export type FileRef = File | Blob | ArrayBuffer;
+export type ViewerFrameParamValue = string | number | boolean | null | undefined;
+export interface ViewerFrameOptions {
+    /**
+     * 私有化部署后的 Vue 基线预览器页面地址。
+     *
+     * 默认使用安装后复制到宿主项目的 `/file-viewer/index.html`。
+     */
+    viewerUrl?: string;
+    /**
+     * 远端文件地址。会透传为预览器的 `url` 查询参数。
+     */
+    url?: string;
+    /**
+     * 本地二进制输入。优先级高于 `url`，会通过 postMessage 推送给 iframe。
+     */
+    file?: FileRef;
+    /**
+     * 当 file 是 Blob 或 ArrayBuffer 时用于识别扩展名。
+     */
+    name?: string;
+    /**
+     * 允许推送二进制的宿主 origin。默认取当前页面 origin。
+     */
+    from?: string;
+    /**
+     * postMessage 的目标 origin。默认从 viewerUrl 推导。
+     */
+    targetOrigin?: string;
+    /**
+     * 预留给后续 Vue 基线页面扩展的查询参数。
+     */
+    params?: Record<string, ViewerFrameParamValue>;
+}
+export interface CreateViewerFrameOptions extends ViewerFrameOptions {
+    autoPostFile?: boolean;
+    className?: string;
+    style?: Partial<CSSStyleDeclaration>;
+    title?: string;
+}
+export interface ViewerFrameController {
+    readonly frame: HTMLIFrameElement;
+    readonly src: string;
+    destroy(): void;
+    postFile(): boolean;
+    reload(): void;
+    update(options: ViewerFrameOptions): string;
+}
+export declare const DEFAULT_VIEWER_PUBLIC_DIR = "/file-viewer";
+export declare const DEFAULT_VIEWER_URL = "/file-viewer/index.html";
+export declare const getCurrentOrigin: () => string;
+export declare const getViewerUrl: (viewerUrl?: string) => string;
+export declare const getViewerOrigin: (viewerUrl?: string) => string;
+export declare const getSourceFilename: (options: Pick<ViewerFrameOptions, "file" | "name" | "url">) => string;
+export declare const buildViewerSrc: (options?: ViewerFrameOptions) => string;
+export declare const toMessageBlob: (file?: FileRef) => Blob | undefined;
+export declare const postFileToViewer: (frame: HTMLIFrameElement | null | undefined, options: ViewerFrameOptions) => boolean;
+export declare const syncViewerFrame: (frame: HTMLIFrameElement | null | undefined, options: ViewerFrameOptions) => string;
+export declare const createViewerFrame: (options?: CreateViewerFrameOptions) => HTMLIFrameElement;
+export declare const mountViewerFrame: (container: HTMLElement, initialOptions?: CreateViewerFrameOptions) => ViewerFrameController;

package/dist/index.js

@@ -0,0 +1,165 @@
+export const DEFAULT_VIEWER_PUBLIC_DIR = '/file-viewer';
+export const DEFAULT_VIEWER_URL = `${DEFAULT_VIEWER_PUBLIC_DIR}/index.html`;
+const DEFAULT_FRAME_TITLE = 'Flyfish Viewer 文件预览';
+const canUseDom = () => typeof window !== 'undefined' && typeof document !== 'undefined';
+const isFile = (value) => {
+    return typeof File !== 'undefined' && value instanceof File;
+};
+const isBlob = (value) => {
+    return typeof Blob !== 'undefined' && value instanceof Blob;
+};
+const isArrayBuffer = (value) => {
+    return typeof ArrayBuffer !== 'undefined' && value instanceof ArrayBuffer;
+};
+const createUrl = (viewerUrl) => {
+    if (canUseDom()) {
+        return new URL(viewerUrl || DEFAULT_VIEWER_URL, window.location.href);
+    }
+    return new URL(viewerUrl || DEFAULT_VIEWER_URL, 'http://localhost');
+};
+const isAbsoluteUrl = (value) => {
+    return !!value && (/^[a-zA-Z][a-zA-Z\d+\-.]*:/.test(value) || value.startsWith('//'));
+};
+const serializeViewerUrl = (url, viewerUrl) => {
+    if (isAbsoluteUrl(viewerUrl)) {
+        return url.toString();
+    }
+    return url.pathname + url.search + url.hash;
+};
+const appendSearchParam = (target, key, value) => {
+    if (value === undefined || value === null || value === '') {
+        target.searchParams.delete(key);
+        return;
+    }
+    target.searchParams.set(key, String(value));
+};
+export const getCurrentOrigin = () => {
+    return canUseDom() ? window.location.origin : '';
+};
+export const getViewerUrl = (viewerUrl) => viewerUrl || DEFAULT_VIEWER_URL;
+export const getViewerOrigin = (viewerUrl) => {
+    if (!viewerUrl && !canUseDom()) {
+        return '';
+    }
+    return createUrl(viewerUrl).origin;
+};
+export const getSourceFilename = (options) => {
+    var _a;
+    if (isFile(options.file) && options.file.name) {
+        return options.file.name;
+    }
+    if (options.name) {
+        return options.name;
+    }
+    if (options.url) {
+        const clean = ((_a = options.url.split('?')[0]) === null || _a === void 0 ? void 0 : _a.split('#')[0]) || options.url;
+        return clean.substring(clean.lastIndexOf('/') + 1) || clean;
+    }
+    return 'preview.bin';
+};
+export const buildViewerSrc = (options = {}) => {
+    const src = createUrl(options.viewerUrl);
+    Object.entries(options.params || {}).forEach(([key, value]) => {
+        appendSearchParam(src, key, value);
+    });
+    if (options.file) {
+        appendSearchParam(src, 'url', undefined);
+        appendSearchParam(src, 'name', getSourceFilename(options));
+        appendSearchParam(src, 'from', options.from || getCurrentOrigin());
+        return serializeViewerUrl(src, options.viewerUrl);
+    }
+    appendSearchParam(src, 'name', undefined);
+    appendSearchParam(src, 'from', undefined);
+    appendSearchParam(src, 'url', options.url);
+    return serializeViewerUrl(src, options.viewerUrl);
+};
+export const toMessageBlob = (file) => {
+    if (!file) {
+        return undefined;
+    }
+    if (isBlob(file)) {
+        return file;
+    }
+    if (isArrayBuffer(file)) {
+        return new Blob([file]);
+    }
+    return undefined;
+};
+export const postFileToViewer = (frame, options) => {
+    const data = toMessageBlob(options.file);
+    const targetWindow = frame === null || frame === void 0 ? void 0 : frame.contentWindow;
+    if (!data || !targetWindow) {
+        return false;
+    }
+    targetWindow.postMessage(data, options.targetOrigin || getViewerOrigin(options.viewerUrl));
+    return true;
+};
+export const syncViewerFrame = (frame, options) => {
+    if (!frame || !canUseDom()) {
+        return '';
+    }
+    const nextSrc = buildViewerSrc(options);
+    if (frame.getAttribute('src') !== nextSrc) {
+        frame.setAttribute('src', nextSrc);
+    }
+    return nextSrc;
+};
+export const createViewerFrame = (options = {}) => {
+    if (!canUseDom()) {
+        throw new Error('createViewerFrame 只能在浏览器环境中使用');
+    }
+    const frame = document.createElement('iframe');
+    frame.setAttribute('src', buildViewerSrc(options));
+    frame.title = options.title || DEFAULT_FRAME_TITLE;
+    frame.style.width = '100%';
+    frame.style.height = '100%';
+    frame.style.border = '0';
+    frame.style.display = 'block';
+    if (options.className) {
+        frame.className = options.className;
+    }
+    if (options.style) {
+        Object.assign(frame.style, options.style);
+    }
+    if (options.autoPostFile !== false) {
+        frame.addEventListener('load', () => {
+            postFileToViewer(frame, options);
+        });
+    }
+    return frame;
+};
+export const mountViewerFrame = (container, initialOptions = {}) => {
+    let options = initialOptions;
+    let src = buildViewerSrc(options);
+    const frame = createViewerFrame({ ...options, autoPostFile: false });
+    const handleLoad = () => {
+        postFileToViewer(frame, options);
+    };
+    frame.addEventListener('load', handleLoad);
+    container.appendChild(frame);
+    return {
+        frame,
+        get src() {
+            return src;
+        },
+        destroy() {
+            frame.removeEventListener('load', handleLoad);
+            frame.remove();
+        },
+        postFile() {
+            return postFileToViewer(frame, options);
+        },
+        reload() {
+            frame.src = src;
+        },
+        update(nextOptions) {
+            options = { ...options, ...nextOptions };
+            const previousSrc = frame.src;
+            src = syncViewerFrame(frame, options);
+            if (frame.src === previousSrc) {
+                postFileToViewer(frame, options);
+            }
+            return src;
+        }
+    };
+};

package/dist/node.d.ts

@@ -0,0 +1,23 @@
+export interface CopyViewerAssetsOptions {
+    /**
+     * 目标静态目录。默认是宿主项目的 `public/file-viewer`。
+     */
+    targetDir?: string;
+    /**
+     * 覆盖默认 viewer 源目录，主要用于测试或内部发布流程。
+     */
+    sourceDir?: string;
+    /**
+     * 复制前是否清空目标目录。默认清空，避免旧 hash 资源残留。
+     */
+    clean?: boolean;
+}
+export declare const DEFAULT_VIEWER_PUBLIC_DIR = "public/file-viewer";
+export declare const DEFAULT_VIEWER_PUBLIC_URL = "/file-viewer/index.html";
+export declare const getViewerAssetDir: () => string;
+export declare const getDefaultViewerTargetDir: () => string;
+export declare const copyViewerAssets: (options?: CopyViewerAssetsOptions) => Promise<{
+    sourceDir: string;
+    targetDir: string;
+    viewerUrl: string;
+}>;

package/dist/node.js

@@ -0,0 +1,43 @@
+import { cp, mkdir, readdir, rm } from 'node:fs/promises';
+import { existsSync } from 'node:fs';
+import { fileURLToPath } from 'node:url';
+import { dirname, resolve } from 'node:path';
+const distDir = dirname(fileURLToPath(import.meta.url));
+const packageDir = resolve(distDir, '..');
+export const DEFAULT_VIEWER_PUBLIC_DIR = 'public/file-viewer';
+export const DEFAULT_VIEWER_PUBLIC_URL = '/file-viewer/index.html';
+export const getViewerAssetDir = () => resolve(packageDir, 'viewer');
+export const getDefaultViewerTargetDir = () => {
+    return resolve(process.env.INIT_CWD || process.cwd(), DEFAULT_VIEWER_PUBLIC_DIR);
+};
+const removeMacMetadata = async (dir) => {
+    const entries = await readdir(dir, { withFileTypes: true });
+    await Promise.all(entries.map(entry => {
+        const path = resolve(dir, entry.name);
+        if (entry.name === '.DS_Store') {
+            return rm(path, { force: true });
+        }
+        if (entry.isDirectory()) {
+            return removeMacMetadata(path);
+        }
+        return undefined;
+    }));
+};
+export const copyViewerAssets = async (options = {}) => {
+    const sourceDir = resolve(options.sourceDir || getViewerAssetDir());
+    const targetDir = resolve(options.targetDir || getDefaultViewerTargetDir());
+    if (!existsSync(resolve(sourceDir, 'index.html'))) {
+        throw new Error(`缺少 viewer 构建产物: ${sourceDir}`);
+    }
+    if (options.clean !== false) {
+        await rm(targetDir, { force: true, recursive: true });
+    }
+    await mkdir(targetDir, { recursive: true });
+    await cp(sourceDir, targetDir, { recursive: true });
+    await removeMacMetadata(targetDir);
+    return {
+        sourceDir,
+        targetDir,
+        viewerUrl: DEFAULT_VIEWER_PUBLIC_URL
+    };
+};

package/package.json

@@ -0,0 +1,67 @@
+{
+  "name": "@flyfish-group/file-viewer-web",
+  "version": "1.0.9",
+  "private": false,
+  "type": "module",
+  "description": "Private-deploy pure web component for Flyfish Viewer",
+  "keywords": [
+    "file-viewer",
+    "document-preview",
+    "iframe",
+    "vanilla-js",
+    "web"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "author": {
+    "name": "Wangyu",
+    "email": "wybaby168@gmail.com"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/flyfish-dev/file-viewer.git",
+    "directory": "packages/web"
+  },
+  "homepage": "https://github.com/flyfish-dev/file-viewer",
+  "bugs": {
+    "url": "https://github.com/flyfish-dev/file-viewer/issues"
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./node": {
+      "types": "./dist/node.d.ts",
+      "import": "./dist/node.js",
+      "default": "./dist/node.js"
+    },
+    "./viewer/*": "./viewer/*",
+    "./package.json": "./package.json"
+  },
+  "bin": {
+    "file-viewer-copy-assets": "./scripts/copy-assets.mjs"
+  },
+  "files": [
+    "dist",
+    "scripts",
+    "viewer",
+    "README.md"
+  ],
+  "devDependencies": {
+    "@types/node": "^25.8.0",
+    "typescript": "^6.0.3"
+  },
+  "license": "Apache-2.0",
+  "scripts": {
+    "build": "tsc -b tsconfig.json",
+    "postinstall": "node ./scripts/copy-assets.mjs --postinstall",
+    "type-check": "tsc -b tsconfig.json"
+  }
+}

package/scripts/copy-assets.mjs

@@ -0,0 +1,59 @@
+#!/usr/bin/env node
+import { cp, mkdir, readdir, rm } from 'node:fs/promises'
+import { existsSync } from 'node:fs'
+import { dirname, resolve } from 'node:path'
+import { fileURLToPath } from 'node:url'
+
+const scriptFile = fileURLToPath(import.meta.url)
+const packageDir = resolve(dirname(scriptFile), '..')
+const sourceDir = resolve(packageDir, 'viewer')
+const isPostinstall = process.argv.includes('--postinstall')
+const explicitTarget = process.argv.slice(2).find(arg => !arg.startsWith('--'))
+const targetDir = resolve(
+  process.env.FILE_VIEWER_PUBLIC_DIR ||
+  explicitTarget ||
+  resolve(process.env.INIT_CWD || process.cwd(), 'public/file-viewer')
+)
+
+const skip = process.env.FILE_VIEWER_SKIP_ASSET_COPY === '1' ||
+  process.env.FILE_VIEWER_SKIP_ASSET_COPY === 'true'
+
+if (skip) {
+  process.exit(0)
+}
+
+// Workspace installs should not mutate the repository automatically.
+if (isPostinstall && !packageDir.includes('node_modules')) {
+  process.exit(0)
+}
+
+if (!existsSync(resolve(sourceDir, 'index.html'))) {
+  const message = `[file-viewer-web] 缺少 viewer 构建产物: ${sourceDir}`
+  if (isPostinstall) {
+    console.warn(message)
+    process.exit(0)
+  }
+  console.error(message)
+  process.exit(1)
+}
+
+const removeMacMetadata = async dir => {
+  const entries = await readdir(dir, { withFileTypes: true })
+  await Promise.all(entries.map(entry => {
+    const path = resolve(dir, entry.name)
+    if (entry.name === '.DS_Store') {
+      return rm(path, { force: true })
+    }
+    if (entry.isDirectory()) {
+      return removeMacMetadata(path)
+    }
+    return undefined
+  }))
+}
+
+await rm(targetDir, { force: true, recursive: true })
+await mkdir(targetDir, { recursive: true })
+await cp(sourceDir, targetDir, { recursive: true })
+await removeMacMetadata(targetDir)
+
+console.log(`[file-viewer-web] viewer assets copied to ${targetDir}`)

package/viewer/assets/AudioViewer-0CSMvCtp.css

@@ -0,0 +1 @@
+.audio-viewer[data-v-608bd328]{background:linear-gradient(135deg,#0e74901a,#0000 34%),linear-gradient(#f5f8fb 0%,#edf2f7 100%);justify-content:center;align-items:center;width:100%;min-height:100%;padding:28px;display:flex}.audio-card[data-v-608bd328]{background:#ffffffeb;border:1px solid #0f172a14;border-radius:8px;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:18px;width:min(100%,640px);padding:24px;display:grid;box-shadow:0 20px 52px #0f172a21}.audio-art[data-v-608bd328]{background:linear-gradient(135deg,#0f766e,#2dd4bf);border-radius:8px;width:86px;height:86px;position:relative;box-shadow:inset 0 0 0 1px #ffffff3d}.audio-art span[data-v-608bd328]{border:8px solid #ffffffe0;border-radius:999px;position:absolute;inset:18px}.audio-art i[data-v-608bd328]{background:#ffffffe6;border-radius:10px 10px 4px 4px;width:18px;height:36px;position:absolute;bottom:20px;right:18px}.audio-copy[data-v-608bd328]{min-width:0}.audio-kicker[data-v-608bd328]{color:#0f766e;letter-spacing:0;font-size:12px;font-weight:800}.audio-copy strong[data-v-608bd328]{color:#132235;margin-top:5px;font-size:23px;line-height:1.15;display:block}.audio-copy p[data-v-608bd328]{color:#64748b;margin:8px 0 0;font-size:13px;line-height:1.7}.audio-meter[data-v-608bd328]{color:#64748b;font-variant-numeric:tabular-nums;grid-column:1/-1;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:10px;font-size:12px;display:grid}.audio-progress[data-v-608bd328]{background:#0f766e1f;border-radius:999px;height:6px;overflow:hidden}.audio-progress i[data-v-608bd328]{border-radius:inherit;background:linear-gradient(90deg,#0f766e,#2dd4bf);height:100%;transition:width .18s;display:block}.audio-control[data-v-608bd328]{grid-column:1/-1;width:100%;height:42px}@media (width<=560px){.audio-viewer[data-v-608bd328]{padding:16px}.audio-card[data-v-608bd328]{grid-template-columns:1fr}.audio-art[data-v-608bd328]{width:72px;height:72px}}

package/viewer/assets/AudioViewer-HHLkFx24.js

@@ -0,0 +1 @@
+import{E as e,S as t,T as n,_ as r,b as i,d as a,h as o,m as s,o as c,r as l,s as u,u as d}from"./index-0hvuUhZv.js";var f={class:`audio-viewer`},p={class:`audio-card`},m={class:`audio-copy`},h={class:`audio-kicker`},g={class:`audio-meter`},_={class:`audio-progress`,"aria-hidden":`true`},v=[`src`],y=l(a({__name:`AudioViewer`,props:{data:{},type:{}},setup(a){let l=a,y=t(null),b=t(``),x=t(0),S=t(0),C=t(!1),w={aac:`audio/aac`,flac:`audio/flac`,m4a:`audio/mp4`,mp3:`audio/mpeg`,mpeg:`audio/mpeg`,oga:`audio/ogg`,ogg:`audio/ogg`,opus:`audio/ogg; codecs=opus`,wav:`audio/wav`,weba:`audio/webm`},T=c(()=>l.type.trim().toLowerCase()),E=c(()=>w[T.value]||`audio/*`),D=c(()=>T.value.toUpperCase()||`AUDIO`),O=c(()=>!Number.isFinite(S.value)||S.value<=0?0:Math.min(100,Math.max(0,x.value/S.value*100))),k=e=>{if(!Number.isFinite(e)||e<=0)return`00:00`;let t=Math.floor(e/60),n=Math.floor(e%60);return`${String(t).padStart(2,`0`)}:${String(n).padStart(2,`0`)}`},A=()=>{b.value&&=(URL.revokeObjectURL(b.value),``)},j=()=>{A(),x.value=0,S.value=0,C.value=!1,b.value=URL.createObjectURL(new Blob([l.data],{type:E.value}))},M=()=>{S.value=y.value?.duration||0,C.value=!0},N=()=>{x.value=y.value?.currentTime||0};return o(j),i(()=>[l.data,l.type],j),s(A),(t,i)=>(r(),d(`div`,f,[u(`section`,p,[i[2]||=u(`div`,{class:`audio-art`},[u(`span`),u(`i`)],-1),u(`div`,m,[u(`span`,h,e(D.value),1),i[0]||=u(`strong`,null,`音频预览`,-1),i[1]||=u(`p`,null,`使用浏览器原生播放器打开，兼容性取决于当前浏览器支持的音频编码。`,-1)]),u(`div`,g,[u(`span`,null,e(k(x.value)),1),u(`div`,_,[u(`i`,{style:n({width:`${O.value}%`})},null,4)]),u(`span`,null,e(C.value?k(S.value):`--:--`),1)]),u(`audio`,{ref_key:`audioRef`,ref:y,class:`audio-control`,src:b.value,controls:``,preload:`metadata`,onLoadedmetadata:M,onTimeupdate:N},` 当前浏览器不支持音频播放。 `,40,v)])]))}}),[[`__scopeId`,`data-v-608bd328`]]);export{y as default};

package/viewer/assets/CadViewer-BYC0zQ0T.js

@@ -0,0 +1 @@
+import{E as e,S as t,_ as n,a as r,d as i,h as a,l as o,m as s,p as c,r as l,s as u,t as d,u as f,v as p,w as m}from"./index-0hvuUhZv.js";var h={class:`cad-viewer`},g={class:`cad-toolbar`},_={class:`cad-tools`},v={class:`cad-body`},y={key:0,class:`cad-layers`},b=[`onClick`],x={class:`cad-canvas-wrap`},S={key:0,class:`cad-state`},C={key:1,class:`cad-state error`},w=l(i({__name:`CadViewer`,props:{data:{},type:{}},setup(i){let l=i,w=t(null),T=t([]),E=t(`pan`),D=t(`loading`),O=t(``),k=null,A=null,j={dwg:`DWG 是专有 CAD 格式，当前 Apache 许可包未内置 GPL 转换器。请优先上传 DXF，或在业务侧转换为 DXF 后预览。`},M=e=>e instanceof Error?e.message:typeof e==`string`?e:JSON.stringify(e),N=e=>{E.value=e,k?.setTool(e)},P=()=>{k?.resize(),k?.fitToView()},F=e=>{let t=e.isOff;k?.setLayerVisible(e.name,t),T.value=T.value.map(n=>n.name===e.name?{...n,isOff:!t}:n)},I=async()=>{let e=w.value;if(e){D.value=`loading`,O.value=``;try{let{CadViewer:t}=await d(async()=>{let{CadViewer:e}=await import(`./dist-CDIdMEAB.js`);return{CadViewer:e}},[],import.meta.url);k?.destroy(),k=new t(e,{theme:`light`,initialTool:E.value,worker:!1}),k.loadArrayBuffer(l.data),await c(),P(),T.value=k.getLayers(),D.value=`ready`}catch(e){console.error(e),D.value=`error`,O.value=M(e)||`CAD 图纸解析失败`}}},L=async()=>{let e=l.type.toLowerCase();if(j[e]){D.value=`error`,O.value=j[e];return}await I()};return a(()=>{L();let e=w.value;e&&(A=new ResizeObserver(()=>{k?.resize(),k?.requestRender()}),A.observe(e))}),s(()=>{A?.disconnect(),A=null,k?.destroy(),k=null}),(t,a)=>(n(),f(`div`,h,[u(`div`,g,[u(`div`,_,[u(`button`,{type:`button`,class:m({active:E.value===`pan`}),onClick:a[0]||=e=>N(`pan`)},`平移`,2),u(`button`,{type:`button`,class:m({active:E.value===`select`}),onClick:a[1]||=e=>N(`select`)},`选择`,2),u(`button`,{type:`button`,class:m({active:E.value===`measure`}),onClick:a[2]||=e=>N(`measure`)},`测量`,2),u(`button`,{type:`button`,onClick:P},`适配`)]),u(`span`,null,e(i.type.toUpperCase()),1)]),u(`div`,v,[T.value.length?(n(),f(`aside`,y,[(n(!0),f(r,null,p(T.value,t=>(n(),f(`button`,{key:t.name,type:`button`,class:m({muted:t.isOff}),onClick:e=>F(t)},e(t.name),11,b))),128))])):o(``,!0),u(`div`,x,[u(`canvas`,{ref_key:`canvas`,ref:w},null,512),D.value===`loading`?(n(),f(`div`,S,`正在解析 CAD...`)):D.value===`error`?(n(),f(`div`,C,e(O.value),1)):o(``,!0)])])]))}}),[[`__scopeId`,`data-v-cf49f0f1`]]);export{w as default};

package/viewer/assets/CadViewer-Cv8b95Gj.css

@@ -0,0 +1 @@
+.cad-viewer[data-v-cf49f0f1]{color:#142335;background:#f8fafc;flex-direction:column;height:100%;min-height:100%;display:flex}.cad-toolbar[data-v-cf49f0f1]{background:#fff;border-bottom:1px solid #0f172a14;justify-content:space-between;align-items:center;gap:16px;min-height:46px;padding:0 12px;display:flex}.cad-toolbar span[data-v-cf49f0f1]{color:#64748b;letter-spacing:0;font-size:12px;font-weight:800}.cad-tools[data-v-cf49f0f1]{gap:6px;display:flex}.cad-tools button[data-v-cf49f0f1],.cad-layers button[data-v-cf49f0f1]{cursor:pointer;border:0;transition:background-color .18s,color .18s}.cad-tools button[data-v-cf49f0f1]{color:#475569;background:#0f172a0f;border-radius:8px;min-height:30px;padding:0 10px;font-size:12px;font-weight:700}.cad-tools button.active[data-v-cf49f0f1],.cad-tools button[data-v-cf49f0f1]:hover{color:#16804f;background:#21a36624}.cad-body[data-v-cf49f0f1]{flex:1;grid-template-columns:minmax(132px,180px) minmax(0,1fr);min-height:0;display:grid}.cad-layers[data-v-cf49f0f1]{background:#fff;border-right:1px solid #0f172a14;min-height:0;padding:10px;overflow:auto}.cad-layers button[data-v-cf49f0f1]{color:#334155;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:#0f172a0d;border-radius:7px;width:100%;min-height:30px;margin-bottom:6px;padding:0 8px;display:block;overflow:hidden}.cad-layers button.muted[data-v-cf49f0f1]{color:#94a3b8;text-decoration:line-through}.cad-canvas-wrap[data-v-cf49f0f1]{min-width:0;min-height:0;position:relative;overflow:hidden}.cad-canvas-wrap canvas[data-v-cf49f0f1]{width:100%;height:100%;display:block}.cad-state[data-v-cf49f0f1]{color:#64748b;text-align:center;background:#f8fafce6;justify-content:center;align-items:center;padding:24px;line-height:1.7;display:flex;position:absolute;inset:0}.cad-state.error[data-v-cf49f0f1]{color:#b42318}@media (width<=720px){.cad-body[data-v-cf49f0f1]{grid-template-columns:1fr}.cad-layers[data-v-cf49f0f1]{display:none}}

package/viewer/assets/CodeViewer-HGV-dwr6.css

@@ -0,0 +1 @@
+pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}.code-viewer[data-v-b59da2ad]{color:#e6edf3;background:#0d1117;min-height:100%}.code-toolbar[data-v-b59da2ad]{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d1117eb;border-bottom:1px solid #8b949e3d;justify-content:space-between;align-items:center;gap:16px;height:42px;padding:0 16px;display:flex;position:sticky;top:0}.code-toolbar span[data-v-b59da2ad],.code-toolbar strong[data-v-b59da2ad]{color:#8b949e;letter-spacing:0;font-size:12px;font-weight:700}.code-area[data-v-b59da2ad]{background:0 0;min-width:min-content;margin:0;padding:18px 20px 28px;display:block;overflow:auto}.code-area code[data-v-b59da2ad]{color:inherit;tab-size:2;white-space:pre;background:0 0;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.7;display:block;overflow:visible}