@hachej/boring-workspace 0.1.63 → 0.1.65

package/dist/FileTree-B_fRS4Om.js

@@ -0,0 +1,230 @@
+import { n as e } from "./rolldown-runtime-Dqa2HsxW.js";
+import { kt as t } from "./WorkspaceProvider-Ddx7GByq.js";
+import { t as n } from "./utils-BRcxFdrz.js";
+import { createContext as r, useCallback as i, useContext as a, useEffect as o, useMemo as s, useRef as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { ChevronRightIcon as d, FolderIcon as f, FolderOpenIcon as p, Loader2Icon as m } from "lucide-react";
+import { EmptyState as h, Input as g } from "@hachej/boring-ui-kit";
+import { Tree as _ } from "react-arborist";
+import { createDragDropManager as v } from "dnd-core";
+import { HTML5Backend as y } from "react-dnd-html5-backend";
+//#region src/plugins/filesystemPlugin/front/file-tree/dndManager.ts
+var b = Symbol.for("@hachej/boring-workspace/file-tree-dnd-manager");
+function x() {
+	let e = globalThis;
+	return e[b] ??= v(y, typeof window > "u" ? void 0 : window), e[b];
+}
+//#endregion
+//#region src/plugins/filesystemPlugin/front/file-tree/FileTree.tsx
+var S = /* @__PURE__ */ e({
+	FileTree: () => k,
+	sanitizeFileTree: () => E
+}), C = /* @__PURE__ */ new Set(), w = r({
+	onContextMenu: void 0,
+	editing: null,
+	pendingPaths: C,
+	onSubmitEdit: void 0,
+	onCancelEdit: void 0
+});
+function T({ initialValue: e, onSubmit: t, onCancel: n, isDraft: r }) {
+	let i = c(null), a = c(!1);
+	o(() => {
+		let t = i.current;
+		if (t) if (t.focus(), !r && e.includes(".")) {
+			let n = e.lastIndexOf(".");
+			t.setSelectionRange(0, n);
+		} else t.select();
+	}, [e, r]);
+	let s = () => {
+		if (a.current) return;
+		a.current = !0;
+		let r = i.current?.value.trim() ?? "";
+		!r || r === e ? n() : t(r);
+	};
+	return /* @__PURE__ */ l(g, {
+		ref: i,
+		type: "text",
+		defaultValue: e,
+		"data-testid": "file-tree-edit-input",
+		"aria-label": r ? "Name" : "Rename",
+		onPointerDown: (e) => e.stopPropagation(),
+		onClick: (e) => e.stopPropagation(),
+		onKeyDown: (e) => {
+			e.stopPropagation(), e.key === "Enter" ? (e.preventDefault(), s()) : e.key === "Escape" && (e.preventDefault(), a.current = !0, n());
+		},
+		onBlur: s,
+		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(e) {
+	let t = /* @__PURE__ */ new Set(), n = 0, r = (e) => {
+		let i = [];
+		for (let a of e) {
+			if (typeof a?.path != "string" || a.path.length === 0 || t.has(a.path)) {
+				n++;
+				continue;
+			}
+			t.add(a.path), i.push(a.children && a.children.length > 0 ? {
+				...a,
+				children: r(a.children)
+			} : a);
+		}
+		return i;
+	};
+	return {
+		nodes: r(e),
+		dropped: n
+	};
+}
+function D(e, t) {
+	if (!t?.trim()) return e.length;
+	let n = t.trim().toLowerCase(), r = (e) => {
+		let t = 0;
+		for (let i of e) {
+			let e = i.name.toLowerCase().includes(n), a = i.children?.length ? r(i.children) : 0;
+			(e || a > 0) && (t += 1);
+		}
+		return t;
+	};
+	return r(e);
+}
+function O({ node: e, style: r, dragHandle: i }) {
+	let { onContextMenu: o, editing: s, pendingPaths: c, onSubmitEdit: h, onCancelEdit: g } = a(w), _ = e.data, v = _.kind === "dir", y = s?.path === _.path, b = c.has(_.path), x = v ? e.isOpen ? p : f : t(_.name || "untitled");
+	return /* @__PURE__ */ u("div", {
+		ref: i,
+		style: r,
+		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)]", !y && "hover:bg-foreground/[0.04]", e.isSelected && !y && "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: (t) => {
+			y || (t.stopPropagation(), v ? e.toggle() : (e.select(), e.activate()));
+		},
+		onContextMenu: (e) => {
+			y || _.isDraft || (e.preventDefault(), e.stopPropagation(), o?.(e, _));
+		},
+		children: [
+			v ? /* @__PURE__ */ l(d, {
+				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__ */ l("span", { className: "w-3 shrink-0" }),
+			/* @__PURE__ */ l(x, {
+				className: n("h-4 w-4 shrink-0", e.isSelected ? "text-[color:var(--accent)]" : "text-muted-foreground/80"),
+				strokeWidth: 1.5
+			}),
+			y ? /* @__PURE__ */ l(T, {
+				initialValue: s?.initialValue ?? _.name ?? "",
+				isDraft: !!s?.isDraft,
+				onSubmit: (e) => h?.(_.path, e),
+				onCancel: () => g?.()
+			}) : /* @__PURE__ */ l("span", {
+				className: n("truncate", b && "text-muted-foreground italic"),
+				children: _.name
+			}),
+			b && !y && /* @__PURE__ */ l(m, {
+				"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 k({ files: e, selectedPath: t, searchQuery: r, height: a = 400, editing: u, revealPath: d, pendingPaths: f, onSelect: p, onExpand: m, onCollapse: g, onContextMenu: v, onSubmitEdit: y, onCancelEdit: b, onRevealHandled: S, onDragDrop: T, className: k }) {
+	let A = c(null), { nodes: j, dropped: M } = s(() => E(e), [e]), N = c(0);
+	o(() => {
+		M > 0 && M !== N.current && console.warn(`[filesystem] dropped ${M} file-tree node(s) with a missing or duplicate path`), N.current = M;
+	}, [M]), o(() => {
+		if (!u?.isDraft) return;
+		let e = requestAnimationFrame(() => {
+			A.current?.scrollTo(u.path);
+		});
+		return () => cancelAnimationFrame(e);
+	}, [u?.isDraft, u?.path]), o(() => {
+		if (!d) return;
+		let e = 0, t = requestAnimationFrame(() => {
+			let t = A.current;
+			if (!t) return;
+			t.openParents(d);
+			let n = t.get(d);
+			n && (n.isInternal && n.open(), e = requestAnimationFrame(() => {
+				A.current?.scrollTo(d), S?.(d);
+			}));
+		});
+		return () => {
+			cancelAnimationFrame(t), cancelAnimationFrame(e);
+		};
+	}, [
+		e,
+		S,
+		d
+	]);
+	let P = s(() => t || void 0, [t]), F = i((e) => {
+		e.data.kind === "file" && p?.(e.data.path);
+	}, [p]), I = i((e) => {
+		let t = A.current?.get(e);
+		t && (t.isOpen ? m?.(t.data.path) : g?.(t.data.path));
+	}, [m, g]), L = i((e) => {
+		if (!T) return;
+		let t = !e.parentNode || e.parentNode.isRoot, n = t ? "." : e.parentNode.data.path;
+		if (!(!t && e.parentNode.data.kind !== "dir")) for (let t of e.dragNodes) {
+			let e = t.data.path;
+			if (n === e || n !== "." && n.startsWith(e + "/")) return;
+			T(e, n);
+		}
+	}, [T]), R = i((e) => {
+		if (!e.parentNode || e.parentNode.isRoot) return !1;
+		if (e.parentNode.data.kind !== "dir") return !0;
+		for (let t of e.dragNodes) if (e.parentNode.data.path === t.data.path || e.parentNode.data.path.startsWith(t.data.path + "/")) return !0;
+		return !1;
+	}, []), z = i((e, t) => e.data.name.toLowerCase().includes(t.toLowerCase()), []), B = s(() => ({
+		onContextMenu: v,
+		editing: u ?? null,
+		pendingPaths: f ?? C,
+		onSubmitEdit: y,
+		onCancelEdit: b
+	}), [
+		v,
+		u,
+		f,
+		y,
+		b
+	]), V = s(() => D(j, r), [j, r]);
+	return j.length === 0 ? /* @__PURE__ */ l("div", {
+		className: n("flex h-full items-center justify-center text-sm text-muted-foreground", k),
+		children: "No files"
+	}) : V === 0 ? /* @__PURE__ */ l("div", {
+		className: n("flex h-full items-center justify-center p-6", k),
+		children: /* @__PURE__ */ l(h, {
+			className: "min-h-0 border-0",
+			title: "No matching files",
+			description: r?.trim() ? `No files match “${r.trim()}”.` : "No files match the current filter."
+		})
+	}) : /* @__PURE__ */ l(w.Provider, {
+		value: B,
+		children: /* @__PURE__ */ l("div", {
+			"data-boring-workspace-part": "file-tree",
+			className: n("file-tree", k),
+			children: /* @__PURE__ */ l(_, {
+				ref: A,
+				data: j,
+				idAccessor: "path",
+				childrenAccessor: "children",
+				openByDefault: !1,
+				width: "100%",
+				height: a,
+				rowHeight: 26,
+				indent: 14,
+				selection: P,
+				searchTerm: r ?? "",
+				searchMatch: z,
+				onActivate: F,
+				onToggle: I,
+				onMove: L,
+				disableDrop: R,
+				disableEdit: !0,
+				dndManager: x(),
+				children: O
+			})
+		})
+	});
+}
+//#endregion
+export { S as n, k as t };