@floegence/floe-webapp-core 0.8.1 → 0.8.2

package/dist/components/file-browser/FileBrowserContext.d.ts

@@ -5,6 +5,8 @@ export interface FileBrowserProviderProps {
     files: FileItem[];
     initialPath?: string;
     initialViewMode?: ViewMode;
+    /** Label for the root/home directory in breadcrumb (default: 'Root') */
+    homeLabel?: string;
     onNavigate?: (path: string) => void;
     onSelect?: (items: FileItem[]) => void;
     onOpen?: (item: FileItem) => void;

package/dist/components/file-browser/types.d.ts

@@ -133,6 +133,7 @@ export interface FileBrowserContextValue {
     setCurrentPath: (path: string) => void;
     navigateUp: () => void;
     navigateTo: (item: FileItem) => void;
+    homeLabel: Accessor<string>;
     selectedItems: Accessor<Set<string>>;
     selectItem: (id: string, multi?: boolean) => void;
     clearSelection: () => void;

package/dist/index41.js

@@ -1,23 +1,23 @@
-import { createComponent as he } from "solid-js/web";
-import { createContext as me, createSignal as a, createMemo as N, useContext as we } from "solid-js";
+import { createComponent as me } from "solid-js/web";
+import { createContext as we, createSignal as a, createMemo as N, useContext as Pe } from "solid-js";
 import { deferNonBlocking as I } from "./index70.js";
-const V = me();
-function Q(r, p) {
-  if (!p) return [];
-  const x = r.toLowerCase(), w = p.toLowerCase(), h = [];
+const R = we();
+function Q(r, h) {
+  if (!h) return [];
+  const x = r.toLowerCase(), w = h.toLowerCase(), p = [];
   let g = 0;
   for (const S of w) {
     const m = x.indexOf(S, g);
     if (m === -1) return null;
-    h.push(m), g = m + 1;
+    p.push(m), g = m + 1;
   }
-  return h;
+  return p;
 }
-function Ce(r) {
-  const [p, x] = a(r.initialPath ?? "/"), [w, h] = a(/* @__PURE__ */ new Set()), [g, S] = a(r.initialViewMode ?? "list"), [m, j] = a({
+function ye(r) {
+  const [h, x] = a(r.initialPath ?? "/"), [w, p] = a(/* @__PURE__ */ new Set()), [g, S] = a(r.initialViewMode ?? "list"), [m, V] = a({
     field: "name",
     direction: "asc"
-  }), [M, O] = a(/* @__PURE__ */ new Set(["/"])), [R, D] = a(!1), [G, k] = a(null), [v, b] = a(""), [H, B] = a(!1), [z, P] = a([]);
+  }), [M, b] = a(/* @__PURE__ */ new Set(["/"])), [j, D] = a(!1), [G, O] = a(null), [v, k] = a(""), [H, B] = a(!1), J = () => r.homeLabel ?? "Root", [z, P] = a([]);
   let u = null, C = {
     top: 0,
     left: 0
@@ -25,12 +25,12 @@ function Ce(r) {
   const A = () => r.files, c = (e) => {
     const t = (e ?? "").trim();
     return t === "" ? "/" : t;
-  }, T = (e) => {
+  }, L = (e) => {
     const t = c(e);
     if (t === "/") return "/";
     const n = t.split("/").filter(Boolean);
     return n.pop(), n.length ? "/" + n.join("/") : "/";
-  }, J = (e, t) => {
+  }, K = (e, t) => {
     const n = z();
     if (n.length === 0) return e;
     let s = [...e];
@@ -46,13 +46,13 @@ function Ce(r) {
           const l = c(o.oldPath), i = s.findIndex((f) => c(f.path) === l);
           if (i !== -1) {
             const f = o.updates.path ?? s[i].path;
-            T(f) === d ? s[i] = {
+            L(f) === d ? s[i] = {
               ...s[i],
               ...o.updates
             } : s.splice(i, 1);
           } else {
             const f = o.updates.path;
-            f && T(f);
+            f && L(f);
           }
           break;
         }
@@ -62,17 +62,17 @@ function Ce(r) {
         }
       }
     return s;
-  }, K = N(() => {
+  }, W = N(() => {
     const e = /* @__PURE__ */ new Map(), t = (s) => {
       var d;
       for (const o of s)
         o.type === "folder" && (e.set(c(o.path), o.children ?? []), (d = o.children) != null && d.length && t(o.children));
     }, n = A();
     return e.set("/", n), t(n), e;
-  }), U = N(() => {
-    const e = c(p());
-    let t = K().get(e) ?? [];
-    t = J(t, e);
+  }), T = N(() => {
+    const e = c(h());
+    let t = W().get(e) ?? [];
+    t = K(t, e);
     const n = v().trim();
     n && (t = t.filter((o) => Q(o.name, n) !== null));
     const s = m();
@@ -100,69 +100,69 @@ function Ce(r) {
   }), y = (e) => {
     var s;
     const t = c(e);
-    x(t), h(/* @__PURE__ */ new Set()), b(""), B(!1);
+    x(t), p(/* @__PURE__ */ new Set()), k(""), B(!1);
     const n = r.onSelect;
     I(() => n == null ? void 0 : n([])), (s = r.onNavigate) == null || s.call(r, t);
-  }, W = () => {
-    const e = p();
+  }, X = () => {
+    const e = h();
     if (e === "/" || e === "") return;
     const t = e.split("/").filter(Boolean);
     t.pop(), y(t.length ? "/" + t.join("/") : "/");
-  }, E = (e) => {
-    e.type === "folder" && (y(e.path), O((t) => {
+  }, U = (e) => {
+    e.type === "folder" && (y(e.path), b((t) => {
       const n = new Set(t);
       return n.add(e.path), n;
     }));
-  }, X = (e, t = !1) => {
+  }, Y = (e, t = !1) => {
     const n = w(), s = t ? new Set(n) : /* @__PURE__ */ new Set();
-    t ? s.has(e) ? s.delete(e) : s.add(e) : (s.clear(), s.add(e)), h(s);
-    const d = U().filter((l) => s.has(l.id)), o = r.onSelect;
+    t ? s.has(e) ? s.delete(e) : s.add(e) : (s.clear(), s.add(e)), p(s);
+    const d = T().filter((l) => s.has(l.id)), o = r.onSelect;
     I(() => o == null ? void 0 : o(d));
-  }, Y = () => {
-    h(/* @__PURE__ */ new Set());
+  }, Z = () => {
+    p(/* @__PURE__ */ new Set());
     const e = r.onSelect;
     I(() => e == null ? void 0 : e([]));
-  }, Z = (e) => w().has(e), _ = (e) => {
-    O((t) => {
+  }, _ = (e) => w().has(e), $ = (e) => {
+    b((t) => {
       const n = new Set(t);
       return n.has(e) ? n.delete(e) : n.add(e), n;
     });
-  }, $ = (e) => M().has(e), ee = () => D((e) => !e), te = (e) => k(e), ne = () => k(null), oe = (e) => {
-    b(e);
-  }, se = (e) => {
+  }, ee = (e) => M().has(e), te = () => D((e) => !e), ne = (e) => O(e), oe = () => O(null), se = (e) => {
+    k(e);
+  }, re = (e) => {
     const t = v().trim();
     if (!t) return null;
     const n = Q(e, t);
     return n ? {
       matchedIndices: n
     } : null;
-  }, re = (e) => {
-    var t;
-    e.type === "folder" ? E(e) : (t = r.onOpen) == null || t.call(r, e);
   }, ie = (e) => {
+    var t;
+    e.type === "folder" ? U(e) : (t = r.onOpen) == null || t.call(r, e);
+  }, ce = (e) => {
     e.length !== 0 && P((t) => [...t, {
       type: "remove",
       paths: e
     }]);
-  }, ce = (e, t) => {
+  }, le = (e, t) => {
     P((n) => [...n, {
       type: "update",
       oldPath: e,
       updates: t
     }]);
-  }, le = (e, t) => {
+  }, ae = (e, t) => {
     P((n) => [...n, {
       type: "insert",
       parentPath: e,
       item: t
     }]);
-  }, ae = () => {
-    P([]);
   }, de = () => {
     P([]);
-  }, fe = () => z().length > 0, ue = (e) => {
+  }, fe = () => {
+    P([]);
+  }, ue = () => z().length > 0, he = (e) => {
     u = e;
-  }, L = () => u ? {
+  }, E = () => u ? {
     top: u.scrollTop,
     left: u.scrollLeft
   } : {
@@ -171,66 +171,67 @@ function Ce(r) {
   }, q = (e) => {
     u && (u.scrollTop = e.top, u.scrollLeft = e.left);
   }, pe = {
-    currentPath: p,
+    currentPath: h,
     setCurrentPath: y,
-    navigateUp: W,
-    navigateTo: E,
+    navigateUp: X,
+    navigateTo: U,
+    homeLabel: J,
     selectedItems: () => w(),
-    selectItem: X,
-    clearSelection: Y,
-    isSelected: Z,
+    selectItem: Y,
+    clearSelection: Z,
+    isSelected: _,
     viewMode: g,
     setViewMode: S,
     sortConfig: m,
-    setSortConfig: j,
+    setSortConfig: V,
     expandedFolders: M,
-    toggleFolder: _,
-    isExpanded: $,
+    toggleFolder: $,
+    isExpanded: ee,
     files: A,
-    currentFiles: U,
+    currentFiles: T,
     filterQuery: v,
-    setFilterQuery: oe,
+    setFilterQuery: se,
     isFilterActive: H,
     setFilterActive: B,
-    getFilterMatch: se,
-    sidebarCollapsed: R,
-    toggleSidebar: ee,
+    getFilterMatch: re,
+    sidebarCollapsed: j,
+    toggleSidebar: te,
     contextMenu: G,
-    showContextMenu: te,
-    hideContextMenu: ne,
-    openItem: re,
+    showContextMenu: ne,
+    hideContextMenu: oe,
+    openItem: ie,
     // Optimistic updates
-    optimisticRemove: ie,
-    optimisticUpdate: ce,
-    optimisticInsert: le,
-    clearOptimisticUpdates: ae,
-    rollbackOptimisticUpdates: de,
-    hasOptimisticUpdates: fe,
+    optimisticRemove: ce,
+    optimisticUpdate: le,
+    optimisticInsert: ae,
+    clearOptimisticUpdates: de,
+    rollbackOptimisticUpdates: fe,
+    hasOptimisticUpdates: ue,
     // Scroll position management
-    setScrollContainer: ue,
-    getScrollPosition: L,
+    setScrollContainer: he,
+    getScrollPosition: E,
     setScrollPosition: q,
-    saveScrollPosition: () => (C = L(), C),
+    saveScrollPosition: () => (C = E(), C),
     restoreScrollPosition: () => {
       requestAnimationFrame(() => {
         q(C);
       });
     }
   };
-  return he(V.Provider, {
+  return me(R.Provider, {
     value: pe,
     get children() {
       return r.children;
     }
   });
 }
-function ye() {
-  const r = we(V);
+function Fe() {
+  const r = Pe(R);
   if (!r)
     throw new Error("useFileBrowser must be used within a FileBrowserProvider");
   return r;
 }
 export {
-  Ce as FileBrowserProvider,
-  ye as useFileBrowser
+  ye as FileBrowserProvider,
+  Fe as useFileBrowser
 };

package/dist/index46.js

@@ -1,20 +1,20 @@
-import { delegateEvents as H, template as v, insert as E, createComponent as a, memo as P, effect as b, className as x, use as y } from "solid-js/web";
-import { createSignal as B, onMount as L, createMemo as k, For as O, Show as M, onCleanup as F } from "solid-js";
-import { cn as W } from "./index69.js";
+import { delegateEvents as A, template as b, insert as R, createComponent as a, memo as H, effect as x, className as W, use as P } from "solid-js/web";
+import { createSignal as y, onMount as B, createMemo as M, For as O, Show as T, onCleanup as F } from "solid-js";
+import { cn as C } from "./index69.js";
 import { useFileBrowser as G } from "./index41.js";
-import { ChevronRight as T } from "./index34.js";
+import { ChevronRight as E } from "./index34.js";
 import { Dropdown as z } from "./index24.js";
-var X = /* @__PURE__ */ v("<nav aria-label=Breadcrumb>"), j = /* @__PURE__ */ v('<button type=button title="Show hidden path segments">…'), q = /* @__PURE__ */ v('<button type=button><span class="truncate max-w-[120px] block">');
-const g = 16, J = 28, R = 12, K = 7, Q = 120, U = 100;
-function V(n) {
-  const r = n.length * K;
-  return Math.min(r + R, Q + R);
+var X = /* @__PURE__ */ b("<nav aria-label=Breadcrumb>"), j = /* @__PURE__ */ b('<button type=button title="Show hidden path segments">…'), q = /* @__PURE__ */ b('<button type=button><span class="truncate max-w-[120px] block">');
+const p = 16, J = 28, D = 12, K = 7, Q = 120, U = 100;
+function V(r) {
+  const n = r.length * K;
+  return Math.min(n + D, Q + D);
 }
-function ce(n) {
-  const r = G();
+function ce(r) {
+  const n = G();
   let s;
-  const [t, c] = B(0);
-  L(() => {
+  const [t, c] = y(0);
+  B(() => {
     if (!s) return;
     const e = () => {
       s && c(s.offsetWidth);
@@ -23,25 +23,25 @@ function ce(n) {
     const o = new ResizeObserver(e);
     o.observe(s), F(() => o.disconnect());
   });
-  const d = k(() => {
-    const e = r.currentPath();
+  const d = M(() => {
+    const e = n.currentPath(), o = n.homeLabel();
     if (e === "/" || e === "")
       return [{
-        name: "Root",
+        name: o,
         path: "/"
       }];
-    const o = e.split("/").filter(Boolean), i = [{
-      name: "Root",
+    const l = e.split("/").filter(Boolean), i = [{
+      name: o,
       path: "/"
     }];
-    let l = "";
-    for (const f of o)
-      l += "/" + f, i.push({
-        name: f,
-        path: l
+    let f = "";
+    for (const g of l)
+      f += "/" + g, i.push({
+        name: g,
+        path: f
       });
     return i;
-  }), m = k(() => {
+  }), m = M(() => {
     const e = d(), o = t();
     if (o < U || e.length <= 2)
       return {
@@ -49,73 +49,73 @@ function ce(n) {
         visible: e,
         shouldCollapse: !1
       };
-    const i = e.map((u) => V(u.name)), l = i[0], f = i[e.length - 1], D = g, $ = e.length > 1 ? g : 0, S = l + f + D + $;
-    if (S > o && e.length > 2)
+    const l = e.map((u) => V(u.name)), i = l[0], f = l[e.length - 1], g = p, $ = e.length > 1 ? p : 0, _ = i + f + g + $;
+    if (_ > o && e.length > 2)
       return {
         collapsed: e.slice(1, -1),
         visible: [e[0], e[e.length - 1]],
         shouldCollapse: !0
       };
-    const h = e.slice(1, -1), p = [];
-    let _ = o - S;
-    const N = h.length > 0 ? J + g : 0;
+    const h = e.slice(1, -1), v = [];
+    let w = o - _;
+    const L = h.length > 0 ? J + p : 0;
     for (let u = h.length - 1; u >= 0; u--) {
-      const I = i[u + 1] + g, A = u > 0 ? N : 0;
-      if (_ - A >= I)
-        p.unshift(h[u]), _ -= I;
+      const k = l[u + 1] + p, N = u > 0 ? L : 0;
+      if (w - N >= k)
+        v.unshift(h[u]), w -= k;
       else
         break;
     }
-    const w = h.slice(0, h.length - p.length);
+    const I = h.slice(0, h.length - v.length);
     return {
-      collapsed: w,
-      visible: [e[0], ...p, e[e.length - 1]],
-      shouldCollapse: w.length > 0
+      collapsed: I,
+      visible: [e[0], ...v, e[e.length - 1]],
+      shouldCollapse: I.length > 0
     };
-  }), C = (e) => {
-    r.setCurrentPath(e.path);
+  }), S = (e) => {
+    n.setCurrentPath(e.path);
   };
   return (() => {
     var e = X(), o = s;
-    return typeof o == "function" ? y(o, e) : s = e, E(e, a(O, {
+    return typeof o == "function" ? P(o, e) : s = e, R(e, a(O, {
       get each() {
         return m().visible;
       },
-      children: (i, l) => [a(M, {
+      children: (l, i) => [a(T, {
         get when() {
-          return l() > 0;
+          return i() > 0;
         },
         get children() {
-          return a(T, {
+          return a(E, {
             class: "w-3 h-3 text-muted-foreground/50 flex-shrink-0"
           });
         }
-      }), a(M, {
+      }), a(T, {
         get when() {
-          return P(() => !!m().shouldCollapse)() && l() === 1;
+          return H(() => !!m().shouldCollapse)() && i() === 1;
         },
         get children() {
           return [a(Y, {
             get segments() {
               return m().collapsed;
             },
-            onSelect: C
-          }), a(T, {
+            onSelect: S
+          }), a(E, {
             class: "w-3 h-3 text-muted-foreground/50 flex-shrink-0"
           })];
         }
       }), a(Z, {
-        segment: i,
+        segment: l,
         get isLast() {
-          return l() === m().visible.length - 1;
+          return i() === m().visible.length - 1;
         },
-        onClick: () => C(i)
+        onClick: () => S(l)
       })]
-    })), b(() => x(e, W("flex items-center gap-1 min-w-0 overflow-hidden", n.class))), e;
+    })), x(() => W(e, C("flex items-center gap-1 min-w-0 overflow-hidden", r.class))), e;
   })();
 }
-function Y(n) {
-  const r = () => n.segments.map((t) => ({
+function Y(r) {
+  const n = () => r.segments.map((t) => ({
     id: t.path,
     label: t.name
   }));
@@ -123,32 +123,32 @@ function Y(n) {
     get trigger() {
       return (() => {
         var t = j();
-        return b(() => x(t, W("text-xs px-1.5 py-0.5 rounded cursor-pointer flex-shrink-0", "transition-all duration-100", "text-muted-foreground hover:text-foreground hover:bg-muted/50", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring"))), t;
+        return x(() => W(t, C("text-xs px-1.5 py-0.5 rounded cursor-pointer flex-shrink-0", "transition-all duration-100", "text-muted-foreground hover:text-foreground hover:bg-muted/50", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring"))), t;
       })();
     },
     get items() {
-      return r();
+      return n();
     },
     onSelect: (t) => {
-      const c = n.segments.find((d) => d.path === t);
-      c && n.onSelect(c);
+      const c = r.segments.find((d) => d.path === t);
+      c && r.onSelect(c);
     },
     align: "start"
   });
 }
-function Z(n) {
+function Z(r) {
   return (() => {
-    var r = q(), s = r.firstChild;
-    return r.$$click = () => n.onClick(), E(s, () => n.segment.name), b((t) => {
-      var c = n.isLast, d = W("text-xs px-1.5 py-0.5 rounded cursor-pointer flex-shrink-0", "transition-all duration-100", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring", n.isLast ? "font-medium text-foreground cursor-default" : "text-muted-foreground hover:text-foreground hover:bg-muted/50");
-      return c !== t.e && (r.disabled = t.e = c), d !== t.t && x(r, t.t = d), t;
+    var n = q(), s = n.firstChild;
+    return n.$$click = () => r.onClick(), R(s, () => r.segment.name), x((t) => {
+      var c = r.isLast, d = C("text-xs px-1.5 py-0.5 rounded cursor-pointer flex-shrink-0", "transition-all duration-100", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring", r.isLast ? "font-medium text-foreground cursor-default" : "text-muted-foreground hover:text-foreground hover:bg-muted/50");
+      return c !== t.e && (n.disabled = t.e = c), d !== t.t && W(n, t.t = d), t;
     }, {
       e: void 0,
       t: void 0
-    }), r;
+    }), n;
   })();
 }
-H(["click"]);
+A(["click"]);
 export {
   ce as Breadcrumb
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@floegence/floe-webapp-core",
-  "version": "0.8.1",
+  "version": "0.8.2",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",