@spatika/editor 1.5.0

package/dist/extensions/mention.js

@@ -0,0 +1,129 @@
+import { Extension, mergeAttributes, Node } from "@tiptap/core";
+import { PluginKey } from "@tiptap/pm/state";
+import Suggestion from "@tiptap/suggestion";
+export const MentionPluginKey = new PluginKey("spatikaMention");
+export function createMentionExtension(contacts, onUpdate) {
+    const MentionNode = Node.create({
+        name: "mention",
+        group: "inline",
+        inline: true,
+        atom: true,
+        selectable: false,
+        addAttributes() {
+            return {
+                id: { default: null },
+                label: { default: null },
+            };
+        },
+        parseHTML() {
+            return [{ tag: 'span[data-type="mention"]' }];
+        },
+        renderHTML({ node, HTMLAttributes }) {
+            return [
+                "span",
+                mergeAttributes(HTMLAttributes, {
+                    "data-type": "mention",
+                    class: "spk-editor-mention",
+                }),
+                `@${node.attrs.label ?? node.attrs.id}`,
+            ];
+        },
+        renderText({ node }) {
+            return `@${node.attrs.label ?? node.attrs.id}`;
+        },
+    });
+    const suggestionExtension = ExtensionWithSuggestion(contacts, onUpdate);
+    return [MentionNode, suggestionExtension];
+}
+function ExtensionWithSuggestion(contacts, onUpdate) {
+    return Extension.create({
+        name: "mentionSuggestion",
+        addStorage() {
+            return {
+                contacts,
+                activeIndex: 0,
+                query: "",
+                range: null,
+                filteredItems: contacts,
+                runCommand: null,
+            };
+        },
+        addProseMirrorPlugins() {
+            const editor = this.editor;
+            const storage = this.storage;
+            const suggestion = {
+                char: "@",
+                pluginKey: MentionPluginKey,
+                allowSpaces: false,
+                items: ({ query }) => {
+                    const needle = query.toLowerCase();
+                    return contacts.filter((contact) => contact.label.toLowerCase().includes(needle));
+                },
+                command: ({ editor: ed, range, props }) => {
+                    ed.chain()
+                        .focus()
+                        .insertContentAt(range, [
+                        {
+                            type: "mention",
+                            attrs: { id: props.id, label: props.label },
+                        },
+                        { type: "text", text: " " },
+                    ])
+                        .run();
+                },
+                render: () => ({
+                    onStart: (props) => {
+                        storage.query = props.query;
+                        storage.activeIndex = 0;
+                        storage.range = props.range;
+                        storage.filteredItems = props.items;
+                        storage.runCommand = (item) => props.command(item);
+                        onUpdate?.({ ...storage });
+                    },
+                    onUpdate: (props) => {
+                        storage.query = props.query;
+                        storage.activeIndex = 0;
+                        storage.range = props.range;
+                        storage.filteredItems = props.items;
+                        storage.runCommand = (item) => props.command(item);
+                        onUpdate?.({ ...storage });
+                    },
+                    onKeyDown: (props) => {
+                        if (props.event.key === "ArrowUp") {
+                            storage.activeIndex = Math.max(0, storage.activeIndex - 1);
+                            onUpdate?.({ ...storage });
+                            return true;
+                        }
+                        if (props.event.key === "ArrowDown") {
+                            storage.activeIndex = Math.min(storage.filteredItems.length - 1, storage.activeIndex + 1);
+                            onUpdate?.({ ...storage });
+                            return true;
+                        }
+                        if (props.event.key === "Enter") {
+                            const item = storage.filteredItems[storage.activeIndex];
+                            if (item)
+                                storage.runCommand?.(item);
+                            return true;
+                        }
+                        if (props.event.key === "Escape") {
+                            storage.query = "";
+                            storage.range = null;
+                            onUpdate?.({ ...storage });
+                            return true;
+                        }
+                        return false;
+                    },
+                    onExit: () => {
+                        storage.query = "";
+                        storage.range = null;
+                        storage.activeIndex = 0;
+                        storage.filteredItems = contacts;
+                        storage.runCommand = null;
+                        onUpdate?.({ ...storage });
+                    },
+                }),
+            };
+            return [Suggestion({ editor, ...suggestion })];
+        },
+    });
+}

package/dist/extensions/resizable-image-view.d.ts

@@ -0,0 +1,18 @@
+import type { Editor } from "@tiptap/core";
+import type { Node as ProseMirrorNode } from "@tiptap/pm/model";
+type CreateImageNodeViewOptions = {
+    node: ProseMirrorNode;
+    getPos: () => number | undefined;
+    editor: Editor;
+    selected: boolean;
+};
+export declare function applyImageWrapState(wrap: HTMLElement, img: HTMLImageElement, node: ProseMirrorNode, selected: boolean): void;
+export declare function createImageNodeView({ node, getPos, editor, selected }: CreateImageNodeViewOptions): {
+    dom: HTMLDivElement;
+    update(updatedNode: ProseMirrorNode): boolean;
+    selectNode(): void;
+    deselectNode(): void;
+    destroy(): void;
+};
+export {};
+//# sourceMappingURL=resizable-image-view.d.ts.map

package/dist/extensions/resizable-image-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable-image-view.d.ts","sourceRoot":"","sources":["../../src/extensions/resizable-image-view.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,EAAE,IAAI,IAAI,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAGhE,KAAK,0BAA0B,GAAG;IAChC,IAAI,EAAE,eAAe,CAAC;IACtB,MAAM,EAAE,MAAM,MAAM,GAAG,SAAS,CAAC;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,WAAW,EACjB,GAAG,EAAE,gBAAgB,EACrB,IAAI,EAAE,eAAe,EACrB,QAAQ,EAAE,OAAO,QAYlB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,0BAA0B;;wBAgD1E,eAAe;;;;EAkBtC"}

package/dist/extensions/resizable-image-view.js

@@ -0,0 +1,70 @@
+export function applyImageWrapState(wrap, img, node, selected) {
+    const width = node.attrs.width ?? "100%";
+    const align = node.attrs.align ?? "center";
+    wrap.dataset.align = align;
+    wrap.className = `spk-editor-image-wrap spk-editor-image-wrap--${align}${selected ? " spk-editor-image-wrap--selected" : ""}`;
+    img.src = node.attrs.src;
+    img.alt = node.attrs.alt ?? "";
+    img.className = "spk-editor-image";
+    img.style.width = width;
+    img.draggable = false;
+}
+export function createImageNodeView({ node, getPos, editor, selected }) {
+    const wrap = document.createElement("div");
+    wrap.contentEditable = "false";
+    wrap.className = "spk-editor-image-wrap";
+    const img = document.createElement("img");
+    const handle = document.createElement("span");
+    handle.className = "spk-editor-image-resize-handle";
+    handle.setAttribute("aria-hidden", "true");
+    handle.title = "Drag to resize";
+    applyImageWrapState(wrap, img, node, selected);
+    wrap.append(img, handle);
+    let startX = 0;
+    let startWidth = 0;
+    const onPointerMove = (event) => {
+        const pos = getPos();
+        if (pos === undefined)
+            return;
+        const delta = event.clientX - startX;
+        const nextWidth = Math.max(120, Math.round(startWidth + delta));
+        editor.view.dispatch(editor.view.state.tr.setNodeMarkup(pos, undefined, {
+            ...node.attrs,
+            width: `${nextWidth}px`,
+        }));
+    };
+    const onPointerUp = () => {
+        document.removeEventListener("pointermove", onPointerMove);
+        document.removeEventListener("pointerup", onPointerUp);
+    };
+    const onPointerDown = (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        startX = event.clientX;
+        startWidth = img.getBoundingClientRect().width;
+        document.addEventListener("pointermove", onPointerMove);
+        document.addEventListener("pointerup", onPointerUp);
+    };
+    handle.addEventListener("pointerdown", onPointerDown);
+    return {
+        dom: wrap,
+        update(updatedNode) {
+            if (updatedNode.type.name !== "image")
+                return false;
+            node = updatedNode;
+            applyImageWrapState(wrap, img, updatedNode, selected);
+            return true;
+        },
+        selectNode() {
+            wrap.classList.add("spk-editor-image-wrap--selected");
+        },
+        deselectNode() {
+            wrap.classList.remove("spk-editor-image-wrap--selected");
+        },
+        destroy() {
+            handle.removeEventListener("pointerdown", onPointerDown);
+            document.removeEventListener("pointermove", onPointerMove);
+            document.removeEventListener("pointerup", onPointerUp);
+        },
+    };
+}

package/dist/extensions/resizable-image.d.ts

@@ -0,0 +1,4 @@
+export type ImageAlign = "left" | "center" | "right";
+/** Image node with drag-resize handles, width, and float alignment attributes. */
+export declare const ResizableImage: import("@tiptap/core").Node<import("@tiptap/extension-image").ImageOptions, any>;
+//# sourceMappingURL=resizable-image.d.ts.map

package/dist/extensions/resizable-image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable-image.d.ts","sourceRoot":"","sources":["../../src/extensions/resizable-image.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAErD,kFAAkF;AAClF,eAAO,MAAM,cAAc,kFAmEzB,CAAC"}

package/dist/extensions/resizable-image.js

@@ -0,0 +1,68 @@
+import Image from "@tiptap/extension-image";
+import { mergeAttributes } from "@tiptap/core";
+import { createImageNodeView } from "./resizable-image-view";
+/** Image node with drag-resize handles, width, and float alignment attributes. */
+export const ResizableImage = Image.extend({
+    name: "image",
+    addAttributes() {
+        return {
+            ...this.parent?.(),
+            width: {
+                default: "100%",
+                parseHTML: (element) => {
+                    const fromData = element.getAttribute("data-width");
+                    if (fromData)
+                        return fromData;
+                    const styleWidth = element.style.width;
+                    return styleWidth || "100%";
+                },
+                renderHTML: (attributes) => ({
+                    "data-width": attributes.width,
+                    style: `width: ${attributes.width}`,
+                }),
+            },
+            align: {
+                default: "center",
+                parseHTML: (element) => {
+                    const parent = element.parentElement;
+                    const fromParent = parent?.getAttribute("data-align");
+                    return fromParent ?? (element.getAttribute("data-align") ?? "center");
+                },
+                renderHTML: (attributes) => ({
+                    "data-align": attributes.align,
+                    class: `spk-editor-image spk-editor-image--${attributes.align}`,
+                }),
+            },
+        };
+    },
+    addNodeView() {
+        return ({ node, getPos, editor }) => createImageNodeView({
+            node,
+            getPos,
+            editor,
+            selected: false,
+        });
+    },
+    renderHTML({ HTMLAttributes }) {
+        const align = HTMLAttributes["data-align"] ?? "center";
+        return [
+            "div",
+            {
+                class: `spk-editor-image-wrap spk-editor-image-wrap--${align}`,
+                "data-align": align,
+                contenteditable: "false",
+            },
+            ["img", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)],
+        ];
+    },
+    parseHTML() {
+        return [
+            {
+                tag: "div.spk-editor-image-wrap img",
+            },
+            {
+                tag: "img[src]",
+            },
+        ];
+    },
+});

package/dist/extensions/slash-command.d.ts

@@ -0,0 +1,18 @@
+import { Extension } from "@tiptap/core";
+import { PluginKey } from "@tiptap/pm/state";
+import type { SlashCommandItem } from "../lib/types";
+export type SlashCommandStorage = {
+    items: SlashCommandItem[];
+    activeIndex: number;
+    query: string;
+    range: {
+        from: number;
+        to: number;
+    } | null;
+    filteredItems: SlashCommandItem[];
+    runCommand: ((item: SlashCommandItem) => void) | null;
+};
+export declare const SlashCommandPluginKey: PluginKey<any>;
+export declare function createSlashCommandExtension(items: SlashCommandItem[], onUpdate?: (state: SlashCommandStorage) => void): Extension<any, any>;
+export declare function defaultSlashCommands(): SlashCommandItem[];
+//# sourceMappingURL=slash-command.d.ts.map

package/dist/extensions/slash-command.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slash-command.d.ts","sourceRoot":"","sources":["../../src/extensions/slash-command.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAErD,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAC3C,aAAa,EAAE,gBAAgB,EAAE,CAAC;IAClC,UAAU,EAAE,CAAC,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;CACvD,CAAC;AAEF,eAAO,MAAM,qBAAqB,gBAAuC,CAAC;AAE1E,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,gBAAgB,EAAE,EACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,uBA+FhD;AAED,wBAAgB,oBAAoB,IAAI,gBAAgB,EAAE,CAiFzD"}

package/dist/extensions/slash-command.js

@@ -0,0 +1,178 @@
+import { Extension } from "@tiptap/core";
+import { PluginKey } from "@tiptap/pm/state";
+import Suggestion from "@tiptap/suggestion";
+export const SlashCommandPluginKey = new PluginKey("spatikaSlashCommand");
+export function createSlashCommandExtension(items, onUpdate) {
+    return Extension.create({
+        name: "slashCommand",
+        addStorage() {
+            return {
+                items,
+                activeIndex: 0,
+                query: "",
+                range: null,
+                filteredItems: items,
+                runCommand: null,
+            };
+        },
+        addProseMirrorPlugins() {
+            const editor = this.editor;
+            const storage = this.storage;
+            const suggestion = {
+                char: "/",
+                pluginKey: SlashCommandPluginKey,
+                allowSpaces: true,
+                items: ({ query }) => {
+                    const needle = query.toLowerCase();
+                    return items.filter((item) => {
+                        if (!needle)
+                            return true;
+                        const haystack = [item.title, item.description, ...(item.keywords ?? [])]
+                            .filter(Boolean)
+                            .join(" ")
+                            .toLowerCase();
+                        return haystack.includes(needle);
+                    });
+                },
+                command: ({ editor: ed, range, props }) => {
+                    ed.chain().focus().deleteRange(range).run();
+                    props.command(editor);
+                },
+                render: () => ({
+                    onStart: (props) => {
+                        storage.query = props.query;
+                        storage.activeIndex = 0;
+                        storage.range = props.range;
+                        storage.filteredItems = props.items;
+                        storage.runCommand = (item) => props.command(item);
+                        onUpdate?.({ ...storage });
+                    },
+                    onUpdate: (props) => {
+                        storage.query = props.query;
+                        storage.activeIndex = 0;
+                        storage.range = props.range;
+                        storage.filteredItems = props.items;
+                        storage.runCommand = (item) => props.command(item);
+                        onUpdate?.({ ...storage });
+                    },
+                    onKeyDown: (props) => {
+                        if (props.event.key === "ArrowUp") {
+                            storage.activeIndex = Math.max(0, storage.activeIndex - 1);
+                            onUpdate?.({ ...storage });
+                            return true;
+                        }
+                        if (props.event.key === "ArrowDown") {
+                            const max = storage.filteredItems.length - 1;
+                            storage.activeIndex = Math.min(max, storage.activeIndex + 1);
+                            onUpdate?.({ ...storage });
+                            return true;
+                        }
+                        if (props.event.key === "Enter") {
+                            const item = storage.filteredItems[storage.activeIndex];
+                            if (item)
+                                storage.runCommand?.(item);
+                            return true;
+                        }
+                        if (props.event.key === "Escape") {
+                            storage.query = "";
+                            storage.range = null;
+                            onUpdate?.({ ...storage });
+                            return true;
+                        }
+                        return false;
+                    },
+                    onExit: () => {
+                        storage.query = "";
+                        storage.range = null;
+                        storage.activeIndex = 0;
+                        storage.filteredItems = items;
+                        storage.runCommand = null;
+                        onUpdate?.({ ...storage });
+                    },
+                }),
+            };
+            return [Suggestion({ editor, ...suggestion })];
+        },
+    });
+}
+export function defaultSlashCommands() {
+    return [
+        {
+            id: "paragraph",
+            title: "Text",
+            description: "Plain paragraph",
+            keywords: ["p", "text"],
+            command: (editor) => editor.chain().focus().setParagraph().run(),
+        },
+        {
+            id: "h1",
+            title: "Heading 1",
+            description: "Large section title",
+            keywords: ["heading", "title"],
+            command: (editor) => editor.chain().focus().toggleHeading({ level: 1 }).run(),
+        },
+        {
+            id: "h2",
+            title: "Heading 2",
+            description: "Medium section title",
+            keywords: ["heading", "subtitle"],
+            command: (editor) => editor.chain().focus().toggleHeading({ level: 2 }).run(),
+        },
+        {
+            id: "h3",
+            title: "Heading 3",
+            description: "Small section title",
+            keywords: ["heading"],
+            command: (editor) => editor.chain().focus().toggleHeading({ level: 3 }).run(),
+        },
+        {
+            id: "bullet",
+            title: "Bullet list",
+            description: "Unordered list",
+            keywords: ["ul", "list"],
+            command: (editor) => editor.chain().focus().toggleBulletList().run(),
+        },
+        {
+            id: "ordered",
+            title: "Numbered list",
+            description: "Ordered list",
+            keywords: ["ol", "list"],
+            command: (editor) => editor.chain().focus().toggleOrderedList().run(),
+        },
+        {
+            id: "task",
+            title: "Task list",
+            description: "Checklist with todos",
+            keywords: ["todo", "checkbox", "task"],
+            command: (editor) => editor.chain().focus().toggleTaskList().run(),
+        },
+        {
+            id: "code-block",
+            title: "Code block",
+            description: "Monospace code snippet",
+            keywords: ["code", "pre", "snippet"],
+            command: (editor) => editor.chain().focus().toggleCodeBlock().run(),
+        },
+        {
+            id: "quote",
+            title: "Quote",
+            description: "Block quotation",
+            keywords: ["blockquote"],
+            command: (editor) => editor.chain().focus().toggleBlockquote().run(),
+        },
+        {
+            id: "divider",
+            title: "Divider",
+            description: "Horizontal rule",
+            keywords: ["hr", "line"],
+            command: (editor) => editor.chain().focus().setHorizontalRule().run(),
+        },
+        {
+            id: "table",
+            title: "Table",
+            description: "3×3 table with header",
+            keywords: ["grid"],
+            command: (editor) => editor.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run(),
+        },
+    ];
+}

package/dist/index.d.ts

@@ -0,0 +1,24 @@
+export { SpatikaEditor } from "./composites/SpatikaEditor";
+export { EditorToolbar } from "./composites/EditorToolbar";
+export { EditorBubbleMenu } from "./composites/EditorBubbleMenu";
+export { ImageBubbleMenu } from "./composites/ImageBubbleMenu";
+export { SlashCommandMenu } from "./composites/SlashCommandMenu";
+export { MentionMenu } from "./composites/MentionMenu";
+export { AiCommandMenu } from "./composites/AiCommandMenu";
+export { AiCommandDock } from "./composites/AiCommandDock";
+export { AiCommandPanel } from "./composites/AiCommandPanel";
+export type { AiCommandRunRequest } from "./composites/AiCommandMenu";
+export { AiOverlay } from "./composites/AiOverlay";
+export { ToolbarButton } from "./composites/ToolbarButton";
+export { useSpatikaEditor, buildSpatikaExtensions } from "./lib/use-spatika-editor";
+export { DEFAULT_AI_ACTIONS, DEFAULT_AI_COMMANDS, resolveAiCommandActions, resolveAiCommandPlacement, resolveAiPromptConfig, usesAiCommandMenu, } from "./lib/ai-command-menu";
+export { createSlashCommandExtension, defaultSlashCommands } from "./extensions/slash-command";
+export { createMentionExtension } from "./extensions/mention";
+export { ResizableImage } from "./extensions/resizable-image";
+export { createAiActionExtension } from "./extensions/ai-action";
+export type { SpatikaEditorProps, SpatikaEditorHandle, SpatikaEditorToolbarConfig, SlashCommandItem, MentionContact, AiActionDefinition, AiCommandContext, AiCommandMenuConfig, AiCommandPromptConfig, ImageInsertConfig, PlaceholderConfig, UseSpatikaEditorOptions, } from "./lib/types";
+export { AI_PROMPT_ACTION_ID } from "./lib/types";
+export type { SlashCommandStorage } from "./extensions/slash-command";
+export type { MentionStorage } from "./extensions/mention";
+export type { ImageAlign } from "./extensions/resizable-image";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,YAAY,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE3D,OAAO,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAEpF,OAAO,EACL,kBAAkB,EAClB,mBAAmB,EACnB,uBAAuB,EACvB,yBAAyB,EACzB,qBAAqB,EACrB,iBAAiB,GAClB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,2BAA2B,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAC/F,OAAO,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAEjE,YAAY,EACV,kBAAkB,EAClB,mBAAmB,EACnB,0BAA0B,EAC1B,gBAAgB,EAChB,cAAc,EACd,kBAAkB,EAClB,gBAAgB,EAChB,mBAAmB,EACnB,qBAAqB,EACrB,iBAAiB,EACjB,iBAAiB,EACjB,uBAAuB,GACxB,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAElD,YAAY,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACtE,YAAY,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC3D,YAAY,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/index.js

@@ -0,0 +1,18 @@
+export { SpatikaEditor } from "./composites/SpatikaEditor";
+export { EditorToolbar } from "./composites/EditorToolbar";
+export { EditorBubbleMenu } from "./composites/EditorBubbleMenu";
+export { ImageBubbleMenu } from "./composites/ImageBubbleMenu";
+export { SlashCommandMenu } from "./composites/SlashCommandMenu";
+export { MentionMenu } from "./composites/MentionMenu";
+export { AiCommandMenu } from "./composites/AiCommandMenu";
+export { AiCommandDock } from "./composites/AiCommandDock";
+export { AiCommandPanel } from "./composites/AiCommandPanel";
+export { AiOverlay } from "./composites/AiOverlay";
+export { ToolbarButton } from "./composites/ToolbarButton";
+export { useSpatikaEditor, buildSpatikaExtensions } from "./lib/use-spatika-editor";
+export { DEFAULT_AI_ACTIONS, DEFAULT_AI_COMMANDS, resolveAiCommandActions, resolveAiCommandPlacement, resolveAiPromptConfig, usesAiCommandMenu, } from "./lib/ai-command-menu";
+export { createSlashCommandExtension, defaultSlashCommands } from "./extensions/slash-command";
+export { createMentionExtension } from "./extensions/mention";
+export { ResizableImage } from "./extensions/resizable-image";
+export { createAiActionExtension } from "./extensions/ai-action";
+export { AI_PROMPT_ACTION_ID } from "./lib/types";

package/dist/lib/ai-command-menu.d.ts

@@ -0,0 +1,9 @@
+import type { AiActionDefinition, AiCommandMenuConfig, AiCommandPromptConfig } from "./types";
+export declare const DEFAULT_AI_COMMANDS: AiActionDefinition[];
+/** Legacy three-action set for toolbar/bubble buttons when `aiCommandMenu` is false. */
+export declare const DEFAULT_AI_ACTIONS: AiActionDefinition[];
+export declare function resolveAiCommandActions(menu?: AiCommandMenuConfig | false, actions?: AiActionDefinition[]): AiActionDefinition[];
+export declare function resolveAiPromptConfig(prompt: AiCommandMenuConfig["prompt"] | undefined): Required<AiCommandPromptConfig>;
+export declare function resolveAiCommandPlacement(menu?: AiCommandMenuConfig | false): "toolbar" | "dock";
+export declare function usesAiCommandMenu(aiCommandMenu: AiCommandMenuConfig | false | undefined, hasHandler: boolean): boolean;
+//# sourceMappingURL=ai-command-menu.d.ts.map

package/dist/lib/ai-command-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-command-menu.d.ts","sourceRoot":"","sources":["../../src/lib/ai-command-menu.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAE9F,eAAO,MAAM,mBAAmB,EAAE,kBAAkB,EAOnD,CAAC;AAEF,wFAAwF;AACxF,eAAO,MAAM,kBAAkB,EAAE,kBAAkB,EAIlD,CAAC;AAEF,wBAAgB,uBAAuB,CACrC,IAAI,CAAC,EAAE,mBAAmB,GAAG,KAAK,EAClC,OAAO,CAAC,EAAE,kBAAkB,EAAE,GAC7B,kBAAkB,EAAE,CAMtB;AAED,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,mBAAmB,CAAC,QAAQ,CAAC,GAAG,SAAS,GAChD,QAAQ,CAAC,qBAAqB,CAAC,CAUjC;AAED,wBAAgB,yBAAyB,CACvC,IAAI,CAAC,EAAE,mBAAmB,GAAG,KAAK,GACjC,SAAS,GAAG,MAAM,CAGpB;AAED,wBAAgB,iBAAiB,CAC/B,aAAa,EAAE,mBAAmB,GAAG,KAAK,GAAG,SAAS,EACtD,UAAU,EAAE,OAAO,GAClB,OAAO,CAGT"}

package/dist/lib/ai-command-menu.js

@@ -0,0 +1,43 @@
+export const DEFAULT_AI_COMMANDS = [
+    { id: "proofread", label: "Proofread selection", requiresSelection: true },
+    { id: "rewrite", label: "Rewrite selection", requiresSelection: true },
+    { id: "shorten", label: "Make it shorter", requiresSelection: true },
+    { id: "improve", label: "Improve writing", requiresSelection: true },
+    { id: "expand", label: "Expand", requiresSelection: true },
+    { id: "continue", label: "Write a new paragraph", requiresSelection: false },
+];
+/** Legacy three-action set for toolbar/bubble buttons when `aiCommandMenu` is false. */
+export const DEFAULT_AI_ACTIONS = [
+    { id: "improve", label: "Improve writing", requiresSelection: true },
+    { id: "shorten", label: "Make shorter", requiresSelection: true },
+    { id: "expand", label: "Expand", requiresSelection: true },
+];
+export function resolveAiCommandActions(menu, actions) {
+    if (menu && typeof menu === "object" && menu.actions?.length) {
+        return menu.actions;
+    }
+    if (actions?.length)
+        return actions;
+    return DEFAULT_AI_COMMANDS;
+}
+export function resolveAiPromptConfig(prompt) {
+    if (prompt === false) {
+        return { enabled: false, placeholder: "", submitLabel: "Send" };
+    }
+    const config = prompt === true || prompt === undefined ? {} : prompt;
+    return {
+        enabled: config.enabled ?? true,
+        placeholder: config.placeholder ?? "Ask about this document or request a change…",
+        submitLabel: config.submitLabel ?? "Send",
+    };
+}
+export function resolveAiCommandPlacement(menu) {
+    if (menu === false)
+        return "toolbar";
+    return menu?.placement ?? "dock";
+}
+export function usesAiCommandMenu(aiCommandMenu, hasHandler) {
+    if (!hasHandler)
+        return false;
+    return aiCommandMenu !== false;
+}

package/dist/lib/cn.d.ts

@@ -0,0 +1,4 @@
+import { type ClassValue } from "clsx";
+/** Merge Tailwind class names without conflicts. */
+export declare function cn(...inputs: ClassValue[]): string;
+//# sourceMappingURL=cn.d.ts.map

package/dist/lib/cn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/lib/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAC;AAG7C,oDAAoD;AACpD,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}

package/dist/lib/cn.js

@@ -0,0 +1,6 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+/** Merge Tailwind class names without conflicts. */
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}

package/dist/lib/editor-format-colors.d.ts

@@ -0,0 +1,10 @@
+export type EditorColorSwatch = {
+    id: string;
+    label: string;
+    value: string | null;
+};
+/** Preset text colors for the formatting toolbar. */
+export declare const EDITOR_TEXT_COLORS: EditorColorSwatch[];
+/** Preset highlight colors for the formatting toolbar. */
+export declare const EDITOR_HIGHLIGHT_COLORS: EditorColorSwatch[];
+//# sourceMappingURL=editor-format-colors.d.ts.map

package/dist/lib/editor-format-colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-format-colors.d.ts","sourceRoot":"","sources":["../../src/lib/editor-format-colors.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB,CAAC;AAEF,qDAAqD;AACrD,eAAO,MAAM,kBAAkB,EAAE,iBAAiB,EAWjD,CAAC;AAEF,0DAA0D;AAC1D,eAAO,MAAM,uBAAuB,EAAE,iBAAiB,EAStD,CAAC"}