@brftech/filex 0.13.0 → 0.13.2

package/dist/{IpynbViewer-B1hyfKPb.js → IpynbViewer-D4wu8rc3.js}

@@ -1,21 +1,21 @@
 import { f as J } from "./useViewerFetch-czqbd2Lj.js";
-import { d as R, o as U, h as D, w as q, a as t, c as a, e as o, t as d, F as m, k as C, i as V, f as p, l as z, _ as G } from "./index-4kRs6jnx.js";
-const K = { class: "filex-viewer-ipynb" }, P = { class: "filex-viewer-ipynb__pane" }, Q = {
+import { d as R, o as U, h as D, w as q, a as t, c as a, e as o, t as d, F as m, k as C, i as E, f as p, l as z } from "./index-C_N3pzqm.js";
+const G = { class: "filex-viewer-ipynb" }, K = { class: "filex-viewer-ipynb__pane" }, P = {
   key: 0,
   class: "filex-viewer-fallback"
-}, W = {
+}, Q = {
   key: 1,
   class: "filex-viewer-fallback"
-}, X = { key: 2 }, Y = ["data-type"], Z = { class: "filex-viewer-ipynb__exec" }, ee = { class: "filex-viewer-ipynb__src hljs" }, te = ["innerHTML"], ae = { key: 1 }, ne = {
+}, W = { key: 2 }, X = ["data-type"], Y = { class: "filex-viewer-ipynb__exec" }, Z = { class: "filex-viewer-ipynb__src hljs" }, ee = ["innerHTML"], te = { key: 1 }, ae = {
   key: 0,
   class: "filex-viewer-ipynb__outputs"
-}, re = ["src", "alt"], le = ["innerHTML"], ie = ["data-type"], se = ["innerHTML"], ue = {
+}, ne = ["src", "alt"], re = ["innerHTML"], le = ["data-type"], ie = ["innerHTML"], se = {
   key: 1,
   class: "filex-viewer-ipynb__md-raw"
-}, ce = {
+}, ue = {
   key: 2,
   class: "filex-viewer-ipynb__src"
-}, oe = /* @__PURE__ */ R({
+}, de = /* @__PURE__ */ R({
   __name: "IpynbViewer",
   props: {
     url: {},
@@ -24,10 +24,10 @@ const K = { class: "filex-viewer-ipynb" }, P = { class: "filex-viewer-ipynb__pan
     authHeaders: { type: Function },
     authCredentials: {}
   },
-  setup(E) {
-    const u = E, _ = p([]), M = p("python"), f = p(null), y = p(!0), w = p(/* @__PURE__ */ new Map()), k = p(/* @__PURE__ */ new Map());
+  setup(F) {
+    const u = F, _ = p([]), M = p("python"), f = p(null), y = p(!0), w = p(/* @__PURE__ */ new Map()), k = p(/* @__PURE__ */ new Map());
     let v = 0, x = null, g = null;
-    async function F() {
+    async function N() {
       if (g !== null) return g || null;
       try {
         const e = await import(
@@ -79,7 +79,7 @@ const K = { class: "filex-viewer-ipynb" }, P = { class: "filex-viewer-ipynb__pan
           }
         });
       }
-      const c = await F();
+      const c = await N();
       e === v && (c && _.value.forEach((l, b) => {
         if (l.cell_type === "markdown")
           try {
@@ -109,63 +109,63 @@ const K = { class: "filex-viewer-ipynb" }, P = { class: "filex-viewer-ipynb__pan
     U(H), D(() => {
       v++;
     }), q(() => u.url, H);
-    function N(e, n) {
+    function V(e, n) {
       return u.t ? u.t(e) : n;
     }
-    return (e, n) => (t(), a("div", K, [
-      o("div", P, [
-        f.value ? (t(), a("div", Q, [
+    return (e, n) => (t(), a("div", G, [
+      o("div", K, [
+        f.value ? (t(), a("div", P, [
           n[0] || (n[0] = o("span", { class: "filex-viewer-fallback__icon" }, "📓", -1)),
           o("p", null, d(f.value), 1)
-        ])) : y.value ? (t(), a("div", W, [
+        ])) : y.value ? (t(), a("div", Q, [
           n[1] || (n[1] = o("span", { class: "filex-viewer-fallback__icon" }, "⏳", -1)),
-          o("p", null, d(N("viewer.loading", "Loading…")), 1)
-        ])) : (t(), a("div", X, [
+          o("p", null, d(V("viewer.loading", "Loading…")), 1)
+        ])) : (t(), a("div", W, [
           (t(!0), a(m, null, C(_.value, (r, c) => (t(), a("div", {
             key: c,
             class: "filex-viewer-ipynb__cell",
             "data-type": r.cell_type
           }, [
             r.cell_type === "code" ? (t(), a(m, { key: 0 }, [
-              o("div", Z, " In [" + d(r.execution_count ?? " ") + "]: ", 1),
-              o("pre", ee, [
+              o("div", Y, " In [" + d(r.execution_count ?? " ") + "]: ", 1),
+              o("pre", Z, [
                 w.value.get(c) ? (t(), a("code", {
                   key: 0,
                   innerHTML: w.value.get(c)
-                }, null, 8, te)) : (t(), a("code", ae, d(s(r.source)), 1))
+                }, null, 8, ee)) : (t(), a("code", te, d(s(r.source)), 1))
               ]),
-              r.outputs && r.outputs.length ? (t(), a("div", ne, [
+              r.outputs && r.outputs.length ? (t(), a("div", ae, [
                 (t(!0), a(m, null, C(r.outputs, (i, h) => (t(), a(m, { key: h }, [
                   L(i) ? (t(), a("img", {
                     key: 0,
                     src: L(i) || "",
                     class: "filex-viewer-ipynb__img",
                     alt: `output ${h}`
-                  }, null, 8, re)) : I(i) ? (t(), a("div", {
+                  }, null, 8, ne)) : I(i) ? (t(), a("div", {
                     key: 1,
                     class: "filex-viewer-ipynb__html",
                     innerHTML: I(i)
-                  }, null, 8, le)) : T(i) ? (t(), a("pre", {
+                  }, null, 8, re)) : T(i) ? (t(), a("pre", {
                     key: 2,
                     class: "filex-viewer-ipynb__out",
                     "data-type": i.output_type
-                  }, d(T(i)), 9, ie)) : V("", !0)
+                  }, d(T(i)), 9, le)) : E("", !0)
                 ], 64))), 128))
-              ])) : V("", !0)
+              ])) : E("", !0)
             ], 64)) : r.cell_type === "markdown" ? (t(), a(m, { key: 1 }, [
               k.value.get(c) ? (t(), a("div", {
                 key: 0,
                 class: "filex-viewer-ipynb__md",
                 innerHTML: k.value.get(c)
-              }, null, 8, se)) : (t(), a("pre", ue, d(s(r.source)), 1))
-            ], 64)) : (t(), a("pre", ce, d(s(r.source)), 1))
-          ], 8, Y))), 128))
+              }, null, 8, ie)) : (t(), a("pre", se, d(s(r.source)), 1))
+            ], 64)) : (t(), a("pre", ue, d(s(r.source)), 1))
+          ], 8, X))), 128))
         ]))
       ])
     ]));
   }
-}), _e = /* @__PURE__ */ G(oe, [["__scopeId", "data-v-10bd637a"]]);
+});
 export {
-  _e as default
+  de as default
 };
-//# sourceMappingURL=IpynbViewer-B1hyfKPb.js.map
+//# sourceMappingURL=IpynbViewer-D4wu8rc3.js.map

package/dist/IpynbViewer-D4wu8rc3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IpynbViewer-D4wu8rc3.js","sources":["../../core/src/viewers/IpynbViewer.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * IpynbViewer — Jupyter notebook (.ipynb JSON) renderer.\n *\n * Pure-JS render — no peer dependency required:\n *   - code cells     → `<pre><code>` (highlight.js when available)\n *   - markdown cells → markdown-it when available, plain `<pre>` otherwise\n *   - output cells   → text (stream / display_data 'text/plain'),\n *                      images (display_data 'image/png' base64),\n *                      HTML (display_data 'text/html', sanitized via\n *                      element-only insertion — no script tags)\n *\n * Source list / output count counters at the top so a 200-cell\n * notebook doesn't surprise the user.\n */\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue';\nimport { fetchViewerText } from '../composables/useViewerFetch';\nimport { ensureHighlight } from '../composables/useMonacoLoader';\n\nconst props = defineProps<{\n  url: string;\n  ext: string;\n  t?: (key: string) => string;\n  authHeaders?: () => Record<string, string>;\n  authCredentials?: RequestCredentials;\n}>();\n\ninterface Cell {\n  cell_type: 'code' | 'markdown' | 'raw' | string;\n  source: string | string[];\n  outputs?: any[];\n  execution_count?: number | null;\n  metadata?: Record<string, unknown>;\n}\n\ninterface Notebook {\n  cells: Cell[];\n  metadata?: { kernelspec?: { language?: string; name?: string } };\n}\n\nconst cells = ref<Cell[]>([]);\nconst language = ref<string>('python');\nconst error = ref<string | null>(null);\nconst loading = ref(true);\nconst renderedSources = ref<Map<number, string>>(new Map());\nconst renderedMarkdown = ref<Map<number, string>>(new Map());\n\nlet renderToken = 0;\nlet highlight: any = null;\nlet mdRenderer: any = null;\n\nasync function ensureMd(): Promise<any | null> {\n  if (mdRenderer !== null) return mdRenderer || null;\n  try {\n    const mod = await import(/* @vite-ignore */ 'markdown-it');\n    const Md = (mod as any).default ?? mod;\n    mdRenderer = new Md({ html: false, linkify: true, breaks: true });\n    return mdRenderer;\n  } catch {\n    mdRenderer = false;\n    return null;\n  }\n}\n\nfunction joinSource(source: string | string[]): string {\n  return Array.isArray(source) ? source.join('') : (source ?? '');\n}\n\nasync function load(): Promise<void> {\n  loading.value = true;\n  error.value = null;\n  cells.value = [];\n  renderedSources.value = new Map();\n  renderedMarkdown.value = new Map();\n  const myToken = ++renderToken;\n\n  let raw: string;\n  try {\n    raw = await fetchViewerText({\n      url: props.url,\n      headers: props.authHeaders?.() ?? {},\n      credentials: props.authCredentials,\n    });\n  } catch (err) {\n    error.value = err instanceof Error ? err.message : 'fetch failed';\n    loading.value = false;\n    return;\n  }\n\n  if (myToken !== renderToken) return;\n\n  let nb: Notebook;\n  try {\n    nb = JSON.parse(raw);\n  } catch (err) {\n    error.value = 'Invalid notebook JSON';\n    loading.value = false;\n    return;\n  }\n  cells.value = Array.isArray(nb.cells) ? nb.cells : [];\n  language.value = nb.metadata?.kernelspec?.language || 'python';\n\n  // Best-effort hljs highlight per code cell.\n  highlight = (await ensureHighlight()) as any;\n  if (myToken !== renderToken) return;\n  if (highlight) {\n    const hljs = highlight.default ?? highlight;\n    const langOk = hljs.getLanguage?.(language.value) ? language.value : null;\n    cells.value.forEach((cell, idx) => {\n      if (cell.cell_type === 'code') {\n        const text = joinSource(cell.source);\n        try {\n          const result = langOk\n            ? hljs.highlight(text, { language: langOk, ignoreIllegals: true })\n            : hljs.highlightAuto(text);\n          renderedSources.value.set(idx, result.value);\n        } catch {\n          /* leave unrendered */\n        }\n      }\n    });\n  }\n\n  const md = await ensureMd();\n  if (myToken !== renderToken) return;\n  if (md) {\n    cells.value.forEach((cell, idx) => {\n      if (cell.cell_type === 'markdown') {\n        try {\n          renderedMarkdown.value.set(idx, md.render(joinSource(cell.source)));\n        } catch {\n          /* leave plain */\n        }\n      }\n    });\n  }\n\n  loading.value = false;\n}\n\nfunction outputText(out: any): string | null {\n  if (!out) return null;\n  if (out.output_type === 'stream') {\n    return joinSource(out.text);\n  }\n  if (out.output_type === 'error') {\n    return [out.ename, out.evalue, ...(out.traceback || [])]\n      .filter(Boolean)\n      .join('\\n');\n  }\n  if (out.output_type === 'execute_result' || out.output_type === 'display_data') {\n    if (out.data?.['text/plain']) {\n      return joinSource(out.data['text/plain']);\n    }\n  }\n  return null;\n}\n\nfunction outputImage(out: any): string | null {\n  if (!out?.data) return null;\n  if (out.data['image/png']) return `data:image/png;base64,${out.data['image/png']}`;\n  if (out.data['image/jpeg']) return `data:image/jpeg;base64,${out.data['image/jpeg']}`;\n  if (out.data['image/svg+xml']) {\n    const svg = joinSource(out.data['image/svg+xml']);\n    return `data:image/svg+xml;utf8,${encodeURIComponent(svg)}`;\n  }\n  return null;\n}\n\nfunction outputHtml(out: any): string | null {\n  if (!out?.data) return null;\n  if (out.data['text/html']) {\n    const html = joinSource(out.data['text/html']);\n    // Strip <script> for safety — outputs from arbitrary notebooks.\n    return html.replace(/<script[\\s\\S]*?<\\/script>/gi, '');\n  }\n  return null;\n}\n\nonMounted(load);\nonBeforeUnmount(() => {\n  renderToken++;\n});\nwatch(() => props.url, load);\n\nconst stats = computed(() => {\n  const codeCount = cells.value.filter((c) => c.cell_type === 'code').length;\n  const mdCount = cells.value.filter((c) => c.cell_type === 'markdown').length;\n  return { code: codeCount, md: mdCount, total: cells.value.length };\n});\n\nfunction tt(key: string, fallback: string): string {\n  return props.t ? props.t(key) : fallback;\n}\n</script>\n\n<template>\n  <div class=\"filex-viewer-ipynb\">\n    <div class=\"filex-viewer-ipynb__pane\">\n      <div v-if=\"error\" class=\"filex-viewer-fallback\">\n        <span class=\"filex-viewer-fallback__icon\">📓</span>\n        <p>{{ error }}</p>\n      </div>\n      <div v-else-if=\"loading\" class=\"filex-viewer-fallback\">\n        <span class=\"filex-viewer-fallback__icon\">⏳</span>\n        <p>{{ tt('viewer.loading', 'Loading…') }}</p>\n      </div>\n      <div v-else>\n        <div\n          v-for=\"(cell, idx) in cells\"\n          :key=\"idx\"\n          class=\"filex-viewer-ipynb__cell\"\n          :data-type=\"cell.cell_type\"\n        >\n          <template v-if=\"cell.cell_type === 'code'\">\n            <div class=\"filex-viewer-ipynb__exec\">\n              In [{{ cell.execution_count ?? ' ' }}]:\n            </div>\n            <pre class=\"filex-viewer-ipynb__src hljs\"><code\n              v-if=\"renderedSources.get(idx)\"\n              v-html=\"renderedSources.get(idx)\"\n            /><code v-else>{{ joinSource(cell.source) }}</code></pre>\n            <div v-if=\"cell.outputs && cell.outputs.length\" class=\"filex-viewer-ipynb__outputs\">\n              <template v-for=\"(out, j) in cell.outputs\" :key=\"j\">\n                <img\n                  v-if=\"outputImage(out)\"\n                  :src=\"outputImage(out) || ''\"\n                  class=\"filex-viewer-ipynb__img\"\n                  :alt=\"`output ${j}`\"\n                />\n                <div\n                  v-else-if=\"outputHtml(out)\"\n                  class=\"filex-viewer-ipynb__html\"\n                  v-html=\"outputHtml(out)\"\n                />\n                <pre\n                  v-else-if=\"outputText(out)\"\n                  class=\"filex-viewer-ipynb__out\"\n                  :data-type=\"out.output_type\"\n                >{{ outputText(out) }}</pre>\n              </template>\n            </div>\n          </template>\n\n          <template v-else-if=\"cell.cell_type === 'markdown'\">\n            <div\n              v-if=\"renderedMarkdown.get(idx)\"\n              class=\"filex-viewer-ipynb__md\"\n              v-html=\"renderedMarkdown.get(idx)\"\n            />\n            <pre v-else class=\"filex-viewer-ipynb__md-raw\">{{ joinSource(cell.source) }}</pre>\n          </template>\n\n          <template v-else>\n            <pre class=\"filex-viewer-ipynb__src\">{{ joinSource(cell.source) }}</pre>\n          </template>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style>\n/* ⚠ NOT `scoped`, deliberately. Vue's scoped styles compile to\n   `.cls[data-v-HASH]`, and in the web-component build the hash baked into\n   this CSS does not match the one Vue stamps onto the DOM — so every rule\n   here silently stopped applying. Measured in the desktop app: the share\n   dialog had `position: static`, no background and no radius, i.e. raw\n   unstyled HTML, in EVERY embedded surface.\n   Safe to drop: every selector below is prefixed (fx-/fe-/filex-), so\n   there is nothing here that can leak into a host page. */\n.filex-viewer-ipynb {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  min-height: 70vh;\n  background: var(--fe-bg, #fff);\n  color: var(--fe-text, #1a1e27);\n}\n.filex-viewer-ipynb__bar {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 8px 12px;\n  background: var(--fe-bg-elev, #f7f8fa);\n  border-bottom: 1px solid var(--fe-border, #e2e6ed);\n  font-size: 12px;\n  color: var(--fe-text-muted, #5a6475);\n}\n.filex-viewer-ipynb__lang {\n  font-family: var(--fe-font-mono, monospace);\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n}\n.filex-viewer-ipynb__pane {\n  flex: 1;\n  overflow: auto;\n  padding: 16px 24px;\n}\n.filex-viewer-ipynb__cell {\n  border: 1px solid var(--fe-border, #e2e6ed);\n  border-radius: 6px;\n  margin-bottom: 16px;\n  overflow: hidden;\n}\n.filex-viewer-ipynb__cell[data-type=\"code\"] {\n  background: var(--fe-bg-elev, #f7f8fa);\n}\n.filex-viewer-ipynb__exec {\n  padding: 4px 12px;\n  font-family: var(--fe-font-mono, monospace);\n  font-size: 11px;\n  color: var(--fe-text-muted, #5a6475);\n  background: rgba(0, 0, 0, 0.04);\n}\n.filex-viewer-ipynb__src {\n  margin: 0;\n  padding: 12px;\n  font-family: var(--fe-font-mono, monospace);\n  font-size: 12px;\n  line-height: 1.5;\n  white-space: pre;\n  overflow-x: auto;\n}\n.filex-viewer-ipynb__outputs {\n  border-top: 1px dashed var(--fe-border, #e2e6ed);\n  background: var(--fe-bg, #fff);\n  padding: 8px 12px;\n}\n.filex-viewer-ipynb__out {\n  margin: 0;\n  padding: 4px 0;\n  font-family: var(--fe-font-mono, monospace);\n  font-size: 12px;\n  white-space: pre-wrap;\n  word-wrap: break-word;\n}\n.filex-viewer-ipynb__out[data-type=\"error\"] {\n  color: var(--fe-danger, #dc2626);\n}\n.filex-viewer-ipynb__img {\n  display: block;\n  max-width: 100%;\n  height: auto;\n  margin: 8px 0;\n}\n.filex-viewer-ipynb__html {\n  font-size: 13px;\n}\n.filex-viewer-ipynb__md {\n  padding: 12px 16px;\n  font-size: 14px;\n  line-height: 1.6;\n}\n.filex-viewer-ipynb__md-raw {\n  padding: 12px;\n  margin: 0;\n  font-family: var(--fe-font-mono, monospace);\n  font-size: 12px;\n  white-space: pre-wrap;\n}\n.filex-viewer-fallback {\n  text-align: center;\n  padding: 32px;\n  color: var(--fe-text-muted, #5a6475);\n}\n.filex-viewer-fallback__icon {\n  font-size: 48px;\n  display: block;\n  margin-bottom: 12px;\n}\n</style>\n"],"names":["props","__props","cells","ref","language","error","loading","renderedSources","renderedMarkdown","renderToken","highlight","mdRenderer","ensureMd","mod","Md","joinSource","source","load","myToken","raw","fetchViewerText","_a","err","nb","_c","_b","ensureHighlight","hljs","langOk","_d","cell","idx","text","result","md","outputText","out","outputImage","svg","outputHtml","onMounted","onBeforeUnmount","watch","tt","key","fallback","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_cache","_hoisted_4","_hoisted_5","_Fragment","_renderList","_hoisted_7","_hoisted_8","_hoisted_10","_toDisplayString","_hoisted_11","j","_hoisted_14","_hoisted_16","_hoisted_17"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,UAAMA,IAAQC,GAqBRC,IAAQC,EAAY,EAAE,GACtBC,IAAWD,EAAY,QAAQ,GAC/BE,IAAQF,EAAmB,IAAI,GAC/BG,IAAUH,EAAI,EAAI,GAClBI,IAAkBJ,EAAyB,oBAAI,KAAK,GACpDK,IAAmBL,EAAyB,oBAAI,KAAK;AAE3D,QAAIM,IAAc,GACdC,IAAiB,MACjBC,IAAkB;AAEtB,mBAAeC,IAAgC;AAC7C,UAAID,MAAe,KAAM,QAAOA,KAAc;AAC9C,UAAI;AACF,cAAME,IAAM,MAAM;AAAA;AAAA,UAA0B;AAAA,QAAA,GACtCC,IAAMD,EAAY,WAAWA;AACnC,eAAAF,IAAa,IAAIG,EAAG,EAAE,MAAM,IAAO,SAAS,IAAM,QAAQ,IAAM,GACzDH;AAAA,MACT,QAAQ;AACN,eAAAA,IAAa,IACN;AAAA,MACT;AAAA,IACF;AAEA,aAASI,EAAWC,GAAmC;AACrD,aAAO,MAAM,QAAQA,CAAM,IAAIA,EAAO,KAAK,EAAE,IAAKA,KAAU;AAAA,IAC9D;AAEA,mBAAeC,IAAsB;;AACnC,MAAAX,EAAQ,QAAQ,IAChBD,EAAM,QAAQ,MACdH,EAAM,QAAQ,CAAA,GACdK,EAAgB,4BAAY,IAAA,GAC5BC,EAAiB,4BAAY,IAAA;AAC7B,YAAMU,IAAU,EAAET;AAElB,UAAIU;AACJ,UAAI;AACF,QAAAA,IAAM,MAAMC,EAAgB;AAAA,UAC1B,KAAKpB,EAAM;AAAA,UACX,WAASqB,IAAArB,EAAM,gBAAN,gBAAAqB,EAAA,KAAArB,OAAyB,CAAA;AAAA,UAClC,aAAaA,EAAM;AAAA,QAAA,CACpB;AAAA,MACH,SAASsB,GAAK;AACZ,QAAAjB,EAAM,QAAQiB,aAAe,QAAQA,EAAI,UAAU,gBACnDhB,EAAQ,QAAQ;AAChB;AAAA,MACF;AAEA,UAAIY,MAAYT,EAAa;AAE7B,UAAIc;AACJ,UAAI;AACF,QAAAA,IAAK,KAAK,MAAMJ,CAAG;AAAA,MACrB,QAAc;AACZ,QAAAd,EAAM,QAAQ,yBACdC,EAAQ,QAAQ;AAChB;AAAA,MACF;AAMA,UALAJ,EAAM,QAAQ,MAAM,QAAQqB,EAAG,KAAK,IAAIA,EAAG,QAAQ,CAAA,GACnDnB,EAAS,UAAQoB,KAAAC,IAAAF,EAAG,aAAH,gBAAAE,EAAa,eAAb,gBAAAD,EAAyB,aAAY,UAGtDd,IAAa,MAAMgB,EAAA,GACfR,MAAYT,EAAa;AAC7B,UAAIC,GAAW;AACb,cAAMiB,IAAOjB,EAAU,WAAWA,GAC5BkB,KAASC,IAAAF,EAAK,gBAAL,QAAAE,EAAA,KAAAF,GAAmBvB,EAAS,SAASA,EAAS,QAAQ;AACrE,QAAAF,EAAM,MAAM,QAAQ,CAAC4B,GAAMC,MAAQ;AACjC,cAAID,EAAK,cAAc,QAAQ;AAC7B,kBAAME,IAAOjB,EAAWe,EAAK,MAAM;AACnC,gBAAI;AACF,oBAAMG,IAASL,IACXD,EAAK,UAAUK,GAAM,EAAE,UAAUJ,GAAQ,gBAAgB,GAAA,CAAM,IAC/DD,EAAK,cAAcK,CAAI;AAC3B,cAAAzB,EAAgB,MAAM,IAAIwB,GAAKE,EAAO,KAAK;AAAA,YAC7C,QAAQ;AAAA,YAER;AAAA,UACF;AAAA,QACF,CAAC;AAAA,MACH;AAEA,YAAMC,IAAK,MAAMtB,EAAA;AACjB,MAAIM,MAAYT,MACZyB,KACFhC,EAAM,MAAM,QAAQ,CAAC4B,GAAMC,MAAQ;AACjC,YAAID,EAAK,cAAc;AACrB,cAAI;AACF,YAAAtB,EAAiB,MAAM,IAAIuB,GAAKG,EAAG,OAAOnB,EAAWe,EAAK,MAAM,CAAC,CAAC;AAAA,UACpE,QAAQ;AAAA,UAER;AAAA,MAEJ,CAAC,GAGHxB,EAAQ,QAAQ;AAAA,IAClB;AAEA,aAAS6B,EAAWC,GAAyB;;AAC3C,aAAKA,IACDA,EAAI,gBAAgB,WACfrB,EAAWqB,EAAI,IAAI,IAExBA,EAAI,gBAAgB,UACf,CAACA,EAAI,OAAOA,EAAI,QAAQ,GAAIA,EAAI,aAAa,CAAA,CAAG,EACpD,OAAO,OAAO,EACd,KAAK;AAAA,CAAI,KAEVA,EAAI,gBAAgB,oBAAoBA,EAAI,gBAAgB,oBAC1Df,IAAAe,EAAI,SAAJ,QAAAf,EAAW,gBACNN,EAAWqB,EAAI,KAAK,YAAY,CAAC,IAGrC,OAdU;AAAA,IAenB;AAEA,aAASC,EAAYD,GAAyB;AAC5C,UAAI,EAACA,KAAA,QAAAA,EAAK,MAAM,QAAO;AACvB,UAAIA,EAAI,KAAK,WAAW,UAAU,yBAAyBA,EAAI,KAAK,WAAW,CAAC;AAChF,UAAIA,EAAI,KAAK,YAAY,UAAU,0BAA0BA,EAAI,KAAK,YAAY,CAAC;AACnF,UAAIA,EAAI,KAAK,eAAe,GAAG;AAC7B,cAAME,IAAMvB,EAAWqB,EAAI,KAAK,eAAe,CAAC;AAChD,eAAO,2BAA2B,mBAAmBE,CAAG,CAAC;AAAA,MAC3D;AACA,aAAO;AAAA,IACT;AAEA,aAASC,EAAWH,GAAyB;AAC3C,aAAKA,KAAA,QAAAA,EAAK,QACNA,EAAI,KAAK,WAAW,IACTrB,EAAWqB,EAAI,KAAK,WAAW,CAAC,EAEjC,QAAQ,+BAA+B,EAAE,IAJhC;AAAA,IAOzB;AAEA,IAAAI,EAAUvB,CAAI,GACdwB,EAAgB,MAAM;AACpB,MAAAhC;AAAA,IACF,CAAC,GACDiC,EAAM,MAAM1C,EAAM,KAAKiB,CAAI;AAQ3B,aAAS0B,EAAGC,GAAaC,GAA0B;AACjD,aAAO7C,EAAM,IAAIA,EAAM,EAAE4C,CAAG,IAAIC;AAAA,IAClC;sBAIEC,EAAA,GAAAC,EA8DM,OA9DNC,GA8DM;AAAA,MA7DJC,EA4DM,OA5DNC,GA4DM;AAAA,QA3DO7C,EAAA,SAAXyC,EAAA,GAAAC,EAGM,OAHNI,GAGM;AAAA,UAFJC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAH,EAAmD,QAAA,EAA7C,OAAM,8BAAA,GAA8B,MAAE,EAAA;AAAA,UAC5CA,EAAkB,aAAZ5C,EAAA,KAAK,GAAA,CAAA;AAAA,QAAA,MAEGC,EAAA,SAAhBwC,KAAAC,EAGM,OAHNM,GAGM;AAAA,UAFJD,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAH,EAAkD,QAAA,EAA5C,OAAM,8BAAA,GAA8B,KAAC,EAAA;AAAA,UAC3CA,EAA6C,aAAvCN,EAAE,kBAAA,UAAA,CAAA,GAAA,CAAA;AAAA,QAAA,YAEVI,EAkDM,OAAAO,GAAA;AAAA,WAjDJR,EAAA,EAAA,GAAAC,EAgDMQ,GAAA,MAAAC,EA/CkBtD,EAAA,OAAK,CAAnB4B,GAAMC,YADhBgB,EAgDM,OAAA;AAAA,YA9CH,KAAKhB;AAAA,YACN,OAAM;AAAA,YACL,aAAWD,EAAK;AAAA,UAAA;YAEDA,EAAK,cAAS,eAA9BiB,EA4BWQ,GAAA,EAAA,KAAA,KAAA;AAAA,cA3BTN,EAEM,OAFNQ,GAAsC,YAC7B3B,EAAK,mBAAe,GAAA,IAAU,OACvC,CAAA;AAAA,cACAmB,EAGyD,OAHzDS,GAGyD;AAAA,gBAFjDnD,EAAA,MAAgB,IAAIwB,CAAG,UADWgB,EAGxC,QAAA;AAAA;kBADA,WAAQxC,EAAA,MAAgB,IAAIwB,CAAG;AAAA,gBAAA,oBAC/Be,KAAAC,EAAiD,QAAAY,IAAAC,EAAjC7C,EAAWe,EAAK,MAAM,CAAA,GAAA,CAAA;AAAA,cAAA;cAC7BA,EAAK,WAAWA,EAAK,QAAQ,UAAxCgB,KAAAC,EAmBM,OAnBNc,IAmBM;AAAA,iBAlBJf,EAAA,EAAA,GAAAC,EAiBWQ,WAjBkBzB,EAAK,SAAO,CAAvBM,GAAK0B,wBAA0BA,KAAC;AAAA,kBAExCzB,EAAYD,CAAG,UADvBW,EAKE,OAAA;AAAA;oBAHC,KAAKV,EAAYD,CAAG,KAAA;AAAA,oBACrB,OAAM;AAAA,oBACL,eAAe0B,CAAC;AAAA,kBAAA,mBAGNvB,EAAWH,CAAG,UAD3BW,EAIE,OAAA;AAAA;oBAFA,OAAM;AAAA,oBACN,WAAQR,EAAWH,CAAG;AAAA,kBAAA,mBAGXD,EAAWC,CAAG,UAD3BW,EAI4B,OAAA;AAAA;oBAF1B,OAAM;AAAA,oBACL,aAAWX,EAAI;AAAA,kBAAA,GACdwB,EAAAzB,EAAWC,CAAG,CAAA,GAAA,GAAA2B,EAAA;;;sBAKHjC,EAAK,cAAS,mBAAnCiB,EAOWQ,GAAA,EAAA,KAAA,KAAA;AAAA,cALD/C,EAAA,MAAiB,IAAIuB,CAAG,UADhCgB,EAIE,OAAA;AAAA;gBAFA,OAAM;AAAA,gBACN,WAAQvC,EAAA,MAAiB,IAAIuB,CAAG;AAAA,cAAA,oBAElCe,KAAAC,EAAkF,OAAlFiB,IAAkFJ,EAAhC7C,EAAWe,EAAK,MAAM,CAAA,GAAA,CAAA;AAAA,YAAA,WAIxEgB,KAAAC,EAAwE,OAAxEkB,IAAwEL,EAAhC7C,EAAWe,EAAK,MAAM,CAAA,GAAA,CAAA;AAAA,UAAA;;;;;;"}

package/dist/{MermaidViewer-BGr51EGN.js → MermaidViewer-Dx4wXykM.js}

@@ -1,12 +1,12 @@
-import { d as E, o as L, h as T, a as _, c as h, e as u, t as k, i as $, j as H, v as Y, n as q, f as c, _ as z } from "./index-4kRs6jnx.js";
-import { f as F } from "./useViewerFetch-czqbd2Lj.js";
-const I = { class: "filex-viewer-mermaid" }, K = {
+import { d as L, o as T, h as V, a as h, c as x, e as u, t as k, i as $, j as H, v as Y, n as q, f as c } from "./index-C_N3pzqm.js";
+import { f as z } from "./useViewerFetch-czqbd2Lj.js";
+const F = { class: "filex-viewer-mermaid" }, K = {
   key: 0,
   class: "filex-viewer-fallback"
 }, N = {
   key: 1,
   class: "filex-viewer-fallback"
-}, U = /* @__PURE__ */ E({
+}, X = /* @__PURE__ */ L({
   __name: "MermaidViewer",
   props: {
     url: {},
@@ -17,8 +17,8 @@ const I = { class: "filex-viewer-mermaid" }, K = {
     authCredentials: {}
   },
   setup(M) {
-    const n = M, d = c(null), r = c(null), o = c(!0), m = c(1), v = c(0), p = c(0);
-    let y = !1, l = null, f = 0, i = null;
+    const n = M, d = c(null), r = c(null), o = c(!0), m = c(1), v = c(0), y = c(0);
+    let p = !1, l = null, f = 0, i = null;
     async function P() {
       var e, t;
       if (i) return i;
@@ -47,7 +47,7 @@ const I = { class: "filex-viewer-mermaid" }, K = {
       }
       let a;
       try {
-        a = await F({
+        a = await z({
           url: n.url,
           headers: ((g = n.authHeaders) == null ? void 0 : g.call(n)) ?? {},
           credentials: n.authCredentials
@@ -58,10 +58,10 @@ const I = { class: "filex-viewer-mermaid" }, K = {
       }
       if (e === f)
         try {
-          const s = `filex-mermaid-${Date.now()}`, { svg: B } = await t.render(s, a);
+          const s = `filex-mermaid-${Date.now()}`, { svg: E } = await t.render(s, a);
           if (e !== f) return;
           if (d.value) {
-            d.value.innerHTML = B;
+            d.value.innerHTML = E;
             const w = d.value.querySelector("svg");
             w && (w.style.maxWidth = "100%", w.style.height = "auto");
           }
@@ -79,49 +79,49 @@ const I = { class: "filex-viewer-mermaid" }, K = {
     }
     function S(e) {
       var t, a;
-      y = !0, l = { x: e.clientX, y: e.clientY, tx: v.value, ty: p.value }, (a = (t = e.target).setPointerCapture) == null || a.call(t, e.pointerId);
+      p = !0, l = { x: e.clientX, y: e.clientY, tx: v.value, ty: y.value }, (a = (t = e.target).setPointerCapture) == null || a.call(t, e.pointerId);
     }
-    function V(e) {
-      !y || !l || (v.value = l.tx + (e.clientX - l.x), p.value = l.ty + (e.clientY - l.y));
+    function b(e) {
+      !p || !l || (v.value = l.tx + (e.clientX - l.x), y.value = l.ty + (e.clientY - l.y));
     }
-    function x() {
-      y = !1, l = null;
+    function _() {
+      p = !1, l = null;
     }
-    L(C), T(() => {
+    T(C), V(() => {
       f++;
     });
-    function b(e, t) {
+    function B(e, t) {
       return n.t ? n.t(e) : t;
     }
-    return (e, t) => (_(), h("div", I, [
+    return (e, t) => (h(), x("div", F, [
       u("div", {
         class: "filex-viewer-mermaid__pane",
         onWheel: D,
         onPointerdown: S,
-        onPointermove: V,
-        onPointerup: x,
-        onPointercancel: x
+        onPointermove: b,
+        onPointerup: _,
+        onPointercancel: _
       }, [
-        r.value ? (_(), h("div", K, [
+        r.value ? (h(), x("div", K, [
           t[0] || (t[0] = u("span", { class: "filex-viewer-fallback__icon" }, "📊", -1)),
           u("p", null, k(r.value), 1)
-        ])) : o.value ? (_(), h("div", N, [
+        ])) : o.value ? (h(), x("div", N, [
           t[1] || (t[1] = u("span", { class: "filex-viewer-fallback__icon" }, "⏳", -1)),
-          u("p", null, k(b("viewer.loading", "Loading…")), 1)
+          u("p", null, k(B("viewer.loading", "Loading…")), 1)
         ])) : $("", !0),
         H(u("div", {
           ref_key: "surface",
           ref: d,
           class: "filex-viewer-mermaid__surface",
-          style: q({ transform: `translate(${v.value}px, ${p.value}px) scale(${m.value})` })
+          style: q({ transform: `translate(${v.value}px, ${y.value}px) scale(${m.value})` })
         }, null, 4), [
           [Y, !o.value && !r.value]
         ])
       ], 32)
     ]));
   }
-}), j = /* @__PURE__ */ z(U, [["__scopeId", "data-v-e19076c3"]]);
+});
 export {
-  j as default
+  X as default
 };
-//# sourceMappingURL=MermaidViewer-BGr51EGN.js.map
+//# sourceMappingURL=MermaidViewer-Dx4wXykM.js.map

package/dist/MermaidViewer-Dx4wXykM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MermaidViewer-Dx4wXykM.js","sources":["../../core/src/viewers/MermaidViewer.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * MermaidViewer — render a `.mmd` / `.mermaid` source file.\n *\n * Lazy-imports the `mermaid` library (~150 KB gzipped). Source text is\n * fetched from `props.url` (with the auth headers from PreviewModal),\n * then rendered to SVG via `mermaid.render('id', src)`. The resulting\n * SVG node is inserted into a wrapper that supports pan + scale via\n * pure CSS transforms (no extra panzoom dep).\n */\nimport { onBeforeUnmount, onMounted, ref } from 'vue';\nimport { fetchViewerText } from '../composables/useViewerFetch';\n\nconst props = defineProps<{\n  url: string;\n  mime?: string;\n  ext: string;\n  t?: (key: string) => string;\n  authHeaders?: () => Record<string, string>;\n  authCredentials?: RequestCredentials;\n}>();\n\nconst surface = ref<HTMLDivElement | null>(null);\nconst error = ref<string | null>(null);\nconst loading = ref(true);\nconst scale = ref(1);\nconst tx = ref(0);\nconst ty = ref(0);\n\nlet dragging = false;\nlet dragStart: { x: number; y: number; tx: number; ty: number } | null = null;\nlet renderToken = 0;\n\nlet cachedMermaid: any = null;\nasync function ensureMermaid(): Promise<any | null> {\n  if (cachedMermaid) return cachedMermaid;\n  try {\n    const mod = await import(/* @vite-ignore */ 'mermaid');\n    cachedMermaid = mod.default ?? mod;\n    cachedMermaid.initialize?.({\n      startOnLoad: false,\n      securityLevel: 'strict',\n      theme: window.matchMedia?.('(prefers-color-scheme: dark)').matches\n        ? 'dark'\n        : 'default',\n    });\n    return cachedMermaid;\n  } catch {\n    return null;\n  }\n}\n\nasync function load(): Promise<void> {\n  loading.value = true;\n  error.value = null;\n  const myToken = ++renderToken;\n\n  const mermaid = await ensureMermaid();\n  if (myToken !== renderToken) return;\n  if (!mermaid) {\n    error.value = props.t\n      ? props.t('viewer.peer_not_installed')\n      : 'Mermaid viewer requires `mermaid` — install or use download.';\n    loading.value = false;\n    return;\n  }\n\n  let src: string;\n  try {\n    src = await fetchViewerText({\n      url: props.url,\n      headers: props.authHeaders?.() ?? {},\n      credentials: props.authCredentials,\n    });\n  } catch (err) {\n    error.value = err instanceof Error ? err.message : 'fetch failed';\n    loading.value = false;\n    return;\n  }\n\n  if (myToken !== renderToken) return;\n\n  try {\n    const id = `filex-mermaid-${Date.now()}`;\n    const { svg } = await mermaid.render(id, src);\n    if (myToken !== renderToken) return;\n    if (surface.value) {\n      surface.value.innerHTML = svg;\n      const svgEl = surface.value.querySelector('svg');\n      if (svgEl) {\n        svgEl.style.maxWidth = '100%';\n        svgEl.style.height = 'auto';\n      }\n    }\n  } catch (err) {\n    error.value = err instanceof Error ? err.message : 'render failed';\n  } finally {\n    loading.value = false;\n  }\n}\n\nfunction zoomIn(): void {\n  scale.value = Math.min(8, scale.value * 1.25);\n}\nfunction zoomOut(): void {\n  scale.value = Math.max(0.2, scale.value / 1.25);\n}\nfunction reset(): void {\n  scale.value = 1;\n  tx.value = 0;\n  ty.value = 0;\n}\n\nfunction onWheel(ev: WheelEvent): void {\n  if (!ev.ctrlKey && !ev.metaKey) return;\n  ev.preventDefault();\n  const delta = -ev.deltaY;\n  const factor = delta > 0 ? 1.1 : 1 / 1.1;\n  scale.value = Math.max(0.2, Math.min(8, scale.value * factor));\n}\n\nfunction onPointerDown(ev: PointerEvent): void {\n  dragging = true;\n  dragStart = { x: ev.clientX, y: ev.clientY, tx: tx.value, ty: ty.value };\n  (ev.target as HTMLElement).setPointerCapture?.(ev.pointerId);\n}\nfunction onPointerMove(ev: PointerEvent): void {\n  if (!dragging || !dragStart) return;\n  tx.value = dragStart.tx + (ev.clientX - dragStart.x);\n  ty.value = dragStart.ty + (ev.clientY - dragStart.y);\n}\nfunction onPointerUp(): void {\n  dragging = false;\n  dragStart = null;\n}\n\nonMounted(load);\nonBeforeUnmount(() => {\n  renderToken++;\n});\n\nfunction tt(key: string, fallback: string): string {\n  return props.t ? props.t(key) : fallback;\n}\n</script>\n\n<template>\n  <div class=\"filex-viewer-mermaid\">\n    <div\n      class=\"filex-viewer-mermaid__pane\"\n      @wheel=\"onWheel\"\n      @pointerdown=\"onPointerDown\"\n      @pointermove=\"onPointerMove\"\n      @pointerup=\"onPointerUp\"\n      @pointercancel=\"onPointerUp\"\n    >\n      <div\n        v-if=\"error\"\n        class=\"filex-viewer-fallback\"\n      >\n        <span class=\"filex-viewer-fallback__icon\">📊</span>\n        <p>{{ error }}</p>\n      </div>\n      <div\n        v-else-if=\"loading\"\n        class=\"filex-viewer-fallback\"\n      >\n        <span class=\"filex-viewer-fallback__icon\">⏳</span>\n        <p>{{ tt('viewer.loading', 'Loading…') }}</p>\n      </div>\n      <div\n        v-show=\"!loading && !error\"\n        ref=\"surface\"\n        class=\"filex-viewer-mermaid__surface\"\n        :style=\"{ transform: `translate(${tx}px, ${ty}px) scale(${scale})` }\"\n      />\n    </div>\n  </div>\n</template>\n\n<style>\n/* ⚠ NOT `scoped`, deliberately. Vue's scoped styles compile to\n   `.cls[data-v-HASH]`, and in the web-component build the hash baked into\n   this CSS does not match the one Vue stamps onto the DOM — so every rule\n   here silently stopped applying. Measured in the desktop app: the share\n   dialog had `position: static`, no background and no radius, i.e. raw\n   unstyled HTML, in EVERY embedded surface.\n   Safe to drop: every selector below is prefixed (fx-/fe-/filex-), so\n   there is nothing here that can leak into a host page. */\n.filex-viewer-mermaid {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  min-height: 70vh;\n  background: var(--fe-bg, #fff);\n  color: var(--fe-text, #1a1e27);\n}\n.filex-viewer-mermaid__bar {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 12px;\n  background: var(--fe-bg-elev, #f7f8fa);\n  border-bottom: 1px solid var(--fe-border, #e2e6ed);\n  font-size: 13px;\n}\n.filex-viewer-mermaid__zoom {\n  min-width: 50px;\n  text-align: center;\n  font-variant-numeric: tabular-nums;\n  font-size: 12px;\n}\n.filex-viewer-mermaid__pane {\n  flex: 1;\n  overflow: hidden;\n  position: relative;\n  cursor: grab;\n  background: var(--fe-bg-elev, #f7f8fa);\n  touch-action: none;\n}\n.filex-viewer-mermaid__pane:active {\n  cursor: grabbing;\n}\n.filex-viewer-mermaid__surface {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transform-origin: center center;\n  transition: transform 0.05s linear;\n  user-select: none;\n}\n.filex-viewer-mermaid__surface svg {\n  max-width: 90%;\n  max-height: 90%;\n}\n.filex-viewer-fallback {\n  text-align: center;\n  padding: 32px;\n  color: var(--fe-text-muted, #5a6475);\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.filex-viewer-fallback__icon {\n  font-size: 48px;\n  display: block;\n  margin-bottom: 12px;\n}\n.filex-viewer-btn {\n  border: 1px solid var(--fe-border, #e2e6ed);\n  background: var(--fe-bg, #fff);\n  color: var(--fe-text, #1a1e27);\n  padding: 4px 10px;\n  border-radius: 4px;\n  cursor: pointer;\n  font: inherit;\n  font-size: 12px;\n}\n.filex-viewer-btn:hover:not(:disabled) {\n  background: var(--fe-bg-hover, #edf0f5);\n}\n</style>\n"],"names":["props","__props","surface","ref","error","loading","scale","tx","ty","dragging","dragStart","renderToken","cachedMermaid","ensureMermaid","mod","_b","_a","load","myToken","mermaid","src","fetchViewerText","err","id","svg","svgEl","onWheel","ev","factor","onPointerDown","onPointerMove","onPointerUp","onMounted","onBeforeUnmount","tt","key","fallback","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_cache","_hoisted_3","_normalizeStyle","_vShow"],"mappings":"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"}

package/dist/{PsdViewer-dGW1Q1mx.js → PsdViewer-DR3C4XZq.js}

@@ -1,12 +1,12 @@
-import { d as B, o as E, h as I, w as S, a as m, c as p, e as i, t as x, i as V, j as A, v as L, f as o, _ as T } from "./index-4kRs6jnx.js";
-import { a as F } from "./useViewerFetch-czqbd2Lj.js";
-const H = { class: "filex-viewer-psd" }, N = { class: "filex-viewer-psd__pane" }, j = {
+import { d as B, o as E, h as S, w as A, a as m, c as p, e as i, t as x, i as I, j as V, v as L, f as o } from "./index-C_N3pzqm.js";
+import { a as T } from "./useViewerFetch-czqbd2Lj.js";
+const F = { class: "filex-viewer-psd" }, H = { class: "filex-viewer-psd__pane" }, N = {
   key: 0,
   class: "filex-viewer-fallback"
-}, q = {
+}, j = {
   key: 1,
   class: "filex-viewer-fallback"
-}, M = /* @__PURE__ */ B({
+}, U = /* @__PURE__ */ B({
   __name: "PsdViewer",
   props: {
     url: {},
@@ -16,51 +16,51 @@ const H = { class: "filex-viewer-psd" }, N = { class: "filex-viewer-psd__pane" }
     authHeaders: { type: Function },
     authCredentials: {}
   },
-  setup(b) {
-    const a = b, f = o(null), w = o([]), s = o(null), l = o(!0), D = o({ width: 0, height: 0 });
-    let c = 0, u = null;
-    async function P() {
-      if (u) return u;
+  setup(D) {
+    const a = D, f = o(null), w = o([]), s = o(null), l = o(!0), b = o({ width: 0, height: 0 });
+    let u = 0, c = null;
+    async function C() {
+      if (c) return c;
       try {
-        return u = await import(
+        return c = await import(
           /* @vite-ignore */
           "./index-UFULWo35.js"
-        ), u;
+        ), c;
       } catch {
         return null;
       }
     }
-    function _(t, e) {
+    function g(t, e) {
       if (t && Array.isArray(t.children))
         for (const n of t.children)
           e.push({
             index: e.length,
             name: n.name ?? "(unnamed)",
             hidden: !!n.hidden
-          }), n.children && _(n, e);
+          }), n.children && g(n, e);
     }
-    async function g() {
+    async function _() {
       var n;
       l.value = !0, s.value = null, w.value = [];
-      const t = ++c, e = await P();
-      if (t === c) {
+      const t = ++u, e = await C();
+      if (t === u) {
         if (!e) {
           s.value = a.t ? a.t("viewer.peer_not_installed") : "PSD viewer requires `ag-psd` — install or use download.", l.value = !1;
           return;
         }
         try {
-          const d = await F({
+          const d = await T({
             url: a.url,
             headers: ((n = a.authHeaders) == null ? void 0 : n.call(a)) ?? {},
             credentials: a.authCredentials
           });
-          if (t !== c) return;
+          if (t !== u) return;
           const r = e.readPsd(d, {
             skipLayerImageData: !1,
             skipCompositeImageData: !1,
             skipThumbnail: !0
           });
-          D.value = { width: r.width, height: r.height };
+          b.value = { width: r.width, height: r.height };
           const y = r.canvas;
           if (y && f.value) {
             const h = f.value;
@@ -70,7 +70,7 @@ const H = { class: "filex-viewer-psd" }, N = { class: "filex-viewer-psd__pane" }
           } else
             throw new Error("PSD has no composite image (skipCompositeImageData?)");
           const k = [];
-          _(r, k), w.value = k;
+          g(r, k), w.value = k;
         } catch (d) {
           s.value = d instanceof Error ? d.message : "PSD decode failed";
         } finally {
@@ -78,22 +78,22 @@ const H = { class: "filex-viewer-psd" }, N = { class: "filex-viewer-psd__pane" }
         }
       }
     }
-    E(g), I(() => {
-      c++;
-    }), S(() => a.url, g);
-    function C(t, e) {
+    E(_), S(() => {
+      u++;
+    }), A(() => a.url, _);
+    function P(t, e) {
       return a.t ? a.t(t) : e;
     }
-    return (t, e) => (m(), p("div", H, [
-      i("div", N, [
-        s.value ? (m(), p("div", j, [
+    return (t, e) => (m(), p("div", F, [
+      i("div", H, [
+        s.value ? (m(), p("div", N, [
           e[0] || (e[0] = i("span", { class: "filex-viewer-fallback__icon" }, "🎨", -1)),
           i("p", null, x(s.value), 1)
-        ])) : l.value ? (m(), p("div", q, [
+        ])) : l.value ? (m(), p("div", j, [
           e[1] || (e[1] = i("span", { class: "filex-viewer-fallback__icon" }, "⏳", -1)),
-          i("p", null, x(C("viewer.loading", "Loading…")), 1)
-        ])) : V("", !0),
-        A(i("canvas", {
+          i("p", null, x(P("viewer.loading", "Loading…")), 1)
+        ])) : I("", !0),
+        V(i("canvas", {
           ref_key: "canvasEl",
           ref: f
         }, null, 512), [
@@ -102,8 +102,8 @@ const H = { class: "filex-viewer-psd" }, N = { class: "filex-viewer-psd__pane" }
       ])
     ]));
   }
-}), G = /* @__PURE__ */ T(M, [["__scopeId", "data-v-46b5b3c2"]]);
+});
 export {
-  G as default
+  U as default
 };
-//# sourceMappingURL=PsdViewer-dGW1Q1mx.js.map
+//# sourceMappingURL=PsdViewer-DR3C4XZq.js.map

package/dist/PsdViewer-DR3C4XZq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PsdViewer-DR3C4XZq.js","sources":["../../core/src/viewers/PsdViewer.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * PsdViewer — Photoshop document preview via `ag-psd`.\n *\n * Lazy-imports `ag-psd` (~150 KB). Renders the flattened composite to\n * a canvas via `psd.canvas`. A simple layer panel toggles the rendered\n * preview (V1: just lists names + visibility; full composite swap on\n * toggle requires re-rendering with `applyOpacity`/`composite` logic\n * — left as TODO for V2 since `ag-psd` doesn't ship a composite\n * pipeline of its own).\n */\nimport { onBeforeUnmount, onMounted, ref, watch } from 'vue';\nimport { fetchViewerArrayBuffer } from '../composables/useViewerFetch';\n\nconst props = defineProps<{\n  url: string;\n  mime?: string;\n  ext: string;\n  t?: (key: string) => string;\n  authHeaders?: () => Record<string, string>;\n  authCredentials?: RequestCredentials;\n}>();\n\ninterface FlatLayer {\n  index: number;\n  name: string;\n  hidden: boolean;\n}\n\nconst canvasEl = ref<HTMLCanvasElement | null>(null);\nconst layers = ref<FlatLayer[]>([]);\nconst error = ref<string | null>(null);\nconst loading = ref(true);\nconst showLayerPanel = ref(false);\nconst dims = ref<{ width: number; height: number }>({ width: 0, height: 0 });\nconst scale = ref(1);\n\nlet renderToken = 0;\n\nlet agPsd: any = null;\nasync function ensureAgPsd(): Promise<any | null> {\n  if (agPsd) return agPsd;\n  try {\n    const mod = await import(/* @vite-ignore */ 'ag-psd');\n    agPsd = mod;\n    return agPsd;\n  } catch {\n    return null;\n  }\n}\n\nfunction flattenLayers(node: any, list: FlatLayer[]): void {\n  if (!node) return;\n  if (Array.isArray(node.children)) {\n    for (const child of node.children) {\n      list.push({\n        index: list.length,\n        name: child.name ?? '(unnamed)',\n        hidden: !!child.hidden,\n      });\n      if (child.children) flattenLayers(child, list);\n    }\n  }\n}\n\nasync function load(): Promise<void> {\n  loading.value = true;\n  error.value = null;\n  layers.value = [];\n  const myToken = ++renderToken;\n\n  const lib = await ensureAgPsd();\n  if (myToken !== renderToken) return;\n  if (!lib) {\n    error.value = props.t\n      ? props.t('viewer.peer_not_installed')\n      : 'PSD viewer requires `ag-psd` — install or use download.';\n    loading.value = false;\n    return;\n  }\n\n  try {\n    const buf = await fetchViewerArrayBuffer({\n      url: props.url,\n      headers: props.authHeaders?.() ?? {},\n      credentials: props.authCredentials,\n    });\n    if (myToken !== renderToken) return;\n    const psd = lib.readPsd(buf, {\n      skipLayerImageData: false,\n      skipCompositeImageData: false,\n      skipThumbnail: true,\n    });\n    dims.value = { width: psd.width, height: psd.height };\n\n    const composite = psd.canvas;\n    if (composite && canvasEl.value) {\n      const target = canvasEl.value;\n      target.width = psd.width;\n      target.height = psd.height;\n      const ctx = target.getContext('2d');\n      ctx?.drawImage(composite, 0, 0);\n    } else {\n      throw new Error('PSD has no composite image (skipCompositeImageData?)');\n    }\n\n    const flat: FlatLayer[] = [];\n    flattenLayers(psd, flat);\n    layers.value = flat;\n  } catch (err) {\n    error.value = err instanceof Error ? err.message : 'PSD decode failed';\n  } finally {\n    loading.value = false;\n  }\n}\n\nfunction zoomIn(): void {\n  scale.value = Math.min(8, scale.value * 1.25);\n}\nfunction zoomOut(): void {\n  scale.value = Math.max(0.1, scale.value / 1.25);\n}\nfunction reset(): void {\n  scale.value = 1;\n}\n\nonMounted(load);\nonBeforeUnmount(() => {\n  renderToken++;\n});\nwatch(() => props.url, load);\n\nfunction tt(key: string, fallback: string): string {\n  return props.t ? props.t(key) : fallback;\n}\n</script>\n\n<template>\n  <div class=\"filex-viewer-psd\">\n    <div class=\"filex-viewer-psd__pane\">\n      <div v-if=\"error\" class=\"filex-viewer-fallback\">\n        <span class=\"filex-viewer-fallback__icon\">🎨</span>\n        <p>{{ error }}</p>\n      </div>\n      <div v-else-if=\"loading\" class=\"filex-viewer-fallback\">\n        <span class=\"filex-viewer-fallback__icon\">⏳</span>\n        <p>{{ tt('viewer.loading', 'Loading…') }}</p>\n      </div>\n      <canvas\n        v-show=\"!loading && !error\"\n        ref=\"canvasEl\"\n      />\n    </div>\n  </div>\n</template>\n\n<style>\n/* ⚠ NOT `scoped`, deliberately. Vue's scoped styles compile to\n   `.cls[data-v-HASH]`, and in the web-component build the hash baked into\n   this CSS does not match the one Vue stamps onto the DOM — so every rule\n   here silently stopped applying. Measured in the desktop app: the share\n   dialog had `position: static`, no background and no radius, i.e. raw\n   unstyled HTML, in EVERY embedded surface.\n   Safe to drop: every selector below is prefixed (fx-/fe-/filex-), so\n   there is nothing here that can leak into a host page. */\n.filex-viewer-psd {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  min-height: 70vh;\n  background: var(--fe-bg, #fff);\n}\n.filex-viewer-psd__bar {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 12px;\n  background: var(--fe-bg-elev, #f7f8fa);\n  border-bottom: 1px solid var(--fe-border, #e2e6ed);\n  font-size: 13px;\n}\n.filex-viewer-spacer { flex: 1; }\n.filex-viewer-psd__dim {\n  font-size: 12px;\n  color: var(--fe-text-muted, #5a6475);\n}\n.filex-viewer-psd__zoom {\n  min-width: 50px;\n  text-align: center;\n  font-variant-numeric: tabular-nums;\n  font-size: 12px;\n}\n.filex-viewer-psd__main {\n  flex: 1;\n  display: flex;\n  min-height: 0;\n}\n.filex-viewer-psd__layers {\n  width: 240px;\n  border-right: 1px solid var(--fe-border, #e2e6ed);\n  overflow-y: auto;\n  padding: 8px 0;\n  background: var(--fe-bg-elev, #f7f8fa);\n}\n.filex-viewer-psd__layers ul {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n.filex-viewer-psd__layers li {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 12px;\n  font-size: 12px;\n}\n.filex-viewer-psd__layer-vis {\n  width: 14px;\n  text-align: center;\n  color: var(--fe-text-muted, #5a6475);\n}\n.filex-viewer-psd__layer-vis[data-hidden=\"1\"] { color: var(--fe-border-strong, #c7ced9); }\n.filex-viewer-psd__layer-name {\n  flex: 1;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.filex-viewer-psd__pane {\n  flex: 1;\n  overflow: auto;\n  padding: 16px;\n  background: #2a2d33;\n  display: flex;\n  align-items: flex-start;\n  justify-content: flex-start;\n}\n.filex-viewer-psd__pane canvas {\n  background: #fff\n    repeating-conic-gradient(#e0e0e0 0% 25%, transparent 0% 50%) 50% / 16px 16px;\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);\n}\n.filex-viewer-fallback {\n  text-align: center;\n  padding: 32px;\n  color: #c8cdd6;\n  margin: auto;\n}\n.filex-viewer-fallback__icon {\n  font-size: 48px;\n  display: block;\n  margin-bottom: 12px;\n}\n.filex-viewer-btn {\n  border: 1px solid var(--fe-border, #e2e6ed);\n  background: var(--fe-bg, #fff);\n  color: var(--fe-text, #1a1e27);\n  padding: 4px 10px;\n  border-radius: 4px;\n  cursor: pointer;\n  font: inherit;\n  font-size: 12px;\n}\n.filex-viewer-btn:hover:not(:disabled) {\n  background: var(--fe-bg-hover, #edf0f5);\n}\n.filex-viewer-btn.is-active {\n  background: var(--fe-bg-selected, #dfe8ff);\n  border-color: var(--fe-primary, #3b82f6);\n}\n</style>\n"],"names":["props","__props","canvasEl","ref","layers","error","loading","dims","renderToken","agPsd","ensureAgPsd","flattenLayers","node","list","child","load","myToken","lib","buf","fetchViewerArrayBuffer","_a","psd","composite","target","ctx","flat","err","onMounted","onBeforeUnmount","watch","tt","key","fallback","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_cache","_hoisted_4","_vShow"],"mappings":"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"}