@floegence/floe-webapp-core 0.35.33 → 0.35.34

package/dist/components/file-browser/DirectoryTree.js

@@ -1,40 +1,40 @@
-import { insert as s, createComponent as o, effect as D, className as b, template as h, setAttribute as Y, spread as q, mergeProps as z, memo as S, setStyleProperty as J, delegateEvents as K } from "solid-js/web";
-import { createMemo as I, For as Q, untrack as W, createSignal as Z, Show as v } from "solid-js";
-import { cn as m } from "../../utils/cn.js";
+import { insert as l, createComponent as s, effect as v, className as D, template as m, setAttribute as X, spread as Y, mergeProps as q, memo as z, setStyleProperty as J, delegateEvents as K } from "solid-js/web";
+import { createMemo as I, For as Q, untrack as W, createSignal as Z, Show as w } from "solid-js";
+import { cn as f } from "../../utils/cn.js";
 import { useFileBrowser as _ } from "./FileBrowserContext.js";
 import { useFileBrowserDrag as ee } from "../../context/FileBrowserDragContext.js";
-import { FolderOpenIcon as te, FolderIcon as ne } from "./FileIcons.js";
-import { ChevronRight as re } from "../icons/index.js";
-import { createLongPressContextMenuHandlers as ie } from "./longPressContextMenu.js";
-import { fileBrowserTouchTargetAttrs as ae } from "./touchInteractionGuard.js";
-import { createItemContextMenuEvent as oe } from "./contextMenuEvent.js";
-var M = /* @__PURE__ */ h("<div>"), le = /* @__PURE__ */ h("<button type=button>"), se = /* @__PURE__ */ h('<span class="ml-auto mr-2 text-[10px] text-muted-foreground/60 opacity-0 group-hover:opacity-100 transition-opacity">'), ce = /* @__PURE__ */ h('<div class="flex flex-col"><div><button type=button><span class="flex-shrink-0 w-4 h-4"></span><span class=truncate>'), ge = /* @__PURE__ */ h('<span class="flex-shrink-0 w-3.5 h-3.5">');
-function we(e) {
-  const l = _(), i = ee(), C = () => (e.enableDragDrop ?? !0) && !!i, x = () => e.instanceId ?? "default", g = I(() => l.files().filter((r) => r.type === "folder"));
+import { FileItemIcon as te } from "./FileIcons.js";
+import { ChevronRight as ne } from "../icons/index.js";
+import { createLongPressContextMenuHandlers as re } from "./longPressContextMenu.js";
+import { fileBrowserTouchTargetAttrs as ie } from "./touchInteractionGuard.js";
+import { createItemContextMenuEvent as ae } from "./contextMenuEvent.js";
+var k = /* @__PURE__ */ m("<div>"), oe = /* @__PURE__ */ m("<button type=button>"), le = /* @__PURE__ */ m('<span class="ml-auto mr-2 text-[10px] text-muted-foreground/60 opacity-0 group-hover:opacity-100 transition-opacity">'), se = /* @__PURE__ */ m('<div class="flex flex-col"><div><button type=button><span class="flex-shrink-0 w-4 h-4"></span><span class=truncate>'), ce = /* @__PURE__ */ m('<span class="flex-shrink-0 w-3.5 h-3.5">');
+function ye(e) {
+  const o = _(), i = ee(), b = () => (e.enableDragDrop ?? !0) && !!i, h = () => e.instanceId ?? "default", g = I(() => o.files().filter((r) => r.type === "folder"));
   return (() => {
-    var r = M();
-    return r.$$contextmenu = (y) => y.preventDefault(), s(r, o(F, {
+    var r = k();
+    return r.$$contextmenu = (C) => C.preventDefault(), l(r, s(M, {
       get items() {
         return g();
       },
       depth: 0,
       get instanceId() {
-        return x();
+        return h();
       },
       get enableDragDrop() {
-        return C();
+        return b();
       },
       dragContext: i
-    })), D(() => b(r, m("flex flex-col", e.class))), r;
+    })), v(() => D(r, f("flex flex-col", e.class))), r;
   })();
 }
-function F(e) {
-  const l = I(() => e.items.filter((i) => i.type === "folder"));
-  return o(Q, {
+function M(e) {
+  const o = I(() => e.items.filter((i) => i.type === "folder"));
+  return s(Q, {
     get each() {
-      return l();
+      return o();
     },
-    children: (i) => o(de, {
+    children: (i) => s(ge, {
       item: i,
       get depth() {
         return e.depth;
@@ -51,25 +51,25 @@ function F(e) {
     })
   });
 }
-function de(e) {
-  const l = _(), i = () => l.isExpanded(e.item.path), C = () => l.currentPath() === e.item.path, x = W(() => e.item), g = ie(l, x, {
+function ge(e) {
+  const o = _(), i = () => o.isExpanded(e.item.path), b = () => o.currentPath() === e.item.path, h = W(() => e.item), g = re(o, h, {
     selectOnOpen: !1,
     source: "tree"
   });
   let r;
-  const [y, T] = Z(!1), L = () => r === "touch" || r === "pen", $ = I(() => e.item.children?.filter((t) => t.type === "folder").length ?? 0), u = () => $() > 0, p = () => {
+  const [C, T] = Z(!1), F = () => r === "touch" || r === "pen", $ = I(() => e.item.children?.filter((t) => t.type === "folder").length ?? 0), x = () => $() > 0, p = () => {
     if (!e.enableDragDrop || !e.dragContext) return !1;
     const t = e.dragContext.dragState();
     return t.isDragging ? e.dragContext.canDropOn(t.draggedItems, e.item.path, e.item, e.instanceId) : !1;
-  }, O = () => e.dragContext?.dragState(), A = () => O()?.isDragging ?? !1, k = () => y() && A() && e.enableDragDrop, B = (t) => {
+  }, L = () => e.dragContext?.dragState(), A = () => L()?.isDragging ?? !1, E = () => C() && A() && e.enableDragDrop, B = (t) => {
     r = t.pointerType, g.onPointerDown(t);
-  }, H = (t) => {
+  }, O = (t) => {
     r = t.pointerType, g.onPointerMove(t);
-  }, N = (t) => {
+  }, H = (t) => {
     r = t.pointerType, g.onPointerUp();
-  }, R = (t) => {
+  }, N = (t) => {
     r = t.pointerType, g.onPointerCancel();
-  }, U = (t) => {
+  }, R = (t) => {
     if (!e.enableDragDrop || !e.dragContext) return;
     const a = e.dragContext.dragState();
     if (!a.isDragging) return;
@@ -80,84 +80,78 @@ function de(e) {
       targetPath: e.item.path,
       targetItem: e.item
     }, d, P);
-  }, V = (t) => {
+  }, U = (t) => {
     if (!e.dragContext) return;
     T(!1);
     const a = e.dragContext.dragState();
     a.isDragging && a.dropTarget?.targetPath === e.item.path && e.dragContext.setDropTarget(null, !1);
+  }, V = (t) => {
+    g.consumeClickSuppression(t) || o.navigateTo(h);
   }, j = (t) => {
-    g.consumeClickSuppression(t) || l.navigateTo(x);
-  }, G = (t) => {
-    t.preventDefault(), t.stopPropagation(), !L() && l.showContextMenu(oe({
+    t.preventDefault(), t.stopPropagation(), !F() && o.showContextMenu(ae({
       x: t.clientX,
       y: t.clientY,
       triggerItem: e.item,
       items: [e.item],
       source: "tree"
     }));
-  }, X = () => {
-    u() && l.toggleFolder(e.item.path);
+  }, G = () => {
+    x() && o.toggleFolder(e.item.path);
   };
   return (() => {
-    var t = ce(), a = t.firstChild, d = a.firstChild, w = d.firstChild, P = w.nextSibling;
-    return a.addEventListener("pointerleave", V), a.addEventListener("pointerenter", U), s(a, o(v, {
+    var t = se(), a = t.firstChild, d = a.firstChild, y = d.firstChild, P = y.nextSibling;
+    return a.addEventListener("pointerleave", U), a.addEventListener("pointerenter", R), l(a, s(w, {
       get when() {
-        return u();
+        return x();
       },
       get fallback() {
-        return ge();
+        return ce();
       },
       get children() {
-        var n = le();
-        return n.$$click = X, s(n, o(re, {
+        var n = oe();
+        return n.$$click = G, l(n, s(ne, {
           class: "w-3 h-3 opacity-50"
-        })), D((c) => {
-          var f = m("flex-shrink-0 w-3.5 h-3.5 flex items-center justify-center cursor-pointer", "transition-transform duration-150", i() && "rotate-90", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-sidebar-ring"), E = i() ? "Collapse folder" : "Expand folder";
-          return f !== c.e && b(n, c.e = f), E !== c.t && Y(n, "aria-label", c.t = E), c;
+        })), v((c) => {
+          var u = f("flex-shrink-0 w-3.5 h-3.5 flex items-center justify-center cursor-pointer", "transition-transform duration-150", i() && "rotate-90", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-sidebar-ring"), S = i() ? "Collapse folder" : "Expand folder";
+          return u !== c.e && D(n, c.e = u), S !== c.t && X(n, "aria-label", c.t = S), c;
         }, {
           e: void 0,
           t: void 0
         }), n;
       }
-    }), d), q(d, z(ae, {
-      onClick: j,
-      onContextMenu: G,
+    }), d), Y(d, q(ie, {
+      onClick: V,
+      onContextMenu: j,
       onPointerDown: B,
-      onPointerMove: H,
-      onPointerUp: N,
-      onPointerCancel: R,
+      onPointerMove: O,
+      onPointerUp: H,
+      onPointerCancel: N,
       get class() {
-        return m("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 f("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");
       }
-    }), !1, !0), s(w, o(v, {
-      get when() {
-        return S(() => !!u())() && i();
+    }), !1, !0), l(y, s(te, {
+      get item() {
+        return e.item;
       },
-      get fallback() {
-        return o(ne, {
-          class: "w-4 h-4"
-        });
+      get open() {
+        return i();
       },
-      get children() {
-        return o(te, {
-          class: "w-4 h-4"
-        });
-      }
-    })), s(P, () => e.item.name), s(d, o(v, {
+      class: "w-4 h-4"
+    })), l(P, () => e.item.name), l(d, s(w, {
       get when() {
-        return u();
+        return x();
       },
       get children() {
-        var n = se();
-        return s(n, $), n;
+        var n = le();
+        return l(n, $), n;
       }
-    }), null), s(t, o(v, {
+    }), null), l(t, s(w, {
       get when() {
-        return S(() => !!i())() && u();
+        return z(() => !!i())() && x();
       },
       get children() {
-        var n = M();
-        return s(n, o(F, {
+        var n = k();
+        return l(n, s(M, {
           get items() {
             return e.item.children ?? [];
           },
@@ -173,19 +167,19 @@ function de(e) {
           get dragContext() {
             return e.dragContext;
           }
-        })), D(() => b(n, m("overflow-hidden transition-all duration-200", i() ? "opacity-100" : "opacity-0"))), n;
+        })), v(() => D(n, f("overflow-hidden transition-all duration-200", i() ? "opacity-100" : "opacity-0"))), n;
       }
-    }), null), D((n) => {
-      var c = m(
+    }), null), v((n) => {
+      var c = f(
         "group flex items-center w-full py-1 text-xs",
         "transition-all duration-150 ease-out",
         "hover:bg-sidebar-accent/60",
-        C() && "bg-sidebar-accent text-sidebar-accent-foreground font-medium",
+        b() && "bg-sidebar-accent text-sidebar-accent-foreground font-medium",
         // Drop target styling - enhanced visual feedback
-        k() && p() && ["bg-primary/15 outline outline-2 outline-primary/60", "shadow-sm shadow-primary/10"],
-        k() && !p() && ["bg-destructive/10 outline outline-2 outline-dashed outline-destructive/50"]
-      ), f = `${8 + e.depth * 12}px`;
-      return c !== n.e && b(a, n.e = c), f !== n.t && J(a, "padding-left", n.t = f), n;
+        E() && p() && ["bg-primary/15 outline outline-2 outline-primary/60", "shadow-sm shadow-primary/10"],
+        E() && !p() && ["bg-destructive/10 outline outline-2 outline-dashed outline-destructive/50"]
+      ), u = `${8 + e.depth * 12}px`;
+      return c !== n.e && D(a, n.e = c), u !== n.t && J(a, "padding-left", n.t = u), n;
     }, {
       e: void 0,
       t: void 0
@@ -194,5 +188,5 @@ function de(e) {
 }
 K(["contextmenu", "click"]);
 export {
-  we as DirectoryTree
+  ye as DirectoryTree
 };

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

@@ -4,11 +4,18 @@ export interface FileIconProps {
     class?: string;
 }
 type FileIconComponent = Component<FileIconProps>;
-type ResolvableFileIcon = Pick<FileItem, 'name' | 'type' | 'extension' | 'icon'>;
+type ResolvableFileIcon = Pick<FileItem, 'name' | 'type' | 'extension' | 'icon' | 'link'>;
 export type FileItemIconRenderer = FileIconComponent | JSX.Element;
+export interface ResolveFileItemIconOptions {
+    open?: boolean;
+}
 export declare const FolderIcon: (props: FileIconProps) => JSX.Element;
 export declare const FolderOpenIcon: (props: FileIconProps) => JSX.Element;
+export declare const SymlinkFolderIcon: (props: FileIconProps) => JSX.Element;
+export declare const SymlinkFolderOpenIcon: (props: FileIconProps) => JSX.Element;
 export declare const FileIcon: (props: FileIconProps) => JSX.Element;
+export declare const SymlinkFileIcon: (props: FileIconProps) => JSX.Element;
+export declare const BrokenSymlinkIcon: (props: FileIconProps) => JSX.Element;
 export declare const CodeFileIcon: (props: FileIconProps) => JSX.Element;
 export declare const JavaScriptFileIcon: FileIconComponent;
 export declare const TypeScriptFileIcon: FileIconComponent;
@@ -18,9 +25,10 @@ export declare const DocumentFileIcon: (props: FileIconProps) => JSX.Element;
 export declare const ConfigFileIcon: (props: FileIconProps) => JSX.Element;
 export declare const StyleFileIcon: (props: FileIconProps) => JSX.Element;
 export declare function getFileIcon(extension?: string): FileIconComponent;
-export declare function resolveFileItemIcon(item: ResolvableFileIcon): FileItemIconRenderer;
+export declare function resolveFileItemIcon(item: ResolvableFileIcon, options?: ResolveFileItemIconOptions): FileItemIconRenderer;
 export declare function FileItemIcon(props: {
     item: ResolvableFileIcon;
     class?: string;
+    open?: boolean;
 }): JSX.Element;
 export {};