neuphlo-editor 0.3.13 → 0.4.2

package/dist/headless/index.cjs

@@ -0,0 +1,345 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/headless/index.ts
+var headless_exports = {};
+__export(headless_exports, {
+  EditorBubble: () => EditorBubble,
+  EditorBubbleItem: () => EditorBubbleItem,
+  EditorCommand: () => EditorCommand,
+  EditorCommandItem: () => EditorCommandItem,
+  EditorCommandList: () => EditorCommandList,
+  EditorCommandOut: () => EditorCommandOut,
+  EditorContent: () => EditorContent,
+  EditorRoot: () => EditorRoot,
+  Placeholder: () => import_extension_placeholder.Placeholder,
+  SlashCommand: () => Command2,
+  StarterKit: () => import_starter_kit.StarterKit,
+  createSuggestionItems: () => createSuggestionItems,
+  handleCommandNavigation: () => handleCommandNavigation,
+  renderSlashCommandItems: () => renderItems,
+  useEditor: () => import_react10.useCurrentEditor
+});
+module.exports = __toCommonJS(headless_exports);
+var import_react10 = require("@tiptap/react");
+
+// src/headless/components/editor.tsx
+var import_react = require("@tiptap/react");
+var import_react2 = require("react");
+var import_jotai2 = require("jotai");
+
+// src/headless/utils/store.ts
+var store_exports = {};
+__export(store_exports, {
+  novelStore: () => novelStore
+});
+var import_jotai = require("jotai");
+__reExport(store_exports, require("jotai"));
+var novelStore = (0, import_jotai.createStore)();
+
+// src/headless/components/editor.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var EditorRoot = ({ children }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jotai2.Provider, { store: novelStore, children });
+};
+var EditorContent = (0, import_react2.forwardRef)(
+  ({ className, children, initialContent, content, ...rest }, ref) => {
+    const effectiveContent = content ?? initialContent;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, className, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.EditorProvider, { ...rest, content: effectiveContent, children }) });
+  }
+);
+EditorContent.displayName = "EditorContent";
+
+// src/headless/components/editor-bubble.tsx
+var import_react3 = require("@tiptap/react");
+var import_menus = require("@tiptap/react/menus");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function EditorBubble({ className, children, options }) {
+  const { editor } = (0, import_react3.useCurrentEditor)();
+  if (!editor) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_menus.BubbleMenu, { editor, options, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className, children }) });
+}
+
+// src/headless/components/editor-bubble-item.tsx
+var import_react4 = require("react");
+var import_react5 = require("@tiptap/react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var EditorBubbleItem = (0, import_react4.forwardRef)(({ children, asChild, onSelect, ...rest }, ref) => {
+  const { editor } = (0, import_react5.useCurrentEditor)();
+  if (!editor) return null;
+  const handleClick = (e) => {
+    e.preventDefault();
+    onSelect?.(editor);
+  };
+  if (asChild && (0, import_react4.isValidElement)(children)) {
+    const child = children;
+    const childOnClick = child.props?.onClick;
+    const mergedOnClick = (e) => {
+      childOnClick?.(e);
+      if (!e?.defaultPrevented) onSelect?.(editor);
+    };
+    return (0, import_react4.cloneElement)(child, {
+      ...rest,
+      ref: child.ref ?? ref,
+      onClick: mergedOnClick
+    });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { ref, ...rest, onClick: handleClick, children });
+});
+EditorBubbleItem.displayName = "EditorBubbleItem";
+
+// src/headless/components/editor-command.tsx
+var import_jotai4 = require("jotai");
+var import_react6 = require("react");
+var import_cmdk = require("cmdk");
+
+// src/headless/utils/atoms.ts
+var import_jotai3 = require("jotai");
+var queryAtom = (0, import_jotai3.atom)("");
+var rangeAtom = (0, import_jotai3.atom)(null);
+
+// src/headless/components/editor-command.tsx
+var import_tunnel_rat = __toESM(require("tunnel-rat"), 1);
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var commandTunnel = (0, import_tunnel_rat.default)();
+var EditorCommandOut = ({
+  query,
+  range
+}) => {
+  const setQuery = (0, import_jotai4.useSetAtom)(queryAtom, { store: novelStore });
+  const setRange = (0, import_jotai4.useSetAtom)(rangeAtom, { store: novelStore });
+  (0, import_react6.useEffect)(() => {
+    setQuery(query);
+  }, [query, setQuery]);
+  (0, import_react6.useEffect)(() => {
+    setRange(range);
+  }, [range, setRange]);
+  (0, import_react6.useEffect)(() => {
+    const navigationKeys = ["ArrowUp", "ArrowDown", "Enter"];
+    const onKeyDown = (e) => {
+      if (navigationKeys.includes(e.key)) {
+        e.preventDefault();
+        const commandRef = document.querySelector("#slash-command");
+        if (commandRef)
+          commandRef.dispatchEvent(
+            new KeyboardEvent("keydown", {
+              key: e.key,
+              cancelable: true,
+              bubbles: true
+            })
+          );
+        return false;
+      }
+    };
+    document.addEventListener("keydown", onKeyDown);
+    return () => {
+      document.removeEventListener("keydown", onKeyDown);
+    };
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(commandTunnel.Out, {});
+};
+var CommandAny = import_cmdk.Command;
+var EditorCommand = (0, import_react6.forwardRef)(
+  ({ children, className, ...rest }, ref) => {
+    const [query, setQuery] = (0, import_jotai4.useAtom)(queryAtom);
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(commandTunnel.In, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+      CommandAny,
+      {
+        ref,
+        onKeyDown: (e) => {
+          e.stopPropagation();
+        },
+        id: "slash-command",
+        className,
+        ...rest,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            CommandAny.Input,
+            {
+              value: query,
+              onValueChange: setQuery,
+              style: { display: "none" }
+            }
+          ),
+          children
+        ]
+      }
+    ) });
+  }
+);
+var EditorCommandList = import_cmdk.Command.List;
+EditorCommand.displayName = "EditorCommand";
+
+// src/headless/components/editor-command-item.tsx
+var import_react7 = require("react");
+var import_cmdk2 = require("cmdk");
+var import_react8 = require("@tiptap/react");
+var import_jotai5 = require("jotai");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var CommandItemAny = import_cmdk2.CommandItem;
+var EditorCommandItem = (0, import_react7.forwardRef)(({ children, onCommand, ...rest }, ref) => {
+  const { editor } = (0, import_react8.useCurrentEditor)();
+  const range = (0, import_jotai5.useAtomValue)(rangeAtom);
+  if (!editor || !range) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    CommandItemAny,
+    {
+      ref,
+      ...rest,
+      onSelect: () => onCommand({ editor, range }),
+      children
+    }
+  );
+});
+EditorCommandItem.displayName = "EditorCommandItem";
+
+// src/headless/extensions/index.ts
+var import_starter_kit = require("@tiptap/starter-kit");
+var import_extension_placeholder = require("@tiptap/extension-placeholder");
+
+// src/headless/extensions/slash-command.tsx
+var import_react9 = require("@tiptap/react");
+var import_suggestion = __toESM(require("@tiptap/suggestion"), 1);
+var import_core = require("@tiptap/core");
+var Command2 = import_core.Extension.create({
+  name: "slash-command",
+  addOptions() {
+    return {
+      suggestion: {
+        char: "/",
+        command: (ctx) => {
+          ctx.props.command({ editor: ctx.editor, range: ctx.range });
+        }
+      }
+    };
+  },
+  addProseMirrorPlugins() {
+    const base = this.options.suggestion ?? {};
+    return [
+      (0, import_suggestion.default)({
+        editor: this.editor,
+        char: base.char ?? "/",
+        items: base.items ?? (() => ["/"]),
+        command: (ctx) => {
+          if (typeof ctx?.props?.command === "function") {
+            ctx.props.command({ editor: ctx.editor, range: ctx.range });
+          }
+        },
+        ...base
+      })
+    ];
+  }
+});
+var renderItems = (elementRef) => {
+  let component = null;
+  let container = null;
+  const destroy = () => {
+    component?.destroy();
+    component = null;
+    if (container) {
+      container.remove();
+      container = null;
+    }
+  };
+  const updatePosition = (clientRect) => {
+    if (!container || !clientRect) return;
+    const top = Math.round(clientRect.bottom + 8);
+    const left = Math.round(clientRect.left);
+    container.style.top = `${top}px`;
+    container.style.left = `${left}px`;
+  };
+  return {
+    onStart: (props) => {
+      const { selection } = props.editor.state;
+      const parentNode = selection.$from.node(selection.$from.depth);
+      const blockType = parentNode.type.name;
+      if (blockType === "codeBlock") return false;
+      component = new import_react9.ReactRenderer(EditorCommandOut, {
+        props: {
+          query: props.query ?? "",
+          range: props.range
+        },
+        editor: props.editor
+      });
+      container = document.createElement("div");
+      container.style.position = "fixed";
+      container.style.zIndex = "9999";
+      container.style.minWidth = "240px";
+      (elementRef?.current ?? document.body).appendChild(container);
+      container.appendChild(component.element);
+      const rect = typeof props.clientRect === "function" ? props.clientRect() : null;
+      if (rect) updatePosition(rect);
+    },
+    onUpdate: (props) => {
+      component?.updateProps({
+        query: props.query ?? "",
+        range: props.range
+      });
+      const rect = typeof props.clientRect === "function" ? props.clientRect() : null;
+      if (rect) updatePosition(rect);
+    },
+    onKeyDown: ({ event }) => {
+      if (event.key === "Escape") {
+        destroy();
+        return true;
+      }
+      return false;
+    },
+    onExit: () => {
+      destroy();
+    }
+  };
+};
+var createSuggestionItems = (items) => items;
+var handleCommandNavigation = (event) => {
+  if (["ArrowUp", "ArrowDown", "Enter"].includes(event.key)) {
+    const slashCommand = document.querySelector("#slash-command");
+    if (slashCommand) return true;
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  EditorBubble,
+  EditorBubbleItem,
+  EditorCommand,
+  EditorCommandItem,
+  EditorCommandList,
+  EditorCommandOut,
+  EditorContent,
+  EditorRoot,
+  Placeholder,
+  SlashCommand,
+  StarterKit,
+  createSuggestionItems,
+  handleCommandNavigation,
+  renderSlashCommandItems,
+  useEditor
+});
+//# sourceMappingURL=index.cjs.map

package/dist/headless/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/headless/index.ts","../../src/headless/components/editor.tsx","../../src/headless/utils/store.ts","../../src/headless/components/editor-bubble.tsx","../../src/headless/components/editor-bubble-item.tsx","../../src/headless/components/editor-command.tsx","../../src/headless/utils/atoms.ts","../../src/headless/components/editor-command-item.tsx","../../src/headless/extensions/index.ts","../../src/headless/extensions/slash-command.tsx"],"sourcesContent":["export { useCurrentEditor as useEditor } from \"@tiptap/react\"\n\nexport {\n  EditorRoot,\n  EditorContent,\n  type EditorContentProps,\n} from \"./components/editor\"\n\nexport { EditorBubble } from \"./components/editor-bubble\"\nexport { EditorBubbleItem } from \"./components/editor-bubble-item\"\nexport {\n  EditorCommand,\n  EditorCommandList,\n  EditorCommandOut,\n} from \"./components/editor-command\"\nexport { EditorCommandItem } from \"./components/editor-command-item\"\n\nexport { Placeholder, StarterKit } from \"./extensions\"\nexport {\n  Command as SlashCommand,\n  renderItems as renderSlashCommandItems,\n  createSuggestionItems,\n  handleCommandNavigation,\n} from \"./extensions/slash-command\"\n// Path without extension to satisfy TS/tsup\n// (the file is at ./extensions/slash-command.tsx)\n// eslint-disable-next-line\n","import { EditorProvider } from \"@tiptap/react\"\nimport type { EditorProviderProps } from \"@tiptap/react\"\nimport { forwardRef } from \"react\"\nimport type { FC, ReactNode } from \"react\"\nimport { Provider } from \"jotai\"\nimport { novelStore } from \"../utils/store\"\n\nexport interface EditorRootProps {\n  readonly children: ReactNode\n}\n\nexport const EditorRoot: FC<EditorRootProps> = ({ children }) => {\n  return (\n    <Provider store={novelStore as any}>\n      {children as any}\n    </Provider>\n  )\n}\n\nexport type EditorContentProps = EditorProviderProps & {\n  readonly children?: ReactNode\n  readonly className?: string\n  readonly initialContent?: any\n}\n\nexport const EditorContent = forwardRef<HTMLDivElement, EditorContentProps>(\n  ({ className, children, initialContent, content, ...rest }, ref) => {\n    const effectiveContent = content ?? initialContent\n    return (\n      <div ref={ref} className={className}>\n        <EditorProvider {...rest} content={effectiveContent}>\n          {children}\n        </EditorProvider>\n      </div>\n    )\n  }\n)\n\nEditorContent.displayName = \"EditorContent\"\n","import { createStore } from \"jotai\";\n\n// biome-ignore lint/suspicious/noExplicitAny: store is opaque to consumers\nexport const novelStore: any = createStore();\nexport * from \"jotai\";\n\n","import { useCurrentEditor } from \"@tiptap/react\";\nimport { BubbleMenu as BubbleMenuReact } from \"@tiptap/react/menus\";\nimport type { ReactNode } from \"react\";\n\nexport interface EditorBubbleProps {\n  readonly className?: string;\n  readonly children: ReactNode;\n  readonly options?: Record<string, unknown>;\n}\n\nexport function EditorBubble({ className, children, options }: EditorBubbleProps) {\n  const { editor } = useCurrentEditor();\n  if (!editor) return null;\n\n  return (\n    <BubbleMenuReact editor={editor} options={options}>\n      <div className={className}>{children}</div>\n    </BubbleMenuReact>\n  );\n}\n","import { forwardRef, isValidElement, cloneElement } from \"react\"\nimport type { ComponentPropsWithoutRef, ReactElement, ReactNode } from \"react\"\nimport { useCurrentEditor } from \"@tiptap/react\"\nimport type { Editor as TiptapEditor } from \"@tiptap/react\"\n\ninterface EditorBubbleItemProps {\n  readonly children: ReactNode\n  readonly asChild?: boolean\n  readonly onSelect?: (editor: TiptapEditor) => void\n}\n\nexport const EditorBubbleItem = forwardRef<\n  HTMLDivElement,\n  EditorBubbleItemProps & Omit<ComponentPropsWithoutRef<\"div\">, \"onSelect\">\n>(({ children, asChild, onSelect, ...rest }, ref) => {\n  const { editor } = useCurrentEditor()\n\n  if (!editor) return null\n\n  const handleClick = (e: React.MouseEvent) => {\n    e.preventDefault()\n    onSelect?.(editor)\n  }\n\n  if (asChild && isValidElement(children)) {\n    const child = children as ReactElement<any>\n    const childOnClick = (child.props as any)?.onClick as\n      | ((e: any) => void)\n      | undefined\n    const mergedOnClick = (e: any) => {\n      childOnClick?.(e)\n      if (!e?.defaultPrevented) onSelect?.(editor)\n    }\n\n    return cloneElement(child, {\n      ...rest,\n      ref: (child as any).ref ?? ref,\n      onClick: mergedOnClick,\n    })\n  }\n\n  return (\n    <div ref={ref} {...rest} onClick={handleClick}>\n      {children}\n    </div>\n  )\n})\n\nEditorBubbleItem.displayName = \"EditorBubbleItem\"\n\nexport default EditorBubbleItem\n","import { useAtom, useSetAtom } from \"jotai\"\nimport { useEffect, forwardRef } from \"react\"\nimport { Command } from \"cmdk\"\nimport { queryAtom, rangeAtom } from \"../utils/atoms\"\nimport { novelStore } from \"../utils/store\"\nimport type { FC } from \"react\"\nimport type { Range } from \"@tiptap/core\"\nimport tunnel from \"tunnel-rat\"\n\nconst commandTunnel: any = (tunnel as any)()\n\ninterface EditorCommandOutProps {\n  readonly query: string\n  readonly range: Range\n}\n\nexport const EditorCommandOut: FC<EditorCommandOutProps> = ({\n  query,\n  range,\n}) => {\n  const setQuery = useSetAtom(queryAtom, { store: novelStore })\n  const setRange = useSetAtom(rangeAtom, { store: novelStore })\n\n  useEffect(() => {\n    setQuery(query)\n  }, [query, setQuery])\n\n  useEffect(() => {\n    setRange(range)\n  }, [range, setRange])\n\n  useEffect(() => {\n    const navigationKeys = [\"ArrowUp\", \"ArrowDown\", \"Enter\"]\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (navigationKeys.includes(e.key)) {\n        e.preventDefault()\n        const commandRef = document.querySelector(\"#slash-command\")\n\n        if (commandRef)\n          commandRef.dispatchEvent(\n            new KeyboardEvent(\"keydown\", {\n              key: e.key,\n              cancelable: true,\n              bubbles: true,\n            })\n          )\n\n        return false\n      }\n    }\n    document.addEventListener(\"keydown\", onKeyDown)\n    return () => {\n      document.removeEventListener(\"keydown\", onKeyDown)\n    }\n  }, [])\n\n  return <commandTunnel.Out />\n}\n\nconst CommandAny: any = Command\nexport const EditorCommand = forwardRef<HTMLDivElement, any>(\n  ({ children, className, ...rest }, ref) => {\n    const [query, setQuery] = useAtom(queryAtom)\n\n    return (\n      <commandTunnel.In>\n        <CommandAny\n          ref={ref}\n          onKeyDown={(e: any) => {\n            e.stopPropagation()\n          }}\n          id=\"slash-command\"\n          className={className}\n          {...rest}\n        >\n          <CommandAny.Input\n            value={query}\n            onValueChange={setQuery}\n            style={{ display: \"none\" }}\n          />\n          {children}\n        </CommandAny>\n      </commandTunnel.In>\n    )\n  }\n)\nexport const EditorCommandList: any = Command.List\n\nEditorCommand.displayName = \"EditorCommand\"\n","import { atom } from \"jotai\"\nimport type { Range } from \"@tiptap/core\"\n\nexport const queryAtom = atom(\"\")\nexport const rangeAtom = atom<Range | null>(null)\n\n","import { forwardRef } from \"react\"\nimport { CommandEmpty, CommandItem } from \"cmdk\"\nimport { useCurrentEditor } from \"@tiptap/react\"\nimport { useAtomValue } from \"jotai\"\nimport { rangeAtom } from \"../utils/atoms\"\nimport type { Editor, Range } from \"@tiptap/core\"\n\ninterface EditorCommandItemProps {\n  readonly onCommand: ({\n    editor,\n    range,\n  }: {\n    editor: Editor\n    range: Range\n  }) => void\n}\n\nconst CommandItemAny: any = CommandItem\nconst CommandEmptyAny: any = CommandEmpty\n\nexport const EditorCommandItem = forwardRef<\n  HTMLDivElement,\n  EditorCommandItemProps & any\n>(({ children, onCommand, ...rest }, ref) => {\n  const { editor } = useCurrentEditor()\n  const range = useAtomValue(rangeAtom)\n\n  if (!editor || !range) return null\n\n  return (\n    <CommandItemAny\n      ref={ref}\n      {...(rest as any)}\n      onSelect={() => onCommand({ editor, range })}\n    >\n      {children}\n    </CommandItemAny>\n  )\n})\n\nEditorCommandItem.displayName = \"EditorCommandItem\"\n\nexport const EditorCommandEmpty: any = CommandEmptyAny\n\nexport default EditorCommandItem\n","export { StarterKit } from \"@tiptap/starter-kit\"\nexport { Placeholder } from \"@tiptap/extension-placeholder\"\n\n// Custom\nexport { CodeBlock } from \"./CodeBlock\"\nexport { Link } from \"./Link\"\n","import { ReactRenderer } from \"@tiptap/react\"\nimport Suggestion from \"@tiptap/suggestion\"\nimport { Extension } from \"@tiptap/core\"\nimport type { RefObject, ReactNode } from \"react\"\nimport { EditorCommandOut } from \"../components/editor-command\"\n\nexport const Command = Extension.create({\n  name: \"slash-command\",\n  addOptions() {\n    return {\n      suggestion: {\n        char: \"/\",\n        command: (ctx: any) => {\n          ctx.props.command({ editor: ctx.editor, range: ctx.range })\n        },\n      } as any,\n    }\n  },\n  addProseMirrorPlugins() {\n    const base: any = this.options.suggestion ?? {}\n    return [\n      Suggestion({\n        editor: this.editor,\n        char: base.char ?? \"/\",\n        items: base.items ?? (() => [\"/\"] as any),\n        command: (ctx: any) => {\n          if (typeof ctx?.props?.command === \"function\") {\n            ctx.props.command({ editor: ctx.editor, range: ctx.range })\n          }\n        },\n        ...base,\n      }),\n    ]\n  },\n})\n\nexport const renderItems = (elementRef?: RefObject<Element> | null) => {\n  let component: ReactRenderer | null = null\n  let container: HTMLElement | null = null\n\n  const destroy = () => {\n    component?.destroy()\n    component = null\n    if (container) {\n      container.remove()\n      container = null\n    }\n  }\n\n  const updatePosition = (clientRect?: DOMRect | null) => {\n    if (!container || !clientRect) return\n    const top = Math.round(clientRect.bottom + 8)\n    const left = Math.round(clientRect.left)\n    container.style.top = `${top}px`\n    container.style.left = `${left}px`\n  }\n\n  return {\n    onStart: (props: {\n      editor: any\n      clientRect: (() => DOMRect | null) | null\n      query?: string\n      range?: any\n    }) => {\n      const { selection } = props.editor.state\n      const parentNode = selection.$from.node(selection.$from.depth)\n      const blockType = parentNode.type.name\n      if (blockType === \"codeBlock\") return false\n\n      component = new ReactRenderer(EditorCommandOut, {\n        props: {\n          query: (props as any).query ?? \"\",\n          range: (props as any).range,\n        },\n        editor: props.editor,\n      })\n\n      container = document.createElement(\"div\")\n      container.style.position = \"fixed\"\n      container.style.zIndex = \"9999\"\n      container.style.minWidth = \"240px\"\n      ;(elementRef?.current ?? document.body).appendChild(container)\n      container.appendChild(component.element)\n\n      const rect =\n        typeof props.clientRect === \"function\" ? props.clientRect() : null\n      if (rect) updatePosition(rect)\n    },\n    onUpdate: (props: {\n      editor: any\n      clientRect: (() => DOMRect | null) | null\n      query?: string\n      range?: any\n    }) => {\n      component?.updateProps({\n        query: (props as any).query ?? \"\",\n        range: (props as any).range,\n      })\n      const rect =\n        typeof props.clientRect === \"function\" ? props.clientRect() : null\n      if (rect) updatePosition(rect)\n    },\n    onKeyDown: ({ event }: { event: KeyboardEvent }) => {\n      if (event.key === \"Escape\") {\n        destroy()\n        return true\n      }\n      return false\n    },\n    onExit: () => {\n      destroy()\n    },\n  }\n}\n\nexport interface SuggestionItem {\n  title: string\n  description: string\n  icon: ReactNode\n  searchTerms?: string[]\n  command?: (props: {\n    editor: any\n    range: { from: number; to: number }\n  }) => void\n}\n\nexport const createSuggestionItems = (items: SuggestionItem[]) => items\n\nexport const handleCommandNavigation = (event: KeyboardEvent) => {\n  if ([\"ArrowUp\", \"ArrowDown\", \"Enter\"].includes(event.key)) {\n    const slashCommand = document.querySelector(\"#slash-command\")\n    if (slashCommand) return true\n  }\n}\n"],"mappings":"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","names":["Command","import_react","import_react","import_jotai","import_react","import_jsx_runtime","BubbleMenuReact","import_react","import_jsx_runtime","import_jotai","import_react","import_jotai","import_jsx_runtime","tunnel","import_react","import_cmdk","import_jotai","import_jsx_runtime","import_react","Command","Suggestion"]}

package/dist/headless/index.d.cts

@@ -0,0 +1,70 @@
+import { Editor } from '@tiptap/react';
+export { useCurrentEditor as useEditor } from '@tiptap/react';
+export { a as EditorContent, b as EditorContentProps, E as EditorRoot } from '../editor-DI3_SEDt.cjs';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ReactNode, FC, RefObject } from 'react';
+import { Range, Extension } from '@tiptap/core';
+export { StarterKit } from '@tiptap/starter-kit';
+export { Placeholder } from '@tiptap/extension-placeholder';
+
+interface EditorBubbleProps {
+    readonly className?: string;
+    readonly children: ReactNode;
+    readonly options?: Record<string, unknown>;
+}
+declare function EditorBubble({ className, children, options }: EditorBubbleProps): react_jsx_runtime.JSX.Element | null;
+
+interface EditorBubbleItemProps {
+    readonly children: ReactNode;
+    readonly asChild?: boolean;
+    readonly onSelect?: (editor: Editor) => void;
+}
+declare const EditorBubbleItem: react.ForwardRefExoticComponent<EditorBubbleItemProps & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "onSelect"> & react.RefAttributes<HTMLDivElement>>;
+
+interface EditorCommandOutProps {
+    readonly query: string;
+    readonly range: Range;
+}
+declare const EditorCommandOut: FC<EditorCommandOutProps>;
+declare const EditorCommand: react.ForwardRefExoticComponent<Omit<any, "ref"> & react.RefAttributes<HTMLDivElement>>;
+declare const EditorCommandList: any;
+
+declare const EditorCommandItem: react.ForwardRefExoticComponent<Omit<any, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const Command: Extension<any, any>;
+declare const renderItems: (elementRef?: RefObject<Element> | null) => {
+    onStart: (props: {
+        editor: any;
+        clientRect: (() => DOMRect | null) | null;
+        query?: string;
+        range?: any;
+    }) => false | undefined;
+    onUpdate: (props: {
+        editor: any;
+        clientRect: (() => DOMRect | null) | null;
+        query?: string;
+        range?: any;
+    }) => void;
+    onKeyDown: ({ event }: {
+        event: KeyboardEvent;
+    }) => boolean;
+    onExit: () => void;
+};
+interface SuggestionItem {
+    title: string;
+    description: string;
+    icon: ReactNode;
+    searchTerms?: string[];
+    command?: (props: {
+        editor: any;
+        range: {
+            from: number;
+            to: number;
+        };
+    }) => void;
+}
+declare const createSuggestionItems: (items: SuggestionItem[]) => SuggestionItem[];
+declare const handleCommandNavigation: (event: KeyboardEvent) => true | undefined;
+
+export { EditorBubble, EditorBubbleItem, EditorCommand, EditorCommandItem, EditorCommandList, EditorCommandOut, Command as SlashCommand, createSuggestionItems, handleCommandNavigation, renderItems as renderSlashCommandItems };

package/dist/headless/index.d.ts

@@ -0,0 +1,70 @@
+import { Editor } from '@tiptap/react';
+export { useCurrentEditor as useEditor } from '@tiptap/react';
+export { a as EditorContent, b as EditorContentProps, E as EditorRoot } from '../editor-DI3_SEDt.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ReactNode, FC, RefObject } from 'react';
+import { Range, Extension } from '@tiptap/core';
+export { StarterKit } from '@tiptap/starter-kit';
+export { Placeholder } from '@tiptap/extension-placeholder';
+
+interface EditorBubbleProps {
+    readonly className?: string;
+    readonly children: ReactNode;
+    readonly options?: Record<string, unknown>;
+}
+declare function EditorBubble({ className, children, options }: EditorBubbleProps): react_jsx_runtime.JSX.Element | null;
+
+interface EditorBubbleItemProps {
+    readonly children: ReactNode;
+    readonly asChild?: boolean;
+    readonly onSelect?: (editor: Editor) => void;
+}
+declare const EditorBubbleItem: react.ForwardRefExoticComponent<EditorBubbleItemProps & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "onSelect"> & react.RefAttributes<HTMLDivElement>>;
+
+interface EditorCommandOutProps {
+    readonly query: string;
+    readonly range: Range;
+}
+declare const EditorCommandOut: FC<EditorCommandOutProps>;
+declare const EditorCommand: react.ForwardRefExoticComponent<Omit<any, "ref"> & react.RefAttributes<HTMLDivElement>>;
+declare const EditorCommandList: any;
+
+declare const EditorCommandItem: react.ForwardRefExoticComponent<Omit<any, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const Command: Extension<any, any>;
+declare const renderItems: (elementRef?: RefObject<Element> | null) => {
+    onStart: (props: {
+        editor: any;
+        clientRect: (() => DOMRect | null) | null;
+        query?: string;
+        range?: any;
+    }) => false | undefined;
+    onUpdate: (props: {
+        editor: any;
+        clientRect: (() => DOMRect | null) | null;
+        query?: string;
+        range?: any;
+    }) => void;
+    onKeyDown: ({ event }: {
+        event: KeyboardEvent;
+    }) => boolean;
+    onExit: () => void;
+};
+interface SuggestionItem {
+    title: string;
+    description: string;
+    icon: ReactNode;
+    searchTerms?: string[];
+    command?: (props: {
+        editor: any;
+        range: {
+            from: number;
+            to: number;
+        };
+    }) => void;
+}
+declare const createSuggestionItems: (items: SuggestionItem[]) => SuggestionItem[];
+declare const handleCommandNavigation: (event: KeyboardEvent) => true | undefined;
+
+export { EditorBubble, EditorBubbleItem, EditorCommand, EditorCommandItem, EditorCommandList, EditorCommandOut, Command as SlashCommand, createSuggestionItems, handleCommandNavigation, renderItems as renderSlashCommandItems };

package/dist/headless/index.js

@@ -0,0 +1,35 @@
+import {
+  Command,
+  EditorBubble,
+  EditorBubbleItem,
+  EditorCommand,
+  EditorCommandItem,
+  EditorCommandList,
+  EditorCommandOut,
+  EditorContent,
+  EditorRoot,
+  Placeholder,
+  StarterKit,
+  createSuggestionItems,
+  handleCommandNavigation,
+  renderItems,
+  useCurrentEditor
+} from "../chunk-M6GRNJJ6.js";
+export {
+  EditorBubble,
+  EditorBubbleItem,
+  EditorCommand,
+  EditorCommandItem,
+  EditorCommandList,
+  EditorCommandOut,
+  EditorContent,
+  EditorRoot,
+  Placeholder,
+  Command as SlashCommand,
+  StarterKit,
+  createSuggestionItems,
+  handleCommandNavigation,
+  renderItems as renderSlashCommandItems,
+  useCurrentEditor as useEditor
+};
+//# sourceMappingURL=index.js.map

package/dist/headless/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/highlight.css

@@ -0,0 +1,3 @@
+/* Optional: include a default highlight.js theme for code token colors */
+@import "highlight.js/styles/github.css";
+