@akinon/ui-editor 1.0.9 → 1.1.1

package/dist/cjs/tiptap/extensions/__tests__/comment-extension.test.js

@@ -2,12 +2,16 @@ import { Editor } from '@tiptap/core';
 import Document from '@tiptap/extension-document';
 import Paragraph from '@tiptap/extension-paragraph';
 import Text from '@tiptap/extension-text';
-import { describe, expect, it } from 'vitest';
+import { afterEach, describe, expect, it } from 'vitest';
 import { CommentExtension } from '../comment-extension';
 describe('CommentExtension', () => {
+    let editor;
+    afterEach(() => {
+        editor === null || editor === void 0 ? void 0 : editor.destroy();
+    });
     it('should parse span with data-type="comment"', () => {
         var _a, _b;
-        const editor = new Editor({
+        editor = new Editor({
             extensions: [Document, Paragraph, Text, CommentExtension],
             content: '<span data-type="comment" data-content="test comment">text</span>'
         });
@@ -24,7 +28,7 @@ describe('CommentExtension', () => {
         ]);
     });
     it('should render span with correct attributes', () => {
-        const editor = new Editor({
+        editor = new Editor({
             extensions: [Document, Paragraph, Text, CommentExtension],
             content: {
                 type: 'doc',
@@ -55,7 +59,7 @@ describe('CommentExtension', () => {
     });
     it('should execute setComment command', () => {
         var _a, _b;
-        const editor = new Editor({
+        editor = new Editor({
             extensions: [Document, Paragraph, Text, CommentExtension]
         });
         editor.commands.setContent('<p>test</p>');

package/dist/cjs/tiptap/extensions/__tests__/comment-extension.test.ts

@@ -2,13 +2,19 @@ import { Editor } from '@tiptap/core';
 import Document from '@tiptap/extension-document';
 import Paragraph from '@tiptap/extension-paragraph';
 import Text from '@tiptap/extension-text';
-import { describe, expect, it } from 'vitest';
+import { afterEach, describe, expect, it } from 'vitest';
 
 import { CommentExtension } from '../comment-extension';
 
 describe('CommentExtension', () => {
+  let editor: Editor;
+
+  afterEach(() => {
+    editor?.destroy();
+  });
+
   it('should parse span with data-type="comment"', () => {
-    const editor = new Editor({
+    editor = new Editor({
       extensions: [Document, Paragraph, Text, CommentExtension],
       content:
         '<span data-type="comment" data-content="test comment">text</span>'
@@ -29,7 +35,7 @@ describe('CommentExtension', () => {
   });
 
   it('should render span with correct attributes', () => {
-    const editor = new Editor({
+    editor = new Editor({
       extensions: [Document, Paragraph, Text, CommentExtension],
       content: {
         type: 'doc',
@@ -61,7 +67,7 @@ describe('CommentExtension', () => {
   });
 
   it('should execute setComment command', () => {
-    const editor = new Editor({
+    editor = new Editor({
       extensions: [Document, Paragraph, Text, CommentExtension]
     });
 

package/dist/cjs/tiptap/extensions/__tests__/custom-table-cell-extension.test.tsx

@@ -4,11 +4,21 @@ import Paragraph from '@tiptap/extension-paragraph';
 import { Table, TableRow } from '@tiptap/extension-table';
 import Text from '@tiptap/extension-text';
 import { NodeType } from '@tiptap/pm/model';
-import { describe, expect, it, vi } from 'vitest';
+import { afterEach, describe, expect, it, vi } from 'vitest';
 
 import { CustomTableCell } from '../custom-table-cell-extension';
 import { CustomTableHeader } from '../custom-table-header-extension';
 
+// ProseMirror's DOMObserver schedules a flush via setTimeout after the editor
+// mounts. If the editor is not destroyed before the happy-dom environment is
+// torn down, that timer fires post-teardown and throws "document is not
+// defined", failing the pipeline step even though every test passed. Tracking
+// every Editor instance and destroying it in afterEach cancels the timer.
+const editors: Editor[] = [];
+afterEach(() => {
+  while (editors.length) editors.pop()?.destroy();
+});
+
 describe('CustomTableCell', () => {
   it('should render with custom attributes', () => {
     const editor = new Editor({
@@ -31,6 +41,7 @@ describe('CustomTableCell', () => {
         </table>
       `
     });
+    editors.push(editor);
 
     const cell = editor.view.dom.querySelector('td');
     expect(cell).not.toBeNull();
@@ -55,6 +66,7 @@ describe('CustomTableCell', () => {
         CustomTableHeader
       ]
     });
+    editors.push(editor2);
 
     expect(() => {
       editor2.commands.insertTable({ rows: 3, cols: 3 });

package/dist/cjs/tiptap/utils/tiptap-extensions.js

@@ -40,7 +40,7 @@ import { HTML_ELEMENTS } from '../constants/html-elements';
 import { CommentExtension, CustomTableCell, CustomTableHeader, HtmlBlockExtension, HtmlInlineExtension, IframeExtension, ImageUploadExtension, ResetMarksOnEnter } from '../extensions';
 import { SecureScriptExtension } from '../extensions/secure-script-extension';
 import { addDataAttributesToParent, extractDataAttributes } from './data-attributes-helper';
-const DROP_CURSOR_COLOR = '#fff';
+const DROP_CURSOR_COLOR = 'var(--color-neutral-50)';
 export const getExtensions = (placeholder) => [
     Document.extend({
         content: '(block|horizontalRule)+'

package/dist/esm/tiptap/extensions/__tests__/comment-extension.test.js

@@ -2,12 +2,16 @@ import { Editor } from '@tiptap/core';
 import Document from '@tiptap/extension-document';
 import Paragraph from '@tiptap/extension-paragraph';
 import Text from '@tiptap/extension-text';
-import { describe, expect, it } from 'vitest';
+import { afterEach, describe, expect, it } from 'vitest';
 import { CommentExtension } from '../comment-extension';
 describe('CommentExtension', () => {
+    let editor;
+    afterEach(() => {
+        editor === null || editor === void 0 ? void 0 : editor.destroy();
+    });
     it('should parse span with data-type="comment"', () => {
         var _a, _b;
-        const editor = new Editor({
+        editor = new Editor({
             extensions: [Document, Paragraph, Text, CommentExtension],
             content: '<span data-type="comment" data-content="test comment">text</span>'
         });
@@ -24,7 +28,7 @@ describe('CommentExtension', () => {
         ]);
     });
     it('should render span with correct attributes', () => {
-        const editor = new Editor({
+        editor = new Editor({
             extensions: [Document, Paragraph, Text, CommentExtension],
             content: {
                 type: 'doc',
@@ -55,7 +59,7 @@ describe('CommentExtension', () => {
     });
     it('should execute setComment command', () => {
         var _a, _b;
-        const editor = new Editor({
+        editor = new Editor({
             extensions: [Document, Paragraph, Text, CommentExtension]
         });
         editor.commands.setContent('<p>test</p>');

package/dist/esm/tiptap/extensions/__tests__/comment-extension.test.ts

@@ -2,13 +2,19 @@ import { Editor } from '@tiptap/core';
 import Document from '@tiptap/extension-document';
 import Paragraph from '@tiptap/extension-paragraph';
 import Text from '@tiptap/extension-text';
-import { describe, expect, it } from 'vitest';
+import { afterEach, describe, expect, it } from 'vitest';
 
 import { CommentExtension } from '../comment-extension';
 
 describe('CommentExtension', () => {
+  let editor: Editor;
+
+  afterEach(() => {
+    editor?.destroy();
+  });
+
   it('should parse span with data-type="comment"', () => {
-    const editor = new Editor({
+    editor = new Editor({
       extensions: [Document, Paragraph, Text, CommentExtension],
       content:
         '<span data-type="comment" data-content="test comment">text</span>'
@@ -29,7 +35,7 @@ describe('CommentExtension', () => {
   });
 
   it('should render span with correct attributes', () => {
-    const editor = new Editor({
+    editor = new Editor({
       extensions: [Document, Paragraph, Text, CommentExtension],
       content: {
         type: 'doc',
@@ -61,7 +67,7 @@ describe('CommentExtension', () => {
   });
 
   it('should execute setComment command', () => {
-    const editor = new Editor({
+    editor = new Editor({
       extensions: [Document, Paragraph, Text, CommentExtension]
     });
 

package/dist/esm/tiptap/extensions/__tests__/custom-table-cell-extension.test.tsx

@@ -4,11 +4,21 @@ import Paragraph from '@tiptap/extension-paragraph';
 import { Table, TableRow } from '@tiptap/extension-table';
 import Text from '@tiptap/extension-text';
 import { NodeType } from '@tiptap/pm/model';
-import { describe, expect, it, vi } from 'vitest';
+import { afterEach, describe, expect, it, vi } from 'vitest';
 
 import { CustomTableCell } from '../custom-table-cell-extension';
 import { CustomTableHeader } from '../custom-table-header-extension';
 
+// ProseMirror's DOMObserver schedules a flush via setTimeout after the editor
+// mounts. If the editor is not destroyed before the happy-dom environment is
+// torn down, that timer fires post-teardown and throws "document is not
+// defined", failing the pipeline step even though every test passed. Tracking
+// every Editor instance and destroying it in afterEach cancels the timer.
+const editors: Editor[] = [];
+afterEach(() => {
+  while (editors.length) editors.pop()?.destroy();
+});
+
 describe('CustomTableCell', () => {
   it('should render with custom attributes', () => {
     const editor = new Editor({
@@ -31,6 +41,7 @@ describe('CustomTableCell', () => {
         </table>
       `
     });
+    editors.push(editor);
 
     const cell = editor.view.dom.querySelector('td');
     expect(cell).not.toBeNull();
@@ -55,6 +66,7 @@ describe('CustomTableCell', () => {
         CustomTableHeader
       ]
     });
+    editors.push(editor2);
 
     expect(() => {
       editor2.commands.insertTable({ rows: 3, cols: 3 });

package/dist/esm/tiptap/utils/tiptap-extensions.js

@@ -40,7 +40,7 @@ import { HTML_ELEMENTS } from '../constants/html-elements';
 import { CommentExtension, CustomTableCell, CustomTableHeader, HtmlBlockExtension, HtmlInlineExtension, IframeExtension, ImageUploadExtension, ResetMarksOnEnter } from '../extensions';
 import { SecureScriptExtension } from '../extensions/secure-script-extension';
 import { addDataAttributesToParent, extractDataAttributes } from './data-attributes-helper';
-const DROP_CURSOR_COLOR = '#fff';
+const DROP_CURSOR_COLOR = 'var(--color-neutral-50)';
 export const getExtensions = (placeholder) => [
     Document.extend({
         content: '(block|horizontalRule)+'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akinon/ui-editor",
-  "version": "1.0.9",
+  "version": "1.1.1",
   "private": false,
   "description": "A headless lightweight text editor for Akinon.",
   "type": "module",
@@ -53,23 +53,23 @@
     "prettier": "^3.6.2",
     "y-protocols": "^1.0.7",
     "yjs": "^13.6.29",
-    "@akinon/ui-button": "1.4.9",
+    "@akinon/akilocale": "1.2.8",
+    "@akinon/ui-button": "1.5.1",
     "@akinon/ui-color-picker": "1.1.8",
     "@akinon/ui-dropdown": "1.1.8",
+    "@akinon/ui-input": "1.2.9",
     "@akinon/ui-popover": "1.1.8",
-    "@akinon/ui-select": "1.4.9",
-    "@akinon/ui-upload": "1.4.9",
-    "@akinon/ui-input": "1.2.8",
-    "@akinon/ui-theme": "1.2.8",
-    "@akinon/akilocale": "1.2.8"
+    "@akinon/ui-select": "1.4.11",
+    "@akinon/ui-theme": "1.3.0",
+    "@akinon/ui-upload": "1.5.1"
   },
   "devDependencies": {
     "clean-package": "^2.2.0",
     "copyfiles": "^2.4.1",
     "rimraf": "^5.0.10",
     "typescript": "*",
-    "@akinon/vitest-config": "1.1.8",
-    "@akinon/typescript-config": "1.1.8"
+    "@akinon/typescript-config": "1.1.8",
+    "@akinon/vitest-config": "1.1.8"
   },
   "peerDependencies": {
     "react": "^18 || ^19",

package/dist/cjs/tiptap/utils/__tests__/format-html.test.d.ts

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

package/dist/cjs/tiptap/utils/__tests__/format-html.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"format-html.test.d.ts","sourceRoot":"","sources":["../../../../../src/tiptap/utils/__tests__/format-html.test.ts"],"names":[],"mappings":""}

package/dist/cjs/tiptap/utils/__tests__/format-html.test.js

@@ -1,68 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import { formatHtml } from '../format-html';
-describe('formatHtml', () => {
-    it('should format simple nested divs with indentation', () => {
-        const input = '<div><div>content</div></div>';
-        const expected = `
-<div>
-  <div>content</div>
-</div>
-`.trim();
-        expect(formatHtml(input)).toBe(expected);
-    });
-    it('should handle attributes correctly', () => {
-        const input = '<div class="foo" id="bar">content</div>';
-        expect(formatHtml(input)).toBe(input.trim());
-    });
-    it('should handle void elements like br and hr', () => {
-        const input = '<div>text<br />more text<hr /></div>';
-        const output = formatHtml(input);
-        expect(output).toContain('<br />');
-        expect(output).toContain('<hr />');
-    });
-    it('should preserve whitespace in pre tags', () => {
-        const input = '<pre>  keep  this  space  </pre>';
-        expect(formatHtml(input)).toBe(input.trim());
-    });
-    it('should ensure newline before block elements', () => {
-        const input = '<span>text</span><div>block</div>';
-        const expected = `
-<span>text</span>
-<div>block</div>
-`.trim();
-        expect(formatHtml(input)).toBe(expected);
-    });
-    it('should dedent script content', () => {
-        const input = `<script>
-      function foo() {
-        return true;
-      }
-    </script>`;
-        const output = formatHtml(input);
-        expect(output).toContain('function foo() {');
-        expect(output).toContain('  return true;');
-    });
-    it('should handle empty script tags', () => {
-        const input = '<script></script>';
-        expect(formatHtml(input)).toBe(input);
-    });
-    it('should convert comment spans back to HTML comments', () => {
-        const input = '<span data-type="comment" data-content=" my comment "></span>';
-        const expected = '<!-- my comment -->';
-        expect(formatHtml(input)).toBe(expected);
-        const inputMissingContent = '<span data-type="comment"></span>';
-        const expectedMissingContent = '<!---->';
-        expect(formatHtml(inputMissingContent)).toBe(expectedMissingContent);
-    });
-    it('should handle scripts with empty lines', () => {
-        const input = `<script>
-      var a = 1;
-
-      var b = 2;
-    </script>`;
-        const output = formatHtml(input);
-        expect(output).toContain('var a = 1;');
-        expect(output).toContain('var b = 2;');
-        expect(output).toMatch(/;\n\s*var b/);
-    });
-});

package/dist/cjs/tiptap/utils/__tests__/format-html.test.ts

@@ -1,91 +0,0 @@
-import { describe, expect, it } from 'vitest';
-
-import { formatHtml } from '../format-html';
-
-describe('formatHtml', () => {
-  it('should format simple nested divs with indentation', () => {
-    const input = '<div><div>content</div></div>';
-    const expected = `
-<div>
-  <div>content</div>
-</div>
-`.trim();
-
-    expect(formatHtml(input)).toBe(expected);
-  });
-
-  it('should handle attributes correctly', () => {
-    const input = '<div class="foo" id="bar">content</div>';
-
-    expect(formatHtml(input)).toBe(input.trim());
-  });
-
-  it('should handle void elements like br and hr', () => {
-    const input = '<div>text<br />more text<hr /></div>';
-    const output = formatHtml(input);
-
-    expect(output).toContain('<br />');
-    expect(output).toContain('<hr />');
-  });
-
-  it('should preserve whitespace in pre tags', () => {
-    const input = '<pre>  keep  this  space  </pre>';
-
-    expect(formatHtml(input)).toBe(input.trim());
-  });
-
-  it('should ensure newline before block elements', () => {
-    const input = '<span>text</span><div>block</div>';
-    const expected = `
-<span>text</span>
-<div>block</div>
-`.trim();
-    expect(formatHtml(input)).toBe(expected);
-  });
-
-  it('should dedent script content', () => {
-    const input = `<script>
-      function foo() {
-        return true;
-      }
-    </script>`;
-
-    const output = formatHtml(input);
-
-    expect(output).toContain('function foo() {');
-    expect(output).toContain('  return true;');
-  });
-
-  it('should handle empty script tags', () => {
-    const input = '<script></script>';
-
-    expect(formatHtml(input)).toBe(input);
-  });
-
-  it('should convert comment spans back to HTML comments', () => {
-    const input =
-      '<span data-type="comment" data-content=" my comment "></span>';
-    const expected = '<!-- my comment -->';
-
-    expect(formatHtml(input)).toBe(expected);
-
-    const inputMissingContent = '<span data-type="comment"></span>';
-    const expectedMissingContent = '<!---->';
-
-    expect(formatHtml(inputMissingContent)).toBe(expectedMissingContent);
-  });
-
-  it('should handle scripts with empty lines', () => {
-    const input = `<script>
-      var a = 1;
-
-      var b = 2;
-    </script>`;
-
-    const output = formatHtml(input);
-
-    expect(output).toContain('var a = 1;');
-    expect(output).toContain('var b = 2;');
-    expect(output).toMatch(/;\n\s*var b/);
-  });
-});

package/dist/cjs/tiptap/utils/__tests__/normalize-html.test.d.ts

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

package/dist/cjs/tiptap/utils/__tests__/normalize-html.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"normalize-html.test.d.ts","sourceRoot":"","sources":["../../../../../src/tiptap/utils/__tests__/normalize-html.test.ts"],"names":[],"mappings":""}

package/dist/cjs/tiptap/utils/__tests__/normalize-html.test.js

@@ -1,53 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import { normalizeHtml } from '../normalize-html';
-describe('normalizeHtml', () => {
-    it('should convert HTML comments to span placeholders', () => {
-        const input = '<div><!-- my comment --></div>';
-        const output = normalizeHtml(input);
-        expect(output).toContain('<span data-type="comment" data-content=" my comment "></span>');
-        const inputEmpty = '<!---->';
-        expect(normalizeHtml(inputEmpty)).toContain('<span data-type="comment" data-content=""></span>');
-    });
-    it('should dedent script tags to avoid extra indentation', () => {
-        const input = `
-      <script>
-        console.log('test');
-      </script>
-    `;
-        const output = normalizeHtml(input);
-        expect(output).toContain("console.log('test');");
-    });
-    it('should flatten empty paragraphs containing only breaks', () => {
-        const input = '<p><br></p>';
-        const output = normalizeHtml(input);
-        expect(output).toBe('<br>');
-    });
-    it('should merge consecutive break tags if they are excessive', () => {
-        const input = 'Line<br><br>Line';
-        const output = normalizeHtml(input);
-        expect(output).toBe('Line<br>Line');
-    });
-    it('should merge consecutive break tags separated by whitespace', () => {
-        const input = 'Line<br>   <br>Line';
-        const output = normalizeHtml(input);
-        expect(output).toBe('Line   <br>Line');
-    });
-    it('should unwrap HR elements from paragraphs', () => {
-        const input = '<p><hr></p>';
-        const output = normalizeHtml(input);
-        expect(output).toBe('<hr>');
-        const inputWithSpace = '<p>   <hr>   </p>';
-        const outputWithSpace = normalizeHtml(inputWithSpace);
-        expect(outputWithSpace).toBe('<hr>');
-    });
-    it('should NOT unwrap HR from paragraphs if there is other content', () => {
-        const input = '<p>Content<hr></p>';
-        const output = normalizeHtml(input);
-        expect(output).toBe('<p>Content<hr></p>');
-    });
-    it('should flatten empty paragraphs containing whitespace and breaks', () => {
-        const input = '<p>  <br>  </p>';
-        const output = normalizeHtml(input);
-        expect(output).toBe('<br>');
-    });
-});

package/dist/cjs/tiptap/utils/__tests__/normalize-html.test.ts

@@ -1,77 +0,0 @@
-import { describe, expect, it } from 'vitest';
-
-import { normalizeHtml } from '../normalize-html';
-
-describe('normalizeHtml', () => {
-  it('should convert HTML comments to span placeholders', () => {
-    const input = '<div><!-- my comment --></div>';
-    const output = normalizeHtml(input);
-
-    expect(output).toContain(
-      '<span data-type="comment" data-content=" my comment "></span>'
-    );
-
-    const inputEmpty = '<!---->';
-    expect(normalizeHtml(inputEmpty)).toContain(
-      '<span data-type="comment" data-content=""></span>'
-    );
-  });
-
-  it('should dedent script tags to avoid extra indentation', () => {
-    const input = `
-      <script>
-        console.log('test');
-      </script>
-    `;
-    const output = normalizeHtml(input);
-
-    expect(output).toContain("console.log('test');");
-  });
-
-  it('should flatten empty paragraphs containing only breaks', () => {
-    const input = '<p><br></p>';
-    const output = normalizeHtml(input);
-
-    expect(output).toBe('<br>');
-  });
-
-  it('should merge consecutive break tags if they are excessive', () => {
-    const input = 'Line<br><br>Line';
-    const output = normalizeHtml(input);
-
-    expect(output).toBe('Line<br>Line');
-  });
-
-  it('should merge consecutive break tags separated by whitespace', () => {
-    const input = 'Line<br>   <br>Line';
-    const output = normalizeHtml(input);
-
-    expect(output).toBe('Line   <br>Line');
-  });
-
-  it('should unwrap HR elements from paragraphs', () => {
-    const input = '<p><hr></p>';
-    const output = normalizeHtml(input);
-
-    expect(output).toBe('<hr>');
-
-    const inputWithSpace = '<p>   <hr>   </p>';
-    const outputWithSpace = normalizeHtml(inputWithSpace);
-
-    expect(outputWithSpace).toBe('<hr>');
-  });
-
-  it('should NOT unwrap HR from paragraphs if there is other content', () => {
-    const input = '<p>Content<hr></p>';
-    const output = normalizeHtml(input);
-
-    expect(output).toBe('<p>Content<hr></p>');
-  });
-
-  it('should flatten empty paragraphs containing whitespace and breaks', () => {
-    const input = '<p>  <br>  </p>';
-    const output = normalizeHtml(input);
-
-    expect(output).toBe('<br>');
-  });
-});

package/dist/cjs/tiptap/utils/format-html.d.ts

@@ -1,6 +0,0 @@
-/**
- * Formats HTML string with proper indentation and cleaner structure.
- * Uses browser DOM parsing to ensure valid HTML structure before formatting.
- */
-export declare const formatHtml: (html: string) => string;
-//# sourceMappingURL=format-html.d.ts.map

package/dist/cjs/tiptap/utils/format-html.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"format-html.d.ts","sourceRoot":"","sources":["../../../../src/tiptap/utils/format-html.ts"],"names":[],"mappings":"AAKA;;;GAGG;AACH,eAAO,MAAM,UAAU,GAAI,MAAM,MAAM,KAAG,MAQzC,CAAC"}