@brftech/filex-core 0.39.1 → 0.41.0

package/README.md

@@ -51,7 +51,6 @@ const config = {
   sideNav: true,          // the navigation panel (default on)
   connections: true,      // its "How to connect" + "API keys" entries
   uiProfile: 'standard',  // 'simple' — one pane, list/grid, no tabs
-                          // 'drive'  — that, plus the Drive-shaped shell
 };
 </script>
 
@@ -106,10 +105,14 @@ instead of drawing an empty key cap. See
 
 ### Navigation panel
 
-The explorer ships a left navigation panel — a prominent **Upload**, the views
-**Recent · Starred · Shared with me · Trash**, 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 and that choice is
+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
+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
+it, so it is still reachable once the panel is a rail — and that choice is
 remembered per browser. Under 560px it becomes a drawer over the listing instead
 of a column.
 
@@ -118,7 +121,7 @@ const config = {
   apiBase: 'https://files.example.com',
   auth: { kind: 'bearer', token },
   sideNav: true,          // default; `rootPath` flips it off
-  uiProfile: 'simple',    // 'standard' (default) | 'simple' | 'drive'
+  uiProfile: 'simple',    // 'standard' (default) | 'simple'
 };
 ```
 
@@ -144,31 +147,35 @@ connect", Upload, the storages and Trash stay. See
 
 `uiProfile: 'simple'` is a preset, not a feature switch — nothing is removed
 from the build. It turns off the tab strip and the split pane, reduces the view
-switcher to list + grid, and starts the navigation panel expanded, for the
-people who want a file drive rather than a file manager.
-
-`uiProfile: 'drive'` is `simple` plus the shell those people already know:
-
-- one primary **+ New** menu in the panel (upload files · new folder · request
-  files) instead of the Upload / New folder pair,
+switcher to list + grid, and defaults the panel's "How to connect" / "API keys"
+entries off, for the people who want a file drive rather than a file manager.
+It does not gate the navigation panel: that ships in every profile, and only
+the viewer's own collapse choice moves it.
+
+There are **two profiles and no third**. ⚠ Anything else that reaches
+`uiProfile` — a typo, or the `'drive'` profile that was **removed** after
+v0.40.0 — resolves to `'standard'` and logs one console line naming it. **If
+you were passing `'drive'`, pass `'simple'`.** It was only ever `simple` plus a
+look, and the look below is now what *every* embed draws, with no string
+passed:
+
+- one primary **+ New** menu in the panel (upload files · new folder · new
+  document · request files) instead of the Upload / New folder pair,
 - one **search field across the header** with a ⌘K / Ctrl+K chip that hands the
   query to the command palette — the field searches the folder you are in, the
   palette is where "everywhere", saved searches and commands live,
-- a **filter row** under the breadcrumb: Type · Modified · Size,
-- **Folders** and **Files** as labelled sections in grid view,
+- a **filter row** under the breadcrumb: Type · People · Modified · Size,
+- **Folders** and **Files** as labelled sections in grid view — replaced by
+  **date headings** (Today · Yesterday · This Week · This Month · *September
+  2026*) in all three views while the listing is sorted by Modified,
 - the details panel split into **Details** and **Activity**, with "People with
   access" and a share-link row,
 - a **storage line** under the navigation (`GET /api/files/quota/me`).
 
-Nothing is removed here either: density, theme, the shortcut editor, the tour
-and the other view modes all live in the header's "⋯" menu, and the view
-switcher and details toggle move to the breadcrumb row rather than disappearing.
-
-⚠ There is deliberately **no People filter** and no Owner column, though the
-mockups this profile came from draw both: a listing row carries no owner
-(`nodes.owner_id` is quota bookkeeping, serialized by nothing) and the listing
-endpoint reads no owner parameter. A chip that opens, offers names and changes
-nothing is worse than no chip.
+The **People** chip and the **Owner** column are real now: migration `00038`
+put the owner on the node itself, so a listing row carries one, the chip offers
+only the people who actually own something in the rows on screen, and quota is
+counted against the owner rather than whoever last touched the file.
 
 ### Connections
 
@@ -187,7 +194,7 @@ import {
   NFSExportsPanel,
   TokensPanel,               // FTPS / WebDAV / filex mount sign in with a token
   ConnectionGuideView,
-  buildGuide, guideProtocols, guideName,
+  buildGuide, guideProtocols,
   useS3Keys, useSSHKeys, useNFSExports, useTokens,
   type ProtocolGuide, type ApiToken,
 } from '@brftech/filex-core';

package/dist/ArchiveViewer-BNqukFg8.js

@@ -0,0 +1,124 @@
+import { defineComponent as b, ref as v, onMounted as g, watch as L, computed as h, openBlock as s, createElementBlock as o, createElementVNode as i, toDisplayString as r, unref as H, Fragment as M, renderList as z, createTextVNode as C } from "vue";
+import { f as x, a as S } from "./index-BraG7Cz4.js";
+const $ = { class: "filex-viewer-archive" }, B = {
+  key: 0,
+  class: "filex-viewer-fallback"
+}, F = ["innerHTML"], P = {
+  key: 1,
+  class: "filex-viewer-fallback"
+}, E = ["innerHTML"], N = {
+  key: 2,
+  class: "filex-viewer-fallback"
+}, I = ["innerHTML"], O = {
+  key: 3,
+  class: "filex-viewer-archive__pane"
+}, V = { class: "filex-viewer-archive__summary" }, j = { class: "filex-viewer-archive__table" }, A = { class: "filex-viewer-archive__size" }, U = ["data-dir"], D = ["innerHTML"], G = { class: "filex-viewer-archive__size" }, q = /* @__PURE__ */ b({
+  __name: "ArchiveViewer",
+  props: {
+    url: {},
+    filePath: {},
+    ext: {},
+    t: { type: Function },
+    authHeaders: { type: Function },
+    authCredentials: {},
+    archiveListUrl: {}
+  },
+  setup(m) {
+    const t = m, c = v([]), d = v(!0), u = v(null);
+    function l(e, a, n) {
+      return t.t ? t.t(e, n) : a;
+    }
+    function _(e) {
+      return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : e < 1024 * 1024 * 1024 ? `${(e / (1024 * 1024)).toFixed(1)} MB` : `${(e / (1024 * 1024 * 1024)).toFixed(2)} GB`;
+    }
+    async function f() {
+      if (d.value = !0, u.value = null, c.value = [], !t.filePath) {
+        u.value = l("viewer.archive.error", "Could not read archive contents."), d.value = !1;
+        return;
+      }
+      try {
+        const e = await fetch(t.archiveListUrl || "/api/files/archive/list", {
+          method: "POST",
+          credentials: t.authCredentials || "same-origin",
+          headers: {
+            "Content-Type": "application/json",
+            ...t.authHeaders ? await t.authHeaders() : {}
+          },
+          body: JSON.stringify({ path: t.filePath })
+        });
+        if (!e.ok)
+          throw new Error(`${e.status} ${e.statusText}`);
+        const a = await e.json();
+        c.value = a.entries ?? [];
+      } catch (e) {
+        u.value = e instanceof Error ? e.message : l("viewer.archive.error", "Could not read archive contents.");
+      } finally {
+        d.value = !1;
+      }
+    }
+    g(f), L(() => t.filePath, f);
+    const y = h(() => c.value.reduce((e, a) => e + (a.size || 0), 0)), p = h(() => c.value.filter((e) => !e.is_dir).length), w = h(() => x({ type: "file", extension: t.ext }));
+    function k(e) {
+      const a = e.name || "", n = a.lastIndexOf(".");
+      return x({
+        type: e.is_dir ? "dir" : "file",
+        extension: n > 0 ? a.slice(n + 1) : "",
+        basename: a
+      });
+    }
+    return (e, a) => (s(), o("div", $, [
+      u.value ? (s(), o("div", B, [
+        i("span", {
+          class: "filex-viewer-fallback__icon",
+          "aria-hidden": "true",
+          innerHTML: w.value
+        }, null, 8, F),
+        i("p", null, r(u.value), 1)
+      ])) : d.value ? (s(), o("div", P, [
+        i("span", {
+          class: "filex-viewer-fallback__icon filex-viewer-fallback__icon--spin",
+          "aria-hidden": "true",
+          innerHTML: H(S)("progress")
+        }, null, 8, E),
+        i("p", null, r(l("viewer.loading", "Loading…")), 1)
+      ])) : c.value.length === 0 ? (s(), o("div", N, [
+        i("span", {
+          class: "filex-viewer-fallback__icon",
+          "aria-hidden": "true",
+          innerHTML: w.value
+        }, null, 8, I),
+        i("p", null, r(l("viewer.archive.empty", "Archive is empty.")), 1)
+      ])) : (s(), o("div", O, [
+        i("div", V, r(l("viewer.archive.entries", `${p.value} files`, { n: p.value })) + " · " + r(_(y.value)), 1),
+        i("table", j, [
+          i("thead", null, [
+            i("tr", null, [
+              i("th", null, r(l("viewer.name", "Name")), 1),
+              i("th", A, r(l("viewer.size", "Size")), 1)
+            ])
+          ]),
+          i("tbody", null, [
+            (s(!0), o(M, null, z(c.value, (n, T) => (s(), o("tr", {
+              key: T,
+              "data-dir": n.is_dir ? "1" : "0"
+            }, [
+              i("td", null, [
+                i("span", {
+                  class: "filex-viewer-archive__icon",
+                  "aria-hidden": "true",
+                  innerHTML: k(n)
+                }, null, 8, D),
+                C(" " + r(n.name), 1)
+              ]),
+              i("td", G, r(n.is_dir ? "" : _(n.size)), 1)
+            ], 8, U))), 128))
+          ])
+        ])
+      ]))
+    ]));
+  }
+});
+export {
+  q as default
+};
+//# sourceMappingURL=ArchiveViewer-BNqukFg8.js.map

package/dist/ArchiveViewer-BNqukFg8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArchiveViewer-BNqukFg8.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 */\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  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\nfunction fmtSize(n: number): string {\n  if (n < 1024) return `${n} B`;\n  if (n < 1024 * 1024) return `${(n / 1024).toFixed(1)} KB`;\n  if (n < 1024 * 1024 * 1024) return `${(n / (1024 * 1024)).toFixed(1)} MB`;\n  return `${(n / (1024 * 1024 * 1024)).toFixed(2)} GB`;\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      throw new Error(`${res.status} ${res.statusText}`);\n    }\n    const body = (await res.json()) as { entries?: ArchiveEntry[] };\n    entries.value = body.entries ?? [];\n  } catch (err) {\n    error.value = err instanceof Error ? err.message : tt('viewer.archive.error', 'Could not read archive contents.');\n  } finally {\n    loading.value = false;\n  }\n}\n\nonMounted(load);\nwatch(() => props.filePath, load);\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      <table class=\"filex-viewer-archive__table\">\n        <thead>\n          <tr>\n            <th>{{ tt('viewer.name', 'Name') }}</th>\n            <th class=\"filex-viewer-archive__size\">{{ tt('viewer.size', 'Size') }}</th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr v-for=\"(e, i) in entries\" :key=\"i\" :data-dir=\"e.is_dir ? '1' : '0'\">\n            <td>\n              <!-- ikon:emoji — the same tile the listing draws for the same\n                   kind of file, so an archive's contents and the folder it\n                   came from 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(e)\"></span>\n              {{ e.name }}\n            </td>\n            <td class=\"filex-viewer-archive__size\">{{ e.is_dir ? '' : fmtSize(e.size) }}</td>\n          </tr>\n        </tbody>\n      </table>\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.filex-viewer-archive__table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 13px;\n  font-family: var(--fe-font-mono, monospace);\n}\n.filex-viewer-archive__table th,\n.filex-viewer-archive__table td {\n  padding: 6px 12px;\n  border-bottom: 1px solid var(--fe-border, #e2e6ed);\n  text-align: left;\n}\n.filex-viewer-archive__table th {\n  background: var(--fe-bg-elev, #f7f8fa);\n  font-weight: 600;\n  position: sticky;\n  top: 0;\n}\n.filex-viewer-archive__size {\n  text-align: right;\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-right: 6px;\n}\n.filex-viewer-archive__table tr[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","fmtSize","n","load","res","body","err","onMounted","watch","totalSize","computed","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","_hoisted_10","_hoisted_11","_Fragment","_renderList","i","_hoisted_14"],"mappings":"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"}

package/dist/CsvViewer-ii_-MgmG.js

@@ -0,0 +1,141 @@
+import { defineComponent as B, ref as v, onMounted as N, watch as b, computed as f, openBlock as s, createElementBlock as r, createElementVNode as n, toDisplayString as d, unref as W, Fragment as k, renderList as L, createCommentVNode as j } from "vue";
+import { f as q, a as A } from "./index-BraG7Cz4.js";
+import { f as G } from "./useViewerFetch-czqbd2Lj.js";
+const O = { class: "filex-viewer-csv" }, Z = { class: "filex-viewer-csv__pane" }, z = {
+  key: 0,
+  class: "filex-viewer-fallback"
+}, J = ["innerHTML"], K = {
+  key: 1,
+  class: "filex-viewer-fallback"
+}, Q = ["innerHTML"], U = {
+  key: 2,
+  class: "filex-viewer-csv__table"
+}, X = { class: "filex-viewer-csv__rownum" }, Y = {
+  key: 0,
+  class: "filex-viewer-csv__pager"
+}, ee = ["disabled"], te = { class: "filex-viewer-csv__pageno" }, le = ["disabled"], C = 100, D = 1e3, re = /* @__PURE__ */ B({
+  __name: "CsvViewer",
+  props: {
+    url: {},
+    ext: {},
+    t: { type: Function },
+    authHeaders: { type: Function },
+    authCredentials: {}
+  },
+  setup(P) {
+    const i = P, o = v([]), _ = v(null), h = v(!0), T = v(!0), M = v(""), u = v(1), m = v(","), w = v("auto");
+    let H = 0;
+    function R(l) {
+      const e = l.split(/\r?\n/).slice(0, 5).join(`
+`), t = (e.match(/\t/g) || []).length, a = (e.match(/;/g) || []).length, c = (e.match(/,/g) || []).length;
+      return t > c && t > a ? "	" : a > c && a > t ? ";" : ",";
+    }
+    async function V(l, e) {
+      try {
+        const t = await import(
+          /* @vite-ignore */
+          "./papaparse.min-VB1HBwYX.js"
+        ).then((y) => y.p);
+        return (t.default ?? t).parse(l, {
+          delimiter: e,
+          skipEmptyLines: !0,
+          header: !1
+        }).data.slice(0, D);
+      } catch {
+        return l.split(/\r?\n/).filter((t) => t.length > 0).slice(0, D).map((t) => t.split(e));
+      }
+    }
+    async function g() {
+      var a;
+      h.value = !0, _.value = null, o.value = [], u.value = 1;
+      const l = ++H;
+      let e;
+      try {
+        e = await G({
+          url: i.url,
+          headers: await ((a = i.authHeaders) == null ? void 0 : a.call(i)) ?? {},
+          credentials: i.authCredentials
+        });
+      } catch (c) {
+        _.value = c instanceof Error ? c.message : "fetch failed", h.value = !1;
+        return;
+      }
+      if (l !== H) return;
+      i.ext === "tsv" ? m.value = "	" : m.value = R(e.slice(0, 4096));
+      const t = w.value === "auto" ? m.value : w.value;
+      o.value = await V(e, t), h.value = !1;
+    }
+    N(g), b(() => i.url, g), b(() => w.value, () => {
+      o.value.length !== 0 && g();
+    });
+    const $ = f(() => !T.value || o.value.length === 0 ? o.value.length === 0 ? [] : o.value[0].map((l, e) => `Col ${e + 1}`) : o.value[0]), E = f(() => T.value ? o.value.slice(1) : o.value), p = f(() => {
+      const l = M.value.trim().toLowerCase();
+      return l ? E.value.filter(
+        (e) => e.some((t) => (t || "").toLowerCase().includes(l))
+      ) : E.value;
+    }), x = f(
+      () => Math.max(1, Math.ceil(p.value.length / C))
+    ), F = f(() => {
+      const l = (u.value - 1) * C;
+      return p.value.slice(l, l + C);
+    });
+    b(M, () => {
+      u.value = 1;
+    });
+    function I(l, e, t) {
+      return i.t ? i.t(l, t) : e;
+    }
+    const S = f(() => q({ type: "file", extension: i.ext }));
+    return (l, e) => (s(), r("div", O, [
+      n("div", Z, [
+        _.value ? (s(), r("div", z, [
+          n("span", {
+            class: "filex-viewer-fallback__icon",
+            "aria-hidden": "true",
+            innerHTML: S.value
+          }, null, 8, J),
+          n("p", null, d(_.value), 1)
+        ])) : h.value ? (s(), r("div", K, [
+          n("span", {
+            class: "filex-viewer-fallback__icon filex-viewer-fallback__icon--spin",
+            "aria-hidden": "true",
+            innerHTML: W(A)("progress")
+          }, null, 8, Q),
+          n("p", null, d(I("viewer.loading", "Loading…")), 1)
+        ])) : (s(), r("table", U, [
+          n("thead", null, [
+            n("tr", null, [
+              e[2] || (e[2] = n("th", { class: "filex-viewer-csv__rownum" }, "#", -1)),
+              (s(!0), r(k, null, L($.value, (t, a) => (s(), r("th", { key: a }, d(t), 1))), 128))
+            ])
+          ]),
+          n("tbody", null, [
+            (s(!0), r(k, null, L(F.value, (t, a) => (s(), r("tr", { key: a }, [
+              n("td", X, d((u.value - 1) * 100 + a + 1), 1),
+              (s(!0), r(k, null, L(t, (c, y) => (s(), r("td", { key: y }, d(c), 1))), 128))
+            ]))), 128))
+          ])
+        ]))
+      ]),
+      !h.value && !_.value && x.value > 1 ? (s(), r("div", Y, [
+        n("button", {
+          type: "button",
+          class: "filex-viewer-btn",
+          disabled: u.value <= 1,
+          onClick: e[0] || (e[0] = (t) => u.value--)
+        }, "‹", 8, ee),
+        n("span", te, d(u.value) + " / " + d(x.value) + " (" + d(I("viewer.csv_rows", `${p.value.length} rows`, { n: p.value.length })) + ")", 1),
+        n("button", {
+          type: "button",
+          class: "filex-viewer-btn",
+          disabled: u.value >= x.value,
+          onClick: e[1] || (e[1] = (t) => u.value++)
+        }, "›", 8, le)
+      ])) : j("", !0)
+    ]));
+  }
+});
+export {
+  re as default
+};
+//# sourceMappingURL=CsvViewer-ii_-MgmG.js.map

package/dist/CsvViewer-ii_-MgmG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CsvViewer-ii_-MgmG.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 { actionIconSvg } from '../lib/actionIcons'; /* ikon:emoji */\nimport { fileIconTile } from '../lib/fileIcons'; /* ikon:emoji */\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\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      <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","typeTile","fileIconTile","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_hoisted_5","_unref","actionIconSvg","_hoisted_7","_cache","_Fragment","_renderList","h","row","ri","_hoisted_8","_toDisplayString","ci","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12"],"mappings":"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"}

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

@@ -1,9 +1,10 @@
-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" }, $ = {
+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-BraG7Cz4.js";
+import { f as H } from "./useViewerFetch-czqbd2Lj.js";
+const L = { class: "filex-viewer-drawio" }, M = {
   key: 0,
   class: "filex-viewer-fallback"
-}, N = ["src"], j = /* @__PURE__ */ U({
+}, $ = ["innerHTML"], N = ["src"], J = /* @__PURE__ */ E({
   __name: "DrawioViewer",
   props: {
     url: {},
@@ -17,51 +18,51 @@ 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 = p(
+    const e = x, f = s(null), i = s(null), n = s("loading"), v = s(!!e.readOnly || !e.saveUrl), o = u(
       () => e.drawioUrl ? e.drawioUrl.replace(/\/$/, "") : null
-    ), _ = p(() => {
+    ), _ = u(() => {
       if (!o.value) return "";
       const a = new URLSearchParams({
         embed: "1",
         proto: "json",
         spin: "1",
         saveAndExit: "0",
-        noSaveBtn: f.value ? "1" : "0",
+        noSaveBtn: v.value ? "1" : "0",
         noExitBtn: "1",
         ui: "kennedy",
         modified: "unsavedChanges"
       });
       return `${o.value}/?${a.toString()}`;
     });
-    let v = "";
+    let m = "";
     async function k() {
       var a;
       n.value = "loading", i.value = null;
       try {
-        v = await C({
+        m = await H({
           url: e.url,
           headers: await ((a = e.authHeaders) == null ? void 0 : a.call(e)) ?? {},
           credentials: e.authCredentials
         });
-      } catch (t) {
-        i.value = t instanceof Error ? t.message : "fetch failed", n.value = "error";
+      } catch (r) {
+        i.value = r instanceof Error ? r.message : "fetch failed", n.value = "error";
       }
     }
     function b(a) {
-      var t, r;
-      (r = (t = c.value) == null ? void 0 : t.contentWindow) == null || r.postMessage(JSON.stringify(a), "*");
+      var r, t;
+      (t = (r = f.value) == null ? void 0 : r.contentWindow) == null || t.postMessage(JSON.stringify(a), "*");
     }
-    async function m(a) {
-      var t;
+    async function h(a) {
+      var r;
       if (e.saveUrl) {
         n.value = "saving";
         try {
-          const r = {
+          const t = {
             "Content-Type": "application/json",
-            ...await ((t = e.authHeaders) == null ? void 0 : t.call(e)) ?? {}
+            ...await ((r = e.authHeaders) == null ? void 0 : r.call(e)) ?? {}
           }, l = await fetch(e.saveUrl, {
             method: "POST",
-            headers: r,
+            headers: t,
             credentials: e.authCredentials || "same-origin",
             body: JSON.stringify({ path: e.filePath, content: a })
           });
@@ -70,63 +71,68 @@ const T = { class: "filex-viewer-drawio" }, $ = {
           n.value = "saved", setTimeout(() => {
             n.value === "saved" && (n.value = "ready");
           }, 2500);
-        } catch (r) {
-          i.value = r instanceof Error ? r.message : "save failed", n.value = "error";
+        } catch (t) {
+          i.value = t instanceof Error ? t.message : "save failed", n.value = "error";
         }
       }
     }
     function w(a) {
       if (typeof a.data != "string" || a.data.length === 0) return;
-      const t = a.data[0];
-      if (t !== "{" && t !== "<") return;
-      let r;
+      const r = a.data[0];
+      if (r !== "{" && r !== "<") return;
+      let t;
       try {
-        r = JSON.parse(a.data);
+        t = JSON.parse(a.data);
       } catch {
         return;
       }
-      if (!(!r || typeof r != "object"))
-        switch (r.event) {
+      if (!(!t || typeof t != "object"))
+        switch (t.event) {
           case "init":
             b({
               action: "load",
-              xml: v,
+              xml: m,
               autosave: 0
             }), n.value = "ready";
             break;
           case "save":
-            typeof r.xml == "string" && m(r.xml);
+            typeof t.xml == "string" && h(t.xml);
             break;
           case "export":
             break;
           case "autosave":
-            typeof r.xml == "string" && !f.value && m(r.xml);
+            typeof t.xml == "string" && !v.value && h(t.xml);
             break;
         }
     }
-    function h() {
+    function p() {
       if (!o.value) {
         i.value = y("viewer.drawio.disabled", "diagrams.net is not configured for this filex instance."), 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();
     }
-    E(() => {
-      window.addEventListener("message", w), h();
-    }), S(() => e.drawioUrl, h), B(() => {
+    S(() => {
+      window.addEventListener("message", w), p();
+    }), T(() => e.drawioUrl, p), B(() => {
       window.removeEventListener("message", w);
     });
-    function y(a, t) {
-      return e.t ? e.t(a) : t;
+    function y(a, r) {
+      return e.t ? e.t(a) : r;
     }
-    return (a, t) => (u(), d("div", T, [
-      i.value ? (u(), d("div", $, [
-        t[0] || (t[0] = g("span", { class: "filex-viewer-fallback__icon" }, "📐", -1)),
+    const U = u(() => C({ type: "file", extension: e.ext }));
+    return (a, r) => (c(), d("div", L, [
+      i.value ? (c(), d("div", M, [
+        g("span", {
+          class: "filex-viewer-fallback__icon",
+          "aria-hidden": "true",
+          innerHTML: U.value
+        }, null, 8, $),
         g("p", null, O(i.value), 1)
-      ])) : (u(), d("iframe", {
+      ])) : (c(), d("iframe", {
         key: 1,
         ref_key: "iframeRef",
-        ref: c,
+        ref: f,
         src: _.value,
         class: "filex-viewer-drawio__frame",
         title: "diagrams.net editor"
@@ -135,6 +141,6 @@ const T = { class: "filex-viewer-drawio" }, $ = {
   }
 });
 export {
-  j as default
+  J as default
 };
-//# sourceMappingURL=DrawioViewer-BNALOB04.js.map
+//# sourceMappingURL=DrawioViewer-B2tuu4rX.js.map