@hachej/boring-workspace 0.1.31 → 0.1.33

package/dist/FileTree-SmsE0Raq.js

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

package/dist/{MarkdownEditor-DPBSzTBz.js → MarkdownEditor-zbp8ezds.js}

@@ -15,7 +15,7 @@ import { TableHeader as ut } from "@tiptap/extension-table-header";
 import { TableCell as gt } from "@tiptap/extension-table-cell";
 import dt from "@tiptap/extension-image";
 import { c as S } from "./utils-B6yFEsav.js";
-import { _ as j, aq as _ } from "./WorkspaceProvider-0V-2x7AH.js";
+import { _ as j, aq as _ } from "./WorkspaceProvider-CuIZx1ua.js";
 import { uploadFile as ft } from "@hachej/boring-agent/front";
 import mt from "@tiptap/extension-code-block-lowlight";
 import { createLowlight as pt, common as ht } from "lowlight";