@macrowing/filepilot 0.1.0 → 1.0.0

package/dist/builtin.js

@@ -1,7 +1,74 @@
 import {
-  builtinParsers,
-  defaultRegistry
-} from "./chunk-EQYOJW24.js";
+  createFilePilotRegistry
+} from "./chunk-KCRUK7FG.js";
+
+// src/builtin.ts
+var builtinParsers = [
+  {
+    id: "filepilot-parser-drawio",
+    kind: "drawing",
+    extensions: ["drawio", "dio"],
+    mimeTypes: ["application/vnd.jgraph.mxfile", "application/x-drawio", "application/drawio"],
+    load: () => import("@macrowing/filepilot-parser-drawio")
+  },
+  {
+    id: "filepilot-parser-viewer",
+    kind: "viewer",
+    extensions: ["md", "markdown", "mdx", "txt", "text", "log", "csv", "json", "xml", "yaml", "yml", "png", "jpg", "jpeg", "gif", "webp", "bmp", "svg"],
+    mimeTypes: [
+      "text/markdown",
+      "text/x-markdown",
+      "text/plain",
+      "text/csv",
+      "application/json",
+      "application/xml",
+      "text/xml",
+      "image/png",
+      "image/jpeg",
+      "image/gif",
+      "image/webp",
+      "image/bmp",
+      "image/svg+xml"
+    ],
+    load: () => import("@macrowing/filepilot-parser-viewer")
+  },
+  {
+    id: "filepilot-parser-pdf",
+    kind: "pdf",
+    extensions: ["pdf"],
+    mimeTypes: ["application/pdf"],
+    load: () => import("@macrowing/filepilot-parser-pdf")
+  },
+  {
+    id: "filepilot-parser-office",
+    kind: "office",
+    extensions: ["doc", "docx", "ppt", "pptx", "xls", "xlsx"],
+    mimeTypes: [
+      "application/msword",
+      "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+      "application/vnd.ms-powerpoint",
+      "application/vnd.openxmlformats-officedocument.presentationml.presentation",
+      "application/vnd.ms-excel",
+      "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
+    ],
+    load: () => import("@macrowing/filepilot-parser-office")
+  },
+  {
+    id: "filepilot-parser-mmind",
+    kind: "mindmap",
+    extensions: ["mmind"],
+    mimeTypes: ["application/json", "application/x-mmind"],
+    load: () => import("@macrowing/filepilot-parser-mmind")
+  },
+  {
+    id: "filepilot-parser-mdoc",
+    kind: "docflow",
+    extensions: ["mdoc"],
+    mimeTypes: ["application/x-mdoc", "application/vnd.docflow.mdoc", "application/octet-stream"],
+    load: () => import("@macrowing/filepilot-parser-mdoc")
+  }
+];
+var defaultRegistry = createFilePilotRegistry(builtinParsers);
 export {
   builtinParsers,
   defaultRegistry

package/dist/chunk-CKS4FUE2.js

@@ -0,0 +1,169 @@
+import {
+  createFilePilotRegistry
+} from "./chunk-KCRUK7FG.js";
+
+// src/react.tsx
+import React, { Suspense, useEffect, useMemo, useRef } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var loadingKeyframes = `
+@keyframes fp-loading-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes fp-loading-line-pulse {
+  0%,
+  100% {
+    opacity: 0.45;
+    transform: scaleX(0.86);
+    transform-origin: left center;
+  }
+
+  50% {
+    opacity: 1;
+    transform: scaleX(1);
+  }
+}
+`;
+var FilePilotLoading = ({ stage = "\u89E3\u6790\u5668\u52A0\u8F7D\u4E2D", message = "\u6B63\u5728\u51C6\u5907\u6587\u4EF6\u9884\u89C8\u80FD\u529B", progress }) => {
+  const resolvedProgress = typeof progress === "number" && Number.isFinite(progress) ? Math.max(0, Math.min(1, progress)) : void 0;
+  const progressWidth = `${Math.round((resolvedProgress ?? 0.42) * 100)}%`;
+  return /* @__PURE__ */ jsxs("div", { style: {
+    display: "grid",
+    placeItems: "center",
+    alignContent: "center",
+    gap: 18,
+    width: "100%",
+    height: "100%",
+    minHeight: 480,
+    padding: 24,
+    color: "#1f2937",
+    textAlign: "center",
+    background: "radial-gradient(circle at center, rgba(56, 103, 214, 0.12), transparent 42%), #f8fafc"
+  }, children: [
+    /* @__PURE__ */ jsx("style", { children: loadingKeyframes }),
+    /* @__PURE__ */ jsxs("div", { style: { position: "relative", display: "grid", placeItems: "center", width: 112, height: 112 }, children: [
+      /* @__PURE__ */ jsx("div", { style: {
+        position: "absolute",
+        inset: 0,
+        border: "3px solid rgba(56, 103, 214, 0.14)",
+        borderTopColor: "#3867d6",
+        borderRightColor: "#7298f0",
+        borderRadius: 999,
+        boxShadow: "0 0 0 8px rgba(255, 255, 255, 0.58), 0 18px 42px rgba(56, 103, 214, 0.16)",
+        animation: "fp-loading-spin 0.92s linear infinite"
+      } }),
+      /* @__PURE__ */ jsxs("div", { style: {
+        position: "relative",
+        display: "block",
+        width: 56,
+        height: 66,
+        background: "#ffffff",
+        border: "1px solid rgba(56, 103, 214, 0.18)",
+        borderRadius: 8,
+        boxShadow: "0 14px 28px rgba(31, 41, 55, 0.12), inset 0 0 0 1px rgba(255, 255, 255, 0.68)"
+      }, children: [
+        /* @__PURE__ */ jsx("div", { style: {
+          position: "absolute",
+          left: -8,
+          bottom: 8,
+          width: 45,
+          height: 54,
+          background: "rgba(56, 103, 214, 0.08)",
+          border: "1px solid rgba(56, 103, 214, 0.12)",
+          borderRadius: 8,
+          transform: "rotate(-5deg)",
+          zIndex: -1
+        } }),
+        /* @__PURE__ */ jsx("div", { style: {
+          position: "absolute",
+          top: -1,
+          right: -1,
+          width: 18,
+          height: 18,
+          background: "linear-gradient(135deg, rgba(56, 103, 214, 0.18) 0 50%, transparent 50% 100%)",
+          borderTopRightRadius: 8
+        } }),
+        /* @__PURE__ */ jsxs("div", { style: { position: "absolute", top: 18, left: 12, right: 10, display: "grid", gap: 6 }, children: [
+          /* @__PURE__ */ jsx("span", { style: { display: "block", height: 5, background: "rgba(56, 103, 214, 0.16)", borderRadius: 999, animation: "fp-loading-line-pulse 1.25s ease-in-out infinite" } }),
+          /* @__PURE__ */ jsx("span", { style: { display: "block", height: 5, width: "78%", background: "rgba(56, 103, 214, 0.16)", borderRadius: 999, animation: "fp-loading-line-pulse 1.25s ease-in-out infinite", animationDelay: "0.12s" } }),
+          /* @__PURE__ */ jsx("span", { style: { display: "block", height: 5, width: "56%", background: "rgba(56, 103, 214, 0.16)", borderRadius: 999, animation: "fp-loading-line-pulse 1.25s ease-in-out infinite", animationDelay: "0.24s" } })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: 6, maxWidth: "min(360px, 100%)" }, children: [
+      /* @__PURE__ */ jsx("strong", { style: { color: "#1f2937", fontSize: 16 }, children: "\u6B63\u5728\u52A0\u8F7D\u6587\u6863..." }),
+      /* @__PURE__ */ jsx("span", { style: { color: "#526173", fontSize: 13, lineHeight: 1.6 }, children: stage }),
+      message ? /* @__PURE__ */ jsx("span", { style: { color: "#526173", fontSize: 13, lineHeight: 1.6 }, children: message }) : null
+    ] }),
+    /* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: 7, width: "min(320px, 76vw)", marginTop: 8 }, children: [
+      /* @__PURE__ */ jsx("div", { style: { position: "relative", height: 7, overflow: "hidden", background: "rgba(56, 103, 214, 0.1)", borderRadius: 999 }, children: /* @__PURE__ */ jsx("span", { style: {
+        position: "absolute",
+        inset: "0 auto 0 0",
+        width: progressWidth,
+        minWidth: 8,
+        background: "linear-gradient(90deg, #3867d6, #7298f0)",
+        borderRadius: "inherit",
+        transition: "width 0.16s ease",
+        animation: resolvedProgress == null ? "fp-loading-line-pulse 1.05s ease-in-out infinite" : void 0
+      } }) }),
+      /* @__PURE__ */ jsx("span", { style: { color: "#526173", fontSize: 12 }, children: resolvedProgress == null ? "\u51C6\u5907\u4E2D" : `${Math.round(resolvedProgress * 100)}%` })
+    ] })
+  ] });
+};
+var normalizeLocale = (locale) => locale?.startsWith("en") ? "en-US" : "zh-CN";
+var defaultRegistry = createFilePilotRegistry();
+var defaultFallback = /* @__PURE__ */ jsx(FilePilotLoading, {});
+var viewerCache = /* @__PURE__ */ new WeakMap();
+var getLazyViewerEntry = (parser) => {
+  const cached = viewerCache.get(parser);
+  if (cached) return cached;
+  const entry = {
+    Viewer: React.lazy(() => parser.load().catch((error) => {
+      entry.loadError = error;
+      entry.errorListeners.forEach((listener) => listener(error));
+      throw error;
+    })),
+    errorListeners: /* @__PURE__ */ new Set()
+  };
+  viewerCache.set(parser, entry);
+  return entry;
+};
+var FilePilot = ({
+  file,
+  registry = defaultRegistry,
+  parserId,
+  options,
+  locale,
+  className,
+  style,
+  fallback = defaultFallback,
+  unsupported = null,
+  onError
+}) => {
+  const parser = registry.resolve(file, parserId);
+  const resolvedLocale = normalizeLocale(locale);
+  const viewerEntry = useMemo(() => parser ? getLazyViewerEntry(parser) : void 0, [parser]);
+  const onErrorRef = useRef(onError);
+  onErrorRef.current = onError;
+  useEffect(() => {
+    if (!viewerEntry) return;
+    const listener = (error) => onErrorRef.current?.(error);
+    viewerEntry.errorListeners.add(listener);
+    if (viewerEntry.loadError !== void 0) listener(viewerEntry.loadError);
+    return () => {
+      viewerEntry.errorListeners.delete(listener);
+    };
+  }, [viewerEntry]);
+  const Viewer = viewerEntry?.Viewer;
+  if (!Viewer) {
+    return /* @__PURE__ */ jsx(Fragment, { children: typeof unsupported === "function" ? unsupported(file) : unsupported });
+  }
+  return /* @__PURE__ */ jsx("div", { style: { position: "relative", display: "flex", flexDirection: "column", width: "100%", height: "100%", minHeight: 480, flex: "1 1 auto", ...style }, children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx("div", { style: { position: "absolute", inset: 0, display: "flex" }, children: fallback }), children: /* @__PURE__ */ jsx(Viewer, { file, options, locale: resolvedLocale, className, style }) }) });
+};
+
+export {
+  FilePilotLoading,
+  FilePilot
+};

package/dist/chunk-KCRUK7FG.js

@@ -0,0 +1,41 @@
+// src/registry.ts
+var normalizeExtension = (extension) => extension?.replace(/^\./, "").toLowerCase();
+var getFileExtension = (file) => {
+  if (file.extension) return normalizeExtension(file.extension);
+  const name = file.name?.split(/[?#]/)[0];
+  const index = name?.lastIndexOf(".") ?? -1;
+  return index >= 0 ? normalizeExtension(name?.slice(index + 1)) : void 0;
+};
+var hasExtensionMatch = (parser, extension) => Boolean(
+  extension && parser.extensions.some((item) => normalizeExtension(item) === extension)
+);
+var hasMimeTypeMatch = (parser, mimeType) => Boolean(
+  mimeType && parser.mimeTypes?.some((item) => item.toLowerCase() === mimeType)
+);
+var createFilePilotRegistry = (initialParsers = []) => {
+  const parsers = /* @__PURE__ */ new Map();
+  initialParsers.forEach((parser) => parsers.set(parser.id, parser));
+  return {
+    register(parser) {
+      parsers.set(parser.id, parser);
+      return () => parsers.delete(parser.id);
+    },
+    unregister(id) {
+      parsers.delete(id);
+    },
+    resolve(file, parserId) {
+      const extension = getFileExtension(file);
+      const mimeType = file.mimeType?.toLowerCase();
+      if (parserId) return parsers.get(parserId);
+      const list = Array.from(parsers.values());
+      return list.find((parser) => hasExtensionMatch(parser, extension)) ?? list.find((parser) => hasMimeTypeMatch(parser, mimeType));
+    },
+    list() {
+      return Array.from(parsers.values());
+    }
+  };
+};
+
+export {
+  createFilePilotRegistry
+};

package/dist/index.cjs

@@ -31,9 +31,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var index_exports = {};
 __export(index_exports, {
   FilePilot: () => FilePilot,
-  builtinParsers: () => builtinParsers,
-  createFilePilotRegistry: () => createFilePilotRegistry,
-  defaultRegistry: () => defaultRegistry
+  FilePilotLoading: () => FilePilotLoading,
+  createFilePilotRegistry: () => createFilePilotRegistry
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -75,78 +74,119 @@ var createFilePilotRegistry = (initialParsers = []) => {
   };
 };
 
-// src/builtin.ts
-var builtinParsers = [
-  {
-    id: "filepilot-parser-drawio",
-    kind: "drawing",
-    extensions: ["drawio", "dio"],
-    mimeTypes: ["application/vnd.jgraph.mxfile", "application/x-drawio", "application/drawio"],
-    load: () => import("@macrowing/filepilot-parser-drawio")
-  },
-  {
-    id: "filepilot-parser-viewer",
-    kind: "viewer",
-    extensions: ["md", "markdown", "mdx", "txt", "text", "log", "csv", "json", "xml", "yaml", "yml", "png", "jpg", "jpeg", "gif", "webp", "bmp", "svg"],
-    mimeTypes: [
-      "text/markdown",
-      "text/x-markdown",
-      "text/plain",
-      "text/csv",
-      "application/json",
-      "application/xml",
-      "text/xml",
-      "image/png",
-      "image/jpeg",
-      "image/gif",
-      "image/webp",
-      "image/bmp",
-      "image/svg+xml"
-    ],
-    load: () => import("@macrowing/filepilot-parser-viewer")
-  },
-  {
-    id: "filepilot-parser-pdf",
-    kind: "pdf",
-    extensions: ["pdf"],
-    mimeTypes: ["application/pdf"],
-    load: () => import("@macrowing/filepilot-parser-pdf")
-  },
-  {
-    id: "filepilot-parser-office",
-    kind: "office",
-    extensions: ["doc", "docx", "ppt", "pptx", "xls", "xlsx"],
-    mimeTypes: [
-      "application/msword",
-      "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
-      "application/vnd.ms-powerpoint",
-      "application/vnd.openxmlformats-officedocument.presentationml.presentation",
-      "application/vnd.ms-excel",
-      "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
-    ],
-    load: () => import("@macrowing/filepilot-parser-office")
-  },
-  {
-    id: "filepilot-parser-mmind",
-    kind: "mindmap",
-    extensions: ["mmind"],
-    mimeTypes: ["application/json", "application/x-mmind"],
-    load: () => import("@macrowing/filepilot-parser-mmind")
-  },
-  {
-    id: "filepilot-parser-mdoc",
-    kind: "docflow",
-    extensions: ["mdoc"],
-    mimeTypes: ["application/x-mdoc", "application/vnd.docflow.mdoc", "application/octet-stream"],
-    load: () => import("@macrowing/filepilot-parser-mdoc")
-  }
-];
-var defaultRegistry = createFilePilotRegistry(builtinParsers);
-
 // src/react.tsx
 var import_react = __toESM(require("react"), 1);
 var import_jsx_runtime = require("react/jsx-runtime");
+var loadingKeyframes = `
+@keyframes fp-loading-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes fp-loading-line-pulse {
+  0%,
+  100% {
+    opacity: 0.45;
+    transform: scaleX(0.86);
+    transform-origin: left center;
+  }
+
+  50% {
+    opacity: 1;
+    transform: scaleX(1);
+  }
+}
+`;
+var FilePilotLoading = ({ stage = "\u89E3\u6790\u5668\u52A0\u8F7D\u4E2D", message = "\u6B63\u5728\u51C6\u5907\u6587\u4EF6\u9884\u89C8\u80FD\u529B", progress }) => {
+  const resolvedProgress = typeof progress === "number" && Number.isFinite(progress) ? Math.max(0, Math.min(1, progress)) : void 0;
+  const progressWidth = `${Math.round((resolvedProgress ?? 0.42) * 100)}%`;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: {
+    display: "grid",
+    placeItems: "center",
+    alignContent: "center",
+    gap: 18,
+    width: "100%",
+    height: "100%",
+    minHeight: 480,
+    padding: 24,
+    color: "#1f2937",
+    textAlign: "center",
+    background: "radial-gradient(circle at center, rgba(56, 103, 214, 0.12), transparent 42%), #f8fafc"
+  }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", { children: loadingKeyframes }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { position: "relative", display: "grid", placeItems: "center", width: 112, height: 112 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: {
+        position: "absolute",
+        inset: 0,
+        border: "3px solid rgba(56, 103, 214, 0.14)",
+        borderTopColor: "#3867d6",
+        borderRightColor: "#7298f0",
+        borderRadius: 999,
+        boxShadow: "0 0 0 8px rgba(255, 255, 255, 0.58), 0 18px 42px rgba(56, 103, 214, 0.16)",
+        animation: "fp-loading-spin 0.92s linear infinite"
+      } }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: {
+        position: "relative",
+        display: "block",
+        width: 56,
+        height: 66,
+        background: "#ffffff",
+        border: "1px solid rgba(56, 103, 214, 0.18)",
+        borderRadius: 8,
+        boxShadow: "0 14px 28px rgba(31, 41, 55, 0.12), inset 0 0 0 1px rgba(255, 255, 255, 0.68)"
+      }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: {
+          position: "absolute",
+          left: -8,
+          bottom: 8,
+          width: 45,
+          height: 54,
+          background: "rgba(56, 103, 214, 0.08)",
+          border: "1px solid rgba(56, 103, 214, 0.12)",
+          borderRadius: 8,
+          transform: "rotate(-5deg)",
+          zIndex: -1
+        } }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: {
+          position: "absolute",
+          top: -1,
+          right: -1,
+          width: 18,
+          height: 18,
+          background: "linear-gradient(135deg, rgba(56, 103, 214, 0.18) 0 50%, transparent 50% 100%)",
+          borderTopRightRadius: 8
+        } }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { position: "absolute", top: 18, left: 12, right: 10, display: "grid", gap: 6 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { display: "block", height: 5, background: "rgba(56, 103, 214, 0.16)", borderRadius: 999, animation: "fp-loading-line-pulse 1.25s ease-in-out infinite" } }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { display: "block", height: 5, width: "78%", background: "rgba(56, 103, 214, 0.16)", borderRadius: 999, animation: "fp-loading-line-pulse 1.25s ease-in-out infinite", animationDelay: "0.12s" } }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { display: "block", height: 5, width: "56%", background: "rgba(56, 103, 214, 0.16)", borderRadius: 999, animation: "fp-loading-line-pulse 1.25s ease-in-out infinite", animationDelay: "0.24s" } })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "grid", gap: 6, maxWidth: "min(360px, 100%)" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { style: { color: "#1f2937", fontSize: 16 }, children: "\u6B63\u5728\u52A0\u8F7D\u6587\u6863..." }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { color: "#526173", fontSize: 13, lineHeight: 1.6 }, children: stage }),
+      message ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { color: "#526173", fontSize: 13, lineHeight: 1.6 }, children: message }) : null
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "grid", gap: 7, width: "min(320px, 76vw)", marginTop: 8 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { position: "relative", height: 7, overflow: "hidden", background: "rgba(56, 103, 214, 0.1)", borderRadius: 999 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: {
+        position: "absolute",
+        inset: "0 auto 0 0",
+        width: progressWidth,
+        minWidth: 8,
+        background: "linear-gradient(90deg, #3867d6, #7298f0)",
+        borderRadius: "inherit",
+        transition: "width 0.16s ease",
+        animation: resolvedProgress == null ? "fp-loading-line-pulse 1.05s ease-in-out infinite" : void 0
+      } }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { color: "#526173", fontSize: 12 }, children: resolvedProgress == null ? "\u51C6\u5907\u4E2D" : `${Math.round(resolvedProgress * 100)}%` })
+    ] })
+  ] });
+};
 var normalizeLocale = (locale) => locale?.startsWith("en") ? "en-US" : "zh-CN";
+var defaultRegistry = createFilePilotRegistry();
+var defaultFallback = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FilePilotLoading, {});
 var viewerCache = /* @__PURE__ */ new WeakMap();
 var getLazyViewerEntry = (parser) => {
   const cached = viewerCache.get(parser);
@@ -170,7 +210,7 @@ var FilePilot = ({
   locale,
   className,
   style,
-  fallback = null,
+  fallback = defaultFallback,
   unsupported = null,
   onError
 }) => {
@@ -192,12 +232,11 @@ var FilePilot = ({
   if (!Viewer) {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: typeof unsupported === "function" ? unsupported(file) : unsupported });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Suspense, { fallback, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Viewer, { file, options, locale: resolvedLocale, className, style }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { position: "relative", display: "flex", flexDirection: "column", width: "100%", height: "100%", minHeight: 480, flex: "1 1 auto", ...style }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { position: "absolute", inset: 0, display: "flex" }, children: fallback }), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Viewer, { file, options, locale: resolvedLocale, className, style }) }) });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   FilePilot,
-  builtinParsers,
-  createFilePilotRegistry,
-  defaultRegistry
+  FilePilotLoading,
+  createFilePilotRegistry
 });

package/dist/index.d.cts

@@ -1,7 +1,6 @@
 import { FilePilotParser, FilePilotRegistry } from '@macrowing/filepilot-types';
 export { FilePilotFile, FilePilotKind, FilePilotLocale, FilePilotParser, FilePilotProps, FilePilotRegistry, FilePilotRenderProps, FilePilotSource } from '@macrowing/filepilot-types';
-export { builtinParsers, defaultRegistry } from './builtin.cjs';
-export { FilePilot } from './react.cjs';
+export { FilePilot, FilePilotLoading } from './react.cjs';
 import 'react';
 
 declare const createFilePilotRegistry: (initialParsers?: FilePilotParser[]) => FilePilotRegistry;

package/dist/index.d.ts

@@ -1,7 +1,6 @@
 import { FilePilotParser, FilePilotRegistry } from '@macrowing/filepilot-types';
 export { FilePilotFile, FilePilotKind, FilePilotLocale, FilePilotParser, FilePilotProps, FilePilotRegistry, FilePilotRenderProps, FilePilotSource } from '@macrowing/filepilot-types';
-export { builtinParsers, defaultRegistry } from './builtin.js';
-export { FilePilot } from './react.js';
+export { FilePilot, FilePilotLoading } from './react.js';
 import 'react';
 
 declare const createFilePilotRegistry: (initialParsers?: FilePilotParser[]) => FilePilotRegistry;

package/dist/index.js

@@ -1,14 +1,12 @@
 import {
-  FilePilot
-} from "./chunk-MHWH3ZGP.js";
+  FilePilot,
+  FilePilotLoading
+} from "./chunk-CKS4FUE2.js";
 import {
-  builtinParsers,
-  createFilePilotRegistry,
-  defaultRegistry
-} from "./chunk-EQYOJW24.js";
+  createFilePilotRegistry
+} from "./chunk-KCRUK7FG.js";
 export {
   FilePilot,
-  builtinParsers,
-  createFilePilotRegistry,
-  defaultRegistry
+  FilePilotLoading,
+  createFilePilotRegistry
 };

package/dist/react.cjs

@@ -30,7 +30,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/react.tsx
 var react_exports = {};
 __export(react_exports, {
-  FilePilot: () => FilePilot
+  FilePilot: () => FilePilot,
+  FilePilotLoading: () => FilePilotLoading
 });
 module.exports = __toCommonJS(react_exports);
 var import_react = __toESM(require("react"), 1);
@@ -73,77 +74,118 @@ var createFilePilotRegistry = (initialParsers = []) => {
   };
 };
 
-// src/builtin.ts
-var builtinParsers = [
-  {
-    id: "filepilot-parser-drawio",
-    kind: "drawing",
-    extensions: ["drawio", "dio"],
-    mimeTypes: ["application/vnd.jgraph.mxfile", "application/x-drawio", "application/drawio"],
-    load: () => import("@macrowing/filepilot-parser-drawio")
-  },
-  {
-    id: "filepilot-parser-viewer",
-    kind: "viewer",
-    extensions: ["md", "markdown", "mdx", "txt", "text", "log", "csv", "json", "xml", "yaml", "yml", "png", "jpg", "jpeg", "gif", "webp", "bmp", "svg"],
-    mimeTypes: [
-      "text/markdown",
-      "text/x-markdown",
-      "text/plain",
-      "text/csv",
-      "application/json",
-      "application/xml",
-      "text/xml",
-      "image/png",
-      "image/jpeg",
-      "image/gif",
-      "image/webp",
-      "image/bmp",
-      "image/svg+xml"
-    ],
-    load: () => import("@macrowing/filepilot-parser-viewer")
-  },
-  {
-    id: "filepilot-parser-pdf",
-    kind: "pdf",
-    extensions: ["pdf"],
-    mimeTypes: ["application/pdf"],
-    load: () => import("@macrowing/filepilot-parser-pdf")
-  },
-  {
-    id: "filepilot-parser-office",
-    kind: "office",
-    extensions: ["doc", "docx", "ppt", "pptx", "xls", "xlsx"],
-    mimeTypes: [
-      "application/msword",
-      "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
-      "application/vnd.ms-powerpoint",
-      "application/vnd.openxmlformats-officedocument.presentationml.presentation",
-      "application/vnd.ms-excel",
-      "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
-    ],
-    load: () => import("@macrowing/filepilot-parser-office")
-  },
-  {
-    id: "filepilot-parser-mmind",
-    kind: "mindmap",
-    extensions: ["mmind"],
-    mimeTypes: ["application/json", "application/x-mmind"],
-    load: () => import("@macrowing/filepilot-parser-mmind")
-  },
-  {
-    id: "filepilot-parser-mdoc",
-    kind: "docflow",
-    extensions: ["mdoc"],
-    mimeTypes: ["application/x-mdoc", "application/vnd.docflow.mdoc", "application/octet-stream"],
-    load: () => import("@macrowing/filepilot-parser-mdoc")
-  }
-];
-var defaultRegistry = createFilePilotRegistry(builtinParsers);
-
 // src/react.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
+var loadingKeyframes = `
+@keyframes fp-loading-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes fp-loading-line-pulse {
+  0%,
+  100% {
+    opacity: 0.45;
+    transform: scaleX(0.86);
+    transform-origin: left center;
+  }
+
+  50% {
+    opacity: 1;
+    transform: scaleX(1);
+  }
+}
+`;
+var FilePilotLoading = ({ stage = "\u89E3\u6790\u5668\u52A0\u8F7D\u4E2D", message = "\u6B63\u5728\u51C6\u5907\u6587\u4EF6\u9884\u89C8\u80FD\u529B", progress }) => {
+  const resolvedProgress = typeof progress === "number" && Number.isFinite(progress) ? Math.max(0, Math.min(1, progress)) : void 0;
+  const progressWidth = `${Math.round((resolvedProgress ?? 0.42) * 100)}%`;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: {
+    display: "grid",
+    placeItems: "center",
+    alignContent: "center",
+    gap: 18,
+    width: "100%",
+    height: "100%",
+    minHeight: 480,
+    padding: 24,
+    color: "#1f2937",
+    textAlign: "center",
+    background: "radial-gradient(circle at center, rgba(56, 103, 214, 0.12), transparent 42%), #f8fafc"
+  }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", { children: loadingKeyframes }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { position: "relative", display: "grid", placeItems: "center", width: 112, height: 112 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: {
+        position: "absolute",
+        inset: 0,
+        border: "3px solid rgba(56, 103, 214, 0.14)",
+        borderTopColor: "#3867d6",
+        borderRightColor: "#7298f0",
+        borderRadius: 999,
+        boxShadow: "0 0 0 8px rgba(255, 255, 255, 0.58), 0 18px 42px rgba(56, 103, 214, 0.16)",
+        animation: "fp-loading-spin 0.92s linear infinite"
+      } }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: {
+        position: "relative",
+        display: "block",
+        width: 56,
+        height: 66,
+        background: "#ffffff",
+        border: "1px solid rgba(56, 103, 214, 0.18)",
+        borderRadius: 8,
+        boxShadow: "0 14px 28px rgba(31, 41, 55, 0.12), inset 0 0 0 1px rgba(255, 255, 255, 0.68)"
+      }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: {
+          position: "absolute",
+          left: -8,
+          bottom: 8,
+          width: 45,
+          height: 54,
+          background: "rgba(56, 103, 214, 0.08)",
+          border: "1px solid rgba(56, 103, 214, 0.12)",
+          borderRadius: 8,
+          transform: "rotate(-5deg)",
+          zIndex: -1
+        } }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: {
+          position: "absolute",
+          top: -1,
+          right: -1,
+          width: 18,
+          height: 18,
+          background: "linear-gradient(135deg, rgba(56, 103, 214, 0.18) 0 50%, transparent 50% 100%)",
+          borderTopRightRadius: 8
+        } }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { position: "absolute", top: 18, left: 12, right: 10, display: "grid", gap: 6 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { display: "block", height: 5, background: "rgba(56, 103, 214, 0.16)", borderRadius: 999, animation: "fp-loading-line-pulse 1.25s ease-in-out infinite" } }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { display: "block", height: 5, width: "78%", background: "rgba(56, 103, 214, 0.16)", borderRadius: 999, animation: "fp-loading-line-pulse 1.25s ease-in-out infinite", animationDelay: "0.12s" } }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { display: "block", height: 5, width: "56%", background: "rgba(56, 103, 214, 0.16)", borderRadius: 999, animation: "fp-loading-line-pulse 1.25s ease-in-out infinite", animationDelay: "0.24s" } })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "grid", gap: 6, maxWidth: "min(360px, 100%)" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { style: { color: "#1f2937", fontSize: 16 }, children: "\u6B63\u5728\u52A0\u8F7D\u6587\u6863..." }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { color: "#526173", fontSize: 13, lineHeight: 1.6 }, children: stage }),
+      message ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { color: "#526173", fontSize: 13, lineHeight: 1.6 }, children: message }) : null
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "grid", gap: 7, width: "min(320px, 76vw)", marginTop: 8 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { position: "relative", height: 7, overflow: "hidden", background: "rgba(56, 103, 214, 0.1)", borderRadius: 999 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: {
+        position: "absolute",
+        inset: "0 auto 0 0",
+        width: progressWidth,
+        minWidth: 8,
+        background: "linear-gradient(90deg, #3867d6, #7298f0)",
+        borderRadius: "inherit",
+        transition: "width 0.16s ease",
+        animation: resolvedProgress == null ? "fp-loading-line-pulse 1.05s ease-in-out infinite" : void 0
+      } }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { color: "#526173", fontSize: 12 }, children: resolvedProgress == null ? "\u51C6\u5907\u4E2D" : `${Math.round(resolvedProgress * 100)}%` })
+    ] })
+  ] });
+};
 var normalizeLocale = (locale) => locale?.startsWith("en") ? "en-US" : "zh-CN";
+var defaultRegistry = createFilePilotRegistry();
+var defaultFallback = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FilePilotLoading, {});
 var viewerCache = /* @__PURE__ */ new WeakMap();
 var getLazyViewerEntry = (parser) => {
   const cached = viewerCache.get(parser);
@@ -167,7 +209,7 @@ var FilePilot = ({
   locale,
   className,
   style,
-  fallback = null,
+  fallback = defaultFallback,
   unsupported = null,
   onError
 }) => {
@@ -189,9 +231,10 @@ var FilePilot = ({
   if (!Viewer) {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: typeof unsupported === "function" ? unsupported(file) : unsupported });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Suspense, { fallback, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Viewer, { file, options, locale: resolvedLocale, className, style }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { position: "relative", display: "flex", flexDirection: "column", width: "100%", height: "100%", minHeight: 480, flex: "1 1 auto", ...style }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { position: "absolute", inset: 0, display: "flex" }, children: fallback }), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Viewer, { file, options, locale: resolvedLocale, className, style }) }) });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  FilePilot
+  FilePilot,
+  FilePilotLoading
 });

package/dist/react.d.cts

@@ -2,6 +2,12 @@ import React from 'react';
 import { FilePilotProps } from '@macrowing/filepilot-types';
 export { FilePilotLocale, FilePilotProps } from '@macrowing/filepilot-types';
 
+type FilePilotLoadingProps = {
+    stage?: string;
+    message?: string;
+    progress?: number;
+};
+declare const FilePilotLoading: ({ stage, message, progress }: FilePilotLoadingProps) => React.JSX.Element;
 declare const FilePilot: ({ file, registry, parserId, options, locale, className, style, fallback, unsupported, onError }: FilePilotProps) => React.JSX.Element;
 
-export { FilePilot };
+export { FilePilot, FilePilotLoading, type FilePilotLoadingProps };

package/dist/react.d.ts

@@ -2,6 +2,12 @@ import React from 'react';
 import { FilePilotProps } from '@macrowing/filepilot-types';
 export { FilePilotLocale, FilePilotProps } from '@macrowing/filepilot-types';
 
+type FilePilotLoadingProps = {
+    stage?: string;
+    message?: string;
+    progress?: number;
+};
+declare const FilePilotLoading: ({ stage, message, progress }: FilePilotLoadingProps) => React.JSX.Element;
 declare const FilePilot: ({ file, registry, parserId, options, locale, className, style, fallback, unsupported, onError }: FilePilotProps) => React.JSX.Element;
 
-export { FilePilot };
+export { FilePilot, FilePilotLoading, type FilePilotLoadingProps };

package/dist/react.js

@@ -1,7 +1,9 @@
 import {
-  FilePilot
-} from "./chunk-MHWH3ZGP.js";
-import "./chunk-EQYOJW24.js";
+  FilePilot,
+  FilePilotLoading
+} from "./chunk-CKS4FUE2.js";
+import "./chunk-KCRUK7FG.js";
 export {
-  FilePilot
+  FilePilot,
+  FilePilotLoading
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@macrowing/filepilot",
-  "version": "0.1.0",
+  "version": "1.0.0",
   "description": "Extensible, lazy-loaded React file preview toolkit.",
   "type": "module",
   "sideEffects": false,
@@ -28,18 +28,38 @@
     "dist"
   ],
   "dependencies": {
-    "@macrowing/filepilot-parser-drawio": "0.1.0",
-    "@macrowing/filepilot-parser-mdoc": "0.1.0",
-    "@macrowing/filepilot-parser-mmind": "0.1.0",
-    "@macrowing/filepilot-parser-pdf": "0.1.0",
-    "@macrowing/filepilot-parser-office": "0.1.0",
-    "@macrowing/filepilot-types": "0.1.0",
-    "@macrowing/filepilot-parser-viewer": "0.1.0"
+    "@macrowing/filepilot-types": "0.2.0"
   },
   "peerDependencies": {
+    "@macrowing/filepilot-parser-drawio": "^1.0.0",
+    "@macrowing/filepilot-parser-mdoc": "^1.0.0",
+    "@macrowing/filepilot-parser-mmind": "^1.0.0",
+    "@macrowing/filepilot-parser-office": "^1.0.0",
+    "@macrowing/filepilot-parser-pdf": "^1.0.0",
+    "@macrowing/filepilot-parser-viewer": "^1.0.0",
     "react": ">=18.2.0 || >=19.0.0",
     "react-dom": ">=18.2.0 || >=19.0.0"
   },
+  "peerDependenciesMeta": {
+    "@macrowing/filepilot-parser-drawio": {
+      "optional": true
+    },
+    "@macrowing/filepilot-parser-mdoc": {
+      "optional": true
+    },
+    "@macrowing/filepilot-parser-mmind": {
+      "optional": true
+    },
+    "@macrowing/filepilot-parser-office": {
+      "optional": true
+    },
+    "@macrowing/filepilot-parser-pdf": {
+      "optional": true
+    },
+    "@macrowing/filepilot-parser-viewer": {
+      "optional": true
+    }
+  },
   "devDependencies": {
     "rimraf": "^6.0.1",
     "tsup": "^8.4.0"

package/dist/chunk-EQYOJW24.js

@@ -1,111 +0,0 @@
-// src/registry.ts
-var normalizeExtension = (extension) => extension?.replace(/^\./, "").toLowerCase();
-var getFileExtension = (file) => {
-  if (file.extension) return normalizeExtension(file.extension);
-  const name = file.name?.split(/[?#]/)[0];
-  const index = name?.lastIndexOf(".") ?? -1;
-  return index >= 0 ? normalizeExtension(name?.slice(index + 1)) : void 0;
-};
-var hasExtensionMatch = (parser, extension) => Boolean(
-  extension && parser.extensions.some((item) => normalizeExtension(item) === extension)
-);
-var hasMimeTypeMatch = (parser, mimeType) => Boolean(
-  mimeType && parser.mimeTypes?.some((item) => item.toLowerCase() === mimeType)
-);
-var createFilePilotRegistry = (initialParsers = []) => {
-  const parsers = /* @__PURE__ */ new Map();
-  initialParsers.forEach((parser) => parsers.set(parser.id, parser));
-  return {
-    register(parser) {
-      parsers.set(parser.id, parser);
-      return () => parsers.delete(parser.id);
-    },
-    unregister(id) {
-      parsers.delete(id);
-    },
-    resolve(file, parserId) {
-      const extension = getFileExtension(file);
-      const mimeType = file.mimeType?.toLowerCase();
-      if (parserId) return parsers.get(parserId);
-      const list = Array.from(parsers.values());
-      return list.find((parser) => hasExtensionMatch(parser, extension)) ?? list.find((parser) => hasMimeTypeMatch(parser, mimeType));
-    },
-    list() {
-      return Array.from(parsers.values());
-    }
-  };
-};
-
-// src/builtin.ts
-var builtinParsers = [
-  {
-    id: "filepilot-parser-drawio",
-    kind: "drawing",
-    extensions: ["drawio", "dio"],
-    mimeTypes: ["application/vnd.jgraph.mxfile", "application/x-drawio", "application/drawio"],
-    load: () => import("@macrowing/filepilot-parser-drawio")
-  },
-  {
-    id: "filepilot-parser-viewer",
-    kind: "viewer",
-    extensions: ["md", "markdown", "mdx", "txt", "text", "log", "csv", "json", "xml", "yaml", "yml", "png", "jpg", "jpeg", "gif", "webp", "bmp", "svg"],
-    mimeTypes: [
-      "text/markdown",
-      "text/x-markdown",
-      "text/plain",
-      "text/csv",
-      "application/json",
-      "application/xml",
-      "text/xml",
-      "image/png",
-      "image/jpeg",
-      "image/gif",
-      "image/webp",
-      "image/bmp",
-      "image/svg+xml"
-    ],
-    load: () => import("@macrowing/filepilot-parser-viewer")
-  },
-  {
-    id: "filepilot-parser-pdf",
-    kind: "pdf",
-    extensions: ["pdf"],
-    mimeTypes: ["application/pdf"],
-    load: () => import("@macrowing/filepilot-parser-pdf")
-  },
-  {
-    id: "filepilot-parser-office",
-    kind: "office",
-    extensions: ["doc", "docx", "ppt", "pptx", "xls", "xlsx"],
-    mimeTypes: [
-      "application/msword",
-      "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
-      "application/vnd.ms-powerpoint",
-      "application/vnd.openxmlformats-officedocument.presentationml.presentation",
-      "application/vnd.ms-excel",
-      "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
-    ],
-    load: () => import("@macrowing/filepilot-parser-office")
-  },
-  {
-    id: "filepilot-parser-mmind",
-    kind: "mindmap",
-    extensions: ["mmind"],
-    mimeTypes: ["application/json", "application/x-mmind"],
-    load: () => import("@macrowing/filepilot-parser-mmind")
-  },
-  {
-    id: "filepilot-parser-mdoc",
-    kind: "docflow",
-    extensions: ["mdoc"],
-    mimeTypes: ["application/x-mdoc", "application/vnd.docflow.mdoc", "application/octet-stream"],
-    load: () => import("@macrowing/filepilot-parser-mdoc")
-  }
-];
-var defaultRegistry = createFilePilotRegistry(builtinParsers);
-
-export {
-  createFilePilotRegistry,
-  builtinParsers,
-  defaultRegistry
-};

package/dist/chunk-MHWH3ZGP.js

@@ -1,59 +0,0 @@
-import {
-  defaultRegistry
-} from "./chunk-EQYOJW24.js";
-
-// src/react.tsx
-import React, { Suspense, useEffect, useMemo, useRef } from "react";
-import { Fragment, jsx } from "react/jsx-runtime";
-var normalizeLocale = (locale) => locale?.startsWith("en") ? "en-US" : "zh-CN";
-var viewerCache = /* @__PURE__ */ new WeakMap();
-var getLazyViewerEntry = (parser) => {
-  const cached = viewerCache.get(parser);
-  if (cached) return cached;
-  const entry = {
-    Viewer: React.lazy(() => parser.load().catch((error) => {
-      entry.loadError = error;
-      entry.errorListeners.forEach((listener) => listener(error));
-      throw error;
-    })),
-    errorListeners: /* @__PURE__ */ new Set()
-  };
-  viewerCache.set(parser, entry);
-  return entry;
-};
-var FilePilot = ({
-  file,
-  registry = defaultRegistry,
-  parserId,
-  options,
-  locale,
-  className,
-  style,
-  fallback = null,
-  unsupported = null,
-  onError
-}) => {
-  const parser = registry.resolve(file, parserId);
-  const resolvedLocale = normalizeLocale(locale);
-  const viewerEntry = useMemo(() => parser ? getLazyViewerEntry(parser) : void 0, [parser]);
-  const onErrorRef = useRef(onError);
-  onErrorRef.current = onError;
-  useEffect(() => {
-    if (!viewerEntry) return;
-    const listener = (error) => onErrorRef.current?.(error);
-    viewerEntry.errorListeners.add(listener);
-    if (viewerEntry.loadError !== void 0) listener(viewerEntry.loadError);
-    return () => {
-      viewerEntry.errorListeners.delete(listener);
-    };
-  }, [viewerEntry]);
-  const Viewer = viewerEntry?.Viewer;
-  if (!Viewer) {
-    return /* @__PURE__ */ jsx(Fragment, { children: typeof unsupported === "function" ? unsupported(file) : unsupported });
-  }
-  return /* @__PURE__ */ jsx(Suspense, { fallback, children: /* @__PURE__ */ jsx(Viewer, { file, options, locale: resolvedLocale, className, style }) });
-};
-
-export {
-  FilePilot
-};