@batterai/editor-shell 0.1.0

package/dist/usePagePathEditor.d.ts

@@ -0,0 +1,36 @@
+import type { ClipboardEvent as ReactClipboardEvent, KeyboardEvent as ReactKeyboardEvent, MouseEvent as ReactMouseEvent } from "react";
+import type { ParentPathOption, PagePathUpdate } from "./components/page-frame/viewport";
+import type { CanvasPage } from "./types";
+type UsePagePathEditorArgs = {
+    page: CanvasPage;
+    parentPathOptions: ParentPathOption[];
+    onActivate: () => void;
+    onSelect: (blockId: string | null, extend?: boolean) => void;
+    onChangePagePath: (next: PagePathUpdate) => void;
+};
+export declare function usePagePathEditor({ page, parentPathOptions, onActivate, onSelect, onChangePagePath, }: UsePagePathEditorArgs): {
+    pagePath: string;
+    pathParts: {
+        parentPath: string | null;
+        segment: string;
+    };
+    parentPath: string;
+    isRootPath: boolean;
+    isEditingPathSegment: boolean;
+    pathSegmentRef: import("react").RefObject<HTMLSpanElement | null>;
+    isParentPickerOpen: boolean;
+    parentQuery: string;
+    parentPickerRef: import("react").RefObject<HTMLSpanElement | null>;
+    parentPickerInputRef: import("react").RefObject<HTMLInputElement | null>;
+    filteredParentPathOptions: ParentPathOption[];
+    setParentQuery: import("react").Dispatch<import("react").SetStateAction<string>>;
+    startPathSegmentEdit: (event: ReactMouseEvent) => void;
+    commitPathSegmentEdit: () => void;
+    handlePathSegmentKeyDown: (event: ReactKeyboardEvent<HTMLSpanElement>) => void;
+    handlePathSegmentPaste: (event: ReactClipboardEvent<HTMLSpanElement>) => void;
+    openParentPicker: (event: ReactMouseEvent) => void;
+    selectParentPath: (option: ParentPathOption) => void;
+    handleParentQueryKeyDown: (event: ReactKeyboardEvent<HTMLInputElement>) => void;
+};
+export {};
+//# sourceMappingURL=usePagePathEditor.d.ts.map

package/dist/usePagePathEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePagePathEditor.d.ts","sourceRoot":"","sources":["../src/usePagePathEditor.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,cAAc,IAAI,mBAAmB,EACrC,aAAa,IAAI,kBAAkB,EACnC,UAAU,IAAI,eAAe,EAC9B,MAAM,OAAO,CAAC;AAOf,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AACzF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,KAAK,qBAAqB,GAAG;IAC3B,IAAI,EAAE,UAAU,CAAC;IACjB,iBAAiB,EAAE,gBAAgB,EAAE,CAAC;IACtC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7D,gBAAgB,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;CAClD,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,iBAAiB,EACjB,UAAU,EACV,QAAQ,EACR,gBAAgB,GACjB,EAAE,qBAAqB;;;;;;;;;;;;;;;;kCAsDe,eAAe;;sCAuCX,kBAAkB,CAAC,eAAe,CAAC;oCAUrC,mBAAmB,CAAC,eAAe,CAAC;8BAM1C,eAAe;+BASd,gBAAgB;sCAWT,kBAAkB,CAAC,gBAAgB,CAAC;EAgC9E"}

package/dist/usePagePathEditor.js

@@ -0,0 +1,163 @@
+import { useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { joinPagePath, normalizePagePath, slugifyPathSegment, splitPagePath, } from "./pageActions.js";
+export function usePagePathEditor({ page, parentPathOptions, onActivate, onSelect, onChangePagePath, }) {
+    const pagePath = normalizePagePath(page.path);
+    const pathParts = splitPagePath(pagePath);
+    const parentPath = pathParts.parentPath ?? "/";
+    const isRootPath = pagePath === "/";
+    const [isEditingPathSegment, setIsEditingPathSegment] = useState(false);
+    const pathSegmentRef = useRef(null);
+    const skipPathSegmentBlurCommitRef = useRef(false);
+    const [isParentPickerOpen, setIsParentPickerOpen] = useState(false);
+    const [parentQuery, setParentQuery] = useState("");
+    const parentPickerRef = useRef(null);
+    const parentPickerInputRef = useRef(null);
+    useLayoutEffect(() => {
+        if (!isEditingPathSegment)
+            return;
+        const segment = pathSegmentRef.current;
+        if (!segment)
+            return;
+        segment.textContent = pathParts.segment || "/";
+        segment.focus({ preventScroll: true });
+        const range = document.createRange();
+        range.selectNodeContents(segment);
+        const selection = window.getSelection();
+        selection?.removeAllRanges();
+        selection?.addRange(range);
+    }, [isEditingPathSegment, pathParts.segment]);
+    useEffect(() => {
+        if (!isParentPickerOpen)
+            return;
+        parentPickerInputRef.current?.focus();
+        parentPickerInputRef.current?.select();
+    }, [isParentPickerOpen]);
+    useEffect(() => {
+        if (!isParentPickerOpen)
+            return;
+        function handlePointerDown(event) {
+            if (!(event.target instanceof Node))
+                return;
+            if (parentPickerRef.current?.contains(event.target))
+                return;
+            setIsParentPickerOpen(false);
+        }
+        window.addEventListener("pointerdown", handlePointerDown);
+        return () => window.removeEventListener("pointerdown", handlePointerDown);
+    }, [isParentPickerOpen]);
+    const filteredParentPathOptions = useMemo(() => {
+        const query = parentQuery.trim().toLowerCase();
+        if (!query)
+            return parentPathOptions;
+        return parentPathOptions.filter((option) => {
+            const path = option.path.toLowerCase();
+            const label = option.label.toLowerCase();
+            return path.includes(query) || label.includes(query);
+        });
+    }, [parentPathOptions, parentQuery]);
+    function startPathSegmentEdit(event) {
+        event.stopPropagation();
+        onActivate();
+        onSelect(null);
+        setIsParentPickerOpen(false);
+        skipPathSegmentBlurCommitRef.current = false;
+        setIsEditingPathSegment(true);
+    }
+    function pathSegmentText() {
+        return pathSegmentRef.current?.textContent?.replace(/\s+/g, " ").trim() ?? "";
+    }
+    function commitPathSegmentEdit() {
+        if (skipPathSegmentBlurCommitRef.current) {
+            skipPathSegmentBlurCommitRef.current = false;
+            if (pathSegmentRef.current)
+                pathSegmentRef.current.textContent = pathParts.segment || "/";
+            setIsEditingPathSegment(false);
+            return;
+        }
+        const draft = pathSegmentText();
+        const nextSegment = slugifyPathSegment(draft);
+        setIsEditingPathSegment(false);
+        if (!draft || nextSegment === pathParts.segment) {
+            if (pathSegmentRef.current)
+                pathSegmentRef.current.textContent = pathParts.segment || "/";
+            return;
+        }
+        onChangePagePath({
+            parentId: page.parentId ?? null,
+            path: joinPagePath(isRootPath ? "/" : parentPath, nextSegment),
+        });
+    }
+    function cancelPathSegmentEdit() {
+        skipPathSegmentBlurCommitRef.current = true;
+        if (pathSegmentRef.current)
+            pathSegmentRef.current.textContent = pathParts.segment || "/";
+        setIsEditingPathSegment(false);
+    }
+    function handlePathSegmentKeyDown(event) {
+        if (event.key === "Enter") {
+            event.preventDefault();
+            event.currentTarget.blur();
+        }
+        else if (event.key === "Escape") {
+            event.preventDefault();
+            cancelPathSegmentEdit();
+        }
+    }
+    function handlePathSegmentPaste(event) {
+        event.preventDefault();
+        const text = event.clipboardData.getData("text/plain").replace(/\s+/g, " ");
+        document.execCommand("insertText", false, text);
+    }
+    function openParentPicker(event) {
+        event.stopPropagation();
+        onActivate();
+        onSelect(null);
+        setIsEditingPathSegment(false);
+        setParentQuery("");
+        setIsParentPickerOpen(true);
+    }
+    function selectParentPath(option) {
+        const segment = pathParts.segment || slugifyPathSegment(page.title);
+        const nextPath = joinPagePath(option.path, segment);
+        setIsParentPickerOpen(false);
+        setParentQuery("");
+        if (option.pageId === (page.parentId ?? null) && normalizePagePath(nextPath) === pagePath) {
+            return;
+        }
+        onChangePagePath({ parentId: option.pageId, path: nextPath });
+    }
+    function handleParentQueryKeyDown(event) {
+        if (event.key === "Escape") {
+            event.preventDefault();
+            setIsParentPickerOpen(false);
+        }
+        else if (event.key === "Enter") {
+            event.preventDefault();
+            const first = filteredParentPathOptions[0];
+            if (first)
+                selectParentPath(first);
+        }
+    }
+    return {
+        pagePath,
+        pathParts,
+        parentPath,
+        isRootPath,
+        isEditingPathSegment,
+        pathSegmentRef,
+        isParentPickerOpen,
+        parentQuery,
+        parentPickerRef,
+        parentPickerInputRef,
+        filteredParentPathOptions,
+        setParentQuery,
+        startPathSegmentEdit,
+        commitPathSegmentEdit,
+        handlePathSegmentKeyDown,
+        handlePathSegmentPaste,
+        openParentPicker,
+        selectParentPath,
+        handleParentQueryKeyDown,
+    };
+}
+//# sourceMappingURL=usePagePathEditor.js.map

package/dist/usePagePathEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePagePathEditor.js","sourceRoot":"","sources":["../src/usePagePathEditor.ts"],"names":[],"mappings":"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"}

package/dist/usePageTitleEditor.d.ts

@@ -0,0 +1,17 @@
+import type { ClipboardEvent as ReactClipboardEvent, KeyboardEvent as ReactKeyboardEvent, MouseEvent as ReactMouseEvent } from "react";
+type UsePageTitleEditorArgs = {
+    title: string;
+    onActivate: () => void;
+    onSelect: (blockId: string | null, extend?: boolean) => void;
+    onRenamePage: (title: string) => void;
+};
+export declare function usePageTitleEditor({ title, onActivate, onSelect, onRenamePage, }: UsePageTitleEditorArgs): {
+    isEditingTitle: boolean;
+    titleRef: import("react").RefObject<HTMLSpanElement | null>;
+    commitTitleEdit: () => void;
+    handleTitleClick: (event: ReactMouseEvent<HTMLSpanElement>) => void;
+    handleTitleKeyDown: (event: ReactKeyboardEvent<HTMLSpanElement>) => void;
+    handleTitlePaste: (event: ReactClipboardEvent<HTMLSpanElement>) => void;
+};
+export {};
+//# sourceMappingURL=usePageTitleEditor.d.ts.map

package/dist/usePageTitleEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePageTitleEditor.d.ts","sourceRoot":"","sources":["../src/usePageTitleEditor.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,cAAc,IAAI,mBAAmB,EACrC,aAAa,IAAI,kBAAkB,EACnC,UAAU,IAAI,eAAe,EAC9B,MAAM,OAAO,CAAC;AAIf,KAAK,sBAAsB,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7D,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,UAAU,EACV,QAAQ,EACR,YAAY,GACb,EAAE,sBAAsB;;;;8BA6DU,eAAe,CAAC,eAAe,CAAC;gCAO9B,kBAAkB,CAAC,eAAe,CAAC;8BAiBrC,mBAAmB,CAAC,eAAe,CAAC;EActE"}

package/dist/usePageTitleEditor.js

@@ -0,0 +1,101 @@
+import { useLayoutEffect, useRef, useState } from "react";
+import { titleCaretRangeFromPoint } from "./components/page-frame/viewport.js";
+export function usePageTitleEditor({ title, onActivate, onSelect, onRenamePage, }) {
+    const [isEditingTitle, setIsEditingTitle] = useState(false);
+    const titleRef = useRef(null);
+    const titleFocusIntentRef = useRef(null);
+    const skipTitleBlurCommitRef = useRef(false);
+    useLayoutEffect(() => {
+        if (!isEditingTitle)
+            return;
+        const title = titleRef.current;
+        if (!title)
+            return;
+        title.focus({ preventScroll: true });
+        const intent = titleFocusIntentRef.current;
+        titleFocusIntentRef.current = null;
+        const range = document.createRange();
+        const selection = window.getSelection();
+        if (!selection)
+            return;
+        selection.removeAllRanges();
+        if (intent?.kind === "pointer") {
+            selection.addRange(titleCaretRangeFromPoint(title, intent.clientX, intent.clientY));
+            return;
+        }
+        range.selectNodeContents(title);
+        if (intent?.kind !== "keyboard")
+            range.collapse(false);
+        selection.addRange(range);
+    }, [isEditingTitle]);
+    function startTitleEdit(intent = { kind: "keyboard" }) {
+        onActivate();
+        onSelect(null);
+        titleFocusIntentRef.current = intent;
+        skipTitleBlurCommitRef.current = false;
+        setIsEditingTitle(true);
+    }
+    function titleText() {
+        return titleRef.current?.textContent?.replace(/\s+/g, " ").trim() ?? "";
+    }
+    function commitTitleEdit() {
+        if (skipTitleBlurCommitRef.current) {
+            skipTitleBlurCommitRef.current = false;
+            setIsEditingTitle(false);
+            return;
+        }
+        const nextTitle = titleText();
+        if (!nextTitle || nextTitle === title) {
+            if (titleRef.current)
+                titleRef.current.textContent = title;
+            setIsEditingTitle(false);
+            return;
+        }
+        onRenamePage(nextTitle);
+        setIsEditingTitle(false);
+    }
+    function cancelTitleEdit() {
+        skipTitleBlurCommitRef.current = true;
+        titleFocusIntentRef.current = null;
+        if (titleRef.current)
+            titleRef.current.textContent = title;
+        setIsEditingTitle(false);
+    }
+    function handleTitleClick(event) {
+        event.stopPropagation();
+        if (!isEditingTitle) {
+            startTitleEdit({ kind: "pointer", clientX: event.clientX, clientY: event.clientY });
+        }
+    }
+    function handleTitleKeyDown(event) {
+        if (!isEditingTitle) {
+            if (event.key === "Enter" || event.key === " ") {
+                event.preventDefault();
+                startTitleEdit({ kind: "keyboard" });
+            }
+            return;
+        }
+        if (event.key === "Enter") {
+            event.preventDefault();
+            event.currentTarget.blur();
+        }
+        else if (event.key === "Escape") {
+            event.preventDefault();
+            cancelTitleEdit();
+        }
+    }
+    function handleTitlePaste(event) {
+        event.preventDefault();
+        const text = event.clipboardData.getData("text/plain").replace(/\s+/g, " ");
+        document.execCommand("insertText", false, text);
+    }
+    return {
+        isEditingTitle,
+        titleRef,
+        commitTitleEdit,
+        handleTitleClick,
+        handleTitleKeyDown,
+        handleTitlePaste,
+    };
+}
+//# sourceMappingURL=usePageTitleEditor.js.map

package/dist/usePageTitleEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePageTitleEditor.js","sourceRoot":"","sources":["../src/usePageTitleEditor.ts"],"names":[],"mappings":"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"}

package/dist/useTextFocusIntent.d.ts

@@ -0,0 +1,13 @@
+import type { MouseEvent as ReactMouseEvent } from "react";
+import type { EditorRuntime, PendingTextFocus } from "./translation";
+type UseTextFocusIntentArgs = {
+    runtime: EditorRuntime;
+};
+export declare function useTextFocusIntent({ runtime }: UseTextFocusIntentArgs): {
+    pendingTextFocus: PendingTextFocus | null;
+    setPendingTextFocus: import("react").Dispatch<import("react").SetStateAction<PendingTextFocus | null>>;
+    handleTextPointerIntent: (event: ReactMouseEvent<HTMLElement>, selectOwningBlock: () => void) => void;
+    handleTextClickFocus: (event: ReactMouseEvent<HTMLElement>) => void;
+};
+export {};
+//# sourceMappingURL=useTextFocusIntent.d.ts.map

package/dist/useTextFocusIntent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTextFocusIntent.d.ts","sourceRoot":"","sources":["../src/useTextFocusIntent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,IAAI,eAAe,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAErE,KAAK,sBAAsB,GAAG;IAC5B,OAAO,EAAE,aAAa,CAAC;CACxB,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EAAE,OAAO,EAAE,EAAE,sBAAsB;;;qCAkC3D,eAAe,CAAC,WAAW,CAAC,qBAChB,MAAM,IAAI;kCAUM,eAAe,CAAC,WAAW,CAAC;EAkBlE"}

package/dist/useTextFocusIntent.js

@@ -0,0 +1,70 @@
+import { useState } from "react";
+export function useTextFocusIntent({ runtime }) {
+    const [pendingTextFocus, setPendingTextFocus] = useState(null);
+    function requestTextFocus(blockId, field, event) {
+        setPendingTextFocus({
+            id: Date.now(),
+            blockId,
+            field,
+            clientX: event.clientX,
+            clientY: event.clientY,
+        });
+    }
+    function textFocusTarget(event) {
+        const eventTarget = eventTargetElement(event.target);
+        if (!eventTarget)
+            return null;
+        const interactive = eventTarget.closest('a, button, input, select, textarea, label, [role="button"]');
+        if (interactive && interactive !== event.currentTarget && event.currentTarget.contains(interactive)) {
+            return null;
+        }
+        const pointTarget = document.elementFromPoint(event.clientX, event.clientY);
+        const textTarget = eventTarget.closest("[data-editable-text-block-id][data-editable-text-field]") ??
+            pointTarget?.closest("[data-editable-text-block-id][data-editable-text-field]");
+        if (!textTarget || !event.currentTarget.contains(textTarget))
+            return null;
+        const blockId = textTarget.dataset.editableTextBlockId;
+        const field = textTarget.dataset.editableTextField;
+        if (!blockId || !field)
+            return null;
+        return { blockId, field, target: eventTarget };
+    }
+    function handleTextPointerIntent(event, selectOwningBlock) {
+        if (runtime.globalEditMode)
+            return;
+        const focusTarget = textFocusTarget(event);
+        if (!focusTarget || focusTarget.target.closest(".is-editable-text"))
+            return;
+        event.preventDefault();
+        selectOwningBlock();
+        requestTextFocus(focusTarget.blockId, focusTarget.field, event);
+    }
+    function handleTextClickFocus(event) {
+        if (runtime.globalEditMode)
+            return;
+        const focusTarget = textFocusTarget(event);
+        if (!focusTarget)
+            return;
+        const selection = window.getSelection();
+        if (selection && !selection.isCollapsed)
+            return;
+        if (focusTarget.target.closest(".is-editable-text") && document.activeElement !== event.currentTarget) {
+            return;
+        }
+        requestTextFocus(focusTarget.blockId, focusTarget.field, event);
+    }
+    return {
+        pendingTextFocus,
+        setPendingTextFocus,
+        handleTextPointerIntent,
+        handleTextClickFocus,
+    };
+}
+function eventTargetElement(target) {
+    if (target instanceof HTMLElement)
+        return target;
+    if (target instanceof Text)
+        return target.parentElement;
+    return null;
+}
+//# sourceMappingURL=useTextFocusIntent.js.map

package/dist/useTextFocusIntent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTextFocusIntent.js","sourceRoot":"","sources":["../src/useTextFocusIntent.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "@batterai/editor-shell",
+  "version": "0.1.0",
+  "license": "BUSL-1.1",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./styles.css": "./styles/index.css",
+    "./styles/*": "./styles/*"
+  },
+  "scripts": {
+    "check": "tsc --noEmit",
+    "build": "node ../../scripts/build-package.mjs",
+    "prepack": "bun run build"
+  },
+  "dependencies": {
+    "@batterai/bind-core": "^0.1.0",
+    "@batterai/block-sdk": "^0.1.0",
+    "@batterai/block-react-runtime": "^0.1.0",
+    "@batterai/block-source": "^0.1.0",
+    "@batterai/canvas": "^0.1.0",
+    "@batterai/collab-client": "^0.1.0",
+    "@batterai/collab-protocol": "^0.1.0",
+    "@batterai/contract": "^0.1.0",
+    "@batterai/editor-state": "^0.1.0",
+    "@batterai/fields": "^0.1.0",
+    "@batterai/trust": "^0.1.0",
+    "lucide-react": "1.17.0"
+  },
+  "peerDependencies": {
+    "react": ">=18.2 <20",
+    "react-dom": ">=18.2 <20"
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "react": "19.2.7",
+    "react-dom": "19.2.7"
+  },
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "styles",
+    "LICENSE",
+    "README.md",
+    "CHANGELOG.md"
+  ],
+  "engines": {
+    "node": ">=20.11"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}