@brftech/filex-core 0.42.2 → 0.43.0

package/README.md

@@ -115,8 +115,10 @@ means draw a moving indicator, not 0%.
 
 The explorer ships a left navigation panel — the primary **+ New** menu
 (upload files · new folder · new document · request files), the destinations
-**Home · Shared with me · Recent · Starred · Trash** (plus **My files** when
-the caller reaches at most one storage), the tags in use, and the storages the
+**Home · Shared with me · My shares · Recent · Starred · Trash** (plus **My
+files** when the caller reaches at most one storage), your tags in two groups
+(**Personal** and **Team**), an **Apps** section with one row per installed
+app's own page, and the storages the
 caller can see (a storage reached through a grant is marked *Shared*). It is on
 by default on every surface; the viewer collapses it to an icon rail from the
 control at the far left of the **top bar** — above the panel rather than inside
@@ -130,9 +132,19 @@ const config = {
   auth: { kind: 'bearer', token },
   sideNav: true,          // default; `rootPath` flips it off
   uiProfile: 'simple',    // 'standard' (default) | 'simple'
+  mySharesVisible: true,  // draw the "My shares" row — only if you handle @open-my-shares
+  appHomePage: true,      // an app's home view opens as YOUR page — handle @open-app-home
 };
 ```
 
+⚠ `mySharesVisible` and `appHomePage` are **off by default**, and not because
+the surfaces are optional: each needs the host to take an event and open a
+page of its own — `@open-my-shares` for the links this person made, and
+`@open-app-home` for an app's `home` view (`{base}app/{plugin}/{view}`, with
+the open section in `?section=`). Only this Vue component emits them; the web
+component and the React adapter do not forward them yet, so switching the keys
+on there would draw a row that goes nowhere.
+
 The panel's last section is how **How to connect** (the per-protocol guides,
 built from your deployment) and **API keys** (mint and revoke the tokens
 WebDAV, FTPS and `filex mount` sign in with) become reachable from inside the

package/dist/ArchiveViewer-BqU761Wk.js

@@ -0,0 +1,149 @@
+import { defineComponent as z, ref as h, onMounted as H, watch as C, computed as d, openBlock as c, createElementBlock as u, createElementVNode as n, toDisplayString as l, unref as M, createVNode as S, withCtx as E } from "vue";
+import { u as P, f as x, a as N, _ as V } from "./index-DuWnGuv5.js";
+const j = { class: "filex-viewer-archive" }, A = {
+  key: 0,
+  class: "filex-viewer-fallback"
+}, D = ["innerHTML"], I = {
+  key: 1,
+  class: "filex-viewer-fallback"
+}, O = ["innerHTML"], B = {
+  key: 2,
+  class: "filex-viewer-fallback"
+}, F = ["innerHTML"], U = {
+  key: 3,
+  class: "filex-viewer-archive__pane"
+}, $ = { class: "filex-viewer-archive__summary" }, J = ["innerHTML"], q = { class: "fe-list__cell-text" }, Q = /* @__PURE__ */ z({
+  __name: "ArchiveViewer",
+  props: {
+    url: {},
+    filePath: {},
+    ext: {},
+    t: { type: Function },
+    locale: {},
+    authHeaders: { type: Function },
+    authCredentials: {},
+    archiveListUrl: {}
+  },
+  setup(y) {
+    const a = y, s = h([]), v = h(!0), o = h(null);
+    function r(e, t, i) {
+      return a.t ? a.t(e, i) : t;
+    }
+    const { formatSize: g } = P(() => a.locale ?? "en");
+    function f(e) {
+      return g(e);
+    }
+    async function _() {
+      if (v.value = !0, o.value = null, s.value = [], !a.filePath) {
+        o.value = r("viewer.archive.error", "Could not read archive contents."), v.value = !1;
+        return;
+      }
+      try {
+        const e = await fetch(a.archiveListUrl || "/api/files/archive/list", {
+          method: "POST",
+          credentials: a.authCredentials || "same-origin",
+          headers: {
+            "Content-Type": "application/json",
+            ...a.authHeaders ? await a.authHeaders() : {}
+          },
+          body: JSON.stringify({ path: a.filePath })
+        });
+        if (!e.ok)
+          throw new w(await k(e));
+        const t = await e.json();
+        s.value = t.entries ?? [];
+      } catch (e) {
+        o.value = e instanceof w ? e.message : r("viewer.archive.error", "Could not read archive contents.");
+      } finally {
+        v.value = !1;
+      }
+    }
+    class w extends Error {
+    }
+    async function k(e) {
+      let t = "";
+      try {
+        const i = await e.json();
+        t = String((i == null ? void 0 : i.code) ?? (i == null ? void 0 : i.error) ?? "");
+      } catch {
+      }
+      return /not a zip|unsupported|not supported|format/i.test(t) ? r("viewer.archive.unsupported", "This kind of archive cannot be listed here. Download it to see what is inside.") : e.status === 413 || /too large|too big/i.test(t) ? r("viewer.archive.too_large", "This archive is too large to list here. Download it to see what is inside.") : r("viewer.archive.error", "Could not read archive contents.");
+    }
+    H(_), C(() => a.filePath, _);
+    const T = d(() => [
+      {
+        id: "name",
+        label: r("viewer.name", "Name"),
+        sortable: !0,
+        width: 360,
+        class: "filex-viewer-archive__name",
+        title: (e) => e.name
+      },
+      {
+        id: "size",
+        label: r("viewer.size", "Size"),
+        sortable: !0,
+        width: 110,
+        align: "right",
+        class: "filex-viewer-archive__size",
+        format: (e) => e.is_dir ? "" : f(e.size),
+        sortValue: (e) => e.is_dir ? -1 : e.size
+      }
+    ]), b = d(() => s.value.reduce((e, t) => e + (t.size || 0), 0)), p = d(() => s.value.filter((e) => !e.is_dir).length), m = d(() => x({ type: "file", extension: a.ext }));
+    function L(e) {
+      const t = e.name || "", i = t.lastIndexOf(".");
+      return x({
+        type: e.is_dir ? "dir" : "file",
+        extension: i > 0 ? t.slice(i + 1) : "",
+        basename: t
+      });
+    }
+    return (e, t) => (c(), u("div", j, [
+      o.value ? (c(), u("div", A, [
+        n("span", {
+          class: "filex-viewer-fallback__icon",
+          "aria-hidden": "true",
+          innerHTML: m.value
+        }, null, 8, D),
+        n("p", null, l(o.value), 1)
+      ])) : v.value ? (c(), u("div", I, [
+        n("span", {
+          class: "filex-viewer-fallback__icon filex-viewer-fallback__icon--spin",
+          "aria-hidden": "true",
+          innerHTML: M(N)("progress")
+        }, null, 8, O),
+        n("p", null, l(r("viewer.loading", "Loading…")), 1)
+      ])) : s.value.length === 0 ? (c(), u("div", B, [
+        n("span", {
+          class: "filex-viewer-fallback__icon",
+          "aria-hidden": "true",
+          innerHTML: m.value
+        }, null, 8, F),
+        n("p", null, l(r("viewer.archive.empty", "Archive is empty.")), 1)
+      ])) : (c(), u("div", U, [
+        n("div", $, l(r("viewer.archive.entries", `${p.value} files`, { n: p.value })) + " · " + l(f(b.value)), 1),
+        S(V, {
+          "table-id": "viewer.archive",
+          columns: T.value,
+          rows: s.value,
+          "row-key": (i) => i.name,
+          "row-attrs": (i) => ({ "data-dir": i.is_dir ? "1" : "0" })
+        }, {
+          "cell-name": E(({ row: i }) => [
+            n("span", {
+              class: "filex-viewer-archive__icon",
+              "aria-hidden": "true",
+              innerHTML: L(i)
+            }, null, 8, J),
+            n("span", q, l(i.name), 1)
+          ]),
+          _: 1
+        }, 8, ["columns", "rows", "row-key", "row-attrs"])
+      ]))
+    ]));
+  }
+});
+export {
+  Q as default
+};
+//# sourceMappingURL=ArchiveViewer-BqU761Wk.js.map

package/dist/ArchiveViewer-BqU761Wk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArchiveViewer-BqU761Wk.js","sources":["../src/viewers/ArchiveViewer.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * ArchiveViewer — minimal zip / archive contents preview.\n *\n * Hits the configured archive-list endpoint (`archiveListUrl`, default\n * `POST /api/files/archive/list`) with the adapter-qualified path\n * and renders the member list as a flat table (name, size, mtime).\n * Read-only — extraction is exposed elsewhere (context menu / actions\n * panel). The viewer's job is just \"what's inside?\" so the user can\n * decide whether to extract or download.\n */\nimport { computed, onMounted, ref, watch } from 'vue';\nimport { actionIconSvg } from '../lib/actionIcons'; /* ikon:emoji */\nimport { fileIconTile } from '../lib/fileIcons'; /* ikon:emoji */\nimport DataTable, { type DataColumn } from '../components/DataTable.vue';\nimport { useLocale } from '../composables/useLocale';\n\ninterface ArchiveEntry {\n  name: string;\n  size: number;\n  mtime?: string;\n  is_dir?: boolean;\n}\n\nconst props = defineProps<{\n  url: string;\n  filePath?: string;\n  ext: string;\n  t?: (key: string, vars?: Record<string, string | number>) => string;\n  /** The interface language — the size column is written the way it writes\n   *  numbers (\"1,96 KB\"), like every other size in the product. */\n  locale?: string;\n  authHeaders?: () => Record<string, string> | Promise<Record<string, string>>;\n  authCredentials?: RequestCredentials;\n  /** ⚠ Where to ask. This used to be the literal '/api/files/archive/list',\n   *  which is the ONE thing an embed cannot assume: with `apiBase` pointing at\n   *  another origin the request went to the host page instead and 404'd, while\n   *  every other call in the package honoured the configured base. The default\n   *  keeps a same-origin install working unchanged. */\n  archiveListUrl?: string;\n}>();\n\nconst entries = ref<ArchiveEntry[]>([]);\nconst loading = ref(true);\nconst error = ref<string | null>(null);\n\n/** ⚠ `vars` go THROUGH `t()`, not into a `.replace()` afterwards: `t()` is what\n *  picks the singular (`viewer.archive.entries_one`) from the count, and it can\n *  only do that if it is told the count. Same shape CsvViewer's helper has. */\nfunction tt(key: string, fallback: string, vars?: Record<string, string | number>): string {\n  return props.t ? props.t(key, vars) : fallback;\n}\n\n/* ⚠ The product's one byte formatter (useLocale.formatSize). This file had\n   its own — base 1024, a dot, English units — so a zip's member read\n   \"1.9 KB\" beside the explorer's \"1,96 KB\" for the same bytes (QA,\n   2026-09-21). */\nconst { formatSize } = useLocale(() => props.locale ?? 'en');\nfunction fmtSize(n: number): string {\n  return formatSize(n);\n}\n\nasync function load(): Promise<void> {\n  loading.value = true;\n  error.value = null;\n  entries.value = [];\n  // The viewer is mounted with the resolved file path. Hit the API\n  // endpoint with the same adapter-qualified path the preview URL\n  // points at — the backend resolves storage + relative path itself.\n  if (!props.filePath) {\n    error.value = tt('viewer.archive.error', 'Could not read archive contents.');\n    loading.value = false;\n    return;\n  }\n  try {\n    const res = await fetch(props.archiveListUrl || '/api/files/archive/list', {\n      method: 'POST',\n      credentials: props.authCredentials || 'same-origin',\n      headers: {\n        'Content-Type': 'application/json',\n        ...(props.authHeaders ? await props.authHeaders() : {}),\n      },\n      body: JSON.stringify({ path: props.filePath }),\n    });\n    if (!res.ok) {\n      /* ⚠ Never the raw status. This printed \"503 Service Unavailable\" (or a\n       * JSON body) straight into the preview — the same failure the owner\n       * reported for ONLYOFFICE (\"Config fetch 503: {…}\"): a person is shown\n       * the HTTP layer instead of what happened. The server's reason, when it\n       * sent one we know, becomes a sentence; anything else is the generic\n       * \"could not read the archive\". */\n      throw new ArchiveError(await archiveErrorText(res));\n    }\n    const body = (await res.json()) as { entries?: ArchiveEntry[] };\n    entries.value = body.entries ?? [];\n  } catch (err) {\n    error.value =\n      err instanceof ArchiveError ? err.message : tt('viewer.archive.error', 'Could not read archive contents.');\n  } finally {\n    loading.value = false;\n  }\n}\n\n/** A failure already worded for a person. Anything else that throws (the\n *  network, a JSON parse) reads as the generic sentence. */\nclass ArchiveError extends Error {}\n\nasync function archiveErrorText(res: Response): Promise<string> {\n  let code = '';\n  try {\n    const body = (await res.json()) as { error?: unknown; code?: unknown };\n    code = String(body?.code ?? body?.error ?? '');\n  } catch {\n    /* not JSON — the generic sentence below */\n  }\n  if (/not a zip|unsupported|not supported|format/i.test(code)) {\n    return tt('viewer.archive.unsupported', 'This kind of archive cannot be listed here. Download it to see what is inside.');\n  }\n  if (res.status === 413 || /too large|too big/i.test(code)) {\n    return tt('viewer.archive.too_large', 'This archive is too large to list here. Download it to see what is inside.');\n  }\n  return tt('viewer.archive.error', 'Could not read archive contents.');\n}\n\nonMounted(load);\nwatch(() => props.filePath, load);\n\n/**\n * The entries, in THE table (DataTable — the explorer's own). ⚠ It used to be\n * the one table in the package allowed to be its own, with the reasoning that\n * a file's contents answer to the viewer's layout. The owner's rule since\n * 2026-09-21 has no such exception — \"bir yere tablo gerekiyorsa bu tabloyu\n * koymak zorundayız\" — and an archive's listing is a file listing: it wants\n * to be sorted by size and have its Name column widened exactly the way the\n * folder it came from does.\n */\nconst columns = computed<DataColumn<ArchiveEntry>[]>(() => [\n  {\n    id: 'name',\n    label: tt('viewer.name', 'Name'),\n    sortable: true,\n    width: 360,\n    class: 'filex-viewer-archive__name',\n    title: (e) => e.name,\n  },\n  {\n    id: 'size',\n    label: tt('viewer.size', 'Size'),\n    sortable: true,\n    width: 110,\n    align: 'right',\n    class: 'filex-viewer-archive__size',\n    format: (e) => (e.is_dir ? '' : fmtSize(e.size)),\n    sortValue: (e) => (e.is_dir ? -1 : e.size),\n  },\n]);\n\nconst totalSize = computed(() => entries.value.reduce((sum, e) => sum + (e.size || 0), 0));\nconst fileCount = computed(() => entries.value.filter((e) => !e.is_dir).length);\n\n/* === ikon:emoji — the fallback screen's mark ==========================\n * Every viewer opened its \"cannot show this\" / \"still loading\" screen with a\n * 48px colour emoji, one per format, each from whatever emoji font the OS\n * shipped. The format mark is `lib/fileIcons`'s tile — the SAME tile the row\n * the person just clicked is wearing, so the fallback is recognisably about\n * that file — and \"loading\" is the stroked ring, spun by CSS, because no\n * still picture can say \"still going\". */\nconst typeTile = computed(() => fileIconTile({ type: 'file', extension: props.ext }));\n\n/** A row inside the archive, drawn the way the listing draws the same kind. */\nfunction entryTile(e: ArchiveEntry): string {\n  const name = e.name || '';\n  const dot = name.lastIndexOf('.');\n  return fileIconTile({\n    type: e.is_dir ? 'dir' : 'file',\n    extension: dot > 0 ? name.slice(dot + 1) : '',\n    basename: name,\n  });\n}\n</script>\n\n<template>\n  <div class=\"filex-viewer-archive\">\n    <div v-if=\"error\" class=\"filex-viewer-fallback\">\n      <!-- eslint-disable-next-line vue/no-v-html -- static markup from lib/fileIcons + lib/actionIcons -->\n      <span class=\"filex-viewer-fallback__icon\" aria-hidden=\"true\" v-html=\"typeTile\"></span>\n      <p>{{ error }}</p>\n    </div>\n    <div v-else-if=\"loading\" class=\"filex-viewer-fallback\">\n      <!-- eslint-disable-next-line vue/no-v-html -- static markup from lib/fileIcons + lib/actionIcons -->\n      <span\n        class=\"filex-viewer-fallback__icon filex-viewer-fallback__icon--spin\"\n        aria-hidden=\"true\"\n        v-html=\"actionIconSvg('progress')\"\n      ></span>\n      <p>{{ tt('viewer.loading', 'Loading…') }}</p>\n    </div>\n    <div v-else-if=\"entries.length === 0\" class=\"filex-viewer-fallback\">\n      <!-- eslint-disable-next-line vue/no-v-html -- static markup from lib/fileIcons + lib/actionIcons -->\n      <span class=\"filex-viewer-fallback__icon\" aria-hidden=\"true\" v-html=\"typeTile\"></span>\n      <p>{{ tt('viewer.archive.empty', 'Archive is empty.') }}</p>\n    </div>\n    <div v-else class=\"filex-viewer-archive__pane\">\n      <div class=\"filex-viewer-archive__summary\">\n        <!-- ⚠ The count is IN the message (\"{n} files\"). A `{{ fileCount }}`\n             printed in front of it read \"3 3 files\". -->\n        {{ tt('viewer.archive.entries', `${fileCount} files`, { n: fileCount }) }}\n        · {{ fmtSize(totalSize) }}\n      </div>\n      <DataTable\n        table-id=\"viewer.archive\"\n        :columns=\"columns\"\n        :rows=\"entries\"\n        :row-key=\"(e: ArchiveEntry) => e.name\"\n        :row-attrs=\"(e: ArchiveEntry) => ({ 'data-dir': e.is_dir ? '1' : '0' })\"\n      >\n        <template #cell-name=\"{ row }\">\n          <!-- ikon:emoji — the same tile the listing draws for the same kind\n               of file, so an archive's contents and the folder it came from\n               read as one product. -->\n          <!-- eslint-disable-next-line vue/no-v-html -- static markup from lib/fileIcons -->\n          <span class=\"filex-viewer-archive__icon\" aria-hidden=\"true\" v-html=\"entryTile(row)\"></span>\n          <span class=\"fe-list__cell-text\">{{ row.name }}</span>\n        </template>\n      </DataTable>\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-archive {\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-archive__pane {\n  flex: 1;\n  overflow: auto;\n  padding: 16px 20px;\n}\n.filex-viewer-archive__summary {\n  font-size: 12px;\n  color: var(--fe-text-muted, #5a6475);\n  margin-bottom: 12px;\n  font-variant-numeric: tabular-nums;\n}\n/* The table itself is DataTable's (styles/base.css); only the viewer's own\n   touches stay here — tabular figures and muted sizes, a folder row read as\n   quieter than a file. */\n.filex-viewer-archive__size {\n  text-align: end;\n  font-variant-numeric: tabular-nums;\n  white-space: nowrap;\n  color: var(--fe-text-muted, #5a6475);\n}\n.filex-viewer-archive__icon {\n  margin-inline-end: 6px;\n}\n.filex-viewer-archive .fe-list__row[data-dir=\"1\"] {\n  color: var(--fe-text-muted, #5a6475);\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","entries","ref","loading","error","tt","key","fallback","vars","formatSize","useLocale","fmtSize","n","load","res","ArchiveError","archiveErrorText","body","err","code","onMounted","watch","columns","computed","totalSize","sum","e","fileCount","typeTile","fileIconTile","entryTile","name","dot","_openBlock","_createElementBlock","_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_4","_unref","actionIconSvg","_hoisted_6","_hoisted_8","_hoisted_9","_toDisplayString","_createVNode","DataTable","_withCtx","row","_hoisted_11"],"mappings":"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"}

package/dist/CsvViewer-ByHVK5ga.js

@@ -0,0 +1,172 @@
+import { defineComponent as q, ref as i, onMounted as A, watch as C, computed as c, openBlock as m, createElementBlock as w, createElementVNode as o, toDisplayString as _, unref as G, createBlock as Z, createTextVNode as z, createCommentVNode as J } from "vue";
+import { f as K, a as Q, _ as U, b as X, s as Y } from "./index-DuWnGuv5.js";
+const ee = { class: "filex-viewer-csv" }, te = { class: "filex-viewer-csv__pane" }, ne = {
+  key: 0,
+  class: "filex-viewer-fallback"
+}, le = ["innerHTML"], ae = {
+  key: 1,
+  class: "filex-viewer-fallback"
+}, se = ["innerHTML"], re = {
+  key: 0,
+  class: "filex-viewer-csv__pager"
+}, ie = ["disabled"], oe = { class: "filex-viewer-csv__pageno" }, ue = { dir: "ltr" }, ce = ["disabled"], T = 100, I = 1e3, fe = /* @__PURE__ */ q({
+  __name: "CsvViewer",
+  props: {
+    url: {},
+    ext: {},
+    t: { type: Function },
+    authHeaders: { type: Function },
+    authCredentials: {}
+  },
+  setup(S) {
+    const a = S, r = i([]), d = i(null), f = i(!0), L = i(!0), M = i(""), u = i(1), b = i(","), g = i("auto");
+    let N = 0;
+    function V(t) {
+      const e = t.split(/\r?\n/).slice(0, 5).join(`
+`), n = (e.match(/\t/g) || []).length, l = (e.match(/;/g) || []).length, s = (e.match(/,/g) || []).length;
+      return n > s && n > l ? "	" : l > s && l > n ? ";" : ",";
+    }
+    async function D(t, e) {
+      try {
+        const n = await import(
+          /* @vite-ignore */
+          "./papaparse.min-VB1HBwYX.js"
+        ).then((v) => v.p);
+        return (n.default ?? n).parse(t, {
+          delimiter: e,
+          skipEmptyLines: !0,
+          header: !1
+        }).data.slice(0, I);
+      } catch {
+        return t.split(/\r?\n/).filter((n) => n.length > 0).slice(0, I).map((n) => n.split(e));
+      }
+    }
+    async function y() {
+      var l;
+      f.value = !0, d.value = null, r.value = [], u.value = 1;
+      const t = ++N;
+      let e;
+      try {
+        e = await X({
+          url: a.url,
+          headers: await ((l = a.authHeaders) == null ? void 0 : l.call(a)) ?? {},
+          credentials: a.authCredentials
+        });
+      } catch (s) {
+        d.value = Y(s, k("viewer.failed_to_load", "Failed to load file"), { t: a.t }).text, f.value = !1;
+        return;
+      }
+      if (t !== N) return;
+      a.ext === "tsv" ? b.value = "	" : b.value = V(e.slice(0, 4096));
+      const n = g.value === "auto" ? b.value : g.value;
+      r.value = await D(e, n), f.value = !1;
+    }
+    A(y), C(() => a.url, y), C(() => g.value, () => {
+      r.value.length !== 0 && y();
+    });
+    const P = c(() => !L.value || r.value.length === 0 ? r.value.length === 0 ? [] : r.value[0].map((t, e) => `Col ${e + 1}`) : r.value[0]), R = c(() => L.value ? r.value.slice(1) : r.value), p = c(() => {
+      const t = M.value.trim().toLowerCase(), e = R.value.map((n, l) => ({ n: l + 1, cells: n }));
+      return t ? e.filter((n) => n.cells.some((l) => (l || "").toLowerCase().includes(t))) : e;
+    }), h = i(null);
+    function H(t, e) {
+      return e === "n" ? String(t.n) : t.cells[Number(e.slice(1))] ?? "";
+    }
+    const F = c(() => {
+      const t = h.value;
+      if (!t) return p.value;
+      const e = t.dir === "asc" ? 1 : -1;
+      return [...p.value].sort((n, l) => {
+        if (t.key === "n") return e * (n.n - l.n);
+        const s = H(n, t.key), v = H(l, t.key);
+        if (!s != !v) return s ? -1 : 1;
+        const $ = Number(s), E = Number(v);
+        return s && v && Number.isFinite($) && Number.isFinite(E) ? e * ($ - E) || n.n - l.n : e * s.localeCompare(v, void 0, { numeric: !0, sensitivity: "base" }) || n.n - l.n;
+      });
+    });
+    function B(t) {
+      h.value = t;
+    }
+    const x = c(
+      () => Math.max(1, Math.ceil(F.value.length / T))
+    ), O = c(() => {
+      const t = (u.value - 1) * T;
+      return F.value.slice(t, t + T);
+    });
+    C([M, h], () => {
+      u.value = 1;
+    });
+    const W = c(() => [
+      {
+        id: "n",
+        label: "#",
+        lead: !0,
+        width: 64,
+        min: 48,
+        align: "right",
+        sortable: !0,
+        class: "filex-viewer-csv__rownum",
+        format: (t) => t.n
+      },
+      ...P.value.map((t, e) => ({
+        id: `c${e}`,
+        label: t,
+        width: 140,
+        sortable: !0,
+        format: (n) => n.cells[e] ?? ""
+      }))
+    ]);
+    function k(t, e, n) {
+      return a.t ? a.t(t, n) : e;
+    }
+    const j = c(() => K({ type: "file", extension: a.ext }));
+    return (t, e) => (m(), w("div", ee, [
+      o("div", te, [
+        d.value ? (m(), w("div", ne, [
+          o("span", {
+            class: "filex-viewer-fallback__icon",
+            "aria-hidden": "true",
+            innerHTML: j.value
+          }, null, 8, le),
+          o("p", null, _(d.value), 1)
+        ])) : f.value ? (m(), w("div", ae, [
+          o("span", {
+            class: "filex-viewer-fallback__icon filex-viewer-fallback__icon--spin",
+            "aria-hidden": "true",
+            innerHTML: G(Q)("progress")
+          }, null, 8, se),
+          o("p", null, _(k("viewer.loading", "Loading…")), 1)
+        ])) : (m(), Z(U, {
+          key: 2,
+          "table-id": void 0,
+          columns: W.value,
+          rows: O.value,
+          "row-key": (n) => n.n,
+          sort: h.value,
+          onSort: B
+        }, null, 8, ["columns", "rows", "row-key", "sort"]))
+      ]),
+      !f.value && !d.value && x.value > 1 ? (m(), w("div", re, [
+        o("button", {
+          type: "button",
+          class: "filex-viewer-btn",
+          disabled: u.value <= 1,
+          onClick: e[0] || (e[0] = (n) => u.value--)
+        }, "‹", 8, ie),
+        o("span", oe, [
+          o("bdi", ue, _(u.value) + " / " + _(x.value), 1),
+          z(" (" + _(k("viewer.csv_rows", `${p.value.length} rows`, { n: p.value.length })) + ")", 1)
+        ]),
+        o("button", {
+          type: "button",
+          class: "filex-viewer-btn",
+          disabled: u.value >= x.value,
+          onClick: e[1] || (e[1] = (n) => u.value++)
+        }, "›", 8, ce)
+      ])) : J("", !0)
+    ]));
+  }
+});
+export {
+  fe as default
+};
+//# sourceMappingURL=CsvViewer-ByHVK5ga.js.map

package/dist/CsvViewer-ByHVK5ga.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CsvViewer-ByHVK5ga.js","sources":["../src/viewers/CsvViewer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { sayFailure } from '../lib/errorWords';\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 { actionIconSvg } from '../lib/actionIcons'; /* ikon:emoji */\nimport { fileIconTile } from '../lib/fileIcons'; /* ikon:emoji */\nimport { fetchViewerText } from '../composables/useViewerFetch';\nimport DataTable, { type DataColumn } from '../components/DataTable.vue';\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 = sayFailure(err, tt('viewer.failed_to_load', 'Failed to load file'), { t: props.t }).text;\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\n/** A parsed row with the line it came from, so `#` keeps naming the row in\n *  the FILE after a sort re-orders the screen. */\ninterface CsvRow {\n  n: number;\n  cells: string[];\n}\n\nconst filtered = computed<CsvRow[]>(() => {\n  const q = filter.value.trim().toLowerCase();\n  const all = dataRows.value.map((cells, i) => ({ n: i + 1, cells }));\n  if (!q) return all;\n  return all.filter((r) => r.cells.some((c) => (c || '').toLowerCase().includes(q)));\n});\n\n/**\n * THE SORT, done here and handed to the table as CONTROLLED.\n *\n * ⚠⚠ Here and not in the table, because the table only ever holds one page\n * (100 rows) of the parsed file, and a table that sorts the page it holds\n * would call a re-ordered 100 of 1000 \"sorted\" — so it rightly closes its\n * headers over a paged list. This component holds EVERY parsed row, so it can\n * sort all of them and then page, which is the honest order.\n */\nconst sort = ref<{ key: string; dir: 'asc' | 'desc' } | null>(null);\n\nfunction cellOf(r: CsvRow, key: string): string {\n  if (key === 'n') return String(r.n);\n  return r.cells[Number(key.slice(1))] ?? '';\n}\n\nconst sorted = computed<CsvRow[]>(() => {\n  const s = sort.value;\n  if (!s) return filtered.value;\n  const dir = s.dir === 'asc' ? 1 : -1;\n  return [...filtered.value].sort((a, b) => {\n    if (s.key === 'n') return dir * (a.n - b.n);\n    const x = cellOf(a, s.key);\n    const y = cellOf(b, s.key);\n    // Empty cells last in both directions; numbers as numbers.\n    if (!x !== !y) return x ? -1 : 1;\n    const nx = Number(x);\n    const ny = Number(y);\n    if (x && y && Number.isFinite(nx) && Number.isFinite(ny)) return dir * (nx - ny) || a.n - b.n;\n    return dir * x.localeCompare(y, undefined, { numeric: true, sensitivity: 'base' }) || a.n - b.n;\n  });\n});\n\nfunction onSort(next: { key: string; dir: 'asc' | 'desc' }) {\n  sort.value = next;\n}\n\nconst totalPages = computed(() =>\n  Math.max(1, Math.ceil(sorted.value.length / PAGE_SIZE)),\n);\n\nconst visibleRows = computed<CsvRow[]>(() => {\n  const start = (page.value - 1) * PAGE_SIZE;\n  return sorted.value.slice(start, start + PAGE_SIZE);\n});\n\nwatch([filter, sort], () => {\n  page.value = 1;\n});\n\n/** The file's columns, as THE table (DataTable — the explorer's own) draws\n *  them. `#` is the lead: it is what names a row of a spreadsheet. */\nconst columns = computed<DataColumn<CsvRow>[]>(() => [\n  {\n    id: 'n',\n    label: '#',\n    lead: true,\n    width: 64,\n    min: 48,\n    align: 'right',\n    sortable: true,\n    class: 'filex-viewer-csv__rownum',\n    format: (r) => r.n,\n  },\n  ...headers.value.map((h, i) => ({\n    id: `c${i}`,\n    label: h,\n    width: 140,\n    sortable: true,\n    format: (r: CsvRow) => r.cells[i] ?? '',\n  })),\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\n/* === ikon:emoji — the fallback screen's mark ==========================\n * Every viewer opened its \"cannot show this\" / \"still loading\" screen with a\n * 48px colour emoji, one per format, each from whatever emoji font the OS\n * shipped. The format mark is `lib/fileIcons`'s tile — the SAME tile the row\n * the person just clicked is wearing, so the fallback is recognisably about\n * that file — and \"loading\" is the stroked ring, spun by CSS, because no\n * still picture can say \"still going\". */\nconst typeTile = computed(() => fileIconTile({ type: 'file', extension: props.ext }));\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        <!-- eslint-disable-next-line vue/no-v-html -- static markup from lib/fileIcons + lib/actionIcons -->\n      <span class=\"filex-viewer-fallback__icon\" aria-hidden=\"true\" v-html=\"typeTile\"></span>\n        <p>{{ error }}</p>\n      </div>\n      <div v-else-if=\"loading\" class=\"filex-viewer-fallback\">\n        <!-- eslint-disable-next-line vue/no-v-html -- static markup from lib/fileIcons + lib/actionIcons -->\n      <span\n        class=\"filex-viewer-fallback__icon filex-viewer-fallback__icon--spin\"\n        aria-hidden=\"true\"\n        v-html=\"actionIconSvg('progress')\"\n      ></span>\n        <p>{{ tt('viewer.loading', 'Loading…') }}</p>\n      </div>\n      <!-- ⚠ No table id: a spreadsheet's columns are whatever THIS file has\n           (`c0`, `c1`, …), so widths remembered against them would land on a\n           different file's different columns next time. The arrangement\n           lives for this preview. -->\n      <DataTable\n        v-else\n        :table-id=\"undefined\"\n        :columns=\"columns\"\n        :rows=\"visibleRows\"\n        :row-key=\"(r: CsvRow) => r.n\"\n        :sort=\"sort\"\n        @sort=\"onSort\"\n      />\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\"><bdi dir=\"ltr\">{{ page }} / {{ totalPages }}</bdi> ({{ 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__pane .fe-list__cell {\n  font-family: var(--fe-font-mono, monospace);\n  font-size: 12px;\n}\n/* The table itself is DataTable's (styles/base.css) — the product's one table.\n   ⚠ The row number used to pin itself (`position: sticky; left: 0`) because\n   this was a table of its own; it is the table's LEAD now, and the table\n   freezes its lead itself, only while there is room to (a pin written here\n   would fight that gate). What stays is the look of a row number. */\n.filex-viewer-csv__rownum {\n  color: var(--fe-text-muted, #5a6475);\n  font-variant-numeric: tabular-nums;\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","sayFailure","tt","onMounted","watch","headers","computed","_","i","dataRows","filtered","q","all","cells","r","c","sort","cellOf","key","sorted","s","dir","a","b","x","y","nx","ny","onSort","next","totalPages","visibleRows","start","columns","h","fallback","vars","typeTile","fileIconTile","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_hoisted_5","_unref","actionIconSvg","_createBlock","DataTable","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_toDisplayString","_hoisted_11"],"mappings":";;;;;;;;;;;0GA8BMA,IAAY,KACZC,IAAY;;;;;;;;;;AATlB,UAAMC,IAAQC,GAWRC,IAAOC,EAAgB,EAAE,GACzBC,IAAQD,EAAmB,IAAI,GAC/BE,IAAUF,EAAI,EAAI,GAClBG,IAAiBH,EAAI,EAAI,GACzBI,IAASJ,EAAI,EAAE,GACfK,IAAOL,EAAI,CAAC,GACZM,IAAgBN,EAAsB,GAAG,GACzCO,IAAYP,EAA+B,MAAM;AAEvD,QAAIQ,IAAc;AAElB,aAASC,EAAgBC,GAAkC;AACzD,YAAMC,IAAcD,EAAO,MAAM,OAAO,EAAE,MAAM,GAAG,CAAC,EAAE,KAAK;AAAA,CAAI,GACzDE,KAAOD,EAAY,MAAM,KAAK,KAAK,CAAA,GAAI,QACvCE,KAAQF,EAAY,MAAM,IAAI,KAAK,CAAA,GAAI,QACvCG,KAASH,EAAY,MAAM,IAAI,KAAK,CAAA,GAAI;AAC9C,aAAIC,IAAME,KAASF,IAAMC,IAAa,MAClCA,IAAOC,KAASD,IAAOD,IAAY,MAChC;AAAA,IACT;AAEA,mBAAeG,EAAUC,GAAcC,GAAoC;AACzE,UAAI;AACF,cAAMC,IAAM,MAAM;AAAA;AAAA,UAA0B;AAAA,QAAA,EAAA,KAAA,CAAAC,MAAAA,EAAA,CAAA;AAO5C,gBANcD,EAAY,WAAWA,GACjB,MAAMF,GAAM;AAAA,UAC9B,WAAWC;AAAA,UACX,gBAAgB;AAAA,UAChB,QAAQ;AAAA,QAAA,CACT,EACc,KAAoB,MAAM,GAAGrB,CAAS;AAAA,MACvD,QAAQ;AAGN,eAAOoB,EACJ,MAAM,OAAO,EACb,OAAO,CAACI,MAAMA,EAAE,SAAS,CAAC,EAC1B,MAAM,GAAGxB,CAAS,EAClB,IAAI,CAACyB,MAASA,EAAK,MAAMJ,CAAK,CAAC;AAAA,MACpC;AAAA,IACF;AAEA,mBAAeK,IAAsB;;AACnC,MAAApB,EAAQ,QAAQ,IAChBD,EAAM,QAAQ,MACdF,EAAK,QAAQ,CAAA,GACbM,EAAK,QAAQ;AACb,YAAMkB,IAAU,EAAEf;AAElB,UAAIQ;AACJ,UAAI;AACF,QAAAA,IAAO,MAAMQ,EAAgB;AAAA,UAC3B,KAAK3B,EAAM;AAAA,UACX,SAAU,QAAM4B,IAAA5B,EAAM,gBAAN,gBAAA4B,EAAA,KAAA5B,OAA0B,CAAA;AAAA,UAC1C,aAAaA,EAAM;AAAA,QAAA,CACpB;AAAA,MACH,SAAS6B,GAAK;AACZ,QAAAzB,EAAM,QAAQ0B,EAAWD,GAAKE,EAAG,yBAAyB,qBAAqB,GAAG,EAAE,GAAG/B,EAAM,EAAA,CAAG,EAAE,MAClGK,EAAQ,QAAQ;AAChB;AAAA,MACF;AAEA,UAAIqB,MAAYf,EAAa;AAE7B,MAAIX,EAAM,QAAQ,QAChBS,EAAc,QAAQ,MAEtBA,EAAc,QAAQG,EAAgBO,EAAK,MAAM,GAAG,IAAI,CAAC;AAG3D,YAAMC,IAAQV,EAAU,UAAU,SAASD,EAAc,QAAQC,EAAU;AAC3E,MAAAR,EAAK,QAAQ,MAAMgB,EAAUC,GAAMC,CAAK,GACxCf,EAAQ,QAAQ;AAAA,IAClB;AAEA,IAAA2B,EAAUP,CAAI,GACdQ,EAAM,MAAMjC,EAAM,KAAKyB,CAAI,GAC3BQ,EAAM,MAAMvB,EAAU,OAAO,MAAM;AACjC,MAAIR,EAAK,MAAM,WAAW,KAG1BuB,EAAA;AAAA,IACF,CAAC;AAED,UAAMS,IAAUC,EAAmB,MAC7B,CAAC7B,EAAe,SAASJ,EAAK,MAAM,WAAW,IAC7CA,EAAK,MAAM,WAAW,IAAU,CAAA,IAC7BA,EAAK,MAAM,CAAC,EAAE,IAAI,CAACkC,GAAGC,MAAM,OAAOA,IAAI,CAAC,EAAE,IAE5CnC,EAAK,MAAM,CAAC,CACpB,GAEKoC,IAAWH,EAAqB,MAC7B7B,EAAe,QAAQJ,EAAK,MAAM,MAAM,CAAC,IAAIA,EAAK,KAC1D,GASKqC,IAAWJ,EAAmB,MAAM;AACxC,YAAMK,IAAIjC,EAAO,MAAM,KAAA,EAAO,YAAA,GACxBkC,IAAMH,EAAS,MAAM,IAAI,CAACI,GAAOL,OAAO,EAAE,GAAGA,IAAI,GAAG,OAAAK,EAAA,EAAQ;AAClE,aAAKF,IACEC,EAAI,OAAO,CAACE,MAAMA,EAAE,MAAM,KAAK,CAACC,OAAOA,KAAK,IAAI,YAAA,EAAc,SAASJ,CAAC,CAAC,CAAC,IADlEC;AAAA,IAEjB,CAAC,GAWKI,IAAO1C,EAAiD,IAAI;AAElE,aAAS2C,EAAOH,GAAWI,GAAqB;AAC9C,aAAIA,MAAQ,MAAY,OAAOJ,EAAE,CAAC,IAC3BA,EAAE,MAAM,OAAOI,EAAI,MAAM,CAAC,CAAC,CAAC,KAAK;AAAA,IAC1C;AAEA,UAAMC,IAASb,EAAmB,MAAM;AACtC,YAAMc,IAAIJ,EAAK;AACf,UAAI,CAACI,EAAG,QAAOV,EAAS;AACxB,YAAMW,IAAMD,EAAE,QAAQ,QAAQ,IAAI;AAClC,aAAO,CAAC,GAAGV,EAAS,KAAK,EAAE,KAAK,CAACY,GAAGC,MAAM;AACxC,YAAIH,EAAE,QAAQ,YAAYC,KAAOC,EAAE,IAAIC,EAAE;AACzC,cAAMC,IAAIP,EAAOK,GAAGF,EAAE,GAAG,GACnBK,IAAIR,EAAOM,GAAGH,EAAE,GAAG;AAEzB,YAAI,CAACI,KAAM,CAACC,EAAG,QAAOD,IAAI,KAAK;AAC/B,cAAME,IAAK,OAAOF,CAAC,GACbG,IAAK,OAAOF,CAAC;AACnB,eAAID,KAAKC,KAAK,OAAO,SAASC,CAAE,KAAK,OAAO,SAASC,CAAE,IAAUN,KAAOK,IAAKC,MAAOL,EAAE,IAAIC,EAAE,IACrFF,IAAMG,EAAE,cAAcC,GAAG,QAAW,EAAE,SAAS,IAAM,aAAa,OAAA,CAAQ,KAAKH,EAAE,IAAIC,EAAE;AAAA,MAChG,CAAC;AAAA,IACH,CAAC;AAED,aAASK,EAAOC,GAA4C;AAC1D,MAAAb,EAAK,QAAQa;AAAA,IACf;AAEA,UAAMC,IAAaxB;AAAA,MAAS,MAC1B,KAAK,IAAI,GAAG,KAAK,KAAKa,EAAO,MAAM,SAASlD,CAAS,CAAC;AAAA,IAAA,GAGlD8D,IAAczB,EAAmB,MAAM;AAC3C,YAAM0B,KAASrD,EAAK,QAAQ,KAAKV;AACjC,aAAOkD,EAAO,MAAM,MAAMa,GAAOA,IAAQ/D,CAAS;AAAA,IACpD,CAAC;AAED,IAAAmC,EAAM,CAAC1B,GAAQsC,CAAI,GAAG,MAAM;AAC1B,MAAArC,EAAK,QAAQ;AAAA,IACf,CAAC;AAID,UAAMsD,IAAU3B,EAA+B,MAAM;AAAA,MACnD;AAAA,QACE,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,QACP,KAAK;AAAA,QACL,OAAO;AAAA,QACP,UAAU;AAAA,QACV,OAAO;AAAA,QACP,QAAQ,CAACQ,MAAMA,EAAE;AAAA,MAAA;AAAA,MAEnB,GAAGT,EAAQ,MAAM,IAAI,CAAC6B,GAAG1B,OAAO;AAAA,QAC9B,IAAI,IAAIA,CAAC;AAAA,QACT,OAAO0B;AAAA,QACP,OAAO;AAAA,QACP,UAAU;AAAA,QACV,QAAQ,CAACpB,MAAcA,EAAE,MAAMN,CAAC,KAAK;AAAA,MAAA,EACrC;AAAA,IAAA,CACH;AAED,aAASN,EAAGgB,GAAaiB,GAAkBC,GAAgD;AACzF,aAAOjE,EAAM,IAAIA,EAAM,EAAE+C,GAAKkB,CAAI,IAAID;AAAA,IACxC;AASA,UAAME,IAAW/B,EAAS,MAAMgC,EAAa,EAAE,MAAM,QAAQ,WAAWnE,EAAM,IAAA,CAAK,CAAC;sBAIlFoE,EAAA,GAAAC,EA6CM,OA7CNC,IA6CM;AAAA,MA5CJC,EA4BM,OA5BNC,IA4BM;AAAA,QA3BOpE,EAAA,SAAXgE,EAAA,GAAAC,EAIM,OAJNI,IAIM;AAAA,UAFNF,EAAsF,QAAA;AAAA,YAAhF,OAAM;AAAA,YAA8B,eAAY;AAAA,YAAO,WAAQL,EAAA;AAAA,UAAA;UACnEK,EAAkB,aAAZnE,EAAA,KAAK,GAAA,CAAA;AAAA,QAAA,MAEGC,EAAA,SAAhB+D,KAAAC,EAQM,OARNK,IAQM;AAAA,UANNH,EAIQ,QAAA;AAAA,YAHN,OAAM;AAAA,YACN,eAAY;AAAA,YACZ,WAAQI,EAAAC,CAAA,EAAa,UAAA;AAAA,UAAA;UAErBL,EAA6C,aAAvCxC,EAAE,kBAAA,UAAA,CAAA,GAAA,CAAA;AAAA,QAAA,YAMV8C,EAQEC,GAAA;AAAA;UANC,YAAU;AAAA,UACV,SAAShB,EAAA;AAAA,UACT,MAAMF,EAAA;AAAA,UACN,WAAO,CAAGjB,MAAcA,EAAE;AAAA,UAC1B,MAAME,EAAA;AAAA,UACN,QAAAY;AAAA,QAAA;;OAGOpD,EAAA,SAAO,CAAKD,EAAA,SAASuD,EAAA,QAAU,KAA3CS,EAAA,GAAAC,EAcM,OAdNU,IAcM;AAAA,QAbJR,EAKW,UAAA;AAAA,UAJT,MAAK;AAAA,UACL,OAAM;AAAA,UACL,UAAU/D,EAAA,SAAI;AAAA,UACd,gCAAOA,EAAA;AAAA,QAAA,GACT,KAAC,GAAAwE,EAAA;AAAA,QACFT,EAAiL,QAAjLU,IAAiL;AAAA,UAA1IV,EAAkD,OAAlDW,IAAkDC,EAAhC3E,OAAI,IAAG,UAAMmD,EAAA,KAAU,GAAA,CAAA;AAAA,YAAS,OAAEwB,EAAGpD,EAAE,mBAAA,GAAuBQ,EAAA,MAAS,MAAM,SAAA,EAAA,GAAcA,EAAA,MAAS,QAAM,CAAA,IAAM,KAAC,CAAA;AAAA,QAAA;QAC1KgC,EAKW,UAAA;AAAA,UAJT,MAAK;AAAA,UACL,OAAM;AAAA,UACL,UAAU/D,EAAA,SAAQmD,EAAA;AAAA,UAClB,gCAAOnD,EAAA;AAAA,QAAA,GACT,KAAC,GAAA4E,EAAA;AAAA,MAAA;;;;"}

package/dist/{DrawioViewer-CC6rJXeP.js → DrawioViewer-Bgrj8-zG.js}

@@ -1,10 +1,9 @@
-import { defineComponent as E, ref as s, computed as u, onMounted as S, watch as T, onBeforeUnmount as B, openBlock as c, createElementBlock as d, createElementVNode as g, toDisplayString as O } from "vue";
-import { f as C } from "./index-BArI-B1M.js";
-import { f as H } from "./useViewerFetch-czqbd2Lj.js";
+import { defineComponent as U, ref as s, computed as c, onMounted as B, watch as C, onBeforeUnmount as E, openBlock as f, createElementBlock as v, createElementVNode as x, toDisplayString as O } from "vue";
+import { f as D, b as H } from "./index-DuWnGuv5.js";
 const L = { class: "filex-viewer-drawio" }, M = {
   key: 0,
   class: "filex-viewer-fallback"
-}, $ = ["innerHTML"], N = ["src"], J = /* @__PURE__ */ E({
+}, P = ["innerHTML"], N = ["src"], J = /* @__PURE__ */ U({
   __name: "DrawioViewer",
   props: {
     url: {},
@@ -15,24 +14,25 @@ const L = { class: "filex-viewer-drawio" }, M = {
     readOnly: { type: Boolean },
     t: { type: Function },
     authHeaders: { type: Function },
-    authCredentials: {}
+    authCredentials: {},
+    canConfigure: { type: Boolean }
   },
-  setup(x) {
-    const e = x, f = s(null), i = s(null), n = s("loading"), v = s(!!e.readOnly || !e.saveUrl), o = u(
+  setup(_) {
+    const e = _, w = s(null), i = s(null), n = s("loading"), h = s(!!e.readOnly || !e.saveUrl), d = c(
       () => e.drawioUrl ? e.drawioUrl.replace(/\/$/, "") : null
-    ), _ = u(() => {
-      if (!o.value) return "";
+    ), b = c(() => {
+      if (!d.value) return "";
       const a = new URLSearchParams({
         embed: "1",
         proto: "json",
         spin: "1",
         saveAndExit: "0",
-        noSaveBtn: v.value ? "1" : "0",
+        noSaveBtn: h.value ? "1" : "0",
         noExitBtn: "1",
         ui: "kennedy",
         modified: "unsavedChanges"
       });
-      return `${o.value}/?${a.toString()}`;
+      return `${d.value}/?${a.toString()}`;
     });
     let m = "";
     async function k() {
@@ -45,14 +45,14 @@ const L = { class: "filex-viewer-drawio" }, M = {
           credentials: e.authCredentials
         });
       } catch (r) {
-        i.value = r instanceof Error ? r.message : "fetch failed", n.value = "error";
+        console.warn("[filex] diagram could not be read", r), i.value = l("viewer.drawio.load_failed", "This diagram could not be read. Download it to open it elsewhere."), o = !1, n.value = "error";
       }
     }
-    function b(a) {
+    function T(a) {
       var r, t;
-      (t = (r = f.value) == null ? void 0 : r.contentWindow) == null || t.postMessage(JSON.stringify(a), "*");
+      (t = (r = w.value) == null ? void 0 : r.contentWindow) == null || t.postMessage(JSON.stringify(a), "*");
     }
-    async function h(a) {
+    async function p(a) {
       var r;
       if (e.saveUrl) {
         n.value = "saving";
@@ -60,23 +60,23 @@ const L = { class: "filex-viewer-drawio" }, M = {
           const t = {
             "Content-Type": "application/json",
             ...await ((r = e.authHeaders) == null ? void 0 : r.call(e)) ?? {}
-          }, l = await fetch(e.saveUrl, {
+          }, u = await fetch(e.saveUrl, {
             method: "POST",
             headers: t,
             credentials: e.authCredentials || "same-origin",
             body: JSON.stringify({ path: e.filePath, content: a })
           });
-          if (!l.ok)
-            throw new Error(`${l.status} ${l.statusText}`);
+          if (!u.ok)
+            throw console.warn("[filex] diagram save failed", u.status, u.statusText), new Error("save");
           n.value = "saved", setTimeout(() => {
             n.value === "saved" && (n.value = "ready");
           }, 2500);
         } catch (t) {
-          i.value = t instanceof Error ? t.message : "save failed", n.value = "error";
+          console.warn("[filex] diagram save failed", t), i.value = l("viewer.drawio.save_failed", "The diagram could not be saved. Your changes are still in the editor — try again."), o = !1, n.value = "error";
         }
       }
     }
-    function w(a) {
+    function y(a) {
       if (typeof a.data != "string" || a.data.length === 0) return;
       const r = a.data[0];
       if (r !== "{" && r !== "<") return;
@@ -89,53 +89,54 @@ const L = { class: "filex-viewer-drawio" }, M = {
       if (!(!t || typeof t != "object"))
         switch (t.event) {
           case "init":
-            b({
+            T({
               action: "load",
               xml: m,
               autosave: 0
             }), n.value = "ready";
             break;
           case "save":
-            typeof t.xml == "string" && h(t.xml);
+            typeof t.xml == "string" && p(t.xml);
             break;
           case "export":
             break;
           case "autosave":
-            typeof t.xml == "string" && !v.value && h(t.xml);
+            typeof t.xml == "string" && !h.value && p(t.xml);
             break;
         }
     }
-    function p() {
-      if (!o.value) {
-        i.value = y("viewer.drawio.disabled", "diagrams.net is not configured for this filex instance."), n.value = "error";
+    let o = !1;
+    function g() {
+      if (!d.value) {
+        i.value = e.canConfigure ? l("viewer.drawio.disabled_admin", "draw.io is not set up on this server. Set it up in the admin panel under External services.") : l("viewer.drawio.disabled", "Diagrams cannot be opened here: this server has no draw.io. Download the file to open it elsewhere."), o = !0, n.value = "error";
         return;
       }
-      i.value === y("viewer.drawio.disabled", "diagrams.net is not configured for this filex instance.") && (i.value = null, n.value = "loading"), k();
+      o && (o = !1, i.value = null, n.value = "loading"), k();
     }
-    S(() => {
-      window.addEventListener("message", w), p();
-    }), T(() => e.drawioUrl, p), B(() => {
-      window.removeEventListener("message", w);
+    B(() => {
+      window.addEventListener("message", y), g();
+    }), C(() => e.drawioUrl, g), E(() => {
+      window.removeEventListener("message", y);
     });
-    function y(a, r) {
+    function l(a, r) {
       return e.t ? e.t(a) : r;
     }
-    const U = u(() => C({ type: "file", extension: e.ext }));
-    return (a, r) => (c(), d("div", L, [
-      i.value ? (c(), d("div", M, [
-        g("span", {
+    const S = c(() => D({ type: "file", extension: e.ext }));
+    return (a, r) => (f(), v("div", L, [
+      i.value ? (f(), v("div", M, [
+        x("span", {
           class: "filex-viewer-fallback__icon",
           "aria-hidden": "true",
-          innerHTML: U.value
-        }, null, 8, $),
-        g("p", null, O(i.value), 1)
-      ])) : (c(), d("iframe", {
+          innerHTML: S.value
+        }, null, 8, P),
+        x("p", null, O(i.value), 1)
+      ])) : (f(), v("iframe", {
         key: 1,
         ref_key: "iframeRef",
-        ref: f,
-        src: _.value,
+        ref: w,
+        src: b.value,
         class: "filex-viewer-drawio__frame",
-        title: "diagrams.net editor"
+        title: "draw.io"
       }, null, 8, N))
     ]));
   }
@@ -143,4 +144,4 @@ const L = { class: "filex-viewer-drawio" }, M = {
 export {
   J as default
 };
-//# sourceMappingURL=DrawioViewer-CC6rJXeP.js.map
+//# sourceMappingURL=DrawioViewer-Bgrj8-zG.js.map