@teriusu/rich-editor 0.4.1

package/dist/extensions/Columns.d.ts

@@ -0,0 +1,11 @@
+import { Node as TiptapNode } from "@tiptap/core";
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        columns: {
+            setColumns: (count?: number) => ReturnType;
+            unsetColumns: () => ReturnType;
+        };
+    }
+}
+export declare const Columns: TiptapNode<any, any>;
+//# sourceMappingURL=Columns.d.ts.map

package/dist/extensions/Columns.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Columns.d.ts","sourceRoot":"","sources":["../../src/extensions/Columns.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,UAAU,EAAmB,MAAM,cAAc,CAAC;AAEnE,OAAO,QAAQ,cAAc,CAAC;IAC5B,UAAU,QAAQ,CAAC,UAAU;QAC3B,OAAO,EAAE;YACP,UAAU,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,UAAU,CAAC;YAC3C,YAAY,EAAE,MAAM,UAAU,CAAC;SAChC,CAAC;KACH;CACF;AAaD,eAAO,MAAM,OAAO,sBAmGlB,CAAC"}

package/dist/extensions/Columns.js

@@ -0,0 +1,103 @@
+import { Node as TiptapNode, mergeAttributes } from "@tiptap/core";
+function createColumnContent(count) {
+    const columns = [];
+    for (let i = 0; i < count; i++) {
+        columns.push({
+            type: "column",
+            content: [{ type: "paragraph" }],
+        });
+    }
+    return columns;
+}
+export const Columns = TiptapNode.create({
+    name: "columns",
+    group: "block",
+    content: "column{2,3}",
+    defining: true,
+    addAttributes() {
+        return {
+            columns: {
+                default: 2,
+                parseHTML: (element) => {
+                    const attr = element.getAttribute("data-columns");
+                    if (attr)
+                        return parseInt(attr, 10) || 2;
+                    // Legacy: count child columns
+                    return element.children.length || 2;
+                },
+                renderHTML: (attributes) => ({
+                    "data-columns": attributes.columns,
+                }),
+            },
+        };
+    },
+    parseHTML() {
+        return [
+            { tag: 'div[data-type="columns"]' },
+            { tag: "div.tiptap-columns" },
+        ];
+    },
+    renderHTML({ HTMLAttributes }) {
+        return [
+            "div",
+            mergeAttributes(HTMLAttributes, { "data-type": "columns" }),
+            0,
+        ];
+    },
+    addCommands() {
+        return {
+            setColumns: (count = 2) => ({ chain }) => {
+                return chain()
+                    .insertContent({
+                    type: this.name,
+                    attrs: { columns: count },
+                    content: createColumnContent(count),
+                })
+                    .run();
+            },
+            unsetColumns: () => ({ chain, state }) => {
+                const { from } = state.selection;
+                const node = state.doc.resolve(from);
+                for (let d = node.depth; d > 0; d--) {
+                    if (node.node(d).type.name === this.name) {
+                        const pos = node.before(d);
+                        const end = pos + node.node(d).nodeSize;
+                        // Collect all text content from columns
+                        const texts = [];
+                        node.node(d).descendants((child) => {
+                            if (child.isTextblock && child.textContent) {
+                                texts.push(child.textContent);
+                            }
+                        });
+                        return chain()
+                            .deleteRange({ from: pos, to: end })
+                            .insertContentAt(pos, texts.map((t) => `<p>${t}</p>`).join(""))
+                            .run();
+                    }
+                }
+                return false;
+            },
+        };
+    },
+    addKeyboardShortcuts() {
+        return {
+            // Tab in last column position should exit columns
+            "Mod-Enter": () => {
+                const { state } = this.editor;
+                const { from } = state.selection;
+                const resolved = state.doc.resolve(from);
+                for (let d = resolved.depth; d > 0; d--) {
+                    if (resolved.node(d).type.name === this.name) {
+                        const after = resolved.after(d);
+                        return this.editor
+                            .chain()
+                            .insertContentAt(after, { type: "paragraph" })
+                            .focus(after + 1)
+                            .run();
+                    }
+                }
+                return false;
+            },
+        };
+    },
+});

package/dist/extensions/Columns.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Columns.test.d.ts.map

package/dist/extensions/Columns.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Columns.test.d.ts","sourceRoot":"","sources":["../../src/extensions/Columns.test.ts"],"names":[],"mappings":""}

package/dist/extensions/Columns.test.js

@@ -0,0 +1,62 @@
+import { describe, it, expect, afterEach } from 'vitest';
+import { Editor } from '@tiptap/core';
+import StarterKit from '@tiptap/starter-kit';
+import { Columns } from './Columns';
+import { Column } from './Column';
+describe('Columns extension', () => {
+    let editor;
+    function createEditor(content = '<p></p>') {
+        editor = new Editor({
+            element: document.createElement('div'),
+            extensions: [StarterKit, Columns, Column],
+            content
+        });
+        return editor;
+    }
+    afterEach(() => {
+        editor?.destroy();
+    });
+    it('Columns extension name is "columns"', () => {
+        createEditor();
+        const ext = editor.extensionManager.extensions.find((e) => e.name === 'columns');
+        expect(ext).toBeDefined();
+    });
+    it('Column extension name is "column"', () => {
+        createEditor();
+        const ext = editor.extensionManager.extensions.find((e) => e.name === 'column');
+        expect(ext).toBeDefined();
+    });
+    it('creates 2-column layout via command', () => {
+        createEditor();
+        editor.commands.setColumns(2);
+        const doc = editor.getJSON();
+        const columnsNode = doc.content?.find((n) => n.type === 'columns');
+        expect(columnsNode).toBeDefined();
+        expect(columnsNode?.attrs?.columns).toBe(2);
+        expect(columnsNode?.content).toHaveLength(2);
+        expect(columnsNode?.content?.[0]?.type).toBe('column');
+    });
+    it('creates 3-column layout via command', () => {
+        createEditor();
+        editor.commands.setColumns(3);
+        const doc = editor.getJSON();
+        const columnsNode = doc.content?.find((n) => n.type === 'columns');
+        expect(columnsNode).toBeDefined();
+        expect(columnsNode?.attrs?.columns).toBe(3);
+        expect(columnsNode?.content).toHaveLength(3);
+    });
+    it('parses <div data-type="columns"> HTML', () => {
+        createEditor('<div data-type="columns"><div data-type="column"><p>A</p></div><div data-type="column"><p>B</p></div></div>');
+        const doc = editor.getJSON();
+        const columnsNode = doc.content?.find((n) => n.type === 'columns');
+        expect(columnsNode).toBeDefined();
+        expect(columnsNode?.content).toHaveLength(2);
+    });
+    it('renders HTML with data-type="columns"', () => {
+        createEditor();
+        editor.commands.setColumns(2);
+        const html = editor.getHTML();
+        expect(html).toContain('data-type="columns"');
+        expect(html).toContain('data-type="column"');
+    });
+});

package/dist/extensions/FileAttachment.d.ts

@@ -0,0 +1,24 @@
+import { Node } from "@tiptap/core";
+export interface FileAttachmentOptions {
+    HTMLAttributes: Record<string, unknown>;
+}
+export type FileResolveResult = {
+    src: string;
+    name?: string;
+    size?: number;
+};
+export type FileResolver = (fileId: string) => Promise<FileResolveResult>;
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        fileAttachment: {
+            setFileAttachment: (attrs: {
+                src?: string;
+                fileId?: string;
+                name: string;
+                size?: number;
+            }) => ReturnType;
+        };
+    }
+}
+export declare const FileAttachment: Node<FileAttachmentOptions, any>;
+//# sourceMappingURL=FileAttachment.d.ts.map

package/dist/extensions/FileAttachment.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileAttachment.d.ts","sourceRoot":"","sources":["../../src/extensions/FileAttachment.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,MAAM,cAAc,CAAC;AAErD,MAAM,WAAW,qBAAqB;IACpC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACzC;AAED,MAAM,MAAM,iBAAiB,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAC9E,MAAM,MAAM,YAAY,GAAG,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,iBAAiB,CAAC,CAAC;AAE1E,OAAO,QAAQ,cAAc,CAAC;IAC5B,UAAU,QAAQ,CAAC,UAAU;QAC3B,cAAc,EAAE;YACd,iBAAiB,EAAE,CAAC,KAAK,EAAE;gBACzB,GAAG,CAAC,EAAE,MAAM,CAAC;gBACb,MAAM,CAAC,EAAE,MAAM,CAAC;gBAChB,IAAI,EAAE,MAAM,CAAC;gBACb,IAAI,CAAC,EAAE,MAAM,CAAC;aACf,KAAK,UAAU,CAAC;SAClB,CAAC;KACH;CACF;AA6BD,eAAO,MAAM,cAAc,kCA6KzB,CAAC"}

package/dist/extensions/FileAttachment.js

@@ -0,0 +1,190 @@
+import { Node, mergeAttributes } from "@tiptap/core";
+function formatFileSize(bytes) {
+    if (bytes < 1024)
+        return `${bytes} B`;
+    if (bytes < 1024 * 1024)
+        return `${(bytes / 1024).toFixed(1)} KB`;
+    return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+function getFileIcon(name) {
+    const ext = name.split(".").pop()?.toLowerCase() || "";
+    const icons = {
+        pdf: "\u{1F4C4}",
+        doc: "\u{1F4DD}",
+        docx: "\u{1F4DD}",
+        xls: "\u{1F4CA}",
+        xlsx: "\u{1F4CA}",
+        ppt: "\u{1F4CA}",
+        pptx: "\u{1F4CA}",
+        zip: "\u{1F4E6}",
+        rar: "\u{1F4E6}",
+        "7z": "\u{1F4E6}",
+        txt: "\u{1F4C3}",
+        csv: "\u{1F4C3}",
+        hwp: "\u{1F4C4}",
+        hwpx: "\u{1F4C4}",
+    };
+    return icons[ext] || "\u{1F4CE}";
+}
+export const FileAttachment = Node.create({
+    name: "fileAttachment",
+    group: "block",
+    atom: true,
+    draggable: true,
+    addOptions() {
+        return { HTMLAttributes: {} };
+    },
+    addAttributes() {
+        return {
+            src: { default: null },
+            fileId: { default: null },
+            name: { default: "\uD30C\uC77C" },
+            size: { default: null },
+        };
+    },
+    parseHTML() {
+        return [
+            // 하이브리드: data-file-id + data-file-src
+            {
+                tag: "div[data-file-id]",
+                getAttrs: (dom) => {
+                    const el = dom;
+                    return {
+                        fileId: el.getAttribute("data-file-id"),
+                        src: el.getAttribute("data-file-src") || null,
+                        name: el.getAttribute("data-file-name") || "\uD30C\uC77C",
+                        size: el.getAttribute("data-file-size")
+                            ? Number(el.getAttribute("data-file-size"))
+                            : null,
+                    };
+                },
+            },
+            // URL 직접 방식 (data-file-src만)
+            {
+                tag: "div[data-file-src]",
+                getAttrs: (dom) => {
+                    const el = dom;
+                    return {
+                        src: el.getAttribute("data-file-src"),
+                        fileId: null,
+                        name: el.getAttribute("data-file-name") || "\uD30C\uC77C",
+                        size: el.getAttribute("data-file-size")
+                            ? Number(el.getAttribute("data-file-size"))
+                            : null,
+                    };
+                },
+            },
+            // 레거시: <tiptap-file id="X">
+            {
+                tag: "tiptap-file",
+                getAttrs: (dom) => {
+                    const el = dom;
+                    return {
+                        fileId: el.getAttribute("id") || null,
+                        src: null,
+                        name: el.textContent?.trim() || "\uD30C\uC77C",
+                        size: null,
+                    };
+                },
+            },
+        ];
+    },
+    renderHTML({ HTMLAttributes }) {
+        const attrs = {};
+        if (HTMLAttributes.fileId)
+            attrs["data-file-id"] = HTMLAttributes.fileId;
+        if (HTMLAttributes.src)
+            attrs["data-file-src"] = HTMLAttributes.src;
+        attrs["data-file-name"] = HTMLAttributes.name || "\uD30C\uC77C";
+        if (HTMLAttributes.size)
+            attrs["data-file-size"] = String(HTMLAttributes.size);
+        return ["div", mergeAttributes(this.options.HTMLAttributes, attrs)];
+    },
+    addNodeView() {
+        return ({ node, editor }) => {
+            const dom = document.createElement("div");
+            dom.style.cssText =
+                "display:flex;align-items:center;gap:10px;padding:10px 14px;margin:8px 0;border:1px solid var(--border, #e2e8f0);border-radius:10px;background:var(--muted, #f7fafc);cursor:default;max-width:400px;";
+            const icon = document.createElement("span");
+            icon.style.cssText = "font-size:24px;flex-shrink:0;line-height:1;";
+            icon.textContent = getFileIcon(node.attrs.name);
+            const info = document.createElement("div");
+            info.style.cssText = "flex:1;min-width:0;";
+            const nameEl = document.createElement("a");
+            nameEl.target = "_blank";
+            nameEl.rel = "noopener noreferrer";
+            nameEl.textContent = node.attrs.name;
+            nameEl.style.cssText =
+                "display:block;font-size:13px;font-weight:600;color:var(--primary, #4A7DAC);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;";
+            const sizeEl = document.createElement("span");
+            sizeEl.style.cssText =
+                "font-size:11px;color:var(--muted-foreground, #718096);";
+            // URL이 있으면 바로 표시
+            if (node.attrs.src) {
+                nameEl.href = node.attrs.src;
+                if (node.attrs.size)
+                    sizeEl.textContent = formatFileSize(node.attrs.size);
+            }
+            else if (node.attrs.fileId) {
+                // ID만 있으면 resolver로 해결 시도
+                nameEl.href = "#";
+                nameEl.style.pointerEvents = "none";
+                sizeEl.textContent = "loading...";
+                const resolver = editor.storage.fileAttachment?.resolver;
+                if (resolver) {
+                    resolver(node.attrs.fileId)
+                        .then((result) => {
+                        nameEl.href = result.src;
+                        nameEl.style.pointerEvents = "";
+                        if (result.name) {
+                            nameEl.textContent = result.name;
+                            icon.textContent = getFileIcon(result.name);
+                        }
+                        sizeEl.textContent = result.size ? formatFileSize(result.size) : "";
+                    })
+                        .catch(() => {
+                        sizeEl.textContent = "resolve failed";
+                    });
+                }
+                else {
+                    sizeEl.textContent = `ID: ${node.attrs.fileId}`;
+                }
+            }
+            info.appendChild(nameEl);
+            info.appendChild(sizeEl);
+            dom.appendChild(icon);
+            dom.appendChild(info);
+            if (editor.isEditable) {
+                const del = document.createElement("button");
+                del.type = "button";
+                del.textContent = "\u00D7";
+                del.style.cssText =
+                    "flex-shrink:0;width:22px;height:22px;border:none;background:transparent;color:var(--muted-foreground, #718096);font-size:16px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;";
+                del.addEventListener("mouseenter", () => {
+                    del.style.background = "var(--destructive, #FF6B6B)";
+                    del.style.color = "#fff";
+                });
+                del.addEventListener("mouseleave", () => {
+                    del.style.background = "transparent";
+                    del.style.color = "var(--muted-foreground, #718096)";
+                });
+                del.addEventListener("click", () => {
+                    const pos = editor.view.posAtDOM(dom, 0);
+                    editor.chain().focus().deleteRange({ from: pos, to: pos + 1 }).run();
+                });
+                dom.appendChild(del);
+            }
+            return { dom };
+        };
+    },
+    addStorage() {
+        return { resolver: null };
+    },
+    addCommands() {
+        return {
+            setFileAttachment: (attrs) => ({ chain }) => {
+                return chain().insertContent({ type: this.name, attrs }).run();
+            },
+        };
+    },
+});

package/dist/extensions/FileAttachment.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=FileAttachment.test.d.ts.map

package/dist/extensions/FileAttachment.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileAttachment.test.d.ts","sourceRoot":"","sources":["../../src/extensions/FileAttachment.test.ts"],"names":[],"mappings":""}

package/dist/extensions/FileAttachment.test.js

@@ -0,0 +1,63 @@
+import { describe, it, expect, afterEach } from 'vitest';
+import { Editor } from '@tiptap/core';
+import StarterKit from '@tiptap/starter-kit';
+import { FileAttachment } from './FileAttachment';
+describe('FileAttachment extension', () => {
+    let editor;
+    function createEditor(content = '<p></p>') {
+        editor = new Editor({
+            element: document.createElement('div'),
+            extensions: [StarterKit, FileAttachment],
+            content
+        });
+        return editor;
+    }
+    afterEach(() => {
+        editor?.destroy();
+    });
+    it('registers with name "fileAttachment"', () => {
+        createEditor();
+        const ext = editor.extensionManager.extensions.find((e) => e.name === 'fileAttachment');
+        expect(ext).toBeDefined();
+    });
+    it('parses <div data-file-id="123">', () => {
+        createEditor('<div data-file-id="123" data-file-name="test.pdf"></div>');
+        const doc = editor.getJSON();
+        const fileNode = doc.content?.find((n) => n.type === 'fileAttachment');
+        expect(fileNode).toBeDefined();
+        expect(fileNode?.attrs?.fileId).toBe('123');
+        expect(fileNode?.attrs?.name).toBe('test.pdf');
+    });
+    it('parses <div data-file-src="url">', () => {
+        createEditor('<div data-file-src="https://example.com/file.zip" data-file-name="file.zip"></div>');
+        const doc = editor.getJSON();
+        const fileNode = doc.content?.find((n) => n.type === 'fileAttachment');
+        expect(fileNode).toBeDefined();
+        expect(fileNode?.attrs?.src).toBe('https://example.com/file.zip');
+        expect(fileNode?.attrs?.name).toBe('file.zip');
+    });
+    it('renders HTML with correct attributes', () => {
+        createEditor();
+        editor.commands.setFileAttachment({
+            src: 'https://example.com/file.zip',
+            name: 'file.zip',
+            size: 1024
+        });
+        const html = editor.getHTML();
+        expect(html).toContain('data-file-src="https://example.com/file.zip"');
+        expect(html).toContain('data-file-name="file.zip"');
+        expect(html).toContain('data-file-size="1024"');
+    });
+    it('uses default name when name is missing', () => {
+        createEditor('<div data-file-id="456"></div>');
+        const doc = editor.getJSON();
+        const fileNode = doc.content?.find((n) => n.type === 'fileAttachment');
+        expect(fileNode?.attrs?.name).toBe('파일');
+    });
+    it('parses file size as number', () => {
+        createEditor('<div data-file-id="789" data-file-size="2048"></div>');
+        const doc = editor.getJSON();
+        const fileNode = doc.content?.find((n) => n.type === 'fileAttachment');
+        expect(fileNode?.attrs?.size).toBe(2048);
+    });
+});

package/dist/extensions/FixedDetails.d.ts

@@ -0,0 +1,2 @@
+export declare const FixedDetails: import("@tiptap/core").Node<import("@tiptap/extension-details").DetailsOptions, any>;
+//# sourceMappingURL=FixedDetails.d.ts.map

package/dist/extensions/FixedDetails.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FixedDetails.d.ts","sourceRoot":"","sources":["../../src/extensions/FixedDetails.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,YAAY,sFA+FvB,CAAC"}

package/dist/extensions/FixedDetails.js

@@ -0,0 +1,100 @@
+/**
+ * Details 확장의 토글 버그 수정 래퍼.
+ *
+ * 원본 문제:
+ * 1. persist:false → focus() 호출로 노드 뷰 재생성 → is-open 클래스 소실
+ * 2. persist:true  → getPos()===0일 때 !pos가 true → 상태 저장 실패
+ *
+ * 해결: addNodeView를 오버라이드하여 토글 로직을 직접 구현.
+ */
+import { Details } from "@tiptap/extension-details";
+import { mergeAttributes } from "@tiptap/core";
+export const FixedDetails = Details.extend({
+    addOptions() {
+        return {
+            ...this.parent?.(),
+            persist: false,
+            openClassName: "is-open",
+        };
+    },
+    addNodeView() {
+        return ({ editor, getPos, node: initialNode, HTMLAttributes }) => {
+            let currentNode = initialNode;
+            const dom = document.createElement("div");
+            const attributes = mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, {
+                "data-type": this.name,
+            });
+            Object.entries(attributes).forEach(([key, value]) => dom.setAttribute(key, value));
+            // 토글 버튼
+            const toggle = document.createElement("button");
+            toggle.type = "button";
+            toggle.setAttribute("aria-label", "Expand details content");
+            dom.append(toggle);
+            // 콘텐츠 래퍼
+            const content = document.createElement("div");
+            dom.append(content);
+            let isOpen = Boolean(initialNode.attrs.open);
+            const applyState = () => {
+                if (isOpen) {
+                    dom.classList.add(this.options.openClassName);
+                    toggle.setAttribute("aria-label", "Collapse details content");
+                }
+                else {
+                    dom.classList.remove(this.options.openClassName);
+                    toggle.setAttribute("aria-label", "Expand details content");
+                }
+                const detailsContent = content.querySelector(':scope > div[data-type="detailsContent"]');
+                if (detailsContent) {
+                    if (isOpen) {
+                        detailsContent.removeAttribute("hidden");
+                    }
+                    else {
+                        detailsContent.setAttribute("hidden", "hidden");
+                    }
+                }
+            };
+            // 초기 상태 즉시 적용 (클래스는 바로 설정, detailsContent는 아직 없을 수 있으므로 update에서도 처리)
+            applyState();
+            toggle.addEventListener("click", (e) => {
+                e.preventDefault();
+                isOpen = !isOpen;
+                applyState();
+                // focus()를 호출하지 않아 노드 뷰 재생성을 방지
+            });
+            return {
+                dom,
+                contentDOM: content,
+                ignoreMutation(mutation) {
+                    if (mutation.type === "selection")
+                        return false;
+                    // dom 자체(클래스 변경)와 dom 내부 비-콘텐츠 영역(hidden 토글 등)의
+                    // 변경을 무시해야 ProseMirror가 노드 뷰를 재생성하지 않음.
+                    // contentDOM(content) 내부의 ProseMirror 관리 영역만 통과시킴.
+                    if (!dom.contains(mutation.target))
+                        return true;
+                    if (dom === mutation.target)
+                        return true;
+                    if (toggle.contains(mutation.target) || toggle === mutation.target)
+                        return true;
+                    // detailsContent의 hidden 속성 변경 무시
+                    if (mutation.type === "attributes" &&
+                        mutation.attributeName === "hidden")
+                        return true;
+                    return false;
+                },
+                update: (updatedNode) => {
+                    if (updatedNode.type !== this.type)
+                        return false;
+                    const attrsChanged = updatedNode.attrs.open !== currentNode.attrs.open;
+                    currentNode = updatedNode;
+                    if (attrsChanged) {
+                        isOpen = Boolean(updatedNode.attrs.open);
+                    }
+                    // 항상 applyState 호출 — detailsContent가 나중에 렌더링될 수 있으므로
+                    applyState();
+                    return true;
+                },
+            };
+        };
+    },
+});

package/dist/extensions/FixedDetails.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=FixedDetails.test.d.ts.map

package/dist/extensions/FixedDetails.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FixedDetails.test.d.ts","sourceRoot":"","sources":["../../src/extensions/FixedDetails.test.ts"],"names":[],"mappings":""}

package/dist/extensions/FixedDetails.test.js

@@ -0,0 +1,40 @@
+import { describe, it, expect, afterEach } from 'vitest';
+import { Editor } from '@tiptap/core';
+import StarterKit from '@tiptap/starter-kit';
+import { FixedDetails } from './FixedDetails';
+import DetailsSummary from '@tiptap/extension-details-summary';
+import DetailsContent from '@tiptap/extension-details-content';
+describe('FixedDetails extension', () => {
+    let editor;
+    function createEditor(content = '<p></p>') {
+        editor = new Editor({
+            element: document.createElement('div'),
+            extensions: [StarterKit, FixedDetails, DetailsSummary, DetailsContent],
+            content
+        });
+        return editor;
+    }
+    afterEach(() => {
+        editor?.destroy();
+    });
+    it('registers with name "details"', () => {
+        createEditor();
+        const ext = editor.extensionManager.extensions.find((e) => e.name === 'details');
+        expect(ext).toBeDefined();
+    });
+    it('parses <details><summary> HTML', () => {
+        createEditor('<details><summary>Title</summary><div>Content here</div></details>');
+        const doc = editor.getJSON();
+        const detailsNode = doc.content?.find((n) => n.type === 'details');
+        expect(detailsNode).toBeDefined();
+    });
+    it('renders HTML containing details structure', () => {
+        createEditor('<details><summary>Title</summary><div>Content</div></details>');
+        const html = editor.getHTML();
+        // FixedDetails uses addNodeView which outputs <details> tag,
+        // but getHTML() uses renderHTML from the parent Details extension
+        // which outputs native <details> element
+        expect(html).toContain('<details>');
+        expect(html).toContain('<summary>');
+    });
+});

package/dist/extensions/Indent.d.ts

@@ -0,0 +1,11 @@
+import { Extension } from "@tiptap/core";
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        indent: {
+            indent: () => ReturnType;
+            outdent: () => ReturnType;
+        };
+    }
+}
+export declare const Indent: Extension<any, any>;
+//# sourceMappingURL=Indent.d.ts.map

package/dist/extensions/Indent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Indent.d.ts","sourceRoot":"","sources":["../../src/extensions/Indent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,QAAQ,cAAc,CAAC;IAC5B,UAAU,QAAQ,CAAC,UAAU;QAC3B,MAAM,EAAE;YACN,MAAM,EAAE,MAAM,UAAU,CAAC;YACzB,OAAO,EAAE,MAAM,UAAU,CAAC;SAC3B,CAAC;KACH;CACF;AAKD,eAAO,MAAM,MAAM,qBAiFjB,CAAC"}