@agent-native/core 0.37.2 → 0.38.0

package/dist/client/rich-markdown-editor/SlashCommandMenu.js

@@ -0,0 +1,193 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef, useState, } from "react";
+import { cn } from "../utils.js";
+import { pickAndInsertImage } from "./ImageExtension.js";
+/**
+ * The default block commands — Plan's current set. Apps pass their own `items`
+ * (typically `[...DEFAULT_SLASH_COMMANDS, ...extra]`) to extend it.
+ */
+export const DEFAULT_SLASH_COMMANDS = [
+    {
+        title: "Text",
+        description: "Plain text block",
+        icon: "T",
+        action: (editor) => editor.chain().focus().setParagraph().run(),
+    },
+    {
+        title: "Heading 1",
+        description: "Large heading",
+        icon: "H1",
+        action: (editor) => editor.chain().focus().toggleHeading({ level: 1 }).run(),
+    },
+    {
+        title: "Heading 2",
+        description: "Section heading",
+        icon: "H2",
+        action: (editor) => editor.chain().focus().toggleHeading({ level: 2 }).run(),
+    },
+    {
+        title: "Heading 3",
+        description: "Subheading",
+        icon: "H3",
+        action: (editor) => editor.chain().focus().toggleHeading({ level: 3 }).run(),
+    },
+    {
+        title: "Bulleted list",
+        description: "Unordered list",
+        icon: "-",
+        action: (editor) => editor.chain().focus().toggleBulletList().run(),
+    },
+    {
+        title: "Numbered list",
+        description: "Ordered list",
+        icon: "1.",
+        action: (editor) => editor.chain().focus().toggleOrderedList().run(),
+    },
+    {
+        title: "To-do list",
+        description: "Checklist items",
+        icon: "[]",
+        action: (editor) => editor.chain().focus().toggleTaskList().run(),
+    },
+    {
+        title: "Quote",
+        description: "Block quote",
+        icon: '"',
+        action: (editor) => editor.chain().focus().toggleBlockquote().run(),
+    },
+    {
+        title: "Code block",
+        description: "Code snippet",
+        icon: "<>",
+        action: (editor) => editor.chain().focus().toggleCodeBlock().run(),
+    },
+    {
+        title: "Divider",
+        description: "Horizontal rule",
+        icon: "-",
+        action: (editor) => editor.chain().focus().setHorizontalRule().run(),
+    },
+    {
+        title: "Table",
+        description: "Three by three table",
+        icon: "tbl",
+        action: (editor) => editor
+            .chain()
+            .focus()
+            .insertTable({ rows: 3, cols: 3, withHeaderRow: true })
+            .run(),
+    },
+];
+/**
+ * Build the `/image` slash command for the shared image block. Requires the
+ * editor to mount the shared image extension (`features.image`) and an
+ * {@link ImageUploadFn}; the command opens a native file picker and uploads +
+ * inserts the chosen image(s). Add it to the list an app passes to
+ * {@link SlashCommandMenu} (e.g. `[...DEFAULT_SLASH_COMMANDS, createImageSlashCommand(upload)]`).
+ */
+export function createImageSlashCommand(upload) {
+    return {
+        title: "Image",
+        description: "Upload an image",
+        icon: "img",
+        action: (editor) => pickAndInsertImage(editor.view, upload),
+    };
+}
+/**
+ * The shared "/" block-insert menu. Detects a `/query` at the caret, filters the
+ * provided command list, and renders a fixed-position picker with keyboard
+ * navigation. Extracted from the inline plan menu so apps share one
+ * implementation and only swap the command list.
+ */
+export function SlashCommandMenu({ editor, items = DEFAULT_SLASH_COMMANDS, }) {
+    const [isOpen, setIsOpen] = useState(false);
+    const [query, setQuery] = useState("");
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const [position, setPosition] = useState(null);
+    const slashPosRef = useRef(null);
+    const filteredCommands = useMemo(() => items.filter((cmd) => cmd.title.toLowerCase().includes(query.toLowerCase()) ||
+        cmd.description.toLowerCase().includes(query.toLowerCase())), [items, query]);
+    const close = useCallback(() => {
+        setIsOpen(false);
+        setQuery("");
+        slashPosRef.current = null;
+    }, []);
+    const executeCommand = useCallback((command) => {
+        if (slashPosRef.current !== null) {
+            const { from } = editor.state.selection;
+            editor
+                .chain()
+                .focus()
+                .deleteRange({ from: slashPosRef.current, to: from })
+                .run();
+        }
+        command.action(editor);
+        close();
+    }, [close, editor]);
+    useEffect(() => {
+        const handleKeyDown = (event) => {
+            if (!isOpen)
+                return;
+            if (event.key === "ArrowDown") {
+                event.preventDefault();
+                setSelectedIndex((index) => (index + 1) % filteredCommands.length);
+            }
+            else if (event.key === "ArrowUp") {
+                event.preventDefault();
+                setSelectedIndex((index) => (index - 1 + filteredCommands.length) % filteredCommands.length);
+            }
+            else if (event.key === "Enter") {
+                event.preventDefault();
+                const command = filteredCommands[selectedIndex];
+                if (command)
+                    executeCommand(command);
+            }
+            else if (event.key === "Escape") {
+                close();
+            }
+        };
+        document.addEventListener("keydown", handleKeyDown, true);
+        return () => document.removeEventListener("keydown", handleKeyDown, true);
+    }, [close, executeCommand, filteredCommands, isOpen, selectedIndex]);
+    useEffect(() => {
+        const handleTransaction = () => {
+            const { state } = editor;
+            const { from } = state.selection;
+            const textBefore = state.doc.textBetween(Math.max(0, from - 32), from, "\n");
+            const slashMatch = textBefore.match(/\/([a-zA-Z0-9]*)$/);
+            if (!slashMatch) {
+                if (isOpen)
+                    close();
+                return;
+            }
+            const slashStart = from - slashMatch[0].length;
+            slashPosRef.current = slashStart;
+            setQuery(slashMatch[1]);
+            setSelectedIndex(0);
+            const coords = editor.view.coordsAtPos(from);
+            const menuHeight = 320;
+            const spaceBelow = window.innerHeight - coords.bottom;
+            const flipUp = spaceBelow < menuHeight && coords.top > menuHeight;
+            setPosition({
+                top: flipUp ? coords.top : coords.bottom + 4,
+                left: Math.min(coords.left, window.innerWidth - 250),
+                flipUp,
+            });
+            setIsOpen(true);
+        };
+        editor.on("transaction", handleTransaction);
+        return () => {
+            editor.off("transaction", handleTransaction);
+        };
+    }, [close, editor, isOpen]);
+    if (!isOpen || !position || filteredCommands.length === 0)
+        return null;
+    return (_jsxs("div", { className: "an-rich-md-slash-menu", style: {
+            position: "fixed",
+            ...(position.flipUp
+                ? { bottom: window.innerHeight - position.top + 4 }
+                : { top: position.top }),
+            left: position.left,
+        }, "data-plan-interactive": true, children: [_jsx("div", { className: "an-rich-md-slash-heading", children: "Blocks" }), filteredCommands.map((command, index) => (_jsxs("button", { type: "button", className: cn("an-rich-md-slash-item", index === selectedIndex && "an-rich-md-slash-item--active"), onMouseEnter: () => setSelectedIndex(index), onMouseDown: (event) => event.preventDefault(), onClick: () => executeCommand(command), children: [_jsx("span", { className: "an-rich-md-slash-icon", children: command.icon }), _jsxs("span", { children: [_jsx("span", { className: "an-rich-md-slash-title", children: command.title }), _jsx("span", { className: "an-rich-md-slash-description", children: command.description })] })] }, command.title)))] }));
+}
+//# sourceMappingURL=SlashCommandMenu.js.map

package/dist/client/rich-markdown-editor/SlashCommandMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlashCommandMenu.js","sourceRoot":"","sources":["../../../src/client/rich-markdown-editor/SlashCommandMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n} from \"react\";\nimport type { Editor } from \"@tiptap/react\";\nimport { cn } from \"../utils.js\";\nimport { pickAndInsertImage, type ImageUploadFn } from \"./ImageExtension.js\";\n\n/** A single slash-menu block command. Apps can extend the default list. */\nexport interface SlashCommandItem {\n  title: string;\n  description: string;\n  /** Short text glyph shown in the menu (T, H1, tbl, …). */\n  icon: string;\n  action: (editor: Editor) => void;\n}\n\n/**\n * The default block commands — Plan's current set. Apps pass their own `items`\n * (typically `[...DEFAULT_SLASH_COMMANDS, ...extra]`) to extend it.\n */\nexport const DEFAULT_SLASH_COMMANDS: SlashCommandItem[] = [\n  {\n    title: \"Text\",\n    description: \"Plain text block\",\n    icon: \"T\",\n    action: (editor) => editor.chain().focus().setParagraph().run(),\n  },\n  {\n    title: \"Heading 1\",\n    description: \"Large heading\",\n    icon: \"H1\",\n    action: (editor) =>\n      editor.chain().focus().toggleHeading({ level: 1 }).run(),\n  },\n  {\n    title: \"Heading 2\",\n    description: \"Section heading\",\n    icon: \"H2\",\n    action: (editor) =>\n      editor.chain().focus().toggleHeading({ level: 2 }).run(),\n  },\n  {\n    title: \"Heading 3\",\n    description: \"Subheading\",\n    icon: \"H3\",\n    action: (editor) =>\n      editor.chain().focus().toggleHeading({ level: 3 }).run(),\n  },\n  {\n    title: \"Bulleted list\",\n    description: \"Unordered list\",\n    icon: \"-\",\n    action: (editor) => editor.chain().focus().toggleBulletList().run(),\n  },\n  {\n    title: \"Numbered list\",\n    description: \"Ordered list\",\n    icon: \"1.\",\n    action: (editor) => editor.chain().focus().toggleOrderedList().run(),\n  },\n  {\n    title: \"To-do list\",\n    description: \"Checklist items\",\n    icon: \"[]\",\n    action: (editor) => editor.chain().focus().toggleTaskList().run(),\n  },\n  {\n    title: \"Quote\",\n    description: \"Block quote\",\n    icon: '\"',\n    action: (editor) => editor.chain().focus().toggleBlockquote().run(),\n  },\n  {\n    title: \"Code block\",\n    description: \"Code snippet\",\n    icon: \"<>\",\n    action: (editor) => editor.chain().focus().toggleCodeBlock().run(),\n  },\n  {\n    title: \"Divider\",\n    description: \"Horizontal rule\",\n    icon: \"-\",\n    action: (editor) => editor.chain().focus().setHorizontalRule().run(),\n  },\n  {\n    title: \"Table\",\n    description: \"Three by three table\",\n    icon: \"tbl\",\n    action: (editor) =>\n      editor\n        .chain()\n        .focus()\n        .insertTable({ rows: 3, cols: 3, withHeaderRow: true })\n        .run(),\n  },\n];\n\n/**\n * Build the `/image` slash command for the shared image block. Requires the\n * editor to mount the shared image extension (`features.image`) and an\n * {@link ImageUploadFn}; the command opens a native file picker and uploads +\n * inserts the chosen image(s). Add it to the list an app passes to\n * {@link SlashCommandMenu} (e.g. `[...DEFAULT_SLASH_COMMANDS, createImageSlashCommand(upload)]`).\n */\nexport function createImageSlashCommand(\n  upload: ImageUploadFn,\n): SlashCommandItem {\n  return {\n    title: \"Image\",\n    description: \"Upload an image\",\n    icon: \"img\",\n    action: (editor) => pickAndInsertImage(editor.view, upload),\n  };\n}\n\nexport interface SlashCommandMenuProps {\n  editor: Editor;\n  /** Block command list. Defaults to {@link DEFAULT_SLASH_COMMANDS}. */\n  items?: SlashCommandItem[];\n}\n\n/**\n * The shared \"/\" block-insert menu. Detects a `/query` at the caret, filters the\n * provided command list, and renders a fixed-position picker with keyboard\n * navigation. Extracted from the inline plan menu so apps share one\n * implementation and only swap the command list.\n */\nexport function SlashCommandMenu({\n  editor,\n  items = DEFAULT_SLASH_COMMANDS,\n}: SlashCommandMenuProps) {\n  const [isOpen, setIsOpen] = useState(false);\n  const [query, setQuery] = useState(\"\");\n  const [selectedIndex, setSelectedIndex] = useState(0);\n  const [position, setPosition] = useState<{\n    top: number;\n    left: number;\n    flipUp: boolean;\n  } | null>(null);\n  const slashPosRef = useRef<number | null>(null);\n\n  const filteredCommands = useMemo(\n    () =>\n      items.filter(\n        (cmd) =>\n          cmd.title.toLowerCase().includes(query.toLowerCase()) ||\n          cmd.description.toLowerCase().includes(query.toLowerCase()),\n      ),\n    [items, query],\n  );\n\n  const close = useCallback(() => {\n    setIsOpen(false);\n    setQuery(\"\");\n    slashPosRef.current = null;\n  }, []);\n\n  const executeCommand = useCallback(\n    (command: SlashCommandItem) => {\n      if (slashPosRef.current !== null) {\n        const { from } = editor.state.selection;\n        editor\n          .chain()\n          .focus()\n          .deleteRange({ from: slashPosRef.current, to: from })\n          .run();\n      }\n      command.action(editor);\n      close();\n    },\n    [close, editor],\n  );\n\n  useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (!isOpen) return;\n      if (event.key === \"ArrowDown\") {\n        event.preventDefault();\n        setSelectedIndex((index) => (index + 1) % filteredCommands.length);\n      } else if (event.key === \"ArrowUp\") {\n        event.preventDefault();\n        setSelectedIndex(\n          (index) =>\n            (index - 1 + filteredCommands.length) % filteredCommands.length,\n        );\n      } else if (event.key === \"Enter\") {\n        event.preventDefault();\n        const command = filteredCommands[selectedIndex];\n        if (command) executeCommand(command);\n      } else if (event.key === \"Escape\") {\n        close();\n      }\n    };\n    document.addEventListener(\"keydown\", handleKeyDown, true);\n    return () => document.removeEventListener(\"keydown\", handleKeyDown, true);\n  }, [close, executeCommand, filteredCommands, isOpen, selectedIndex]);\n\n  useEffect(() => {\n    const handleTransaction = () => {\n      const { state } = editor;\n      const { from } = state.selection;\n      const textBefore = state.doc.textBetween(\n        Math.max(0, from - 32),\n        from,\n        \"\\n\",\n      );\n      const slashMatch = textBefore.match(/\\/([a-zA-Z0-9]*)$/);\n      if (!slashMatch) {\n        if (isOpen) close();\n        return;\n      }\n\n      const slashStart = from - slashMatch[0].length;\n      slashPosRef.current = slashStart;\n      setQuery(slashMatch[1]);\n      setSelectedIndex(0);\n      const coords = editor.view.coordsAtPos(from);\n      const menuHeight = 320;\n      const spaceBelow = window.innerHeight - coords.bottom;\n      const flipUp = spaceBelow < menuHeight && coords.top > menuHeight;\n      setPosition({\n        top: flipUp ? coords.top : coords.bottom + 4,\n        left: Math.min(coords.left, window.innerWidth - 250),\n        flipUp,\n      });\n      setIsOpen(true);\n    };\n\n    editor.on(\"transaction\", handleTransaction);\n    return () => {\n      editor.off(\"transaction\", handleTransaction);\n    };\n  }, [close, editor, isOpen]);\n\n  if (!isOpen || !position || filteredCommands.length === 0) return null;\n\n  return (\n    <div\n      className=\"an-rich-md-slash-menu\"\n      style={\n        {\n          position: \"fixed\",\n          ...(position.flipUp\n            ? { bottom: window.innerHeight - position.top + 4 }\n            : { top: position.top }),\n          left: position.left,\n        } as CSSProperties\n      }\n      data-plan-interactive\n    >\n      <div className=\"an-rich-md-slash-heading\">Blocks</div>\n      {filteredCommands.map((command, index) => (\n        <button\n          key={command.title}\n          type=\"button\"\n          className={cn(\n            \"an-rich-md-slash-item\",\n            index === selectedIndex && \"an-rich-md-slash-item--active\",\n          )}\n          onMouseEnter={() => setSelectedIndex(index)}\n          onMouseDown={(event) => event.preventDefault()}\n          onClick={() => executeCommand(command)}\n        >\n          <span className=\"an-rich-md-slash-icon\">{command.icon}</span>\n          <span>\n            <span className=\"an-rich-md-slash-title\">{command.title}</span>\n            <span className=\"an-rich-md-slash-description\">\n              {command.description}\n            </span>\n          </span>\n        </button>\n      ))}\n    </div>\n  );\n}\n"]}

package/dist/client/rich-markdown-editor/extensions.d.ts

@@ -0,0 +1,166 @@
+import type { Extension, Node, Mark } from "@tiptap/core";
+import type { StarterKitOptions } from "@tiptap/starter-kit";
+import { Markdown } from "tiptap-markdown";
+import type { Doc as YDoc } from "yjs";
+import type { Awareness } from "y-protocols/awareness";
+import { type ImageUploadFn } from "./ImageExtension.js";
+/**
+ * Markdown dialect the editor parses/serializes.
+ *
+ * - `gfm` — GitHub-Flavored Markdown. No raw HTML passthrough. The byte-stable
+ *   serialization used by Plans (see RichMarkdownEditor.roundtrip.spec.ts).
+ * - `nfm` — the Notion-Flavored Markdown superset used by the Content editor,
+ *   which opts into inline HTML so Notion-specific blocks round-trip.
+ */
+export type RichMarkdownDialect = "gfm" | "nfm";
+/**
+ * Editor preset. Schema-neutral today (both presets share the base schema),
+ * but threaded through so an app can branch schema/behavior per preset without
+ * a new factory. The collab/markdown wiring is preset-independent.
+ */
+export type RichMarkdownEditorPreset = "plan" | "content";
+/** User info used to label this client's collaborative cursor. */
+export interface RichMarkdownCollabUser {
+    name: string;
+    color: string;
+    email?: string;
+}
+/** Optional collaborative-editing inputs for the shared editor. */
+export interface SharedEditorCollab {
+    /**
+     * Yjs document for collaborative editing. When present the editor binds the
+     * shared {@link Collaboration} (+ {@link CollaborationCaret} when awareness
+     * is set) extensions and StarterKit's built-in undo/redo is disabled (Yjs
+     * owns history). When absent the editor is a controlled `value`/`onChange`
+     * editor.
+     */
+    ydoc?: YDoc | null;
+    /** Shared awareness instance for live multi-user cursors. */
+    awareness?: Awareness | null;
+    /** Current user info for the collaborative cursor label. */
+    user?: RichMarkdownCollabUser | null;
+}
+/** Toggle the optional base extensions on/off per app. All default to `true`. */
+export interface SharedEditorFeatures {
+    /** GFM pipe tables (Table + TableRow + TableHeader + TableCell). */
+    tables?: boolean;
+    /** Task / checklist lists (TaskList + TaskItem). */
+    tasks?: boolean;
+    /** Inline links (the `Link` mark). When off, links fall back to plain text. */
+    link?: boolean;
+    /** Fenced code blocks. Disabling lets an app inject its own code-block node. */
+    codeBlock?: boolean;
+    /**
+     * The built-in {@link Placeholder} extension. Default `true`. Apps that need a
+     * bespoke placeholder resolver (per-node-type labels, ancestor-aware text)
+     * disable this and supply their own Placeholder via `extraExtensions`.
+     */
+    placeholder?: boolean;
+    /**
+     * The built-in dialect-keyed {@link Markdown} serializer. Default `true`.
+     * Apps with a custom serializer (e.g. Content's NFM converter, which does NOT
+     * round-trip through tiptap-markdown's storage) disable this and own the
+     * serialize/parse pipeline themselves. The Markdown extension is still added
+     * so paste/clipboard transforms work — disable it only when supplying your own
+     * Markdown configuration via the {@link CreateSharedEditorExtensionsOptions.markdown}
+     * option instead.
+     */
+    markdown?: boolean;
+    /**
+     * The shared block-level image node (`@tiptap/extension-image`). Default
+     * `false` so existing embedders are unchanged. When `true`, images
+     * serialize to GFM `![alt](src)` (source-syncable) and — when an
+     * {@link CreateSharedEditorExtensionsOptions.onImageUpload} function is
+     * supplied — paste / drop of local image files uploads through it. Content
+     * leaves this off and injects its own richer image node via
+     * `extraExtensions`, so the two never collide.
+     */
+    image?: boolean;
+}
+export interface CreateSharedEditorExtensionsOptions {
+    /** Markdown dialect; selects the keyed {@link Markdown} config. */
+    dialect?: RichMarkdownDialect;
+    /** Preset hook (schema-neutral today). */
+    preset?: RichMarkdownEditorPreset;
+    /** Empty-block placeholder text (headings get their own labels). */
+    placeholder?: string;
+    /** Toggle individual base extensions. */
+    features?: SharedEditorFeatures;
+    /**
+     * Extra StarterKit options merged over the shared defaults. Lets an app turn
+     * off StarterKit nodes it replaces (Content swaps in its own paragraph /
+     * blockquote / code block) or pass a custom dropcursor, while still sharing
+     * the rest of the StarterKit base + the collab undo/redo gating. The shared
+     * defaults (`heading` levels 1-4, `link: false`, the default dropcursor, and
+     * `undoRedo: false` in collab mode) are applied first and can be overridden
+     * key-by-key here.
+     */
+    starterKit?: Partial<StarterKitOptions>;
+    /**
+     * Custom {@link Markdown} configuration. Replaces the dialect-keyed config from
+     * {@link MARKDOWN_DIALECT_CONFIG} when provided. Only used when
+     * `features.markdown !== false`; apps that own the whole markdown pipeline (no
+     * tiptap-markdown serialization at all) should set `features.markdown: false`
+     * and add their own configured Markdown extension via `extraExtensions`.
+     */
+    markdown?: Parameters<typeof Markdown.configure>[0];
+    /**
+     * App-specific extensions (Notion nodes, media, drag handles, comment
+     * anchors, etc.) appended LAST so they bind over the shared base schema and
+     * the optional Collaboration extensions still mount after them.
+     */
+    extraExtensions?: Array<Extension | Node | Mark>;
+    /** Optional collaborative-editing wiring. */
+    collab?: SharedEditorCollab | null;
+    /**
+     * Injectable image uploader for the shared image block. Only used when
+     * `features.image` is on. Turns a picked / pasted / dropped image File into a
+     * hosted `{ src, alt? }`. Plans pass `uploadEditorImage` (the framework
+     * `upload-image` action). When omitted, the image block still renders and
+     * round-trips `![alt](src)` markdown but cannot ingest local files.
+     */
+    onImageUpload?: ImageUploadFn | null;
+}
+/**
+ * tiptap-markdown configuration, keyed by dialect. This is the single source of
+ * truth for how each dialect parses/serializes markdown so the editor component
+ * and the round-trip fidelity test can never drift apart.
+ *
+ * tiptap-markdown re-serializes the whole document on every edit, so the goal
+ * for GFM is `serialize(parse(markdown)) === markdown` for the markdown plans
+ * actually contain. We deliberately keep tiptap-markdown's own defaults
+ * (`bulletListMarker: "-"`, `tightLists: true`, `linkify: false`,
+ * `breaks: false`) because those produce the most byte-stable GFM. See
+ * RichMarkdownEditor.roundtrip.spec.ts for the pinned corpus.
+ *
+ * NFM (Content) opts into inline HTML passthrough (`html: true`) so
+ * Notion-specific blocks survive a markdown round-trip; the rest mirrors the
+ * Content editor's existing `Markdown.configure` call.
+ */
+export declare const MARKDOWN_DIALECT_CONFIG: Record<RichMarkdownDialect, Parameters<typeof Markdown.configure>[0]>;
+/**
+ * The ONE editor extension factory shared by every embedder (Plans today,
+ * Content next). It assembles the base Tiptap schema (StarterKit + Placeholder
+ * + Link + tasks + tables + code block), the dialect-keyed {@link Markdown}
+ * serializer, the optional Collaboration stack, and finally any app-specific
+ * `extraExtensions`.
+ *
+ * Ordering matters:
+ *   1. Base schema (StarterKit first so its nodes/marks register; `starterKit`
+ *      overrides let an app disable replaced nodes / swap the dropcursor).
+ *   2. dialect-keyed Markdown serializer (suppressible via `features.markdown`
+ *      for apps that own the whole serialize/parse pipeline, e.g. Content's NFM).
+ *   3. `extraExtensions` (Notion/media/etc.) — appended before Collaboration so
+ *      apps can extend the schema and Collaboration still binds over the full
+ *      schema.
+ *   4. Collaboration (+ CollaborationCaret) LAST so they bind over everything.
+ *
+ * Content (the NFM editor) drives this factory with `features.placeholder` and
+ * `features.markdown` off, `features.tasks/tables/link` off where it ships its
+ * own, a `starterKit` override disabling paragraph/blockquote/codeBlock, and all
+ * Notion/media/fidelity nodes + its own Markdown(NFM)/Placeholder via
+ * `extraExtensions` — so it shares the StarterKit base + the collab wiring while
+ * owning its byte-identical NFM serializer.
+ */
+export declare function createSharedEditorExtensions({ dialect, preset: _preset, placeholder, features, starterKit, markdown, extraExtensions, collab, onImageUpload, }?: CreateSharedEditorExtensionsOptions): Array<Extension | Node | Mark>;
+//# sourceMappingURL=extensions.d.ts.map

package/dist/client/rich-markdown-editor/extensions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"extensions.d.ts","sourceRoot":"","sources":["../../../src/client/rich-markdown-editor/extensions.ts"],"names":[],"mappings":"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"}

package/dist/client/rich-markdown-editor/extensions.js

@@ -0,0 +1,222 @@
+import StarterKit from "@tiptap/starter-kit";
+import Placeholder from "@tiptap/extension-placeholder";
+import Link from "@tiptap/extension-link";
+import TaskList from "@tiptap/extension-task-list";
+import TaskItem from "@tiptap/extension-task-item";
+import { Table } from "@tiptap/extension-table";
+import { TableRow } from "@tiptap/extension-table-row";
+import { TableCell } from "@tiptap/extension-table-cell";
+import { TableHeader } from "@tiptap/extension-table-header";
+import { Markdown } from "tiptap-markdown";
+import { CodeBlockLowlight } from "@tiptap/extension-code-block-lowlight";
+import { createLowlight } from "lowlight";
+import bash from "highlight.js/lib/languages/bash";
+import css from "highlight.js/lib/languages/css";
+import javascript from "highlight.js/lib/languages/javascript";
+import json from "highlight.js/lib/languages/json";
+import markdown from "highlight.js/lib/languages/markdown";
+import python from "highlight.js/lib/languages/python";
+import sql from "highlight.js/lib/languages/sql";
+import typescript from "highlight.js/lib/languages/typescript";
+import xml from "highlight.js/lib/languages/xml";
+import yaml from "highlight.js/lib/languages/yaml";
+import Collaboration from "@tiptap/extension-collaboration";
+import CollaborationCaret from "@tiptap/extension-collaboration-caret";
+/**
+ * Shared lowlight instance for the editor's syntax-highlighted code blocks. A
+ * curated grammar set (aliases like ts/tsx, js/jsx, html, sh, py, yml, md come
+ * for free from each grammar) keeps the editor bundle lean while matching the
+ * languages the read-side Shiki surfaces (`code-tabs`) support. highlight.js is
+ * synchronous, which is what a live ProseMirror editor needs — Shiki is async
+ * and only used for read-only render paths.
+ */
+const codeLowlight = createLowlight({
+    bash,
+    css,
+    javascript,
+    json,
+    markdown,
+    python,
+    sql,
+    typescript,
+    xml,
+    yaml,
+});
+import { createImageExtension } from "./ImageExtension.js";
+/**
+ * tiptap-markdown configuration, keyed by dialect. This is the single source of
+ * truth for how each dialect parses/serializes markdown so the editor component
+ * and the round-trip fidelity test can never drift apart.
+ *
+ * tiptap-markdown re-serializes the whole document on every edit, so the goal
+ * for GFM is `serialize(parse(markdown)) === markdown` for the markdown plans
+ * actually contain. We deliberately keep tiptap-markdown's own defaults
+ * (`bulletListMarker: "-"`, `tightLists: true`, `linkify: false`,
+ * `breaks: false`) because those produce the most byte-stable GFM. See
+ * RichMarkdownEditor.roundtrip.spec.ts for the pinned corpus.
+ *
+ * NFM (Content) opts into inline HTML passthrough (`html: true`) so
+ * Notion-specific blocks survive a markdown round-trip; the rest mirrors the
+ * Content editor's existing `Markdown.configure` call.
+ */
+export const MARKDOWN_DIALECT_CONFIG = {
+    gfm: {
+        // GFM plans are the common case and must never gain raw HTML as a second
+        // representation.
+        html: false,
+        // Keep tiptap-markdown's defaults that minimise first-edit normalisation
+        // churn (see roundtrip spec). Listed explicitly so the contract is
+        // self-documenting rather than relying on the package defaults.
+        bulletListMarker: "-",
+        tightLists: true,
+        linkify: false,
+        breaks: false,
+        transformPastedText: true,
+        transformCopiedText: true,
+    },
+    nfm: {
+        // NFM is a superset that allows inline HTML so Notion blocks round-trip.
+        html: true,
+        transformPastedText: true,
+        transformCopiedText: true,
+    },
+};
+const DEFAULT_FEATURES = {
+    tables: true,
+    tasks: true,
+    link: true,
+    codeBlock: true,
+    placeholder: true,
+    markdown: true,
+    // Off by default: only Plans opt in today. Content injects its own richer
+    // image node via `extraExtensions` and must not get a second `image` node.
+    image: false,
+};
+/**
+ * The ONE editor extension factory shared by every embedder (Plans today,
+ * Content next). It assembles the base Tiptap schema (StarterKit + Placeholder
+ * + Link + tasks + tables + code block), the dialect-keyed {@link Markdown}
+ * serializer, the optional Collaboration stack, and finally any app-specific
+ * `extraExtensions`.
+ *
+ * Ordering matters:
+ *   1. Base schema (StarterKit first so its nodes/marks register; `starterKit`
+ *      overrides let an app disable replaced nodes / swap the dropcursor).
+ *   2. dialect-keyed Markdown serializer (suppressible via `features.markdown`
+ *      for apps that own the whole serialize/parse pipeline, e.g. Content's NFM).
+ *   3. `extraExtensions` (Notion/media/etc.) — appended before Collaboration so
+ *      apps can extend the schema and Collaboration still binds over the full
+ *      schema.
+ *   4. Collaboration (+ CollaborationCaret) LAST so they bind over everything.
+ *
+ * Content (the NFM editor) drives this factory with `features.placeholder` and
+ * `features.markdown` off, `features.tasks/tables/link` off where it ships its
+ * own, a `starterKit` override disabling paragraph/blockquote/codeBlock, and all
+ * Notion/media/fidelity nodes + its own Markdown(NFM)/Placeholder via
+ * `extraExtensions` — so it shares the StarterKit base + the collab wiring while
+ * owning its byte-identical NFM serializer.
+ */
+export function createSharedEditorExtensions({ dialect = "gfm", 
+// `preset` is accepted and forwarded for future preset-specific schema
+// branches; it is currently schema-neutral.
+preset: _preset = "plan", placeholder = "Type '/' for commands...", features, starterKit, markdown, extraExtensions = [], collab = null, onImageUpload = null, } = {}) {
+    const feat = { ...DEFAULT_FEATURES, ...(features ?? {}) };
+    const ydoc = collab?.ydoc ?? null;
+    const awareness = collab?.awareness ?? null;
+    const user = collab?.user ?? null;
+    const exts = [
+        StarterKit.configure({
+            heading: { levels: [1, 2, 3, 4] },
+            link: false,
+            // StarterKit's plain code block is always disabled; when enabled we add the
+            // syntax-highlighting `CodeBlockLowlight` (same `codeBlock` node) below.
+            codeBlock: false,
+            dropcursor: { color: "hsl(var(--ring))", width: 2 },
+            // Yjs owns undo/redo when Collaboration is active; the StarterKit history
+            // plugin and the CRDT cannot both track undo without corrupting state.
+            ...(ydoc ? { undoRedo: false } : {}),
+            // App overrides last so embedders can disable replaced nodes (paragraph,
+            // blockquote, code block) or swap the dropcursor while keeping the shared
+            // base + the collab undo/redo gating above.
+            ...(starterKit ?? {}),
+        }),
+    ];
+    // Syntax-highlighted code block (replaces StarterKit's plain one) only when the
+    // embedder opts in via `features.codeBlock`. Content disables it and ships its
+    // own code node, so this affects Plans (and future opt-in apps) alone.
+    if (feat.codeBlock) {
+        exts.push(CodeBlockLowlight.configure({
+            lowlight: codeLowlight,
+            defaultLanguage: null,
+        }));
+    }
+    if (feat.placeholder) {
+        exts.push(Placeholder.configure({
+            placeholder: ({ node }) => {
+                if (node.type.name === "heading") {
+                    const level = node.attrs.level;
+                    if (level === 1)
+                        return "Heading 1";
+                    if (level === 2)
+                        return "Heading 2";
+                    if (level === 3)
+                        return "Heading 3";
+                    return "Heading 4";
+                }
+                return placeholder;
+            },
+            showOnlyWhenEditable: true,
+            showOnlyCurrent: true,
+        }));
+    }
+    if (feat.link) {
+        exts.push(Link.configure({
+            openOnClick: false,
+            HTMLAttributes: { class: "an-rich-md-link" },
+        }));
+    }
+    if (feat.tasks) {
+        exts.push(TaskList.configure({
+            HTMLAttributes: { class: "an-rich-md-task-list" },
+        }), TaskItem.configure({ nested: true }));
+    }
+    if (feat.tables) {
+        exts.push(Table.configure({
+            resizable: false,
+            HTMLAttributes: { class: "an-rich-md-table" },
+        }), TableRow, TableHeader, TableCell);
+    }
+    if (feat.markdown) {
+        exts.push(Markdown.configure(markdown ?? MARKDOWN_DIALECT_CONFIG[dialect]));
+    }
+    // Shared block-level image node. The node is named `image`, so when
+    // `features.markdown` is on, tiptap-markdown serializes it through its
+    // built-in `defaultMarkdownSerializer.nodes.image` fallback → `![alt](src)`
+    // (no width-as-HTML override here, so GFM stays byte-stable and
+    // source-syncable). With an `onImageUpload` it accepts paste/drop uploads.
+    if (feat.image) {
+        exts.push(createImageExtension({ onImageUpload }));
+    }
+    // App-specific extensions (Notion/media/drag handles/comments). Appended
+    // before Collaboration so they can extend the schema and Collaboration binds
+    // over the full set.
+    if (extraExtensions.length > 0) {
+        exts.push(...extraExtensions);
+    }
+    // Collaborative editing via the shared Y.Doc. Markdown stays the canonical
+    // saved representation (onChange serializes it); the Y.Doc is transient live
+    // state only. Appended last so it binds over the configured schema above.
+    if (ydoc) {
+        exts.push(Collaboration.configure({ document: ydoc }));
+        // Live multi-user cursors. Only mounted alongside a Y.Doc so the standalone
+        // controlled editor (today's plan/content behavior) is untouched.
+        if (awareness) {
+            exts.push(CollaborationCaret.configure({
+                provider: { awareness },
+                user: user ?? { name: "Anonymous", color: "#999" },
+            }));
+        }
+    }
+    return exts;
+}
+//# sourceMappingURL=extensions.js.map