@eternalheart/react-file-preview 1.3.14 → 1.5.0

package/lib/chunks/index-CCcZzLUM.mjs

@@ -0,0 +1,107 @@
+import { jsx as t, jsxs as P } from "react/jsx-runtime";
+import { forwardRef as T, useState as l, useRef as D, useEffect as b, useCallback as N, useImperativeHandle as I } from "react";
+import R from "mammoth";
+import { u as S, a as k } from "./index-Cz23v-TW.mjs";
+import { R as $ } from "./RendererError-D5i8eSpN.mjs";
+const H = 1123, _ = 60, v = 50, j = H - _ * 2, L = 24, E = {
+  fontFamily: "system-ui, -apple-system, sans-serif",
+  lineHeight: "1.8",
+  color: "#333"
+}, O = T(({ url: i }, G) => {
+  const c = S(), p = k(), [n, u] = l(""), [A, d] = l(!0), [m, h] = l(null), [x, g] = l([]), f = D(null);
+  b(() => {
+    if (!i) return;
+    (async () => {
+      d(!0), h(null), u("");
+      try {
+        const e = await p(i);
+        if (!e.ok)
+          throw new Error("文件加载失败");
+        const r = await e.arrayBuffer(), o = await R.convertToHtml({ arrayBuffer: r });
+        u(o.value);
+      } catch (e) {
+        console.error("Docx 解析错误:", e), h(c("docx.parse_failed"));
+      } finally {
+        d(!1);
+      }
+    })();
+  }, [i, p, c]);
+  const y = N(() => {
+    const s = f.current;
+    if (!s || !n) return;
+    const e = Array.from(s.children);
+    if (e.length === 0) {
+      g([n]);
+      return;
+    }
+    const r = [[]];
+    let o = 0;
+    for (const a of e) {
+      const w = a.offsetHeight;
+      o > 0 && o + w > j && (r.push([]), o = 0), r[r.length - 1].push(a.outerHTML), o += w;
+    }
+    r.length === 0 && r.push([]), g(r.map((a) => a.join("")));
+  }, [n]);
+  return b(() => {
+    !n || !f.current || requestAnimationFrame(() => {
+      y();
+    });
+  }, [n, y]), I(G, () => ({
+    getToolbarGroups: () => []
+  }), []), A ? /* @__PURE__ */ t("div", { className: "rfp-flex rfp-items-center rfp-justify-center rfp-w-full rfp-h-full", children: /* @__PURE__ */ t("div", { className: "rfp-w-12 rfp-h-12 rfp-border-4 rfp-border-line-strong rfp-border-t-spinner-head rfp-rounded-full rfp-animate-spin" }) }) : m ? /* @__PURE__ */ t($, { message: m }) : /* @__PURE__ */ P(
+    "div",
+    {
+      className: "rfp-docx-container rfp-w-full rfp-h-full rfp-overflow-auto rfp-py-6 rfp-px-4",
+      style: { background: "rgba(0, 0, 0, 0.15)" },
+      children: [
+        /* @__PURE__ */ t(
+          "div",
+          {
+            ref: f,
+            dangerouslySetInnerHTML: { __html: n },
+            style: {
+              ...E,
+              position: "absolute",
+              visibility: "hidden",
+              width: `${794 - v * 2}px`,
+              pointerEvents: "none"
+            }
+          }
+        ),
+        /* @__PURE__ */ t(
+          "div",
+          {
+            className: "rfp-flex rfp-flex-col rfp-items-center",
+            style: { gap: `${L}px` },
+            children: (x.length > 0 ? x : [""]).map((s, e) => /* @__PURE__ */ t(
+              "div",
+              {
+                style: {
+                  width: "100%",
+                  maxWidth: "794px",
+                  minHeight: `${H}px`,
+                  background: "white",
+                  boxShadow: "0 4px 6px rgba(0, 0, 0, 0.07), 0 10px 20px rgba(0, 0, 0, 0.10)",
+                  flexShrink: 0,
+                  padding: `${_}px ${v}px`
+                },
+                children: /* @__PURE__ */ t(
+                  "div",
+                  {
+                    dangerouslySetInnerHTML: { __html: s },
+                    style: E
+                  }
+                )
+              },
+              e
+            ))
+          }
+        )
+      ]
+    }
+  );
+});
+export {
+  O as DocxRenderer
+};
+//# sourceMappingURL=index-CCcZzLUM.mjs.map

package/lib/chunks/index-CCcZzLUM.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CCcZzLUM.mjs","sources":["../../src/renderers/Docx/index.tsx"],"sourcesContent":["import { useState, useEffect, useRef, useCallback, forwardRef, useImperativeHandle } from 'react';\nimport mammoth from 'mammoth';\nimport { useTranslator } from '../../i18n/LocaleContext';\nimport { useFetcher } from '../../RequestContext';\nimport { RendererError } from '../RendererError';\nimport type { RendererHandle } from '../base.types';\n\ninterface DocxRendererProps {\n  url: string;\n}\n\n// A4 page dimensions (96dpi)\nconst PAGE_HEIGHT = 1123;\nconst PAGE_PADDING_Y = 60;\nconst PAGE_PADDING_X = 50;\nconst PAGE_CONTENT_HEIGHT = PAGE_HEIGHT - PAGE_PADDING_Y * 2;\nconst PAGE_GAP = 24;\n\nconst contentStyle: React.CSSProperties = {\n  fontFamily: 'system-ui, -apple-system, sans-serif',\n  lineHeight: '1.8',\n  color: '#333',\n};\n\nexport const DocxRenderer = forwardRef<RendererHandle, DocxRendererProps>(({ url }, ref) => {\n  const t = useTranslator();\n  const fetcher = useFetcher();\n  const [html, setHtml] = useState<string>('');\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n  const [pages, setPages] = useState<string[]>([]);\n  const measureRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    // 只有 URL 有效时才加载（避免空字符串或已 revoke 的 blob URL）\n    if (!url) return;\n\n    const loadDocx = async () => {\n      setLoading(true);\n      setError(null);\n      setHtml('');\n\n      try {\n        const response = await fetcher(url);\n        if (!response.ok) {\n          throw new Error('文件加载失败');\n        }\n\n        const arrayBuffer = await response.arrayBuffer();\n        const result = await mammoth.convertToHtml({ arrayBuffer });\n        setHtml(result.value);\n      } catch (err) {\n        console.error('Docx 解析错误:', err);\n        setError(t('docx.parse_failed'));\n      } finally {\n        setLoading(false);\n      }\n    };\n\n    loadDocx();\n  }, [url, fetcher, t]);\n\n  const paginate = useCallback(() => {\n    const container = measureRef.current;\n    if (!container || !html) return;\n\n    const children = Array.from(container.children) as HTMLElement[];\n    if (children.length === 0) {\n      setPages([html]);\n      return;\n    }\n\n    const result: string[][] = [[]];\n    let currentPageUsed = 0;\n\n    for (const child of children) {\n      const h = child.offsetHeight;\n\n      // If adding this block would exceed page content area and page isn't empty,\n      // start a new page\n      if (currentPageUsed > 0 && currentPageUsed + h > PAGE_CONTENT_HEIGHT) {\n        result.push([]);\n        currentPageUsed = 0;\n      }\n\n      result[result.length - 1].push(child.outerHTML);\n      currentPageUsed += h;\n    }\n\n    // At least one page\n    if (result.length === 0) result.push([]);\n\n    setPages(result.map(blocks => blocks.join('')));\n  }, [html]);\n\n  useEffect(() => {\n    if (!html || !measureRef.current) return;\n    requestAnimationFrame(() => {\n      paginate();\n    });\n  }, [html, paginate]);\n\n  // 暴露接口给父组件\n  useImperativeHandle(ref, () => ({\n    getToolbarGroups: () => [],\n  }), []);\n\n  if (loading) {\n    return (\n      <div className=\"rfp-flex rfp-items-center rfp-justify-center rfp-w-full rfp-h-full\">\n        <div className=\"rfp-w-12 rfp-h-12 rfp-border-4 rfp-border-line-strong rfp-border-t-spinner-head rfp-rounded-full rfp-animate-spin\" />\n      </div>\n    );\n  }\n\n  if (error) {\n    return <RendererError message={error} />;\n  }\n\n  return (\n    <div\n      className=\"rfp-docx-container rfp-w-full rfp-h-full rfp-overflow-auto rfp-py-6 rfp-px-4\"\n      style={{ background: 'rgba(0, 0, 0, 0.15)' }}\n    >\n      {/* Hidden measurement div — same width as page content area */}\n      <div\n        ref={measureRef}\n        dangerouslySetInnerHTML={{ __html: html }}\n        style={{\n          ...contentStyle,\n          position: 'absolute',\n          visibility: 'hidden',\n          width: `${794 - PAGE_PADDING_X * 2}px`,\n          pointerEvents: 'none',\n        }}\n      />\n\n      {/* Visible pages */}\n      <div\n        className=\"rfp-flex rfp-flex-col rfp-items-center\"\n        style={{ gap: `${PAGE_GAP}px` }}\n      >\n        {(pages.length > 0 ? pages : ['']).map((pageHtml, i) => (\n          <div\n            key={i}\n            style={{\n              width: '100%',\n              maxWidth: '794px',\n              minHeight: `${PAGE_HEIGHT}px`,\n              background: 'white',\n              boxShadow: '0 4px 6px rgba(0, 0, 0, 0.07), 0 10px 20px rgba(0, 0, 0, 0.10)',\n              flexShrink: 0,\n              padding: `${PAGE_PADDING_Y}px ${PAGE_PADDING_X}px`,\n            }}\n          >\n            <div\n              dangerouslySetInnerHTML={{ __html: pageHtml }}\n              style={contentStyle}\n            />\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n});\n"],"names":["PAGE_HEIGHT","PAGE_PADDING_Y","PAGE_PADDING_X","PAGE_CONTENT_HEIGHT","PAGE_GAP","contentStyle","DocxRenderer","forwardRef","url","ref","t","useTranslator","fetcher","useFetcher","html","setHtml","useState","loading","setLoading","error","setError","pages","setPages","measureRef","useRef","useEffect","response","arrayBuffer","result","mammoth","err","paginate","useCallback","container","children","currentPageUsed","child","h","blocks","useImperativeHandle","jsx","RendererError","jsxs","pageHtml","i"],"mappings":";;;;;AAYA,MAAMA,IAAc,MACdC,IAAiB,IACjBC,IAAiB,IACjBC,IAAsBH,IAAcC,IAAiB,GACrDG,IAAW,IAEXC,IAAoC;AAAA,EACxC,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,OAAO;AACT,GAEaC,IAAeC,EAA8C,CAAC,EAAE,KAAAC,EAAA,GAAOC,MAAQ;AAC1F,QAAMC,IAAIC,EAAA,GACJC,IAAUC,EAAA,GACV,CAACC,GAAMC,CAAO,IAAIC,EAAiB,EAAE,GACrC,CAACC,GAASC,CAAU,IAAIF,EAAS,EAAI,GACrC,CAACG,GAAOC,CAAQ,IAAIJ,EAAwB,IAAI,GAChD,CAACK,GAAOC,CAAQ,IAAIN,EAAmB,CAAA,CAAE,GACzCO,IAAaC,EAAuB,IAAI;AAE9C,EAAAC,EAAU,MAAM;AAEd,QAAI,CAACjB,EAAK;AAwBV,KAtBiB,YAAY;AAC3B,MAAAU,EAAW,EAAI,GACfE,EAAS,IAAI,GACbL,EAAQ,EAAE;AAEV,UAAI;AACF,cAAMW,IAAW,MAAMd,EAAQJ,CAAG;AAClC,YAAI,CAACkB,EAAS;AACZ,gBAAM,IAAI,MAAM,QAAQ;AAG1B,cAAMC,IAAc,MAAMD,EAAS,YAAA,GAC7BE,IAAS,MAAMC,EAAQ,cAAc,EAAE,aAAAF,GAAa;AAC1D,QAAAZ,EAAQa,EAAO,KAAK;AAAA,MACtB,SAASE,GAAK;AACZ,gBAAQ,MAAM,cAAcA,CAAG,GAC/BV,EAASV,EAAE,mBAAmB,CAAC;AAAA,MACjC,UAAA;AACE,QAAAQ,EAAW,EAAK;AAAA,MAClB;AAAA,IACF,GAEA;AAAA,EACF,GAAG,CAACV,GAAKI,GAASF,CAAC,CAAC;AAEpB,QAAMqB,IAAWC,EAAY,MAAM;AACjC,UAAMC,IAAYV,EAAW;AAC7B,QAAI,CAACU,KAAa,CAACnB,EAAM;AAEzB,UAAMoB,IAAW,MAAM,KAAKD,EAAU,QAAQ;AAC9C,QAAIC,EAAS,WAAW,GAAG;AACzB,MAAAZ,EAAS,CAACR,CAAI,CAAC;AACf;AAAA,IACF;AAEA,UAAMc,IAAqB,CAAC,EAAE;AAC9B,QAAIO,IAAkB;AAEtB,eAAWC,KAASF,GAAU;AAC5B,YAAMG,IAAID,EAAM;AAIhB,MAAID,IAAkB,KAAKA,IAAkBE,IAAIlC,MAC/CyB,EAAO,KAAK,EAAE,GACdO,IAAkB,IAGpBP,EAAOA,EAAO,SAAS,CAAC,EAAE,KAAKQ,EAAM,SAAS,GAC9CD,KAAmBE;AAAA,IACrB;AAGA,IAAIT,EAAO,WAAW,KAAGA,EAAO,KAAK,CAAA,CAAE,GAEvCN,EAASM,EAAO,IAAI,CAAAU,MAAUA,EAAO,KAAK,EAAE,CAAC,CAAC;AAAA,EAChD,GAAG,CAACxB,CAAI,CAAC;AAcT,SAZAW,EAAU,MAAM;AACd,IAAI,CAACX,KAAQ,CAACS,EAAW,WACzB,sBAAsB,MAAM;AAC1B,MAAAQ,EAAA;AAAA,IACF,CAAC;AAAA,EACH,GAAG,CAACjB,GAAMiB,CAAQ,CAAC,GAGnBQ,EAAoB9B,GAAK,OAAO;AAAA,IAC9B,kBAAkB,MAAM,CAAA;AAAA,EAAC,IACvB,CAAA,CAAE,GAEFQ,IAEA,gBAAAuB,EAAC,SAAI,WAAU,sEACb,4BAAC,OAAA,EAAI,WAAU,qHAAoH,EAAA,CACrI,IAIArB,IACK,gBAAAqB,EAACC,GAAA,EAAc,SAAStB,EAAA,CAAO,IAItC,gBAAAuB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,EAAE,YAAY,sBAAA;AAAA,MAGrB,UAAA;AAAA,QAAA,gBAAAF;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKjB;AAAA,YACL,yBAAyB,EAAE,QAAQT,EAAA;AAAA,YACnC,OAAO;AAAA,cACL,GAAGT;AAAA,cACH,UAAU;AAAA,cACV,YAAY;AAAA,cACZ,OAAO,GAAG,MAAMH,IAAiB,CAAC;AAAA,cAClC,eAAe;AAAA,YAAA;AAAA,UACjB;AAAA,QAAA;AAAA,QAIF,gBAAAsC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,EAAE,KAAK,GAAGpC,CAAQ,KAAA;AAAA,YAEvB,WAAAiB,EAAM,SAAS,IAAIA,IAAQ,CAAC,EAAE,GAAG,IAAI,CAACsB,GAAUC,MAChD,gBAAAJ;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEC,OAAO;AAAA,kBACL,OAAO;AAAA,kBACP,UAAU;AAAA,kBACV,WAAW,GAAGxC,CAAW;AAAA,kBACzB,YAAY;AAAA,kBACZ,WAAW;AAAA,kBACX,YAAY;AAAA,kBACZ,SAAS,GAAGC,CAAc,MAAMC,CAAc;AAAA,gBAAA;AAAA,gBAGhD,UAAA,gBAAAsC;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,yBAAyB,EAAE,QAAQG,EAAA;AAAA,oBACnC,OAAOtC;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACT;AAAA,cAdKuC;AAAA,YAAA,CAgBR;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}

package/lib/chunks/{index-BfzV7KIz.mjs → index-CKdQL1Bk.mjs}

@@ -1,12 +1,12 @@
-import { jsx as k, jsxs as A, Fragment as Z } from "react/jsx-runtime";
-import { useMemo as S, useState as I, useEffect as h, useCallback as x } from "react";
-import { ChevronDown as P, ChevronRight as K } from "lucide-react";
-import { u as M, a as C, b as ee, E as ne } from "./index--lXiT1Y_.mjs";
-import { R as te } from "./RendererError-BH6fzLrN.mjs";
-function le(e, u = !1) {
+import { jsx as k, jsxs as L, Fragment as Z } from "react/jsx-runtime";
+import { forwardRef as S, useMemo as h, useState as E, useEffect as x, useImperativeHandle as P, useCallback as K } from "react";
+import { ChevronDown as C, ChevronRight as ee } from "lucide-react";
+import { u as W, a as ne, b as te, z as le } from "./index-Cz23v-TW.mjs";
+import { R as ie } from "./RendererError-D5i8eSpN.mjs";
+function fe(e, u = !1) {
   const p = e.length;
-  let n = 0, t = "", c = 0, f = 16, y = 0, r = 0, w = 0, b = 0, m = 0;
-  function B(l, a) {
+  let n = 0, t = "", r = 0, f = 16, N = 0, c = 0, w = 0, b = 0, m = 0;
+  function v(l, a) {
     let T = 0, o = 0;
     for (; T < l; ) {
       let i = e.charCodeAt(n);
@@ -22,10 +22,10 @@ function le(e, u = !1) {
     }
     return T < l && (o = -1), o;
   }
-  function L(l) {
-    n = l, t = "", c = 0, f = 16, m = 0;
+  function B(l) {
+    n = l, t = "", r = 0, f = 16, m = 0;
   }
-  function v() {
+  function O() {
     let l = n;
     if (e.charCodeAt(n) === 48)
       n++;
@@ -48,7 +48,7 @@ function le(e, u = !1) {
         m = 3;
     return e.substring(l, a);
   }
-  function N() {
+  function A() {
     let l = "", a = n;
     for (; ; ) {
       if (n >= p) {
@@ -92,7 +92,7 @@ function le(e, u = !1) {
             l += "	";
             break;
           case 117:
-            const i = B(4);
+            const i = v(4);
             i >= 0 ? l += String.fromCharCode(i) : m = 4;
             break;
           default:
@@ -102,7 +102,7 @@ function le(e, u = !1) {
         continue;
       }
       if (T >= 0 && T <= 31)
-        if (E(T)) {
+        if (I(T)) {
           l += e.substring(a, n), m = 2;
           break;
         } else
@@ -111,19 +111,19 @@ function le(e, u = !1) {
     }
     return l;
   }
-  function O() {
-    if (t = "", m = 0, c = n, r = y, b = w, n >= p)
-      return c = p, f = 17;
+  function y() {
+    if (t = "", m = 0, r = n, c = N, b = w, n >= p)
+      return r = p, f = 17;
     let l = e.charCodeAt(n);
-    if (D(l)) {
+    if (d(l)) {
       do
         n++, t += String.fromCharCode(l), l = e.charCodeAt(n);
-      while (D(l));
+      while (d(l));
       return f = 15;
     }
-    if (E(l))
+    if (I(l))
       return n++, t += String.fromCharCode(l), l === 13 && e.charCodeAt(n) === 10 && (n++, t += `
-`), y++, w = n, f = 14;
+`), N++, w = n, f = 14;
     switch (l) {
       case 123:
         return n++, f = 1;
@@ -138,11 +138,11 @@ function le(e, u = !1) {
       case 44:
         return n++, f = 5;
       case 34:
-        return n++, t = N(), f = 10;
+        return n++, t = A(), f = 10;
       case 47:
         const a = n - 1;
         if (e.charCodeAt(n + 1) === 47) {
-          for (n += 2; n < p && !E(e.charCodeAt(n)); )
+          for (n += 2; n < p && !I(e.charCodeAt(n)); )
             n++;
           return t = e.substring(a, n), f = 12;
         }
@@ -156,7 +156,7 @@ function le(e, u = !1) {
               n += 2, o = !0;
               break;
             }
-            n++, E(i) && (i === 13 && e.charCodeAt(n) === 10 && n++, y++, w = n);
+            n++, I(i) && (i === 13 && e.charCodeAt(n) === 10 && n++, N++, w = n);
           }
           return o || (n++, m = 1), t = e.substring(a, n), f = 13;
         }
@@ -174,12 +174,12 @@ function le(e, u = !1) {
       case 55:
       case 56:
       case 57:
-        return t += v(), f = 11;
+        return t += O(), f = 11;
       default:
         for (; n < p && j(l); )
           n++, l = e.charCodeAt(n);
-        if (c !== n) {
-          switch (t = e.substring(c, n), t) {
+        if (r !== n) {
+          switch (t = e.substring(r, n), t) {
             case "true":
               return f = 8;
             case "false":
@@ -193,7 +193,7 @@ function le(e, u = !1) {
     }
   }
   function j(l) {
-    if (D(l) || E(l))
+    if (d(l) || I(l))
       return !1;
     switch (l) {
       case 125:
@@ -211,27 +211,27 @@ function le(e, u = !1) {
   function F() {
     let l;
     do
-      l = O();
+      l = y();
     while (l >= 12 && l <= 15);
     return l;
   }
   return {
-    setPosition: L,
+    setPosition: B,
     getPosition: () => n,
-    scan: u ? F : O,
+    scan: u ? F : y,
     getToken: () => f,
     getTokenValue: () => t,
-    getTokenOffset: () => c,
-    getTokenLength: () => n - c,
-    getTokenStartLine: () => r,
-    getTokenStartCharacter: () => c - b,
+    getTokenOffset: () => r,
+    getTokenLength: () => n - r,
+    getTokenStartLine: () => c,
+    getTokenStartCharacter: () => r - b,
     getTokenError: () => m
   };
 }
-function D(e) {
+function d(e) {
   return e === 32 || e === 9;
 }
-function E(e) {
+function I(e) {
   return e === 10 || e === 13;
 }
 function _(e) {
@@ -247,59 +247,59 @@ var V;
     allowTrailingComma: !1
   };
 })(V || (V = {}));
-function ie(e, u = [], p = V.DEFAULT) {
+function ue(e, u = [], p = V.DEFAULT) {
   let n = null, t = [];
-  const c = [];
-  function f(r) {
-    Array.isArray(t) ? t.push(r) : n !== null && (t[n] = r);
+  const r = [];
+  function f(c) {
+    Array.isArray(t) ? t.push(c) : n !== null && (t[n] = c);
   }
-  return fe(e, {
+  return se(e, {
     onObjectBegin: () => {
-      const r = {};
-      f(r), c.push(t), t = r, n = null;
+      const c = {};
+      f(c), r.push(t), t = c, n = null;
     },
-    onObjectProperty: (r) => {
-      n = r;
+    onObjectProperty: (c) => {
+      n = c;
     },
     onObjectEnd: () => {
-      t = c.pop();
+      t = r.pop();
     },
     onArrayBegin: () => {
-      const r = [];
-      f(r), c.push(t), t = r, n = null;
+      const c = [];
+      f(c), r.push(t), t = c, n = null;
     },
     onArrayEnd: () => {
-      t = c.pop();
+      t = r.pop();
     },
     onLiteralValue: f,
-    onError: (r, w, b) => {
-      u.push({ error: r, offset: w, length: b });
+    onError: (c, w, b) => {
+      u.push({ error: c, offset: w, length: b });
     }
   }, p), t[0];
 }
-function fe(e, u, p = V.DEFAULT) {
-  const n = le(e, !1), t = [];
-  let c = 0;
+function se(e, u, p = V.DEFAULT) {
+  const n = fe(e, !1), t = [];
+  let r = 0;
   function f(s) {
-    return s ? () => c === 0 && s(n.getTokenOffset(), n.getTokenLength(), n.getTokenStartLine(), n.getTokenStartCharacter()) : () => !0;
+    return s ? () => r === 0 && s(n.getTokenOffset(), n.getTokenLength(), n.getTokenStartLine(), n.getTokenStartCharacter()) : () => !0;
   }
-  function y(s) {
-    return s ? (g) => c === 0 && s(g, n.getTokenOffset(), n.getTokenLength(), n.getTokenStartLine(), n.getTokenStartCharacter()) : () => !0;
+  function N(s) {
+    return s ? (g) => r === 0 && s(g, n.getTokenOffset(), n.getTokenLength(), n.getTokenStartLine(), n.getTokenStartCharacter()) : () => !0;
   }
-  function r(s) {
-    return s ? (g) => c === 0 && s(g, n.getTokenOffset(), n.getTokenLength(), n.getTokenStartLine(), n.getTokenStartCharacter(), () => t.slice()) : () => !0;
+  function c(s) {
+    return s ? (g) => r === 0 && s(g, n.getTokenOffset(), n.getTokenLength(), n.getTokenStartLine(), n.getTokenStartCharacter(), () => t.slice()) : () => !0;
   }
   function w(s) {
     return s ? () => {
-      c > 0 ? c++ : s(n.getTokenOffset(), n.getTokenLength(), n.getTokenStartLine(), n.getTokenStartCharacter(), () => t.slice()) === !1 && (c = 1);
+      r > 0 ? r++ : s(n.getTokenOffset(), n.getTokenLength(), n.getTokenStartLine(), n.getTokenStartCharacter(), () => t.slice()) === !1 && (r = 1);
     } : () => !0;
   }
   function b(s) {
     return s ? () => {
-      c > 0 && c--, c === 0 && s(n.getTokenOffset(), n.getTokenLength(), n.getTokenStartLine(), n.getTokenStartCharacter());
+      r > 0 && r--, r === 0 && s(n.getTokenOffset(), n.getTokenLength(), n.getTokenStartLine(), n.getTokenStartCharacter());
     } : () => !0;
   }
-  const m = w(u.onObjectBegin), B = r(u.onObjectProperty), L = b(u.onObjectEnd), v = w(u.onArrayBegin), N = b(u.onArrayEnd), O = r(u.onLiteralValue), j = y(u.onSeparator), F = f(u.onComment), l = y(u.onError), a = p && p.disallowComments, T = p && p.allowTrailingComma;
+  const m = w(u.onObjectBegin), v = c(u.onObjectProperty), B = b(u.onObjectEnd), O = w(u.onArrayBegin), A = b(u.onArrayEnd), y = c(u.onLiteralValue), j = N(u.onSeparator), F = f(u.onComment), l = N(u.onError), a = p && p.disallowComments, T = p && p.allowTrailingComma;
   function o() {
     for (; ; ) {
       const s = n.scan();
@@ -378,9 +378,9 @@ function fe(e, u, p = V.DEFAULT) {
   }
   function $(s) {
     const g = n.getTokenValue();
-    return s ? O(g) : (B(g), t.push(g)), o(), !0;
+    return s ? y(g) : (v(g), t.push(g)), o(), !0;
   }
-  function q() {
+  function M() {
     switch (n.getToken()) {
       case 11:
         const s = n.getTokenValue();
@@ -388,23 +388,23 @@ function fe(e, u, p = V.DEFAULT) {
         isNaN(g) && (i(
           2
           /* ParseErrorCode.InvalidNumberFormat */
-        ), g = 0), O(g);
+        ), g = 0), y(g);
         break;
       case 7:
-        O(null);
+        y(null);
         break;
       case 8:
-        O(!0);
+        y(!0);
         break;
       case 9:
-        O(!1);
+        y(!1);
         break;
       default:
         return !1;
     }
     return o(), !0;
   }
-  function z() {
+  function q() {
     return n.getToken() !== 10 ? (i(3, [], [
       2,
       5
@@ -427,19 +427,19 @@ function fe(e, u, p = V.DEFAULT) {
         if (s || i(4, [], []), j(","), o(), n.getToken() === 2 && T)
           break;
       } else s && i(6, [], []);
-      z() || i(4, [], [
+      q() || i(4, [], [
         2,
         5
         /* SyntaxKind.CommaToken */
       ]), s = !0;
     }
-    return L(), n.getToken() !== 2 ? i(7, [
+    return B(), n.getToken() !== 2 ? i(7, [
       2
       /* SyntaxKind.CloseBraceToken */
     ], []) : o(), !0;
   }
   function Y() {
-    v(), o();
+    O(), o();
     let s = !0, g = !1;
     for (; n.getToken() !== 4 && n.getToken() !== 17; ) {
       if (n.getToken() === 5) {
@@ -452,7 +452,7 @@ function fe(e, u, p = V.DEFAULT) {
         /* SyntaxKind.CommaToken */
       ]), g = !0;
     }
-    return N(), s || t.pop(), n.getToken() !== 4 ? i(8, [
+    return A(), s || t.pop(), n.getToken() !== 4 ? i(8, [
       4
       /* SyntaxKind.CloseBracketToken */
     ], []) : o(), !0;
@@ -466,25 +466,25 @@ function fe(e, u, p = V.DEFAULT) {
       case 10:
         return $(!0);
       default:
-        return q();
+        return M();
     }
   }
   return o(), n.getToken() === 17 ? p.allowEmptyContent ? !0 : (i(4, [], []), !1) : R() ? (n.getToken() !== 17 && i(9, [], []), !0) : (i(4, [], []), !1);
 }
-var Q;
+var z;
 (function(e) {
   e[e.None = 0] = "None", e[e.UnexpectedEndOfComment = 1] = "UnexpectedEndOfComment", e[e.UnexpectedEndOfString = 2] = "UnexpectedEndOfString", e[e.UnexpectedEndOfNumber = 3] = "UnexpectedEndOfNumber", e[e.InvalidUnicode = 4] = "InvalidUnicode", e[e.InvalidEscapeCharacter = 5] = "InvalidEscapeCharacter", e[e.InvalidCharacter = 6] = "InvalidCharacter";
-})(Q || (Q = {}));
-var W;
+})(z || (z = {}));
+var G;
 (function(e) {
   e[e.OpenBraceToken = 1] = "OpenBraceToken", e[e.CloseBraceToken = 2] = "CloseBraceToken", e[e.OpenBracketToken = 3] = "OpenBracketToken", e[e.CloseBracketToken = 4] = "CloseBracketToken", e[e.CommaToken = 5] = "CommaToken", e[e.ColonToken = 6] = "ColonToken", e[e.NullKeyword = 7] = "NullKeyword", e[e.TrueKeyword = 8] = "TrueKeyword", e[e.FalseKeyword = 9] = "FalseKeyword", e[e.StringLiteral = 10] = "StringLiteral", e[e.NumericLiteral = 11] = "NumericLiteral", e[e.LineCommentTrivia = 12] = "LineCommentTrivia", e[e.BlockCommentTrivia = 13] = "BlockCommentTrivia", e[e.LineBreakTrivia = 14] = "LineBreakTrivia", e[e.Trivia = 15] = "Trivia", e[e.Unknown = 16] = "Unknown", e[e.EOF = 17] = "EOF";
-})(W || (W = {}));
-const ue = ie;
-var G;
+})(G || (G = {}));
+const re = ue;
+var Q;
 (function(e) {
   e[e.InvalidSymbol = 1] = "InvalidSymbol", e[e.InvalidNumberFormat = 2] = "InvalidNumberFormat", e[e.PropertyNameExpected = 3] = "PropertyNameExpected", e[e.ValueExpected = 4] = "ValueExpected", e[e.ColonExpected = 5] = "ColonExpected", e[e.CommaExpected = 6] = "CommaExpected", e[e.CloseBraceExpected = 7] = "CloseBraceExpected", e[e.CloseBracketExpected = 8] = "CloseBracketExpected", e[e.EndOfFileExpected = 9] = "EndOfFileExpected", e[e.InvalidCommentToken = 10] = "InvalidCommentToken", e[e.UnexpectedEndOfComment = 11] = "UnexpectedEndOfComment", e[e.UnexpectedEndOfString = 12] = "UnexpectedEndOfString", e[e.UnexpectedEndOfNumber = 13] = "UnexpectedEndOfNumber", e[e.InvalidUnicode = 14] = "InvalidUnicode", e[e.InvalidEscapeCharacter = 15] = "InvalidEscapeCharacter", e[e.InvalidCharacter = 16] = "InvalidCharacter";
-})(G || (G = {}));
-const se = {
+})(Q || (Q = {}));
+const ce = {
   key: "#9cdcfe",
   string: "#ce9178",
   number: "#b5cea8",
@@ -493,7 +493,7 @@ const se = {
   colon: "rgb(255 255 255 / 0.6)",
   collapsed: "rgb(255 255 255 / 0.4)",
   arrow: "rgb(255 255 255 / 0.5)"
-}, ce = {
+}, oe = {
   key: "#005cc5",
   string: "#032f62",
   number: "#005cc5",
@@ -502,93 +502,95 @@ const se = {
   colon: "rgb(23 23 23 / 0.6)",
   collapsed: "rgb(23 23 23 / 0.45)",
   arrow: "rgb(23 23 23 / 0.55)"
-}, d = ({ keyName: e, value: u, depth: p, defaultExpanded: n, colors: t }) => {
-  const c = M(), [f, y] = I(n), r = p * 20, w = x(() => y((N) => !N), []);
+}, D = ({ keyName: e, value: u, depth: p, defaultExpanded: n, colors: t }) => {
+  const r = W(), [f, N] = E(n), c = p * 20, w = K(() => N((A) => !A), []);
   if (u == null || typeof u != "object")
-    return /* @__PURE__ */ A("div", { className: "rfp-flex rfp-items-start rfp-py-px rfp-font-mono rfp-text-sm", style: { paddingLeft: `${r}px` }, children: [
+    return /* @__PURE__ */ L("div", { className: "rfp-flex rfp-items-start rfp-py-px rfp-font-mono rfp-text-sm", style: { paddingLeft: `${c}px` }, children: [
       /* @__PURE__ */ k("span", { className: "rfp-w-4 rfp-h-5 rfp-flex-shrink-0" }),
-      e !== void 0 && /* @__PURE__ */ A("span", { className: "rfp-flex-shrink-0", style: { color: t.key }, children: [
+      e !== void 0 && /* @__PURE__ */ L("span", { className: "rfp-flex-shrink-0", style: { color: t.key }, children: [
         '"',
         e,
         '"',
         /* @__PURE__ */ k("span", { style: { color: t.colon }, children: ": " })
       ] }),
-      re(u, t)
+      pe(u, t)
     ] });
-  const b = Array.isArray(u), B = (b ? u : Object.entries(u)).length, L = b ? "[" : "{", v = b ? "]" : "}";
-  return B === 0 ? /* @__PURE__ */ A("div", { className: "rfp-flex rfp-items-start rfp-py-px rfp-font-mono rfp-text-sm", style: { paddingLeft: `${r}px` }, children: [
+  const b = Array.isArray(u), v = (b ? u : Object.entries(u)).length, B = b ? "[" : "{", O = b ? "]" : "}";
+  return v === 0 ? /* @__PURE__ */ L("div", { className: "rfp-flex rfp-items-start rfp-py-px rfp-font-mono rfp-text-sm", style: { paddingLeft: `${c}px` }, children: [
     /* @__PURE__ */ k("span", { className: "rfp-w-4 rfp-h-5 rfp-flex-shrink-0" }),
-    e !== void 0 && /* @__PURE__ */ A("span", { className: "rfp-flex-shrink-0", style: { color: t.key }, children: [
+    e !== void 0 && /* @__PURE__ */ L("span", { className: "rfp-flex-shrink-0", style: { color: t.key }, children: [
       '"',
       e,
       '"',
       /* @__PURE__ */ k("span", { style: { color: t.colon }, children: ": " })
     ] }),
-    /* @__PURE__ */ A("span", { style: { color: t.bracket }, children: [
-      L,
-      v
+    /* @__PURE__ */ L("span", { style: { color: t.bracket }, children: [
+      B,
+      O
     ] })
-  ] }) : /* @__PURE__ */ A("div", { children: [
-    /* @__PURE__ */ A(
+  ] }) : /* @__PURE__ */ L("div", { children: [
+    /* @__PURE__ */ L(
       "div",
       {
         className: "rfp-flex rfp-items-start rfp-py-px rfp-font-mono rfp-text-sm rfp-cursor-pointer hover:rfp-bg-surface-1 rfp-select-none",
-        style: { paddingLeft: `${r}px` },
+        style: { paddingLeft: `${c}px` },
         onClick: w,
         children: [
-          /* @__PURE__ */ k("span", { className: "rfp-w-4 rfp-h-5 rfp-flex-shrink-0 rfp-flex rfp-items-center rfp-justify-center", style: { color: t.arrow }, children: f ? /* @__PURE__ */ k(P, { className: "rfp-w-3.5 rfp-h-3.5" }) : /* @__PURE__ */ k(K, { className: "rfp-w-3.5 rfp-h-3.5" }) }),
-          e !== void 0 && /* @__PURE__ */ A("span", { className: "rfp-flex-shrink-0", style: { color: t.key }, children: [
+          /* @__PURE__ */ k("span", { className: "rfp-w-4 rfp-h-5 rfp-flex-shrink-0 rfp-flex rfp-items-center rfp-justify-center", style: { color: t.arrow }, children: f ? /* @__PURE__ */ k(C, { className: "rfp-w-3.5 rfp-h-3.5" }) : /* @__PURE__ */ k(ee, { className: "rfp-w-3.5 rfp-h-3.5" }) }),
+          e !== void 0 && /* @__PURE__ */ L("span", { className: "rfp-flex-shrink-0", style: { color: t.key }, children: [
             '"',
             e,
             '"',
             /* @__PURE__ */ k("span", { style: { color: t.colon }, children: ": " })
           ] }),
-          /* @__PURE__ */ k("span", { style: { color: t.bracket }, children: L }),
-          !f && /* @__PURE__ */ A("span", { className: "rfp-ml-1", style: { color: t.collapsed }, children: [
-            b ? `${B} ${c("json.items")}` : `${B} ${c("json.keys")}`,
-            /* @__PURE__ */ A("span", { style: { color: t.bracket }, children: [
+          /* @__PURE__ */ k("span", { style: { color: t.bracket }, children: B }),
+          !f && /* @__PURE__ */ L("span", { className: "rfp-ml-1", style: { color: t.collapsed }, children: [
+            b ? `${v} ${r("json.items")}` : `${v} ${r("json.keys")}`,
+            /* @__PURE__ */ L("span", { style: { color: t.bracket }, children: [
               " ",
-              v
+              O
             ] })
           ] })
         ]
       }
     ),
-    f && /* @__PURE__ */ A(Z, { children: [
-      b ? u.map((N, O) => /* @__PURE__ */ k(d, { value: N, depth: p + 1, defaultExpanded: p < 1, colors: t }, O)) : Object.entries(u).map(([N, O]) => /* @__PURE__ */ k(d, { keyName: N, value: O, depth: p + 1, defaultExpanded: p < 1, colors: t }, N)),
-      /* @__PURE__ */ k("div", { className: "rfp-font-mono rfp-text-sm rfp-py-px", style: { paddingLeft: `${r + 20}px`, color: t.bracket }, children: v })
+    f && /* @__PURE__ */ L(Z, { children: [
+      b ? u.map((A, y) => /* @__PURE__ */ k(D, { value: A, depth: p + 1, defaultExpanded: p < 1, colors: t }, y)) : Object.entries(u).map(([A, y]) => /* @__PURE__ */ k(D, { keyName: A, value: y, depth: p + 1, defaultExpanded: p < 1, colors: t }, A)),
+      /* @__PURE__ */ k("div", { className: "rfp-font-mono rfp-text-sm rfp-py-px", style: { paddingLeft: `${c + 20}px`, color: t.bracket }, children: O })
     ] })
   ] });
 };
-function re(e, u) {
-  return e === null ? /* @__PURE__ */ k("span", { style: { color: u.keyword, fontStyle: "italic" }, children: "null" }) : e === void 0 ? /* @__PURE__ */ k("span", { style: { color: u.keyword, fontStyle: "italic" }, children: "undefined" }) : typeof e == "boolean" ? /* @__PURE__ */ k("span", { style: { color: u.keyword }, children: String(e) }) : typeof e == "number" ? /* @__PURE__ */ k("span", { style: { color: u.number }, children: String(e) }) : typeof e == "string" ? /* @__PURE__ */ A("span", { style: { color: u.string }, children: [
+function pe(e, u) {
+  return e === null ? /* @__PURE__ */ k("span", { style: { color: u.keyword, fontStyle: "italic" }, children: "null" }) : e === void 0 ? /* @__PURE__ */ k("span", { style: { color: u.keyword, fontStyle: "italic" }, children: "undefined" }) : typeof e == "boolean" ? /* @__PURE__ */ k("span", { style: { color: u.keyword }, children: String(e) }) : typeof e == "number" ? /* @__PURE__ */ k("span", { style: { color: u.number }, children: String(e) }) : typeof e == "string" ? /* @__PURE__ */ L("span", { style: { color: u.string }, children: [
     '"',
     e,
     '"'
   ] }) : /* @__PURE__ */ k("span", { style: { color: u.bracket }, children: String(e) });
 }
-function oe(e) {
-  return e === "light" ? ce : se;
+function ke(e) {
+  return e === "light" ? oe : ce;
 }
-const ae = ({ url: e }) => {
-  const u = M(), p = C(), n = ee(), t = S(() => oe(n), [n]), [c, f] = I(null), [y, r] = I(!0), [w, b] = I(null);
-  return h(() => {
-    const m = new AbortController();
+const we = S(({ url: e }, u) => {
+  const p = W(), n = ne(), t = te(), r = h(() => ke(t), [t]), [f, N] = E(null), [c, w] = E(!0), [b, m] = E(null);
+  return x(() => {
+    const v = new AbortController();
     return (async () => {
       try {
-        r(!0), b(null);
-        const L = await ne(e, { fetcher: p, signal: m.signal }), v = ue(L);
-        f(v);
-      } catch (L) {
-        if (L.name === "AbortError") return;
-        b(u("json.load_failed")), console.error(L);
+        w(!0), m(null);
+        const O = await le(e, { fetcher: n, signal: v.signal }), A = re(O);
+        N(A);
+      } catch (O) {
+        if (O.name === "AbortError") return;
+        m(p("json.load_failed")), console.error(O);
       } finally {
-        r(!1);
+        w(!1);
       }
-    })(), () => m.abort();
-  }, [e]), y ? /* @__PURE__ */ k("div", { className: "rfp-flex rfp-items-center rfp-justify-center rfp-w-full rfp-h-full", children: /* @__PURE__ */ k("div", { className: "rfp-w-12 rfp-h-12 rfp-border-4 rfp-border-line-strong rfp-border-t-spinner-head rfp-rounded-full rfp-animate-spin" }) }) : w ? /* @__PURE__ */ k(te, { message: w }) : /* @__PURE__ */ k("div", { className: "rfp-w-full rfp-h-full rfp-overflow-auto rfp-bg-code-bg rfp-py-3 rfp-pr-4", children: /* @__PURE__ */ k(d, { value: c, depth: 0, defaultExpanded: !0, colors: t }) });
-};
+    })(), () => v.abort();
+  }, [e]), P(u, () => ({
+    getToolbarGroups: () => []
+  }), []), c ? /* @__PURE__ */ k("div", { className: "rfp-flex rfp-items-center rfp-justify-center rfp-w-full rfp-h-full", children: /* @__PURE__ */ k("div", { className: "rfp-w-12 rfp-h-12 rfp-border-4 rfp-border-line-strong rfp-border-t-spinner-head rfp-rounded-full rfp-animate-spin" }) }) : b ? /* @__PURE__ */ k(ie, { message: b }) : /* @__PURE__ */ k("div", { className: "rfp-w-full rfp-h-full rfp-overflow-auto rfp-bg-code-bg rfp-py-6 rfp-px-4", children: /* @__PURE__ */ k(D, { value: f, depth: 0, defaultExpanded: !0, colors: r }) });
+});
 export {
-  ae as JsonRenderer
+  we as JsonRenderer
 };
-//# sourceMappingURL=index-BfzV7KIz.mjs.map
+//# sourceMappingURL=index-CKdQL1Bk.mjs.map