@floegence/floe-webapp-core 0.8.2 → 0.8.3

package/dist/index41.js

@@ -1,32 +1,32 @@
 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";
+import { deferNonBlocking as F } from "./index70.js";
 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;
-    p.push(m), g = m + 1;
+function Q(r, i) {
+  if (!i) return [];
+  const h = r.toLowerCase(), g = i.toLowerCase(), p = [];
+  let m = 0;
+  for (const x of g) {
+    const w = h.indexOf(x, m);
+    if (w === -1) return null;
+    p.push(w), m = w + 1;
   }
   return p;
 }
 function ye(r) {
-  const [h, x] = a(r.initialPath ?? "/"), [w, p] = a(/* @__PURE__ */ new Set()), [g, S] = a(r.initialViewMode ?? "list"), [m, V] = a({
+  const i = (e) => {
+    const t = (e ?? "").trim();
+    return t === "" ? "/" : t;
+  }, [h, g] = a(i(r.initialPath ?? "/")), [p, m] = a(/* @__PURE__ */ new Set()), [x, w] = a(r.initialViewMode ?? "list"), [I, V] = a({
     field: "name",
     direction: "asc"
-  }), [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 = {
+  }), [M, b] = a(/* @__PURE__ */ new Set(["/"])), [j, D] = a(!1), [G, O] = a(null), [S, k] = a(""), [H, B] = a(!1), J = () => r.homeLabel ?? "Root", [z, P] = a([]);
+  let u = null, v = {
     top: 0,
     left: 0
   };
-  const A = () => r.files, c = (e) => {
-    const t = (e ?? "").trim();
-    return t === "" ? "/" : t;
-  }, L = (e) => {
-    const t = c(e);
+  const A = () => r.files, L = (e) => {
+    const t = i(e);
     if (t === "/") return "/";
     const n = t.split("/").filter(Boolean);
     return n.pop(), n.length ? "/" + n.join("/") : "/";
@@ -34,22 +34,22 @@ function ye(r) {
     const n = z();
     if (n.length === 0) return e;
     let s = [...e];
-    const d = c(t);
+    const d = i(t);
     for (const o of n)
       switch (o.type) {
         case "remove": {
-          const l = new Set(o.paths.map(c));
-          s = s.filter((i) => !l.has(c(i.path)));
+          const l = new Set(o.paths.map(i));
+          s = s.filter((c) => !l.has(i(c.path)));
           break;
         }
         case "update": {
-          const l = c(o.oldPath), i = s.findIndex((f) => c(f.path) === l);
-          if (i !== -1) {
-            const f = o.updates.path ?? s[i].path;
-            L(f) === d ? s[i] = {
-              ...s[i],
+          const l = i(o.oldPath), c = s.findIndex((f) => i(f.path) === l);
+          if (c !== -1) {
+            const f = o.updates.path ?? s[c].path;
+            L(f) === d ? s[c] = {
+              ...s[c],
               ...o.updates
-            } : s.splice(i, 1);
+            } : s.splice(c, 1);
           } else {
             const f = o.updates.path;
             f && L(f);
@@ -57,7 +57,7 @@ function ye(r) {
           break;
         }
         case "insert": {
-          c(o.parentPath) === d && (s.some((i) => c(i.path) === c(o.item.path)) || s.push(o.item));
+          i(o.parentPath) === d && (s.some((c) => i(c.path) === i(o.item.path)) || s.push(o.item));
           break;
         }
       }
@@ -66,63 +66,64 @@ function ye(r) {
     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));
+        o.type === "folder" && (e.set(i(o.path), o.children ?? []), (d = o.children) != null && d.length && t(o.children));
     }, n = A();
     return e.set("/", n), t(n), e;
   }), T = N(() => {
-    const e = c(h());
+    const e = i(h());
     let t = W().get(e) ?? [];
     t = K(t, e);
-    const n = v().trim();
+    const n = S().trim();
     n && (t = t.filter((o) => Q(o.name, n) !== null));
-    const s = m();
+    const s = I();
     return [...t].sort((o, l) => {
-      var f, F;
+      var f, y;
       if (o.type !== l.type)
         return o.type === "folder" ? -1 : 1;
-      let i = 0;
+      let c = 0;
       switch (s.field) {
         case "name":
-          i = o.name.localeCompare(l.name);
+          c = o.name.localeCompare(l.name);
           break;
         case "size":
-          i = (o.size ?? 0) - (l.size ?? 0);
+          c = (o.size ?? 0) - (l.size ?? 0);
           break;
         case "modifiedAt":
-          i = (((f = o.modifiedAt) == null ? void 0 : f.getTime()) ?? 0) - (((F = l.modifiedAt) == null ? void 0 : F.getTime()) ?? 0);
+          c = (((f = o.modifiedAt) == null ? void 0 : f.getTime()) ?? 0) - (((y = l.modifiedAt) == null ? void 0 : y.getTime()) ?? 0);
           break;
         case "type":
-          i = (o.extension ?? "").localeCompare(l.extension ?? "");
+          c = (o.extension ?? "").localeCompare(l.extension ?? "");
           break;
       }
-      return s.direction === "asc" ? i : -i;
+      return s.direction === "asc" ? c : -c;
     });
-  }), y = (e) => {
+  }), C = (e) => {
     var s;
-    const t = c(e);
-    x(t), p(/* @__PURE__ */ new Set()), k(""), B(!1);
+    const t = i(e);
+    if (t === h()) return;
+    g(t), m(/* @__PURE__ */ new Set()), k(""), B(!1);
     const n = r.onSelect;
-    I(() => n == null ? void 0 : n([])), (s = r.onNavigate) == null || s.call(r, t);
+    F(() => n == null ? void 0 : n([])), (s = r.onNavigate) == null || s.call(r, t);
   }, X = () => {
     const e = h();
     if (e === "/" || e === "") return;
     const t = e.split("/").filter(Boolean);
-    t.pop(), y(t.length ? "/" + t.join("/") : "/");
+    t.pop(), C(t.length ? "/" + t.join("/") : "/");
   }, U = (e) => {
-    e.type === "folder" && (y(e.path), b((t) => {
+    e.type === "folder" && (C(e.path), b((t) => {
       const n = new Set(t);
       return n.add(e.path), n;
     }));
   }, 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)), p(s);
+    const n = p(), s = t ? new Set(n) : /* @__PURE__ */ new Set();
+    t ? s.has(e) ? s.delete(e) : s.add(e) : (s.clear(), s.add(e)), m(s);
     const d = T().filter((l) => s.has(l.id)), o = r.onSelect;
-    I(() => o == null ? void 0 : o(d));
+    F(() => o == null ? void 0 : o(d));
   }, Z = () => {
-    p(/* @__PURE__ */ new Set());
+    m(/* @__PURE__ */ new Set());
     const e = r.onSelect;
-    I(() => e == null ? void 0 : e([]));
-  }, _ = (e) => w().has(e), $ = (e) => {
+    F(() => e == null ? void 0 : e([]));
+  }, _ = (e) => p().has(e), $ = (e) => {
     b((t) => {
       const n = new Set(t);
       return n.has(e) ? n.delete(e) : n.add(e), n;
@@ -130,7 +131,7 @@ function ye(r) {
   }, 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();
+    const t = S().trim();
     if (!t) return null;
     const n = Q(e, t);
     return n ? {
@@ -172,24 +173,24 @@ function ye(r) {
     u && (u.scrollTop = e.top, u.scrollLeft = e.left);
   }, pe = {
     currentPath: h,
-    setCurrentPath: y,
+    setCurrentPath: C,
     navigateUp: X,
     navigateTo: U,
     homeLabel: J,
-    selectedItems: () => w(),
+    selectedItems: () => p(),
     selectItem: Y,
     clearSelection: Z,
     isSelected: _,
-    viewMode: g,
-    setViewMode: S,
-    sortConfig: m,
+    viewMode: x,
+    setViewMode: w,
+    sortConfig: I,
     setSortConfig: V,
     expandedFolders: M,
     toggleFolder: $,
     isExpanded: ee,
     files: A,
     currentFiles: T,
-    filterQuery: v,
+    filterQuery: S,
     setFilterQuery: se,
     isFilterActive: H,
     setFilterActive: B,
@@ -211,10 +212,10 @@ function ye(r) {
     setScrollContainer: he,
     getScrollPosition: E,
     setScrollPosition: q,
-    saveScrollPosition: () => (C = E(), C),
+    saveScrollPosition: () => (v = E(), v),
     restoreScrollPosition: () => {
       requestAnimationFrame(() => {
-        q(C);
+        q(v);
       });
     }
   };

package/dist/index42.js

@@ -1,5 +1,5 @@
-import { delegateEvents as U, template as x, insert as s, createComponent as o, effect as $, className as g, setAttribute as j, memo as k, setStyleProperty as B } from "solid-js/web";
-import { createMemo as w, For as H, untrack as R, Show as b } from "solid-js";
+import { delegateEvents as U, template as x, insert as s, createComponent as o, effect as y, className as g, setAttribute as j, memo as k, setStyleProperty as B } from "solid-js/web";
+import { createMemo as w, For as H, untrack as R, Show as $ } from "solid-js";
 import { cn as v } from "./index69.js";
 import { useFileBrowser as T } from "./index41.js";
 import { FolderOpenIcon as X, FolderIcon as Y } from "./index48.js";
@@ -10,12 +10,12 @@ function ie(n) {
   const i = T(), r = w(() => i.files().filter((c) => c.type === "folder"));
   return (() => {
     var c = _();
-    return c.$$contextmenu = (y) => y.preventDefault(), s(c, o(F, {
+    return c.$$contextmenu = (b) => b.preventDefault(), s(c, o(F, {
       get items() {
         return r();
       },
       depth: 0
-    })), $(() => g(c, v("flex flex-col", n.class))), c;
+    })), y(() => g(c, v("flex flex-col", n.class))), c;
   })();
 }
 function F(n) {
@@ -33,7 +33,7 @@ function F(n) {
   });
 }
 function V(n) {
-  const i = T(), r = () => i.isExpanded(n.item.path), c = () => i.currentPath() === n.item.path, y = R(() => n.item), f = z(i, y, {
+  const i = T(), r = () => i.isExpanded(n.item.path), c = () => i.currentPath() === n.item.path, b = R(() => n.item), f = z(i, b, {
     selectOnOpen: !1
   });
   let u;
@@ -49,7 +49,7 @@ function V(n) {
   }, I = (e) => {
     u = e.pointerType, f.onPointerCancel();
   }, L = (e) => {
-    f.consumeClickSuppression(e) || i.setCurrentPath(n.item.path);
+    f.consumeClickSuppression(e) || i.navigateTo(b);
   }, N = (e) => {
     e.preventDefault(), e.stopPropagation(), !M() && i.showContextMenu({
       x: e.clientX,
@@ -61,7 +61,7 @@ function V(n) {
   };
   return (() => {
     var e = K(), d = e.firstChild, l = d.firstChild, C = l.firstChild, A = C.nextSibling;
-    return s(d, o(b, {
+    return s(d, o($, {
       get when() {
         return m();
       },
@@ -72,15 +72,15 @@ function V(n) {
         var t = G();
         return t.$$click = O, s(t, o(q, {
           class: "w-3 h-3 opacity-50"
-        })), $((a) => {
-          var h = v("flex-shrink-0 w-3.5 h-3.5 flex items-center justify-center cursor-pointer", "transition-transform duration-150", r() && "rotate-90", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-sidebar-ring"), p = r() ? "Collapse folder" : "Expand folder";
-          return h !== a.e && g(t, a.e = h), p !== a.t && j(t, "aria-label", a.t = p), a;
+        })), y((a) => {
+          var p = v("flex-shrink-0 w-3.5 h-3.5 flex items-center justify-center cursor-pointer", "transition-transform duration-150", r() && "rotate-90", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-sidebar-ring"), h = r() ? "Collapse folder" : "Expand folder";
+          return p !== a.e && g(t, a.e = p), h !== a.t && j(t, "aria-label", a.t = h), a;
         }, {
           e: void 0,
           t: void 0
         }), t;
       }
-    }), l), l.addEventListener("pointercancel", I), l.$$pointerup = S, l.$$pointermove = E, l.$$pointerdown = D, l.$$contextmenu = N, l.$$click = L, s(C, o(b, {
+    }), l), l.addEventListener("pointercancel", I), l.$$pointerup = S, l.$$pointermove = E, l.$$pointerdown = D, l.$$contextmenu = N, l.$$click = L, s(C, o($, {
       get when() {
         return k(() => !!m())() && r();
       },
@@ -94,7 +94,7 @@ function V(n) {
           class: "w-4 h-4"
         });
       }
-    })), s(A, () => n.item.name), s(l, o(b, {
+    })), s(A, () => n.item.name), s(l, o($, {
       get when() {
         return m();
       },
@@ -102,7 +102,7 @@ function V(n) {
         var t = J();
         return s(t, P), t;
       }
-    }), null), s(e, o(b, {
+    }), null), s(e, o($, {
       get when() {
         return k(() => !!r())() && m();
       },
@@ -115,11 +115,11 @@ function V(n) {
           get depth() {
             return n.depth + 1;
           }
-        })), $(() => g(t, v("overflow-hidden transition-all duration-200", r() ? "opacity-100" : "opacity-0"))), t;
+        })), y(() => g(t, v("overflow-hidden transition-all duration-200", r() ? "opacity-100" : "opacity-0"))), t;
       }
-    }), null), $((t) => {
-      var a = v("group flex items-center w-full py-1 text-xs", "transition-all duration-100", "hover:bg-sidebar-accent/60", c() && "bg-sidebar-accent text-sidebar-accent-foreground font-medium"), h = `${8 + n.depth * 12}px`, p = v("flex items-center gap-1 flex-1 min-w-0 text-left cursor-pointer pl-1", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-sidebar-ring");
-      return a !== t.e && g(d, t.e = a), h !== t.t && B(d, "padding-left", t.t = h), p !== t.a && g(l, t.a = p), t;
+    }), null), y((t) => {
+      var a = v("group flex items-center w-full py-1 text-xs", "transition-all duration-100", "hover:bg-sidebar-accent/60", c() && "bg-sidebar-accent text-sidebar-accent-foreground font-medium"), p = `${8 + n.depth * 12}px`, h = v("flex items-center gap-1 flex-1 min-w-0 text-left cursor-pointer pl-1", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-sidebar-ring");
+      return a !== t.e && g(d, t.e = a), p !== t.t && B(d, "padding-left", t.t = p), h !== t.a && g(l, t.a = h), t;
     }, {
       e: void 0,
       t: void 0,

package/package.json

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