@hachej/boring-workspace 0.1.23 → 0.1.24

package/dist/{FileTree-D8Rmj8Bo.js → FileTree-DjPzfDMq.js}

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

package/dist/{MarkdownEditor-DKC4gNT4.js → MarkdownEditor-BbSy0bLV.js}

@@ -4,7 +4,7 @@ import { ReactNodeViewRenderer as Z, NodeViewWrapper as G, useEditor as J, Edito
 import et from "@tiptap/starter-kit";
 import rt from "@tiptap/extension-underline";
 import it from "@tiptap/extension-link";
-import j from "@tiptap/extension-placeholder";
+import q from "@tiptap/extension-placeholder";
 import nt from "@tiptap/extension-task-list";
 import at from "@tiptap/extension-task-item";
 import ot from "@tiptap/extension-text-align";
@@ -15,15 +15,15 @@ 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 U } from "./utils-B6yFEsav.js";
-import { ao as q, ap as _ } from "./WorkspaceProvider-Cn0sPgaB.js";
+import { _ as j, aq as _ } from "./WorkspaceProvider-BW4wzbpR.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";
 import { Markdown as wt } from "@tiptap/markdown";
 import { BoldIcon as kt, ItalicIcon as vt, UnderlineIcon as bt, StrikethroughIcon as It, Heading1Icon as At, Heading2Icon as yt, Heading3Icon as Lt, ListIcon as xt, ListOrderedIcon as Nt, ListChecksIcon as Ct, QuoteIcon as Tt, CodeIcon as Mt, LinkIcon as Rt, ImageIcon as Ht, HighlighterIcon as Ut, AlignLeftIcon as St, AlignCenterIcon as $t, AlignRightIcon as Bt, MinusIcon as Dt, Loader2Icon as Et } from "lucide-react";
 import { Toolbar as Ft, Input as zt, ToolbarButton as Wt, ToolbarSeparator as Pt } from "@hachej/boring-ui-kit";
-function jt(t) {
-  const r = q(), i = _(), [a, s] = E(0);
+function qt(t) {
+  const r = j(), i = _(), [a, s] = E(0);
   return { upload: K(
     async (g, o) => {
       s((p) => p + 1);
@@ -42,7 +42,7 @@ function jt(t) {
   ), uploading: a > 0 };
 }
 const F = 64, z = 2e3;
-function qt(t) {
+function jt(t) {
   return t.replace(/\\/g, "\\\\").replace(/]/g, "\\]");
 }
 function B(t) {
@@ -75,7 +75,7 @@ const O = dt.extend({
     var y, b, A, n, c, k, I;
     const r = typeof ((y = t.attrs) == null ? void 0 : y.src) == "string" ? t.attrs.src : "", i = typeof ((b = t.attrs) == null ? void 0 : b.alt) == "string" ? t.attrs.alt : "", a = typeof ((A = t.attrs) == null ? void 0 : A.title) == "string" ? t.attrs.title : "", s = W((n = t.attrs) == null ? void 0 : n.width), l = W((c = t.attrs) == null ? void 0 : c.height), g = ((k = t.attrs) == null ? void 0 : k.align) === "center" || ((I = t.attrs) == null ? void 0 : I.align) === "right" ? t.attrs.align : "left";
     if (!s && !l && g === "left") {
-      const h = qt(i);
+      const h = jt(i);
       return a ? `![${h}](${r} "${a.replace(/"/g, '\\"')}")` : `![${h}](${r})`;
     }
     const p = `<img ${[
@@ -235,7 +235,7 @@ const Gt = [
     defaultProtocol: "https",
     HTMLAttributes: { rel: "noopener noreferrer nofollow", target: "_blank" }
   }),
-  j.configure({
+  q.configure({
     placeholder: "Start writing..."
   }),
   nt,
@@ -436,7 +436,7 @@ function xe({
   className: s,
   documentPath: l
 }) {
-  const g = q(), o = _(), { upload: p, uploading: y } = jt(), [b, A] = E(!1), n = Q(() => {
+  const g = j(), o = _(), { upload: p, uploading: y } = qt(), [b, A] = E(!1), n = Q(() => {
     const d = O.configure({
       inline: !1,
       allowBase64: !0,
@@ -444,7 +444,7 @@ function xe({
     }), m = Gt.map((w) => w.name === "image" ? d : w);
     return a ? [
       ...m.filter((w) => w.name !== "placeholder"),
-      j.configure({ placeholder: a })
+      q.configure({ placeholder: a })
     ] : m;
   }, [g, l, a, o]), c = L(r);
   c.current = r;