@hachej/boring-workspace 0.1.47 → 0.1.48

package/dist/FileTree-CoZWkHqn.js

@@ -0,0 +1,315 @@
+import { jsx as d, jsxs as y } from "react/jsx-runtime";
+import { useRef as C, useMemo as I, useEffect as M, useCallback as k, createContext as E, useContext as J } from "react";
+import { Tree as K } from "react-arborist";
+import { FolderOpenIcon as U, FolderIcon as V, ChevronRightIcon as X, Loader2Icon as Y } from "lucide-react";
+import { L as Z } from "./WorkspaceProvider-CRd7lb76.js";
+import { EmptyState as G, Input as H } from "@hachej/boring-ui-kit";
+import { c as g } from "./utils-B6yFEsav.js";
+import { createDragDropManager as Q } from "dnd-core";
+import { HTML5Backend as tt } from "react-dnd-html5-backend";
+const D = Symbol.for("@hachej/boring-workspace/file-tree-dnd-manager");
+function et() {
+  const r = globalThis;
+  return r[D] ?? (r[D] = Q(
+    tt,
+    typeof window > "u" ? void 0 : window
+  )), r[D];
+}
+const W = /* @__PURE__ */ new Set(), j = E({
+  onContextMenu: void 0,
+  editing: null,
+  pendingPaths: W,
+  onSubmitEdit: void 0,
+  onCancelEdit: void 0
+});
+function rt({
+  initialValue: r,
+  onSubmit: u,
+  onCancel: s,
+  isDraft: l
+}) {
+  const e = C(null), a = C(!1);
+  M(() => {
+    const t = e.current;
+    if (t)
+      if (t.focus(), !l && r.includes(".")) {
+        const i = r.lastIndexOf(".");
+        t.setSelectionRange(0, i);
+      } else
+        t.select();
+  }, [r, l]);
+  const n = () => {
+    var i;
+    if (a.current) return;
+    a.current = !0;
+    const t = ((i = e.current) == null ? void 0 : i.value.trim()) ?? "";
+    !t || t === r ? s() : u(t);
+  };
+  return /* @__PURE__ */ d(
+    H,
+    {
+      ref: e,
+      type: "text",
+      defaultValue: r,
+      "data-testid": "file-tree-edit-input",
+      "aria-label": l ? "Name" : "Rename",
+      onPointerDown: (t) => t.stopPropagation(),
+      onClick: (t) => t.stopPropagation(),
+      onKeyDown: (t) => {
+        t.stopPropagation(), t.key === "Enter" ? (t.preventDefault(), n()) : t.key === "Escape" && (t.preventDefault(), a.current = !0, s());
+      },
+      onBlur: n,
+      className: "h-5 min-w-0 flex-1 rounded-sm border-[color:var(--accent)]/60 px-1 text-[13px] leading-[1.2] focus-visible:ring-[color:var(--accent)]"
+    }
+  );
+}
+function nt(r) {
+  const u = /* @__PURE__ */ new Set();
+  let s = 0;
+  const l = (e) => {
+    const a = [];
+    for (const n of e) {
+      if (typeof (n == null ? void 0 : n.path) != "string" || n.path.length === 0 || u.has(n.path)) {
+        s++;
+        continue;
+      }
+      u.add(n.path), a.push(
+        n.children && n.children.length > 0 ? { ...n, children: l(n.children) } : n
+      );
+    }
+    return a;
+  };
+  return { nodes: l(r), dropped: s };
+}
+function ot(r, u) {
+  if (!(u != null && u.trim())) return r.length;
+  const s = u.trim().toLowerCase(), l = (e) => {
+    var n;
+    let a = 0;
+    for (const t of e) {
+      const i = t.name.toLowerCase().includes(s), m = (n = t.children) != null && n.length ? l(t.children) : 0;
+      (i || m > 0) && (a += 1);
+    }
+    return a;
+  };
+  return l(r);
+}
+function it({ node: r, style: u, dragHandle: s }) {
+  const { onContextMenu: l, editing: e, pendingPaths: a, onSubmitEdit: n, onCancelEdit: t } = J(j), i = r.data, m = i.kind === "dir", h = (e == null ? void 0 : e.path) === i.path, w = a.has(i.path), F = m ? r.isOpen ? U : V : Z(i.name || "untitled");
+  return /* @__PURE__ */ y(
+    "div",
+    {
+      ref: s,
+      style: u,
+      className: g(
+        "group relative mx-1 flex items-center gap-1.5 rounded-md px-2 py-0.5 text-[13px] leading-[1.4] cursor-pointer select-none text-foreground",
+        "transition-colors duration-150 ease-[cubic-bezier(0.22,1,0.36,1)]",
+        !h && "hover:bg-foreground/[0.04]",
+        r.isSelected && !h && "bg-[oklch(from_var(--accent)_l_c_h/0.10)] text-foreground font-medium",
+        r.willReceiveDrop && "bg-foreground/5 outline outline-1 outline-border"
+      ),
+      onClick: (f) => {
+        h || (f.stopPropagation(), m ? r.toggle() : (r.select(), r.activate()));
+      },
+      onContextMenu: (f) => {
+        h || i.isDraft || (f.preventDefault(), f.stopPropagation(), l == null || l(f, i));
+      },
+      children: [
+        m ? /* @__PURE__ */ d(
+          X,
+          {
+            className: g(
+              "h-3 w-3 shrink-0 text-muted-foreground/70 transition-transform duration-150 ease-[cubic-bezier(0.22,1,0.36,1)]",
+              r.isOpen && "rotate-90"
+            ),
+            strokeWidth: 2
+          }
+        ) : /* @__PURE__ */ d("span", { className: "w-3 shrink-0" }),
+        /* @__PURE__ */ d(
+          F,
+          {
+            className: g(
+              "h-4 w-4 shrink-0",
+              r.isSelected ? "text-[color:var(--accent)]" : "text-muted-foreground/80"
+            ),
+            strokeWidth: 1.5
+          }
+        ),
+        h ? /* @__PURE__ */ d(
+          rt,
+          {
+            initialValue: (e == null ? void 0 : e.initialValue) ?? i.name ?? "",
+            isDraft: !!(e != null && e.isDraft),
+            onSubmit: (f) => n == null ? void 0 : n(i.path, f),
+            onCancel: () => t == null ? void 0 : t()
+          }
+        ) : /* @__PURE__ */ d(
+          "span",
+          {
+            className: g(
+              "truncate",
+              w && "text-muted-foreground italic"
+            ),
+            children: i.name
+          }
+        ),
+        w && !h && /* @__PURE__ */ d(
+          Y,
+          {
+            "data-testid": "file-tree-pending-spinner",
+            "aria-label": "Pending",
+            className: "ml-auto h-3 w-3 shrink-0 animate-spin text-muted-foreground/70",
+            strokeWidth: 2
+          }
+        )
+      ]
+    }
+  );
+}
+function ht({
+  files: r,
+  selectedPath: u,
+  searchQuery: s,
+  height: l = 400,
+  editing: e,
+  revealPath: a,
+  pendingPaths: n,
+  onSelect: t,
+  onExpand: i,
+  onCollapse: m,
+  onContextMenu: h,
+  onSubmitEdit: w,
+  onCancelEdit: F,
+  onRevealHandled: f,
+  onDragDrop: A,
+  className: P
+}) {
+  const b = C(null), { nodes: T, dropped: v } = I(
+    () => nt(r),
+    [r]
+  ), L = C(0);
+  M(() => {
+    v > 0 && v !== L.current && console.warn(
+      `[filesystem] dropped ${v} file-tree node(s) with a missing or duplicate path`
+    ), L.current = v;
+  }, [v]), M(() => {
+    if (!(e != null && e.isDraft)) return;
+    const o = requestAnimationFrame(() => {
+      var c;
+      (c = b.current) == null || c.scrollTo(e.path);
+    });
+    return () => cancelAnimationFrame(o);
+  }, [e == null ? void 0 : e.isDraft, e == null ? void 0 : e.path]), M(() => {
+    if (!a) return;
+    let o = 0;
+    const c = requestAnimationFrame(() => {
+      const p = b.current;
+      if (!p) return;
+      p.openParents(a);
+      const x = p.get(a);
+      x && (x.isInternal && x.open(), o = requestAnimationFrame(() => {
+        var N;
+        (N = b.current) == null || N.scrollTo(a), f == null || f(a);
+      }));
+    });
+    return () => {
+      cancelAnimationFrame(c), cancelAnimationFrame(o);
+    };
+  }, [r, f, a]);
+  const O = I(
+    () => u || void 0,
+    [u]
+  ), R = k(
+    (o) => {
+      o.data.kind === "file" && (t == null || t(o.data.path));
+    },
+    [t]
+  ), q = k(
+    (o) => {
+      var p;
+      const c = (p = b.current) == null ? void 0 : p.get(o);
+      c && (c.isOpen ? i == null || i(c.data.path) : m == null || m(c.data.path));
+    },
+    [i, m]
+  ), z = k(
+    (o) => {
+      if (!A) return;
+      const c = !o.parentNode || o.parentNode.isRoot, p = c ? "." : o.parentNode.data.path;
+      if (!(!c && o.parentNode.data.kind !== "dir"))
+        for (const x of o.dragNodes) {
+          const N = x.data.path;
+          if (p === N || p !== "." && p.startsWith(N + "/")) return;
+          A(N, p);
+        }
+    },
+    [A]
+  ), B = k(
+    (o) => {
+      if (!o.parentNode || o.parentNode.isRoot) return !1;
+      if (o.parentNode.data.kind !== "dir") return !0;
+      for (const c of o.dragNodes)
+        if (o.parentNode.data.path === c.data.path || o.parentNode.data.path.startsWith(c.data.path + "/")) return !0;
+      return !1;
+    },
+    []
+  ), S = k(
+    (o, c) => o.data.name.toLowerCase().includes(c.toLowerCase()),
+    []
+  ), _ = I(
+    () => ({
+      onContextMenu: h,
+      editing: e ?? null,
+      pendingPaths: n ?? W,
+      onSubmitEdit: w,
+      onCancelEdit: F
+    }),
+    [h, e, n, w, F]
+  ), $ = I(
+    () => ot(T, s),
+    [T, s]
+  );
+  return T.length === 0 ? /* @__PURE__ */ d(
+    "div",
+    {
+      className: g(
+        "flex h-full items-center justify-center text-sm text-muted-foreground",
+        P
+      ),
+      children: "No files"
+    }
+  ) : $ === 0 ? /* @__PURE__ */ d("div", { className: g("flex h-full items-center justify-center p-6", P), children: /* @__PURE__ */ d(
+    G,
+    {
+      className: "min-h-0 border-0",
+      title: "No matching files",
+      description: s != null && s.trim() ? `No files match “${s.trim()}”.` : "No files match the current filter."
+    }
+  ) }) : /* @__PURE__ */ d(j.Provider, { value: _, children: /* @__PURE__ */ d("div", { "data-boring-workspace-part": "file-tree", className: g("file-tree", P), children: /* @__PURE__ */ d(
+    K,
+    {
+      ref: b,
+      data: T,
+      idAccessor: "path",
+      childrenAccessor: "children",
+      openByDefault: !1,
+      width: "100%",
+      height: l,
+      rowHeight: 26,
+      indent: 14,
+      selection: O,
+      searchTerm: s ?? "",
+      searchMatch: S,
+      onActivate: R,
+      onToggle: q,
+      onMove: z,
+      disableDrop: B,
+      disableEdit: !0,
+      dndManager: et(),
+      children: it
+    }
+  ) }) });
+}
+export {
+  ht as FileTree,
+  nt as sanitizeFileTree
+};