@akinon/ui-editor 1.0.0

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

@@ -0,0 +1,103 @@
+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 { HtmlBlockExtension } from '../html-block-extension';
+describe('HtmlBlockExtension', () => {
+    it('should parse div tag', () => {
+        var _a;
+        const editor = new Editor({
+            extensions: [Document, Paragraph, Text, HtmlBlockExtension],
+            content: '<div class="test-class"><p>content</p></div>'
+        });
+        const json = editor.getJSON();
+        const node = (_a = json.content) === null || _a === void 0 ? void 0 : _a[0];
+        expect(node === null || node === void 0 ? void 0 : node.type).toBe('htmlBlock');
+        expect(node === null || node === void 0 ? void 0 : node.attrs).toMatchObject({
+            tagName: 'div',
+            class: 'test-class'
+        });
+    });
+    it('should parse section tag', () => {
+        var _a, _b;
+        const editor = new Editor({
+            extensions: [Document, Paragraph, Text, HtmlBlockExtension],
+            content: '<section><p>content</p></section>'
+        });
+        const json = editor.getJSON();
+        const node = (_a = json.content) === null || _a === void 0 ? void 0 : _a[0];
+        expect((_b = node === null || node === void 0 ? void 0 : node.attrs) === null || _b === void 0 ? void 0 : _b.tagName).toBe('section');
+    });
+    it('should render correct tag', () => {
+        const editor = new Editor({
+            extensions: [Document, Paragraph, Text, HtmlBlockExtension],
+            content: {
+                type: 'doc',
+                content: [
+                    {
+                        type: 'htmlBlock',
+                        attrs: {
+                            tagName: 'article',
+                            id: 'my-article'
+                        },
+                        content: [
+                            {
+                                type: 'paragraph',
+                                content: [{ type: 'text', text: 'content' }]
+                            }
+                        ]
+                    }
+                ]
+            }
+        });
+        const html = editor.getHTML();
+        expect(html).toContain('<article id="my-article">');
+        expect(html).toContain('</article>');
+    });
+    it('should fallback to div if tagName is null', () => {
+        const editor = new Editor({
+            extensions: [Document, Paragraph, Text, HtmlBlockExtension],
+            content: {
+                type: 'doc',
+                content: [
+                    {
+                        type: 'htmlBlock',
+                        attrs: {
+                            tagName: null
+                        },
+                        content: [
+                            {
+                                type: 'paragraph',
+                                content: [{ type: 'text', text: 'content' }]
+                            }
+                        ]
+                    }
+                ]
+            }
+        });
+        const html = editor.getHTML();
+        expect(html).toContain('<div>');
+    });
+    it('should fallback to div if no tagName provided', () => {
+        const editor = new Editor({
+            extensions: [Document, Paragraph, Text, HtmlBlockExtension],
+            content: {
+                type: 'doc',
+                content: [
+                    {
+                        type: 'htmlBlock',
+                        content: [
+                            {
+                                type: 'paragraph',
+                                content: [{ type: 'text', text: 'content' }]
+                            }
+                        ]
+                    }
+                ]
+            }
+        });
+        const html = editor.getHTML();
+        expect(html).toContain('<div>');
+    });
+});

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

@@ -0,0 +1,117 @@
+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 { HtmlBlockExtension } from '../html-block-extension';
+
+describe('HtmlBlockExtension', () => {
+  it('should parse div tag', () => {
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text, HtmlBlockExtension],
+      content: '<div class="test-class"><p>content</p></div>'
+    });
+
+    const json = editor.getJSON();
+    const node = json.content?.[0];
+
+    expect(node?.type).toBe('htmlBlock');
+    expect(node?.attrs).toMatchObject({
+      tagName: 'div',
+      class: 'test-class'
+    });
+  });
+
+  it('should parse section tag', () => {
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text, HtmlBlockExtension],
+      content: '<section><p>content</p></section>'
+    });
+
+    const json = editor.getJSON();
+    const node = json.content?.[0];
+
+    expect(node?.attrs?.tagName).toBe('section');
+  });
+
+  it('should render correct tag', () => {
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text, HtmlBlockExtension],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'htmlBlock',
+            attrs: {
+              tagName: 'article',
+              id: 'my-article'
+            },
+            content: [
+              {
+                type: 'paragraph',
+                content: [{ type: 'text', text: 'content' }]
+              }
+            ]
+          }
+        ]
+      }
+    });
+
+    const html = editor.getHTML();
+
+    expect(html).toContain('<article id="my-article">');
+    expect(html).toContain('</article>');
+  });
+
+  it('should fallback to div if tagName is null', () => {
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text, HtmlBlockExtension],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'htmlBlock',
+            attrs: {
+              tagName: null
+            },
+            content: [
+              {
+                type: 'paragraph',
+                content: [{ type: 'text', text: 'content' }]
+              }
+            ]
+          }
+        ]
+      }
+    });
+
+    const html = editor.getHTML();
+
+    expect(html).toContain('<div>');
+  });
+
+  it('should fallback to div if no tagName provided', () => {
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text, HtmlBlockExtension],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'htmlBlock',
+            content: [
+              {
+                type: 'paragraph',
+                content: [{ type: 'text', text: 'content' }]
+              }
+            ]
+          }
+        ]
+      }
+    });
+
+    const html = editor.getHTML();
+
+    expect(html).toContain('<div>');
+  });
+});

package/dist/cjs/tiptap/extensions/__tests__/html-inline-extension.test.d.ts

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

package/dist/cjs/tiptap/extensions/__tests__/html-inline-extension.test.d.ts.map

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

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

@@ -0,0 +1,105 @@
+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 { HtmlInlineExtension } from '../html-inline-extension';
+describe('HtmlInlineExtension', () => {
+    it('should parse span tag', () => {
+        var _a, _b;
+        const editor = new Editor({
+            extensions: [Document, Paragraph, Text, HtmlInlineExtension],
+            content: '<p><span class="test-class">content</span></p>'
+        });
+        const json = editor.getJSON();
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const node = (_b = (_a = json.content) === null || _a === void 0 ? void 0 : _a[0].content) === null || _b === void 0 ? void 0 : _b[0];
+        expect(node === null || node === void 0 ? void 0 : node.type).toBe('htmlInline');
+        expect(node === null || node === void 0 ? void 0 : node.attrs).toMatchObject({
+            tagName: 'span',
+            class: 'test-class'
+        });
+    });
+    it('should parse label tag', () => {
+        var _a, _b, _c;
+        const editor = new Editor({
+            extensions: [Document, Paragraph, Text, HtmlInlineExtension],
+            content: '<p><label>content</label></p>'
+        });
+        const json = editor.getJSON();
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const node = (_b = (_a = json.content) === null || _a === void 0 ? void 0 : _a[0].content) === null || _b === void 0 ? void 0 : _b[0];
+        expect((_c = node === null || node === void 0 ? void 0 : node.attrs) === null || _c === void 0 ? void 0 : _c.tagName).toBe('label');
+    });
+    it('should render correct tag', () => {
+        const editor = new Editor({
+            extensions: [Document, Paragraph, Text, HtmlInlineExtension],
+            content: {
+                type: 'doc',
+                content: [
+                    {
+                        type: 'paragraph',
+                        content: [
+                            {
+                                type: 'htmlInline',
+                                attrs: {
+                                    tagName: 'cite',
+                                    id: 'my-cite'
+                                },
+                                content: [{ type: 'text', text: 'citation' }]
+                            }
+                        ]
+                    }
+                ]
+            }
+        });
+        const html = editor.getHTML();
+        expect(html).toContain('<cite id="my-cite">');
+        expect(html).toContain('</cite>');
+    });
+    it('should fallback to span if tagName is null', () => {
+        const editor = new Editor({
+            extensions: [Document, Paragraph, Text, HtmlInlineExtension],
+            content: {
+                type: 'doc',
+                content: [
+                    {
+                        type: 'paragraph',
+                        content: [
+                            {
+                                type: 'htmlInline',
+                                attrs: {
+                                    tagName: null
+                                },
+                                content: [{ type: 'text', text: 'content' }]
+                            }
+                        ]
+                    }
+                ]
+            }
+        });
+        const html = editor.getHTML();
+        expect(html).toContain('<span>');
+    });
+    it('should fallback to span if no tagName provided', () => {
+        const editor = new Editor({
+            extensions: [Document, Paragraph, Text, HtmlInlineExtension],
+            content: {
+                type: 'doc',
+                content: [
+                    {
+                        type: 'paragraph',
+                        content: [
+                            {
+                                type: 'htmlInline',
+                                content: [{ type: 'text', text: 'content' }]
+                            }
+                        ]
+                    }
+                ]
+            }
+        });
+        const html = editor.getHTML();
+        expect(html).toContain('<span>');
+    });
+});

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

@@ -0,0 +1,119 @@
+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 { HtmlInlineExtension } from '../html-inline-extension';
+
+describe('HtmlInlineExtension', () => {
+  it('should parse span tag', () => {
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text, HtmlInlineExtension],
+      content: '<p><span class="test-class">content</span></p>'
+    });
+
+    const json = editor.getJSON();
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const node = (json.content as any)?.[0].content?.[0];
+
+    expect(node?.type).toBe('htmlInline');
+    expect(node?.attrs).toMatchObject({
+      tagName: 'span',
+      class: 'test-class'
+    });
+  });
+
+  it('should parse label tag', () => {
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text, HtmlInlineExtension],
+      content: '<p><label>content</label></p>'
+    });
+
+    const json = editor.getJSON();
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const node = (json.content as any)?.[0].content?.[0];
+
+    expect(node?.attrs?.tagName).toBe('label');
+  });
+
+  it('should render correct tag', () => {
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text, HtmlInlineExtension],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'paragraph',
+            content: [
+              {
+                type: 'htmlInline',
+                attrs: {
+                  tagName: 'cite',
+                  id: 'my-cite'
+                },
+                content: [{ type: 'text', text: 'citation' }]
+              }
+            ]
+          }
+        ]
+      }
+    });
+
+    const html = editor.getHTML();
+
+    expect(html).toContain('<cite id="my-cite">');
+    expect(html).toContain('</cite>');
+  });
+
+  it('should fallback to span if tagName is null', () => {
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text, HtmlInlineExtension],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'paragraph',
+            content: [
+              {
+                type: 'htmlInline',
+                attrs: {
+                  tagName: null
+                },
+                content: [{ type: 'text', text: 'content' }]
+              }
+            ]
+          }
+        ]
+      }
+    });
+
+    const html = editor.getHTML();
+
+    expect(html).toContain('<span>');
+  });
+
+  it('should fallback to span if no tagName provided', () => {
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text, HtmlInlineExtension],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'paragraph',
+            content: [
+              {
+                type: 'htmlInline',
+                content: [{ type: 'text', text: 'content' }]
+              }
+            ]
+          }
+        ]
+      }
+    });
+
+    const html = editor.getHTML();
+
+    expect(html).toContain('<span>');
+  });
+});

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

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

package/dist/cjs/tiptap/extensions/__tests__/iframe-extension.test.d.ts.map

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