@brftech/filex-core 0.32.0 → 0.34.0

package/README.md

@@ -191,6 +191,29 @@ package exists to prevent.
 
 See [docs/PROTOCOLS.md](https://github.com/BRF-Tech/filex/blob/main/docs/PROTOCOLS.md).
 
+### Live updates
+
+An embedded explorer keeps itself current over a WebSocket: it mints a
+short-lived ticket, opens the socket and re-lists a folder when something in it
+changes. Two things are worth knowing before you host it.
+
+**Proxy `/api/ws`.** If your page reaches filex through your own backend, the
+ticket route is under `/api/files/` and the socket is **not** — a proxy rule
+that only forwards `/api/files/*` leaves the explorer with no socket, and it
+falls back to re-listing every 12 s. It keeps working, quietly, which is why
+this is easy to ship without noticing.
+
+**A burst is one frame per window, not one frame per file.** The server sends
+the first change in a quiet folder immediately and merges everything after it
+into one frame per window (200 ms, stretching to 1.5 s while the burst
+continues); a merged frame carries `count`. Nothing is dropped — the last frame
+of a burst always reflects the final state. If you debounce on your side as
+well, give your debounce a **ceiling**: a plain trailing debounce starves under
+a sustained stream, because every arriving frame cancels the pending reload.
+The package's own `burstDebounce` does exactly that.
+
+Full contract: [docs/REALTIME.md](https://github.com/BRF-Tech/filex/blob/main/docs/REALTIME.md).
+
 ## Build
 
 ```bash

package/dist/{CsvViewer-DxujFEM3.js → CsvViewer-CqWeV8VO.js}

@@ -1,4 +1,4 @@
-import { defineComponent as B, ref as v, onMounted as N, watch as y, computed as p, openBlock as s, createElementBlock as r, createElementVNode as a, toDisplayString as d, Fragment as k, renderList as C, createCommentVNode as S } from "vue";
+import { defineComponent as B, ref as v, onMounted as N, watch as y, computed as _, openBlock as s, createElementBlock as r, createElementVNode as a, toDisplayString as d, Fragment as k, renderList as C, createCommentVNode as S } from "vue";
 import { f as W } from "./useViewerFetch-czqbd2Lj.js";
 const j = { class: "filex-viewer-csv" }, q = { class: "filex-viewer-csv__pane" }, A = {
   key: 0,
@@ -12,7 +12,7 @@ const j = { class: "filex-viewer-csv" }, q = { class: "filex-viewer-csv__pane" }
 }, Z = { class: "filex-viewer-csv__rownum" }, z = {
   key: 0,
   class: "filex-viewer-csv__pager"
-}, J = ["disabled"], K = { class: "filex-viewer-csv__pageno" }, Q = ["disabled"], L = 100, R = 1e3, Y = /* @__PURE__ */ B({
+}, J = ["disabled"], K = { class: "filex-viewer-csv__pageno" }, Q = ["disabled"], L = 100, T = 1e3, Y = /* @__PURE__ */ B({
   __name: "CsvViewer",
   props: {
     url: {},
@@ -21,10 +21,10 @@ const j = { class: "filex-viewer-csv" }, q = { class: "filex-viewer-csv__pane" }
     authHeaders: { type: Function },
     authCredentials: {}
   },
-  setup(T) {
-    const u = T, i = v([]), f = v(null), m = v(!0), E = v(!0), D = v(""), o = v(1), _ = v(","), h = v("auto");
+  setup(V) {
+    const u = V, i = v([]), f = v(null), m = v(!0), E = v(!0), D = v(""), o = v(1), h = v(","), w = v("auto");
     let M = 0;
-    function V(l) {
+    function $(l) {
       const e = l.split(/\r?\n/).slice(0, 5).join(`
 `), t = (e.match(/\t/g) || []).length, n = (e.match(/;/g) || []).length, c = (e.match(/,/g) || []).length;
       return t > c && t > n ? "	" : n > c && n > t ? ";" : ",";
@@ -39,12 +39,12 @@ const j = { class: "filex-viewer-csv" }, q = { class: "filex-viewer-csv__pane" }
           delimiter: e,
           skipEmptyLines: !0,
           header: !1
-        }).data.slice(0, R);
+        }).data.slice(0, T);
       } catch {
-        return l.split(/\r?\n/).filter((t) => t.length > 0).slice(0, R).map((t) => t.split(e));
+        return l.split(/\r?\n/).filter((t) => t.length > 0).slice(0, T).map((t) => t.split(e));
       }
     }
-    async function w() {
+    async function g() {
       var n;
       m.value = !0, f.value = null, i.value = [], o.value = 1;
       const l = ++M;
@@ -60,29 +60,29 @@ const j = { class: "filex-viewer-csv" }, q = { class: "filex-viewer-csv__pane" }
         return;
       }
       if (l !== M) return;
-      u.ext === "tsv" ? _.value = "	" : _.value = V(e.slice(0, 4096));
-      const t = h.value === "auto" ? _.value : h.value;
+      u.ext === "tsv" ? h.value = "	" : h.value = $(e.slice(0, 4096));
+      const t = w.value === "auto" ? h.value : w.value;
       i.value = await F(e, t), m.value = !1;
     }
-    N(w), y(() => u.url, w), y(() => h.value, () => {
-      i.value.length !== 0 && w();
+    N(g), y(() => u.url, g), y(() => w.value, () => {
+      i.value.length !== 0 && g();
     });
-    const H = p(() => !E.value || i.value.length === 0 ? i.value.length === 0 ? [] : i.value[0].map((l, e) => `Col ${e + 1}`) : i.value[0]), P = p(() => E.value ? i.value.slice(1) : i.value), g = p(() => {
+    const H = _(() => !E.value || i.value.length === 0 ? i.value.length === 0 ? [] : i.value[0].map((l, e) => `Col ${e + 1}`) : i.value[0]), P = _(() => E.value ? i.value.slice(1) : i.value), p = _(() => {
       const l = D.value.trim().toLowerCase();
       return l ? P.value.filter(
         (e) => e.some((t) => (t || "").toLowerCase().includes(l))
       ) : P.value;
-    }), b = p(
-      () => Math.max(1, Math.ceil(g.value.length / L))
-    ), I = p(() => {
+    }), b = _(
+      () => Math.max(1, Math.ceil(p.value.length / L))
+    ), I = _(() => {
       const l = (o.value - 1) * L;
-      return g.value.slice(l, l + L);
+      return p.value.slice(l, l + L);
     });
     y(D, () => {
       o.value = 1;
     });
-    function $(l, e) {
-      return u.t ? u.t(l) : e;
+    function R(l, e, t) {
+      return u.t ? u.t(l, t) : e;
     }
     return (l, e) => (s(), r("div", j, [
       a("div", q, [
@@ -91,7 +91,7 @@ const j = { class: "filex-viewer-csv" }, q = { class: "filex-viewer-csv__pane" }
           a("p", null, d(f.value), 1)
         ])) : m.value ? (s(), r("div", G, [
           e[3] || (e[3] = a("span", { class: "filex-viewer-fallback__icon" }, "⏳", -1)),
-          a("p", null, d($("viewer.loading", "Loading…")), 1)
+          a("p", null, d(R("viewer.loading", "Loading…")), 1)
         ])) : (s(), r("table", O, [
           a("thead", null, [
             a("tr", null, [
@@ -114,7 +114,7 @@ const j = { class: "filex-viewer-csv" }, q = { class: "filex-viewer-csv__pane" }
           disabled: o.value <= 1,
           onClick: e[0] || (e[0] = (t) => o.value--)
         }, "‹", 8, J),
-        a("span", K, d(o.value) + " / " + d(b.value) + " (" + d(g.value.length) + " satır)", 1),
+        a("span", K, d(o.value) + " / " + d(b.value) + " (" + d(R("viewer.csv_rows", `${p.value.length} rows`, { n: p.value.length })) + ")", 1),
         a("button", {
           type: "button",
           class: "filex-viewer-btn",
@@ -128,4 +128,4 @@ const j = { class: "filex-viewer-csv" }, q = { class: "filex-viewer-csv__pane" }
 export {
   Y as default
 };
-//# sourceMappingURL=CsvViewer-DxujFEM3.js.map
+//# sourceMappingURL=CsvViewer-CqWeV8VO.js.map

package/dist/CsvViewer-CqWeV8VO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CsvViewer-CqWeV8VO.js","sources":["../src/viewers/CsvViewer.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * CsvViewer — lightweight CSV / TSV table preview.\n *\n * Lazy-imports `papaparse` when available (best-quality parser — handles\n * embedded quotes, multi-line cells, etc). Falls back to a simple\n * `split` parser when the peer is missing — workable for the trivial\n * \"first 1000 rows\" preview case but loses fidelity on complex files.\n *\n * UX:\n *   - first-row-as-header toggle\n *   - filter input that case-insensitively matches any cell\n *   - 100-rows-per-page pagination\n *   - tab vs comma auto-detection (manual override via toolbar)\n */\nimport { computed, onMounted, ref, watch } from 'vue';\nimport { fetchViewerText } from '../composables/useViewerFetch';\n\nconst props = defineProps<{\n  url: string;\n  ext: string;\n  t?: (key: string, vars?: Record<string, string | number>) => string;\n  authHeaders?: () => Record<string, string> | Promise<Record<string, string>>;\n  authCredentials?: RequestCredentials;\n}>();\n\nconst PAGE_SIZE = 100;\nconst ROW_LIMIT = 1000;\n\nconst rows = ref<string[][]>([]);\nconst error = ref<string | null>(null);\nconst loading = ref(true);\nconst firstRowHeader = ref(true);\nconst filter = ref('');\nconst page = ref(1);\nconst detectedDelim = ref<',' | '\\t' | ';'>(',');\nconst userDelim = ref<'auto' | ',' | '\\t' | ';'>('auto');\n\nlet renderToken = 0;\n\nfunction detectDelimiter(sample: string): ',' | '\\t' | ';' {\n  const sampleLines = sample.split(/\\r?\\n/).slice(0, 5).join('\\n');\n  const tab = (sampleLines.match(/\\t/g) || []).length;\n  const semi = (sampleLines.match(/;/g) || []).length;\n  const comma = (sampleLines.match(/,/g) || []).length;\n  if (tab > comma && tab > semi) return '\\t';\n  if (semi > comma && semi > tab) return ';';\n  return ',';\n}\n\nasync function parseWith(text: string, delim: string): Promise<string[][]> {\n  try {\n    const mod = await import(/* @vite-ignore */ 'papaparse');\n    const Papa = (mod as any).default ?? mod;\n    const result = Papa.parse(text, {\n      delimiter: delim,\n      skipEmptyLines: true,\n      header: false,\n    });\n    return (result.data as string[][]).slice(0, ROW_LIMIT);\n  } catch {\n    // Fallback: naive line/column split. Loses quoted-comma support\n    // but renders something reasonable.\n    return text\n      .split(/\\r?\\n/)\n      .filter((l) => l.length > 0)\n      .slice(0, ROW_LIMIT)\n      .map((line) => line.split(delim));\n  }\n}\n\nasync function load(): Promise<void> {\n  loading.value = true;\n  error.value = null;\n  rows.value = [];\n  page.value = 1;\n  const myToken = ++renderToken;\n\n  let text: string;\n  try {\n    text = await fetchViewerText({\n      url: props.url,\n      headers: (await 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  if (props.ext === 'tsv') {\n    detectedDelim.value = '\\t';\n  } else {\n    detectedDelim.value = detectDelimiter(text.slice(0, 4096));\n  }\n\n  const delim = userDelim.value === 'auto' ? detectedDelim.value : userDelim.value;\n  rows.value = await parseWith(text, delim);\n  loading.value = false;\n}\n\nonMounted(load);\nwatch(() => props.url, load);\nwatch(() => userDelim.value, () => {\n  if (rows.value.length === 0) return;\n  // Re-parse with the new delimiter using the cached source — but we\n  // didn't keep it. Cheapest path is a refetch.\n  load();\n});\n\nconst headers = computed<string[]>(() => {\n  if (!firstRowHeader.value || rows.value.length === 0) {\n    if (rows.value.length === 0) return [];\n    return rows.value[0].map((_, i) => `Col ${i + 1}`);\n  }\n  return rows.value[0];\n});\n\nconst dataRows = computed<string[][]>(() => {\n  return firstRowHeader.value ? rows.value.slice(1) : rows.value;\n});\n\nconst filtered = computed<string[][]>(() => {\n  const q = filter.value.trim().toLowerCase();\n  if (!q) return dataRows.value;\n  return dataRows.value.filter((r) =>\n    r.some((c) => (c || '').toLowerCase().includes(q)),\n  );\n});\n\nconst totalPages = computed(() =>\n  Math.max(1, Math.ceil(filtered.value.length / PAGE_SIZE)),\n);\n\nconst visibleRows = computed<string[][]>(() => {\n  const start = (page.value - 1) * PAGE_SIZE;\n  return filtered.value.slice(start, start + PAGE_SIZE);\n});\n\nwatch(filter, () => {\n  page.value = 1;\n});\n\nfunction tt(key: string, fallback: string, vars?: Record<string, string | number>): string {\n  return props.t ? props.t(key, vars) : fallback;\n}\n</script>\n\n<template>\n  <div class=\"filex-viewer-csv\">\n    <div class=\"filex-viewer-csv__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      <table v-else class=\"filex-viewer-csv__table\">\n        <thead>\n          <tr>\n            <th class=\"filex-viewer-csv__rownum\">#</th>\n            <th v-for=\"(h, i) in headers\" :key=\"i\">{{ h }}</th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr v-for=\"(row, ri) in visibleRows\" :key=\"ri\">\n            <td class=\"filex-viewer-csv__rownum\">{{ (page - 1) * 100 + ri + 1 }}</td>\n            <td v-for=\"(c, ci) in row\" :key=\"ci\">{{ c }}</td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n    <div v-if=\"!loading && !error && totalPages > 1\" class=\"filex-viewer-csv__pager\">\n      <button\n        type=\"button\"\n        class=\"filex-viewer-btn\"\n        :disabled=\"page <= 1\"\n        @click=\"page--\"\n      >‹</button>\n      <span class=\"filex-viewer-csv__pageno\">{{ page }} / {{ totalPages }} ({{ tt('viewer.csv_rows', `${filtered.length} rows`, { n: filtered.length }) }})</span>\n      <button\n        type=\"button\"\n        class=\"filex-viewer-btn\"\n        :disabled=\"page >= totalPages\"\n        @click=\"page++\"\n      >›</button>\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-csv {\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-csv__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}\n.filex-viewer-csv__check {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 12px;\n}\n.filex-viewer-csv__select,\n.filex-viewer-csv__filter {\n  border: 1px solid var(--fe-border, #e2e6ed);\n  background: var(--fe-bg, #fff);\n  color: inherit;\n  padding: 4px 8px;\n  border-radius: 4px;\n  font: inherit;\n  font-size: 12px;\n}\n.filex-viewer-csv__filter {\n  flex: 0 1 240px;\n}\n.filex-viewer-spacer { flex: 1; }\n.filex-viewer-csv__count {\n  font-size: 11px;\n  color: var(--fe-text-muted, #5a6475);\n  font-variant-numeric: tabular-nums;\n}\n.filex-viewer-csv__pane {\n  flex: 1;\n  overflow: auto;\n}\n.filex-viewer-csv__table {\n  border-collapse: collapse;\n  width: max-content;\n  min-width: 100%;\n  font-size: 12px;\n  font-family: var(--fe-font-mono, monospace);\n}\n.filex-viewer-csv__table th,\n.filex-viewer-csv__table td {\n  padding: 4px 10px;\n  border: 1px solid var(--fe-border, #e2e6ed);\n  white-space: nowrap;\n  max-width: 320px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.filex-viewer-csv__table th {\n  background: var(--fe-bg-elev, #f7f8fa);\n  position: sticky;\n  top: 0;\n  font-weight: 600;\n  text-align: left;\n}\n.filex-viewer-csv__table tbody tr:nth-child(even) {\n  background: var(--fe-bg-hover, rgba(0, 0, 0, 0.02));\n}\n.filex-viewer-csv__rownum {\n  color: var(--fe-text-muted, #5a6475);\n  text-align: right;\n  background: var(--fe-bg-elev, #f7f8fa);\n  font-variant-numeric: tabular-nums;\n  position: sticky;\n  left: 0;\n}\n.filex-viewer-csv__pager {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 8px;\n  padding: 6px;\n  background: var(--fe-bg-elev, #f7f8fa);\n  border-top: 1px solid var(--fe-border, #e2e6ed);\n  font-size: 12px;\n}\n.filex-viewer-csv__pageno {\n  font-variant-numeric: tabular-nums;\n  font-size: 12px;\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.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:disabled {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n</style>\n"],"names":["PAGE_SIZE","ROW_LIMIT","props","__props","rows","ref","error","loading","firstRowHeader","filter","page","detectedDelim","userDelim","renderToken","detectDelimiter","sample","sampleLines","tab","semi","comma","parseWith","text","delim","mod","n","l","line","load","myToken","fetchViewerText","_a","err","onMounted","watch","headers","computed","_","i","dataRows","filtered","q","r","c","totalPages","visibleRows","start","tt","key","fallback","vars","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_cache","_hoisted_4","_hoisted_5","_Fragment","_renderList","h","row","ri","_hoisted_6","_toDisplayString","ci","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10"],"mappings":"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"}

package/dist/{DrawioViewer-DCvWnX2t.js → DrawioViewer-BNALOB04.js}

@@ -1,9 +1,9 @@
-import { defineComponent as U, ref as s, computed as h, onMounted as E, watch as S, onBeforeUnmount as B, openBlock as d, createElementBlock as u, createElementVNode as g, toDisplayString as O } from "vue";
+import { defineComponent as U, ref as s, computed as p, onMounted as E, watch as S, onBeforeUnmount as B, openBlock as u, createElementBlock as d, createElementVNode as g, toDisplayString as O } from "vue";
 import { f as C } from "./useViewerFetch-czqbd2Lj.js";
 const T = { class: "filex-viewer-drawio" }, $ = {
   key: 0,
   class: "filex-viewer-fallback"
-}, D = ["src"], R = /* @__PURE__ */ U({
+}, N = ["src"], j = /* @__PURE__ */ U({
   __name: "DrawioViewer",
   props: {
     url: {},
@@ -17,9 +17,9 @@ const T = { class: "filex-viewer-drawio" }, $ = {
     authCredentials: {}
   },
   setup(x) {
-    const e = x, c = s(null), i = s(null), n = s("loading"), f = s(!!e.readOnly || !e.saveUrl), o = h(
+    const e = x, c = s(null), i = s(null), n = s("loading"), f = s(!!e.readOnly || !e.saveUrl), o = p(
       () => e.drawioUrl ? e.drawioUrl.replace(/\/$/, "") : null
-    ), _ = h(() => {
+    ), _ = p(() => {
       if (!o.value) return "";
       const a = new URLSearchParams({
         embed: "1",
@@ -104,37 +104,37 @@ const T = { class: "filex-viewer-drawio" }, $ = {
             break;
         }
     }
-    function y() {
+    function h() {
       if (!o.value) {
-        i.value = p("viewer.drawio.disabled", "Drawio (diagrams.net) yapılandırılmamış."), n.value = "error";
+        i.value = y("viewer.drawio.disabled", "diagrams.net is not configured for this filex instance."), n.value = "error";
         return;
       }
-      i.value === p("viewer.drawio.disabled", "Drawio (diagrams.net) yapılandırılmamış.") && (i.value = null, n.value = "loading"), k();
+      i.value === y("viewer.drawio.disabled", "diagrams.net is not configured for this filex instance.") && (i.value = null, n.value = "loading"), k();
     }
     E(() => {
-      window.addEventListener("message", w), y();
-    }), S(() => e.drawioUrl, y), B(() => {
+      window.addEventListener("message", w), h();
+    }), S(() => e.drawioUrl, h), B(() => {
       window.removeEventListener("message", w);
     });
-    function p(a, t) {
+    function y(a, t) {
       return e.t ? e.t(a) : t;
     }
-    return (a, t) => (d(), u("div", T, [
-      i.value ? (d(), u("div", $, [
+    return (a, t) => (u(), d("div", T, [
+      i.value ? (u(), d("div", $, [
         t[0] || (t[0] = g("span", { class: "filex-viewer-fallback__icon" }, "📐", -1)),
         g("p", null, O(i.value), 1)
-      ])) : (d(), u("iframe", {
+      ])) : (u(), d("iframe", {
         key: 1,
         ref_key: "iframeRef",
         ref: c,
         src: _.value,
         class: "filex-viewer-drawio__frame",
         title: "diagrams.net editor"
-      }, null, 8, D))
+      }, null, 8, N))
     ]));
   }
 });
 export {
-  R as default
+  j as default
 };
-//# sourceMappingURL=DrawioViewer-DCvWnX2t.js.map
+//# sourceMappingURL=DrawioViewer-BNALOB04.js.map

package/dist/DrawioViewer-BNALOB04.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawioViewer-BNALOB04.js","sources":["../src/viewers/DrawioViewer.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * DrawioViewer — embed diagrams.net via iframe + postMessage handshake.\n *\n * The diagrams.net embed mode (`?embed=1&proto=json`) handshakes via\n * window.postMessage:\n *\n *   1. iframe sends {event:'init'}                   ← bootstrap\n *   2. parent sends {action:'load', xml}             ← our payload\n *   3. iframe sends {event:'save', xml} on save      ← we POST back\n *\n * No external library required — diagrams.net hosts the entire editor\n * inside the iframe. We just fetch the source XML on mount and route\n * `save` events back to the configured `pdfSaveUrl`-style endpoint\n * (drawio uses the same shape: POST `{path, content}` body).\n */\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue';\nimport { fetchViewerText } from '../composables/useViewerFetch';\n\nconst props = defineProps<{\n  url: string;\n  filePath: string;\n  ext: string;\n  drawioUrl?: string;\n  /** Optional save endpoint. When unset the iframe stays read-only. */\n  saveUrl?: string;\n  readOnly?: boolean;\n  t?: (key: string) => string;\n  authHeaders?: () => Record<string, string> | Promise<Record<string, string>>;\n  authCredentials?: RequestCredentials;\n}>();\n\nconst iframeRef = ref<HTMLIFrameElement | null>(null);\nconst error = ref<string | null>(null);\nconst status = ref<'loading' | 'ready' | 'saving' | 'saved' | 'error'>('loading');\nconst readOnly = ref(!!props.readOnly || !props.saveUrl);\n\n// drawioUrl=null is the operator's \"off\" signal — FileExplorer wipes it\n// when the capabilities probe reports drawio offline. Don't silently fall\n// back to the public embed.diagrams.net iframe, that defeats the point of\n// gating: render a \"not configured\" pane instead so the user understands\n// why the editor isn't loading.\n//\n// `drawioBase` MUST be a computed (not a const), otherwise a stale null\n// at mount time (capabilities probe still inflight) gets cached for the\n// component's lifetime — leading to the spurious\n// \"viewer.drawio.disabled\" fallback after the capability flips to \"ok\".\nconst drawioBase = computed<string | null>(() =>\n  props.drawioUrl ? props.drawioUrl.replace(/\\/$/, '') : null,\n);\nconst iframeSrc = computed<string>(() => {\n  if (!drawioBase.value) return '';\n  const params = new URLSearchParams({\n    embed: '1',\n    proto: 'json',\n    spin: '1',\n    saveAndExit: '0',\n    noSaveBtn: readOnly.value ? '1' : '0',\n    noExitBtn: '1',\n    ui: 'kennedy',\n    modified: 'unsavedChanges',\n  });\n  return `${drawioBase.value}/?${params.toString()}`;\n});\n\nlet pendingXml: string = '';\n\nasync function loadXml(): Promise<void> {\n  status.value = 'loading';\n  error.value = null;\n  try {\n    pendingXml = await fetchViewerText({\n      url: props.url,\n      headers: (await props.authHeaders?.()) ?? {},\n      credentials: props.authCredentials,\n    });\n  } catch (err) {\n    error.value = err instanceof Error ? err.message : 'fetch failed';\n    status.value = 'error';\n  }\n}\n\nfunction send(msg: unknown): void {\n  iframeRef.value?.contentWindow?.postMessage(JSON.stringify(msg), '*');\n}\n\nasync function persist(xml: string): Promise<void> {\n  if (!props.saveUrl) return;\n  status.value = 'saving';\n  try {\n    const headers: Record<string, string> = {\n      'Content-Type': 'application/json',\n      ...((await props.authHeaders?.()) ?? {}),\n    };\n    const res = await fetch(props.saveUrl, {\n      method: 'POST',\n      headers,\n      credentials: props.authCredentials || 'same-origin',\n      body: JSON.stringify({ path: props.filePath, content: xml }),\n    });\n    if (!res.ok) {\n      throw new Error(`${res.status} ${res.statusText}`);\n    }\n    status.value = 'saved';\n    setTimeout(() => {\n      if (status.value === 'saved') status.value = 'ready';\n    }, 2500);\n  } catch (err) {\n    error.value = err instanceof Error ? err.message : 'save failed';\n    status.value = 'error';\n  }\n}\n\nfunction onMessage(ev: MessageEvent): void {\n  if (typeof ev.data !== 'string' || ev.data.length === 0) return;\n  // Drawio messages always start with '{' or '<'. Ignore anything else\n  // (devtools / unrelated postMessage senders inside the same window).\n  const first = ev.data[0];\n  if (first !== '{' && first !== '<') return;\n  let payload: any;\n  try {\n    payload = JSON.parse(ev.data);\n  } catch {\n    return;\n  }\n  if (!payload || typeof payload !== 'object') return;\n  switch (payload.event) {\n    case 'init':\n      send({\n        action: 'load',\n        xml: pendingXml,\n        autosave: 0,\n      });\n      status.value = 'ready';\n      break;\n    case 'save':\n      if (typeof payload.xml === 'string') {\n        persist(payload.xml);\n      }\n      break;\n    case 'export':\n      // Could persist a PNG/SVG render; out of V1 scope.\n      break;\n    case 'autosave':\n      if (typeof payload.xml === 'string' && !readOnly.value) {\n        persist(payload.xml);\n      }\n      break;\n    default:\n      break;\n  }\n}\n\nfunction bootIfReady(): void {\n  if (!drawioBase.value) {\n    error.value = tt('viewer.drawio.disabled', 'diagrams.net is not configured for this filex instance.');\n    status.value = 'error';\n    return;\n  }\n  // Clear a previous \"disabled\" error in case the prop just became\n  // available (capability probe finished after mount).\n  if (error.value === tt('viewer.drawio.disabled', 'diagrams.net is not configured for this filex instance.')) {\n    error.value = null;\n    status.value = 'loading';\n  }\n  loadXml();\n}\n\nonMounted(() => {\n  window.addEventListener('message', onMessage);\n  bootIfReady();\n});\n\nwatch(() => props.drawioUrl, bootIfReady);\n\nonBeforeUnmount(() => {\n  window.removeEventListener('message', onMessage);\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-drawio\">\n    <div v-if=\"error\" class=\"filex-viewer-fallback\">\n      <span class=\"filex-viewer-fallback__icon\">📐</span>\n      <p>{{ error }}</p>\n    </div>\n    <iframe\n      v-else\n      ref=\"iframeRef\"\n      :src=\"iframeSrc\"\n      class=\"filex-viewer-drawio__frame\"\n      title=\"diagrams.net editor\"\n    />\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-drawio {\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-drawio__bar {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 6px 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-drawio__status[data-state=\"error\"] { color: var(--fe-danger, #dc2626); }\n.filex-viewer-drawio__status[data-state=\"saved\"] { color: #059669; }\n.filex-viewer-drawio__readonly {\n  font-style: italic;\n  margin-left: auto;\n}\n.filex-viewer-drawio__frame {\n  flex: 1;\n  width: 100%;\n  border: 0;\n  background: #fafafa;\n  min-height: 0;\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","iframeRef","ref","error","status","readOnly","drawioBase","computed","iframeSrc","params","pendingXml","loadXml","fetchViewerText","_a","err","send","msg","_b","persist","xml","headers","res","onMessage","ev","first","payload","bootIfReady","tt","onMounted","watch","onBeforeUnmount","key","fallback","_openBlock","_createElementBlock","_hoisted_1","_hoisted_2","_cache","_createElementVNode"],"mappings":"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"}