@floegence/floe-webapp-core 0.4.0 → 0.6.0

package/dist/index39.js

@@ -1,236 +1,164 @@
-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 { deferNonBlocking as I } from "./index68.js";
-const V = me();
-function Q(r, p) {
-  if (!p) return [];
-  const x = r.toLowerCase(), w = p.toLowerCase(), h = [];
-  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;
-  }
-  return h;
-}
-function Ce(r) {
-  const [p, x] = a(r.initialPath ?? "/"), [w, h] = a(/* @__PURE__ */ new Set()), [g, S] = a(r.initialViewMode ?? "list"), [m, j] = 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([]);
-  let u = null, C = {
-    top: 0,
-    left: 0
-  };
-  const A = () => r.files, c = (e) => {
-    const t = (e ?? "").trim();
-    return t === "" ? "/" : t;
-  }, T = (e) => {
-    const t = c(e);
-    if (t === "/") return "/";
-    const n = t.split("/").filter(Boolean);
-    return n.pop(), n.length ? "/" + n.join("/") : "/";
-  }, J = (e, t) => {
-    const n = z();
-    if (n.length === 0) return e;
-    let s = [...e];
-    const d = c(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)));
-          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;
-            T(f) === d ? s[i] = {
-              ...s[i],
-              ...o.updates
-            } : s.splice(i, 1);
-          } else {
-            const f = o.updates.path;
-            f && T(f);
-          }
-          break;
-        }
-        case "insert": {
-          c(o.parentPath) === d && (s.some((i) => c(i.path) === c(o.item.path)) || s.push(o.item));
-          break;
+import { delegateEvents as j, createComponent as i, template as b, insert as n, addEventListener as y, memo as S, effect as z, className as $, setStyleProperty as I } from "solid-js/web";
+import { createSignal as V, onMount as W, onCleanup as _, Show as a } from "solid-js";
+import { cn as F } from "./index68.js";
+import { FileBrowserProvider as D, useFileBrowser as K } from "./index40.js";
+import { DirectoryTree as N } from "./index41.js";
+import { FileListView as T } from "./index42.js";
+import { FileGridView as p } from "./index43.js";
+import { FileBrowserToolbar as q } from "./index46.js";
+import { FileContextMenu as A } from "./index44.js";
+var G = /* @__PURE__ */ b('<div class="border-b border-border">'), Q = /* @__PURE__ */ b('<button type=button class="flex items-center justify-center w-5 h-5 rounded cursor-pointer hover:bg-sidebar-accent/80 transition-colors"aria-label="Close sidebar"><svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class="w-3.5 h-3.5"><path d="M18 6 6 18"></path><path d="m6 6 12 12">'), H = /* @__PURE__ */ b('<div class="absolute inset-0 bg-background/60 backdrop-blur-sm z-[9]">'), J = /* @__PURE__ */ b('<div><div class="flex flex-1 min-h-0 relative"><aside><div class="h-full flex flex-col"><div class="flex items-center justify-between px-3 py-2 border-b border-sidebar-border"><span class="text-[11px] font-semibold uppercase tracking-wider text-muted-foreground/60">Explorer</span></div><div class="flex-1 min-h-0 overflow-auto py-1"></div></div></aside><div class="flex-1 min-w-0 flex flex-col"><div class="flex-1 min-h-0"></div><div class="flex items-center justify-between px-3 py-1 border-t border-border text-[10px] text-muted-foreground"><span> items</span><span class="truncate max-w-[200px]">');
+function le(e) {
+  return i(D, {
+    get files() {
+      return e.files;
+    },
+    get initialPath() {
+      return e.initialPath;
+    },
+    get initialViewMode() {
+      return e.initialViewMode;
+    },
+    get onNavigate() {
+      return e.onNavigate;
+    },
+    get onSelect() {
+      return e.onSelect;
+    },
+    get onOpen() {
+      return e.onOpen;
+    },
+    get children() {
+      return i(R, {
+        get class() {
+          return e.class;
+        },
+        get header() {
+          return e.header;
+        },
+        get sidebarWidth() {
+          return e.sidebarWidth;
+        },
+        get hideSidebarOnMobile() {
+          return e.hideSidebarOnMobile;
+        },
+        get contextMenuCallbacks() {
+          return e.contextMenuCallbacks;
+        },
+        get customContextMenuItems() {
+          return e.customContextMenuItems;
+        },
+        get overrideContextMenuItems() {
+          return e.overrideContextMenuItems;
+        },
+        get hideContextMenuItems() {
+          return e.hideContextMenuItems;
         }
-      }
-    return s;
-  }, K = 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);
-    const n = v().trim();
-    n && (t = t.filter((o) => Q(o.name, n) !== null));
-    const s = m();
-    return [...t].sort((o, l) => {
-      var f, F;
-      if (o.type !== l.type)
-        return o.type === "folder" ? -1 : 1;
-      let i = 0;
-      switch (s.field) {
-        case "name":
-          i = o.name.localeCompare(l.name);
-          break;
-        case "size":
-          i = (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);
-          break;
-        case "type":
-          i = (o.extension ?? "").localeCompare(l.extension ?? "");
-          break;
-      }
-      return s.direction === "asc" ? i : -i;
-    });
-  }), y = (e) => {
-    var s;
-    const t = c(e);
-    x(t), h(/* @__PURE__ */ new Set()), b(""), B(!1);
-    const n = r.onSelect;
-    I(() => n == null ? void 0 : n([])), (s = r.onNavigate) == null || s.call(r, t);
-  }, W = () => {
-    const e = p();
-    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) => {
-      const n = new Set(t);
-      return n.add(e.path), n;
-    }));
-  }, X = (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;
-    I(() => o == null ? void 0 : o(d));
-  }, Y = () => {
-    h(/* @__PURE__ */ new Set());
-    const e = r.onSelect;
-    I(() => e == null ? void 0 : e([]));
-  }, Z = (e) => w().has(e), _ = (e) => {
-    O((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) => {
-    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) => {
-    e.length !== 0 && P((t) => [...t, {
-      type: "remove",
-      paths: e
-    }]);
-  }, ce = (e, t) => {
-    P((n) => [...n, {
-      type: "update",
-      oldPath: e,
-      updates: t
-    }]);
-  }, le = (e, t) => {
-    P((n) => [...n, {
-      type: "insert",
-      parentPath: e,
-      item: t
-    }]);
-  }, ae = () => {
-    P([]);
-  }, de = () => {
-    P([]);
-  }, fe = () => z().length > 0, ue = (e) => {
-    u = e;
-  }, L = () => u ? {
-    top: u.scrollTop,
-    left: u.scrollLeft
-  } : {
-    top: 0,
-    left: 0
-  }, q = (e) => {
-    u && (u.scrollTop = e.top, u.scrollLeft = e.left);
-  }, pe = {
-    currentPath: p,
-    setCurrentPath: y,
-    navigateUp: W,
-    navigateTo: E,
-    selectedItems: () => w(),
-    selectItem: X,
-    clearSelection: Y,
-    isSelected: Z,
-    viewMode: g,
-    setViewMode: S,
-    sortConfig: m,
-    setSortConfig: j,
-    expandedFolders: M,
-    toggleFolder: _,
-    isExpanded: $,
-    files: A,
-    currentFiles: U,
-    filterQuery: v,
-    setFilterQuery: oe,
-    isFilterActive: H,
-    setFilterActive: B,
-    getFilterMatch: se,
-    sidebarCollapsed: R,
-    toggleSidebar: ee,
-    contextMenu: G,
-    showContextMenu: te,
-    hideContextMenu: ne,
-    openItem: re,
-    // Optimistic updates
-    optimisticRemove: ie,
-    optimisticUpdate: ce,
-    optimisticInsert: le,
-    clearOptimisticUpdates: ae,
-    rollbackOptimisticUpdates: de,
-    hasOptimisticUpdates: fe,
-    // Scroll position management
-    setScrollContainer: ue,
-    getScrollPosition: L,
-    setScrollPosition: q,
-    saveScrollPosition: () => (C = L(), C),
-    restoreScrollPosition: () => {
-      requestAnimationFrame(() => {
-        q(C);
       });
     }
-  };
-  return he(V.Provider, {
-    value: pe,
-    get children() {
-      return r.children;
-    }
   });
 }
-function ye() {
-  const r = we(V);
-  if (!r)
-    throw new Error("useFileBrowser must be used within a FileBrowserProvider");
-  return r;
+function R(e) {
+  const r = K(), [m, v] = V(!1), x = () => e.sidebarWidth ?? 220;
+  let h;
+  W(() => {
+    const o = window.matchMedia("(max-width: 767px)"), s = o.matches;
+    v(s), s && e.hideSidebarOnMobile !== !1 && !r.sidebarCollapsed() && r.toggleSidebar();
+    const d = (l) => {
+      v(l.matches), l.matches && e.hideSidebarOnMobile !== !1 && !r.sidebarCollapsed() && r.toggleSidebar();
+    };
+    o.addEventListener("change", d), _(() => o.removeEventListener("change", d));
+    const u = (l) => {
+      (l.metaKey || l.ctrlKey) && l.key === "f" && (l.preventDefault(), r.setFilterActive(!0), setTimeout(() => h == null ? void 0 : h.focus(), 50));
+    };
+    document.addEventListener("keydown", u), _(() => document.removeEventListener("keydown", u));
+  });
+  const E = () => !r.sidebarCollapsed() || !m();
+  return (() => {
+    var o = J(), s = o.firstChild, d = s.firstChild, u = d.firstChild, l = u.firstChild;
+    l.firstChild;
+    var B = l.nextSibling, g = d.nextSibling, f = g.firstChild, L = f.nextSibling, c = L.firstChild, O = c.firstChild, P = c.nextSibling;
+    return n(o, i(a, {
+      get when() {
+        return e.header;
+      },
+      get children() {
+        var t = G();
+        return n(t, () => e.header), t;
+      }
+    }), s), n(l, i(a, {
+      get when() {
+        return m();
+      },
+      get children() {
+        var t = Q();
+        return y(t, "click", r.toggleSidebar, !0), t;
+      }
+    }), null), n(B, i(N, {})), n(s, i(a, {
+      get when() {
+        return S(() => !!m())() && !r.sidebarCollapsed();
+      },
+      get children() {
+        var t = H();
+        return y(t, "click", r.toggleSidebar, !0), t;
+      }
+    }), g), n(g, i(q, {
+      filterInputRef: (t) => h = t
+    }), f), n(f, i(a, {
+      get when() {
+        return r.viewMode() === "list";
+      },
+      get fallback() {
+        return i(p, {});
+      },
+      get children() {
+        return i(T, {});
+      }
+    })), n(c, () => r.currentFiles().length, O), n(c, i(a, {
+      get when() {
+        return r.filterQuery().trim();
+      },
+      get children() {
+        return [" ", "(filtered)"];
+      }
+    }), null), n(c, i(a, {
+      get when() {
+        return r.selectedItems().size > 0;
+      },
+      get children() {
+        return [" · ", S(() => r.selectedItems().size), " selected"];
+      }
+    }), null), n(P, () => r.currentPath()), n(o, i(A, {
+      get callbacks() {
+        return e.contextMenuCallbacks;
+      },
+      get customItems() {
+        return e.customContextMenuItems;
+      },
+      get overrideItems() {
+        return e.overrideContextMenuItems;
+      },
+      get hideItems() {
+        return e.hideContextMenuItems;
+      }
+    }), null), z((t) => {
+      var w = F("flex flex-col h-full min-h-0 bg-background", "border border-border rounded-lg overflow-hidden", "shadow-sm", e.class), C = F(
+        "flex-shrink-0 border-r border-border bg-sidebar",
+        "transition-all duration-200 ease-out",
+        "overflow-hidden",
+        // Mobile overlay
+        m() && !r.sidebarCollapsed() && "absolute inset-y-0 left-0 z-10 shadow-lg"
+      ), M = E() ? `${x()}px` : "0px", k = `${x()}px`;
+      return w !== t.e && $(o, t.e = w), C !== t.t && $(d, t.t = C), M !== t.a && I(d, "width", t.a = M), k !== t.o && I(u, "width", t.o = k), t;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0
+    }), o;
+  })();
 }
+j(["click"]);
 export {
-  Ce as FileBrowserProvider,
-  ye as useFileBrowser
+  le as FileBrowser
 };

package/dist/index4.js

@@ -1,6 +1,6 @@
 import { delegateEvents as b, template as c, insert as n, effect as d, className as s, setStyleProperty as u, memo as f } from "solid-js/web";
 import "solid-js";
-import { cn as o } from "./index67.js";
+import { cn as o } from "./index68.js";
 var m = /* @__PURE__ */ c('<aside><div class="flex-1 overflow-auto overscroll-contain">'), v = /* @__PURE__ */ c("<div>"), x = /* @__PURE__ */ c("<section><div class=flex-1>"), h = /* @__PURE__ */ c('<div class="flex items-center justify-between px-2.5 py-2 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground/60"><span>'), $ = /* @__PURE__ */ c('<button type=button><span class="flex-1 truncate text-left">'), g = /* @__PURE__ */ c('<span class="flex-shrink-0 w-4 h-4 opacity-60">');
 function S(e) {
   return (() => {