jit-viewer 1.0.2 → 1.0.4

package/dist/index.js

@@ -26,7 +26,9 @@ const EXTENSION_MAP = {
   "txt": "txt",
   "md": "md",
   "markdown": "markdown",
-  "ofd": "ofd"
+  "ofd": "ofd",
+  "html": "html",
+  "htm": "html"
 };
 const MIME_MAP = {
   "application/vnd.openxmlformats-officedocument.wordprocessingml.document": "docx",
@@ -38,7 +40,9 @@ const MIME_MAP = {
   "text/plain": "txt",
   "text/markdown": "md",
   "text/x-markdown": "md",
-  "application/ofd": "ofd"
+  "application/ofd": "ofd",
+  "text/html": "html",
+  "application/xhtml+xml": "html"
 };
 function getFileExtension(filename) {
   const match = filename.toLowerCase().match(/\.([a-z0-9]+)$/);
@@ -94,7 +98,7 @@ function getFilename(source, fallback) {
   }
   return fallback || "unknown";
 }
-async function fileToArrayBuffer(source) {
+async function fileToArrayBuffer(source, options) {
   if (source instanceof ArrayBuffer) {
     return source;
   }
@@ -110,34 +114,93 @@ async function fileToArrayBuffer(source) {
     return source.arrayBuffer();
   }
   if (typeof source === "string") {
-    const response = await fetch(source);
-    if (!response.ok) {
-      throw new Error(`Failed to fetch file: ${response.status} ${response.statusText}`);
-    }
-    return response.arrayBuffer();
+    return fetchWithProxy(source, {}, options);
   }
   if (typeof source === "object" && "url" in source) {
     const { url, headers = {}, method = "GET", body } = source;
+    return fetchWithProxy(url, { headers, method, body }, options);
+  }
+  throw new Error("Unsupported file source type");
+}
+const BUILTIN_CORS_PROXIES = [
+  "https://corsproxy.io/?",
+  "https://api.allorigins.win/raw?url="
+];
+function isCrossOriginUrl(url) {
+  try {
+    const urlObj = new URL(url, window.location.origin);
+    if (urlObj.origin === window.location.origin) {
+      return false;
+    }
+    return urlObj.protocol === "http:" || urlObj.protocol === "https:";
+  } catch {
+    return false;
+  }
+}
+async function fetchWithProxy(url, fetchOptions, proxyOptions) {
+  if (proxyOptions == null ? void 0 : proxyOptions.requestAdapter) {
+    return proxyOptions.requestAdapter(url, fetchOptions);
+  }
+  if (proxyOptions == null ? void 0 : proxyOptions.proxyUrl) {
+    return fetchViaProxy(url, fetchOptions, proxyOptions.proxyUrl);
+  }
+  try {
     const response = await fetch(url, {
-      method,
-      headers,
-      body
+      ...fetchOptions,
+      mode: "cors"
     });
-    if (!response.ok) {
-      throw new Error(`Failed to fetch file: ${response.status} ${response.statusText}`);
+    if (response.ok) {
+      return response.arrayBuffer();
     }
-    return response.arrayBuffer();
+    throw new Error(`Failed to fetch file: ${response.status} ${response.statusText}`);
+  } catch (error) {
+    if (isCrossOriginUrl(url) && isCorsError(error)) {
+      console.warn("[jit-viewer] Direct fetch failed due to CORS, trying builtin proxy...");
+      return fetchViaBuiltinProxy(url, fetchOptions);
+    }
+    throw error;
   }
-  throw new Error("Unsupported file source type");
 }
-async function fileToBlob(source) {
+function isCorsError(error) {
+  var _a;
+  const message = ((_a = error == null ? void 0 : error.message) == null ? void 0 : _a.toLowerCase()) || "";
+  return message.includes("cors") || message.includes("failed to fetch") || message.includes("network error") || (error == null ? void 0 : error.name) === "TypeError";
+}
+async function fetchViaProxy(url, fetchOptions, proxyUrl) {
+  const finalUrl = proxyUrl.includes("?") ? `${proxyUrl}${encodeURIComponent(url)}` : `${proxyUrl}?url=${encodeURIComponent(url)}`;
+  const response = await fetch(finalUrl, {
+    method: "GET",
+    headers: fetchOptions.headers
+  });
+  if (!response.ok) {
+    throw new Error(`Proxy request failed: ${response.status} ${response.statusText}`);
+  }
+  return response.arrayBuffer();
+}
+async function fetchViaBuiltinProxy(url, fetchOptions) {
+  let lastError = null;
+  for (const proxyUrl of BUILTIN_CORS_PROXIES) {
+    try {
+      const buffer = await fetchViaProxy(url, fetchOptions, proxyUrl);
+      console.log(`[jit-viewer] Successfully fetched via proxy: ${proxyUrl}`);
+      return buffer;
+    } catch (error) {
+      lastError = error;
+      console.warn(`[jit-viewer] Proxy ${proxyUrl} failed:`, error.message);
+    }
+  }
+  throw new Error(
+    `Failed to fetch file. All CORS proxies failed. Last error: ${(lastError == null ? void 0 : lastError.message) || "Unknown error"}. Please consider: 1) Upload the file instead of using URL, 2) Configure your own proxy server via 'proxyUrl' option`
+  );
+}
+async function fileToBlob(source, options) {
   if (source instanceof Blob) {
     return source;
   }
   if (source instanceof ArrayBuffer) {
     return new Blob([source]);
   }
-  const buffer = await fileToArrayBuffer(source);
+  const buffer = await fileToArrayBuffer(source, options);
   return new Blob([buffer]);
 }
 async function fileToUrl(source) {
@@ -175,7 +238,8 @@ function isSupportedType(type) {
     "txt",
     "md",
     "markdown",
-    "ofd"
+    "ofd",
+    "html"
   ].includes(type);
 }
 function createEventBus() {
@@ -830,13 +894,13 @@ function useViewerState() {
   }
   return context;
 }
-const _hoisted_1$9 = ["disabled", "title"];
-const _hoisted_2$6 = { class: "jv-toolbar-btn__icon" };
+const _hoisted_1$a = ["disabled", "title"];
+const _hoisted_2$7 = { class: "jv-toolbar-btn__icon" };
 const _hoisted_3$2 = {
   key: 0,
   class: "jv-toolbar-btn__label"
 };
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "ActionButton",
   props: {
     type: {},
@@ -860,11 +924,11 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
         title: __props.title,
         onClick: handleClick
       }, [
-        createElementVNode("span", _hoisted_2$6, [
+        createElementVNode("span", _hoisted_2$7, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ]),
         __props.label ? (openBlock(), createElementBlock("span", _hoisted_3$2, toDisplayString(__props.label), 1)) : createCommentVNode("", true)
-      ], 10, _hoisted_1$9);
+      ], 10, _hoisted_1$a);
     };
   }
 });
@@ -875,11 +939,11 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const ActionButton = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-9abd52f0"]]);
-const _hoisted_1$8 = { class: "jv-zoom-control" };
-const _hoisted_2$5 = { class: "jv-zoom-control__value" };
+const ActionButton = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-9abd52f0"]]);
+const _hoisted_1$9 = { class: "jv-zoom-control" };
+const _hoisted_2$6 = { class: "jv-zoom-control__value" };
 const ZOOM_STEP = 0.1;
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "ZoomControl",
   setup(__props) {
     const { t } = useLocale();
@@ -894,7 +958,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       resetTransform();
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$8, [
+      return openBlock(), createElementBlock("div", _hoisted_1$9, [
         createVNode(ActionButton, {
           type: "zoom-out",
           title: unref(t)("toolbar.zoomOut"),
@@ -928,7 +992,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
           ])]),
           _: 1
         }, 8, ["title"]),
-        createElementVNode("span", _hoisted_2$5, toDisplayString(Math.round(unref(zoom) * 100)) + "%", 1),
+        createElementVNode("span", _hoisted_2$6, toDisplayString(Math.round(unref(zoom) * 100)) + "%", 1),
         createVNode(ActionButton, {
           type: "zoom-in",
           title: unref(t)("toolbar.zoomIn"),
@@ -1002,10 +1066,10 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ZoomControl = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-874ddbac"]]);
-const _hoisted_1$7 = { class: "jv-rotate-control" };
+const ZoomControl = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-874ddbac"]]);
+const _hoisted_1$8 = { class: "jv-rotate-control" };
 const ROTATE_STEP = 90;
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "RotateControl",
   setup(__props) {
     const { t } = useLocale();
@@ -1017,7 +1081,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       setRotate(ROTATE_STEP);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$7, [
+      return openBlock(), createElementBlock("div", _hoisted_1$8, [
         createVNode(ActionButton, {
           type: "rotate-left",
           title: unref(t)("toolbar.rotateLeft"),
@@ -1056,22 +1120,22 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const RotateControl = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-ad291658"]]);
-const _hoisted_1$6 = {
+const RotateControl = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-ad291658"]]);
+const _hoisted_1$7 = {
   key: 0,
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
 };
-const _hoisted_2$4 = {
+const _hoisted_2$5 = {
   key: 1,
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
 };
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "FullscreenButton",
   setup(__props) {
     const { t } = useLocale();
@@ -1100,9 +1164,9 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
         onClick: toggleFullscreen
       }, {
         default: withCtx(() => [
-          !isFullscreen.value ? (openBlock(), createElementBlock("svg", _hoisted_1$6, [..._cache[0] || (_cache[0] = [
+          !isFullscreen.value ? (openBlock(), createElementBlock("svg", _hoisted_1$7, [..._cache[0] || (_cache[0] = [
             createElementVNode("path", { d: "M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3" }, null, -1)
-          ])])) : (openBlock(), createElementBlock("svg", _hoisted_2$4, [..._cache[1] || (_cache[1] = [
+          ])])) : (openBlock(), createElementBlock("svg", _hoisted_2$5, [..._cache[1] || (_cache[1] = [
             createElementVNode("path", { d: "M8 3v3a2 2 0 0 1-2 2H3m18 0h-3a2 2 0 0 1-2-2V3m0 18v-3a2 2 0 0 1 2-2h3M3 16h3a2 2 0 0 1 2 2v3" }, null, -1)
           ])]))
         ]),
@@ -1111,18 +1175,18 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$5 = {
+const _hoisted_1$6 = {
   key: 0,
   class: "jv-pagination"
 };
-const _hoisted_2$3 = { class: "jv-pagination__info" };
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _hoisted_2$4 = { class: "jv-pagination__info" };
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "Pagination",
   setup(__props) {
     const { t } = useLocale();
     const { currentPage, totalPages, prevPage, nextPage } = useViewerState();
     return (_ctx, _cache) => {
-      return unref(totalPages) > 1 ? (openBlock(), createElementBlock("div", _hoisted_1$5, [
+      return unref(totalPages) > 1 ? (openBlock(), createElementBlock("div", _hoisted_1$6, [
         createVNode(ActionButton, {
           type: "prev",
           title: unref(t)("toolbar.prevPage"),
@@ -1141,7 +1205,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
           ])]),
           _: 1
         }, 8, ["title", "disabled", "onClick"]),
-        createElementVNode("span", _hoisted_2$3, toDisplayString(unref(t)("toolbar.pageInfo", { current: unref(currentPage).toString(), total: unref(totalPages).toString() })), 1),
+        createElementVNode("span", _hoisted_2$4, toDisplayString(unref(t)("toolbar.pageInfo", { current: unref(currentPage).toString(), total: unref(totalPages).toString() })), 1),
         createVNode(ActionButton, {
           type: "next",
           title: unref(t)("toolbar.nextPage"),
@@ -1164,12 +1228,12 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Pagination = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-97c0759f"]]);
-const _hoisted_1$4 = {
+const Pagination = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-97c0759f"]]);
+const _hoisted_1$5 = {
   key: 0,
   class: "jv-toolbar__top"
 };
-const _hoisted_2$2 = { class: "jv-toolbar__left" };
+const _hoisted_2$3 = { class: "jv-toolbar__left" };
 const _hoisted_3$1 = {
   key: 0,
   class: "jv-toolbar__filename"
@@ -1181,9 +1245,9 @@ const _hoisted_6$1 = {
   class: "jv-toolbar__bottom"
 };
 const _hoisted_7$1 = { class: "jv-toolbar__left" };
-const _hoisted_8 = { class: "jv-toolbar__center" };
+const _hoisted_8$1 = { class: "jv-toolbar__center" };
 const _hoisted_9 = { class: "jv-toolbar__right" };
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "Toolbar",
   props: {
     config: {},
@@ -1376,8 +1440,8 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["jv-toolbar", [positionClass.value, { "jv-toolbar--hidden": !__props.visible }]])
       }, [
-        showTop.value ? (openBlock(), createElementBlock("div", _hoisted_1$4, [
-          createElementVNode("div", _hoisted_2$2, [
+        showTop.value ? (openBlock(), createElementBlock("div", _hoisted_1$5, [
+          createElementVNode("div", _hoisted_2$3, [
             renderSlot(_ctx.$slots, "top-left", {}, () => [
               unref(filename) ? (openBlock(), createElementBlock("span", _hoisted_3$1, toDisplayString(unref(filename)), 1)) : createCommentVNode("", true)
             ], true)
@@ -1389,7 +1453,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
             renderSlot(_ctx.$slots, "top-right", {}, () => [
               hasItem("zoom") ? (openBlock(), createBlock(ZoomControl, { key: 0 })) : createCommentVNode("", true),
               hasItem("rotate") ? (openBlock(), createBlock(RotateControl, { key: 1 })) : createCommentVNode("", true),
-              hasItem("fullscreen") ? (openBlock(), createBlock(_sfc_main$a, { key: 2 })) : createCommentVNode("", true)
+              hasItem("fullscreen") ? (openBlock(), createBlock(_sfc_main$b, { key: 2 })) : createCommentVNode("", true)
             ], true)
           ])
         ])) : createCommentVNode("", true),
@@ -1399,7 +1463,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
               hasItem("pagination") ? (openBlock(), createBlock(Pagination, { key: 0 })) : createCommentVNode("", true)
             ], true)
           ]),
-          createElementVNode("div", _hoisted_8, [
+          createElementVNode("div", _hoisted_8$1, [
             renderSlot(_ctx.$slots, "bottom-center", {}, void 0, true)
           ]),
           createElementVNode("div", _hoisted_9, [
@@ -1450,12 +1514,14 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-715b4e5f"]]);
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-715b4e5f"]]);
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "DocxRender",
   props: {
     source: {},
-    zoom: {}
+    zoom: {},
+    proxyUrl: {},
+    requestAdapter: { type: Function }
   },
   emits: ["load", "error"],
   setup(__props, { emit: __emit }) {
@@ -1471,7 +1537,10 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     async function loadFile() {
       try {
         loading.value = true;
-        src.value = await fileToArrayBuffer(props.source);
+        src.value = await fileToArrayBuffer(props.source, {
+          proxyUrl: props.proxyUrl,
+          requestAdapter: props.requestAdapter
+        });
       } catch (error) {
         handleError(error);
       }
@@ -1501,12 +1570,14 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DocxRender = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-64a29f11"]]);
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const DocxRender = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-9181c8b1"]]);
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "ExcelRender",
   props: {
     source: {},
-    zoom: {}
+    zoom: {},
+    proxyUrl: {},
+    requestAdapter: { type: Function }
   },
   emits: ["load", "error"],
   setup(__props, { emit: __emit }) {
@@ -1522,7 +1593,10 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     async function loadFile() {
       try {
         loading.value = true;
-        src.value = await fileToArrayBuffer(props.source);
+        src.value = await fileToArrayBuffer(props.source, {
+          proxyUrl: props.proxyUrl,
+          requestAdapter: props.requestAdapter
+        });
       } catch (error) {
         handleError(error);
       }
@@ -1552,12 +1626,14 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ExcelRender = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-ebc546c0"]]);
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const ExcelRender = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-a8c7c89f"]]);
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "PdfRender",
   props: {
     source: {},
-    zoom: {}
+    zoom: {},
+    proxyUrl: {},
+    requestAdapter: { type: Function }
   },
   emits: ["load", "error"],
   setup(__props, { emit: __emit }) {
@@ -1573,7 +1649,10 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     async function loadFile() {
       try {
         loading.value = true;
-        src.value = await fileToArrayBuffer(props.source);
+        src.value = await fileToArrayBuffer(props.source, {
+          proxyUrl: props.proxyUrl,
+          requestAdapter: props.requestAdapter
+        });
       } catch (error) {
         handleError(error);
       }
@@ -1603,12 +1682,14 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const PdfRender = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-cf0a921e"]]);
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const PdfRender = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-db81b2b3"]]);
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "PptxRender",
   props: {
     source: {},
-    zoom: {}
+    zoom: {},
+    proxyUrl: {},
+    requestAdapter: { type: Function }
   },
   emits: ["load", "error"],
   setup(__props, { emit: __emit }) {
@@ -1624,7 +1705,10 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     async function loadFile() {
       try {
         loading.value = true;
-        src.value = await fileToArrayBuffer(props.source);
+        src.value = await fileToArrayBuffer(props.source, {
+          proxyUrl: props.proxyUrl,
+          requestAdapter: props.requestAdapter
+        });
       } catch (error) {
         handleError(error);
       }
@@ -1654,9 +1738,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const PptxRender = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-a181a5b5"]]);
-const _hoisted_1$3 = { class: "jv-text-content" };
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const PptxRender = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-b31abca4"]]);
+const _hoisted_1$4 = { class: "jv-text-content" };
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "TextRender",
   props: {
     source: {}
@@ -1688,14 +1772,14 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         ref: containerRef,
         class: "jv-file-render jv-file-render--text"
       }, [
-        createElementVNode("pre", _hoisted_1$3, toDisplayString(content.value), 1)
+        createElementVNode("pre", _hoisted_1$4, toDisplayString(content.value), 1)
       ], 512);
     };
   }
 });
-const TextRender = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-f5957104"]]);
-const _hoisted_1$2 = ["innerHTML"];
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const TextRender = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-f5957104"]]);
+const _hoisted_1$3 = ["innerHTML"];
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "MarkdownRender",
   props: {
     source: {}
@@ -1737,12 +1821,12 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         createElementVNode("div", {
           class: "jv-markdown-content",
           innerHTML: renderedContent.value
-        }, null, 8, _hoisted_1$2)
+        }, null, 8, _hoisted_1$3)
       ], 512);
     };
   }
 });
-const MarkdownRender = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-9b60bb2a"]]);
+const MarkdownRender = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-9b60bb2a"]]);
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 var dist = { exports: {} };
 /*! For license information please see index.js.LICENSE.txt */
@@ -27306,11 +27390,13 @@ const installHighDpiCanvasPatch = (totalPages) => {
   };
 };
 class LiteOfdAdapter {
-  constructor(pageStyle = DEFAULT_PAGE_STYLE) {
+  constructor(pageStyle = DEFAULT_PAGE_STYLE, proxyOptions) {
     __publicField(this, "instance", null);
     __publicField(this, "pageStyle");
     __publicField(this, "restoreCanvasPatch", null);
+    __publicField(this, "proxyOptions");
     this.pageStyle = pageStyle;
+    this.proxyOptions = proxyOptions;
   }
   get currentPage() {
     var _a;
@@ -27330,7 +27416,7 @@ class LiteOfdAdapter {
   async load(source) {
     var _a, _b, _c, _d, _e;
     this.destroy();
-    const buffer = await fileToArrayBuffer(source);
+    const buffer = await fileToArrayBuffer(source, this.proxyOptions);
     const liteOfd = new distExports.LiteOfd();
     const parsedDocument = await liteOfd.parse(buffer);
     try {
@@ -27375,16 +27461,18 @@ class LiteOfdAdapter {
     this.instance = null;
   }
 }
-const _hoisted_1$1 = {
+const _hoisted_1$2 = {
   key: 0,
   class: "jv-ofd-error"
 };
-const _hoisted_2$1 = { class: "jv-ofd-loading" };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _hoisted_2$2 = { class: "jv-ofd-loading" };
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "OfdRender",
   props: {
     source: {},
-    zoom: { default: 1 }
+    zoom: { default: 1 },
+    proxyUrl: {},
+    requestAdapter: {}
   },
   emits: ["error", "load", "pageChange"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -27518,7 +27606,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     async function loadFile() {
       if (!ofdContainer.value) return;
       const loadToken = ++activeLoadToken;
-      const nextAdapter = new LiteOfdAdapter();
+      const nextAdapter = new LiteOfdAdapter(void 0, {
+        proxyUrl: props.proxyUrl,
+        requestAdapter: props.requestAdapter
+      });
       cleanup();
       loading.value = true;
       error.value = "";
@@ -27606,7 +27697,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         ref: containerRef,
         class: "jv-file-render jv-file-render--ofd"
       }, [
-        error.value ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
+        error.value ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
           createElementVNode("span", null, toDisplayString(error.value), 1)
         ])) : (openBlock(), createElementBlock("div", {
           key: 1,
@@ -27625,7 +27716,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             }, null, 512)
           ], 4)
         ], 512)),
-        withDirectives(createElementVNode("div", _hoisted_2$1, [
+        withDirectives(createElementVNode("div", _hoisted_2$2, [
           createElementVNode("span", null, toDisplayString(t("loading")), 1)
         ], 512), [
           [vShow, loading.value]
@@ -27634,7 +27725,184 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const OfdRender = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-36ea2d3f"]]);
+const OfdRender = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-f933a20c"]]);
+const _hoisted_1$1 = { class: "jv-html-loading" };
+const _hoisted_2$1 = {
+  key: 0,
+  class: "jv-html-error"
+};
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "HtmlRender",
+  props: {
+    source: {},
+    zoom: { default: 1 },
+    proxyUrl: {},
+    requestAdapter: {}
+  },
+  emits: ["load", "error"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const containerRef = ref();
+    const iframeRef = ref();
+    const loading = ref(true);
+    const error = ref("");
+    const renderStyle = computed(() => {
+      if (props.zoom === 1) {
+        return {};
+      }
+      return {
+        transform: `scale(${props.zoom})`,
+        transformOrigin: "top left",
+        width: `${100 / props.zoom}%`,
+        height: `${100 / props.zoom}%`
+      };
+    });
+    async function loadContent() {
+      console.log("[HtmlRender] loadContent called, iframe ready:", !!iframeRef.value, "source:", props.source);
+      if (!iframeRef.value) {
+        console.log("[HtmlRender] iframe not ready, retrying in 100ms...");
+        setTimeout(() => loadContent(), 100);
+        return;
+      }
+      loading.value = true;
+      error.value = "";
+      try {
+        if (!props.source) {
+          console.log("[HtmlRender] no source provided");
+          loading.value = false;
+          return;
+        }
+        if (typeof props.source === "string") {
+          const url = props.source;
+          console.log("[HtmlRender] source is string:", url.substring(0, 100));
+          if (url.startsWith("http://") || url.startsWith("https://")) {
+            console.log("[HtmlRender] loading web URL:", url);
+            iframeRef.value.src = url;
+            loading.value = false;
+            emit("load");
+            return;
+          }
+          if (url.startsWith("data:") || url.startsWith("blob:")) {
+            iframeRef.value.src = url;
+            loading.value = false;
+            emit("load");
+            return;
+          }
+        }
+        if (props.source instanceof File || props.source instanceof Blob) {
+          console.log("[HtmlRender] source is File/Blob");
+          const htmlContent = await readHtmlContent(props.source);
+          console.log("[HtmlRender] read content length:", htmlContent.length);
+          writeHtmlToIframe(htmlContent);
+          return;
+        }
+        if (props.source instanceof ArrayBuffer) {
+          console.log("[HtmlRender] source is ArrayBuffer");
+          const decoder = new TextDecoder();
+          const htmlContent = decoder.decode(props.source);
+          writeHtmlToIframe(htmlContent);
+          return;
+        }
+        if (typeof props.source === "object" && "url" in props.source) {
+          console.log("[HtmlRender] source is config object");
+          const { url } = props.source;
+          if (url.startsWith("http://") || url.startsWith("https://")) {
+            iframeRef.value.src = url;
+            loading.value = false;
+            emit("load");
+            return;
+          }
+          const buffer = await fileToArrayBuffer(props.source, {
+            proxyUrl: props.proxyUrl,
+            requestAdapter: props.requestAdapter
+          });
+          const decoder = new TextDecoder();
+          const htmlContent = decoder.decode(buffer);
+          writeHtmlToIframe(htmlContent);
+        }
+        console.log("[HtmlRender] unknown source type");
+      } catch (err) {
+        console.error("[HtmlRender] load error:", err);
+        handleError(err);
+      }
+    }
+    async function readHtmlContent(source) {
+      return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.onload = () => resolve(reader.result);
+        reader.onerror = () => reject(new Error("Failed to read HTML file"));
+        reader.readAsText(source);
+      });
+    }
+    function writeHtmlToIframe(html) {
+      if (!iframeRef.value) {
+        handleError(new Error("iframe not ready"));
+        return;
+      }
+      console.log("[HtmlRender] writing HTML to iframe, length:", html.length);
+      try {
+        iframeRef.value.srcdoc = html;
+        requestAnimationFrame(() => {
+          var _a;
+          try {
+            const doc = (_a = iframeRef.value) == null ? void 0 : _a.contentDocument;
+            if (doc) {
+              doc.open();
+              doc.write(html);
+              doc.close();
+            }
+          } catch (e) {
+            console.warn("[HtmlRender] document write failed, but srcdoc is set");
+          }
+          loading.value = false;
+          emit("load");
+        });
+      } catch (err) {
+        console.error("[HtmlRender] write error:", err);
+        handleError(err);
+      }
+    }
+    function handleError(err) {
+      loading.value = false;
+      error.value = err.message || "HTML加载失败";
+      emit("error", err);
+    }
+    watch(() => props.source, (newSource, oldSource) => {
+      if (newSource !== oldSource) {
+        nextTick(() => loadContent());
+      }
+    }, { immediate: false });
+    onMounted(() => {
+      nextTick(() => loadContent());
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "containerRef",
+        ref: containerRef,
+        class: "jv-file-render jv-file-render--html"
+      }, [
+        createElementVNode("iframe", {
+          ref_key: "iframeRef",
+          ref: iframeRef,
+          class: "jv-html-iframe",
+          style: normalizeStyle(renderStyle.value),
+          sandbox: "allow-scripts allow-same-origin allow-popups allow-forms allow-top-navigation"
+        }, null, 4),
+        withDirectives(createElementVNode("div", _hoisted_1$1, [..._cache[0] || (_cache[0] = [
+          createElementVNode("div", { class: "jv-loading-spinner" }, null, -1),
+          createElementVNode("span", null, "加载中...", -1)
+        ])], 512), [
+          [vShow, loading.value]
+        ]),
+        error.value ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
+          createElementVNode("span", null, toDisplayString(error.value), 1)
+        ])) : createCommentVNode("", true)
+      ], 512);
+    };
+  }
+});
+const HtmlRender = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-af6df043"]]);
 const _hoisted_1 = {
   key: 0,
   class: "jv-viewer__error"
@@ -27648,7 +27916,11 @@ const _hoisted_4 = { class: "jv-empty-text" };
 const _hoisted_5 = { class: "jv-viewer__loading-overlay" };
 const _hoisted_6 = { class: "jv-loading-text" };
 const _hoisted_7 = {
-  key: 7,
+  key: 8,
+  class: "jv-viewer__unsupported"
+};
+const _hoisted_8 = {
+  key: 9,
   class: "jv-viewer__unsupported"
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -27666,6 +27938,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     height: { default: "100%" },
     className: {},
     style: {},
+    proxyUrl: {},
+    requestAdapter: {},
     onReady: {},
     onError: {},
     onLoad: {},
@@ -27726,6 +28000,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return ((_a2 = props.toolbar) == null ? void 0 : _a2.visible) !== false;
     });
+    const proxyUrl = computed(() => props.proxyUrl);
+    const requestAdapter = computed(() => props.requestAdapter);
     function handleLoad() {
       var _a2;
       setLoading(false);
@@ -27930,27 +28206,35 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               key: 0,
               source: unref(fileSource),
               zoom: unref(zoom),
+              "proxy-url": proxyUrl.value,
+              "request-adapter": requestAdapter.value,
               onLoad: handleLoad,
               onError: handleError
-            }, null, 8, ["source", "zoom"])) : unref(fileType) === "xlsx" || unref(fileType) === "xls" ? (openBlock(), createBlock(unref(ExcelRender), {
+            }, null, 8, ["source", "zoom", "proxy-url", "request-adapter"])) : unref(fileType) === "xlsx" || unref(fileType) === "xls" ? (openBlock(), createBlock(unref(ExcelRender), {
               key: 1,
               source: unref(fileSource),
               zoom: unref(zoom),
+              "proxy-url": proxyUrl.value,
+              "request-adapter": requestAdapter.value,
               onLoad: handleLoad,
               onError: handleError
-            }, null, 8, ["source", "zoom"])) : unref(fileType) === "pdf" ? (openBlock(), createBlock(unref(PdfRender), {
+            }, null, 8, ["source", "zoom", "proxy-url", "request-adapter"])) : unref(fileType) === "pdf" ? (openBlock(), createBlock(unref(PdfRender), {
               key: 2,
               source: unref(fileSource),
               zoom: unref(zoom),
+              "proxy-url": proxyUrl.value,
+              "request-adapter": requestAdapter.value,
               onLoad: handleLoad,
               onError: handleError
-            }, null, 8, ["source", "zoom"])) : unref(fileType) === "pptx" || unref(fileType) === "ppt" ? (openBlock(), createBlock(unref(PptxRender), {
+            }, null, 8, ["source", "zoom", "proxy-url", "request-adapter"])) : unref(fileType) === "pptx" || unref(fileType) === "ppt" ? (openBlock(), createBlock(unref(PptxRender), {
               key: 3,
               source: unref(fileSource),
               zoom: unref(zoom),
+              "proxy-url": proxyUrl.value,
+              "request-adapter": requestAdapter.value,
               onLoad: handleLoad,
               onError: handleError
-            }, null, 8, ["source", "zoom"])) : unref(fileType) === "txt" ? (openBlock(), createBlock(unref(TextRender), {
+            }, null, 8, ["source", "zoom", "proxy-url", "request-adapter"])) : unref(fileType) === "txt" ? (openBlock(), createBlock(unref(TextRender), {
               key: 4,
               source: unref(fileSource),
               onLoad: handleLoad,
@@ -27966,10 +28250,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ref: ofdRenderRef,
               source: unref(fileSource),
               zoom: unref(zoom),
+              "proxy-url": proxyUrl.value,
+              "request-adapter": requestAdapter.value,
               onLoad: handleLoad,
               onError: handleError,
               onPageChange: handleOfdPageChange
-            }, null, 8, ["source", "zoom"])) : (openBlock(), createElementBlock("div", _hoisted_7, [
+            }, null, 8, ["source", "zoom", "proxy-url", "request-adapter"])) : unref(fileType) === "html" ? (openBlock(), createBlock(unref(HtmlRender), {
+              key: 7,
+              source: unref(fileSource),
+              zoom: unref(zoom),
+              "proxy-url": proxyUrl.value,
+              "request-adapter": requestAdapter.value,
+              onLoad: handleLoad,
+              onError: handleError
+            }, null, 8, ["source", "zoom", "proxy-url", "request-adapter"])) : unref(fileType) === "unknown" && unref(fileSource) ? (openBlock(), createElementBlock("div", _hoisted_7, [..._cache[2] || (_cache[2] = [
+              createElementVNode("span", null, "未知文件类型", -1)
+            ])])) : (openBlock(), createElementBlock("div", _hoisted_8, [
               createElementVNode("span", null, toDisplayString(unref(t)("error.unsupportedType")), 1)
             ]))
           ], 4))
@@ -27978,7 +28274,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Viewer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bd59f5e4"]]);
+const Viewer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-452e9e91"]]);
 function createViewer(options) {
   const events = createEventBus();
   let app = null;
@@ -28129,6 +28425,7 @@ const JitViewer = {
 export {
   DocxRender,
   ExcelRender,
+  HtmlRender,
   MarkdownRender,
   OfdRender,
   PdfRender,