@akinon/ui-editor 1.0.0

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,68 @@
+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

@@ -0,0 +1,91 @@
+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__/highlight-html.test.d.ts

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

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

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

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

@@ -0,0 +1,71 @@
+import { describe, expect, it } from 'vitest';
+import { highlightHtml } from '../highlight-html';
+describe('highlightHtml', () => {
+    it('should highlight doctype', () => {
+        const input = '<!DOCTYPE html>';
+        const output = highlightHtml(input);
+        expect(output).toContain('<span class="html-doctype">&lt;!DOCTYPE html&gt;</span>');
+    });
+    it('should highlight comments', () => {
+        const input = '<!-- comment -->';
+        const output = highlightHtml(input);
+        expect(output).toContain('<span class="html-comment">&lt;!-- comment --&gt;</span>');
+    });
+    it('should highlight tags', () => {
+        const input = '<div></div>';
+        const output = highlightHtml(input);
+        expect(output).toContain('<span class="html-tag">div</span>');
+        expect(output).toContain('&lt;');
+        expect(output).toContain('&gt;');
+    });
+    it('should highlight self-closing tags', () => {
+        const input = '<br />';
+        const output = highlightHtml(input);
+        expect(output).toContain('<span class="html-tag">br</span>');
+        expect(output).toContain('/&gt;');
+    });
+    it('should highlight attributes and values', () => {
+        const input = '<div class="foo" id=\'bar\' disabled>';
+        const output = highlightHtml(input);
+        expect(output).toContain('<span class="html-attr">class</span>');
+        expect(output).toContain('<span class="html-attr">id</span>');
+        expect(output).toContain('<span class="html-attr">disabled</span>');
+        expect(output).toContain('<span class="html-value">"foo"</span>');
+        expect(output).toContain('<span class="html-value">\'bar\'</span>');
+    });
+    it('should highlight unquoted attribute values', () => {
+        const input = '<div data-val=123>';
+        const output = highlightHtml(input);
+        expect(output).toContain('<span class="html-value">123</span>');
+        const inputEmpty = '<div data-val=>';
+        const outputEmpty = highlightHtml(inputEmpty);
+        expect(outputEmpty).toContain('<span class="html-attr">data-val</span>=<span class="html-value"></span>');
+    });
+    it('should highlight string literals in text content', () => {
+        const input = 'var x = "hello" + \'world\';';
+        const output = highlightHtml(input);
+        expect(output).toContain('<span class="html-string">"hello"</span>');
+        expect(output).toContain('<span class="html-string">\'world\'</span>');
+    });
+    it('should escape HTML entities in text content', () => {
+        const input = '<span>1 < 2 & 3 > 2</span>';
+        const output = highlightHtml(input);
+        expect(output).toContain('1 &lt; 2 &amp; 3 &gt; 2');
+    });
+    it('should handle complex mixed content', () => {
+        const input = `
+      <!DOCTYPE html>
+      <!-- start -->
+      <div class="container">
+        Text with "quotes"
+      </div>
+    `.trim();
+        const output = highlightHtml(input);
+        expect(output).toContain('html-doctype');
+        expect(output).toContain('html-comment');
+        expect(output).toContain('html-tag');
+        expect(output).toContain('html-attr');
+        expect(output).toContain('html-value');
+        expect(output).toContain('html-string');
+    });
+});

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

@@ -0,0 +1,100 @@
+import { describe, expect, it } from 'vitest';
+
+import { highlightHtml } from '../highlight-html';
+
+describe('highlightHtml', () => {
+  it('should highlight doctype', () => {
+    const input = '<!DOCTYPE html>';
+    const output = highlightHtml(input);
+
+    expect(output).toContain(
+      '<span class="html-doctype">&lt;!DOCTYPE html&gt;</span>'
+    );
+  });
+
+  it('should highlight comments', () => {
+    const input = '<!-- comment -->';
+    const output = highlightHtml(input);
+
+    expect(output).toContain(
+      '<span class="html-comment">&lt;!-- comment --&gt;</span>'
+    );
+  });
+
+  it('should highlight tags', () => {
+    const input = '<div></div>';
+    const output = highlightHtml(input);
+
+    expect(output).toContain('<span class="html-tag">div</span>');
+    expect(output).toContain('&lt;');
+    expect(output).toContain('&gt;');
+  });
+
+  it('should highlight self-closing tags', () => {
+    const input = '<br />';
+    const output = highlightHtml(input);
+
+    expect(output).toContain('<span class="html-tag">br</span>');
+    expect(output).toContain('/&gt;');
+  });
+
+  it('should highlight attributes and values', () => {
+    const input = '<div class="foo" id=\'bar\' disabled>';
+    const output = highlightHtml(input);
+
+    expect(output).toContain('<span class="html-attr">class</span>');
+    expect(output).toContain('<span class="html-attr">id</span>');
+    expect(output).toContain('<span class="html-attr">disabled</span>');
+
+    expect(output).toContain('<span class="html-value">"foo"</span>');
+    expect(output).toContain('<span class="html-value">\'bar\'</span>');
+  });
+
+  it('should highlight unquoted attribute values', () => {
+    const input = '<div data-val=123>';
+    const output = highlightHtml(input);
+
+    expect(output).toContain('<span class="html-value">123</span>');
+
+    const inputEmpty = '<div data-val=>';
+    const outputEmpty = highlightHtml(inputEmpty);
+
+    expect(outputEmpty).toContain(
+      '<span class="html-attr">data-val</span>=<span class="html-value"></span>'
+    );
+  });
+
+  it('should highlight string literals in text content', () => {
+    const input = 'var x = "hello" + \'world\';';
+    const output = highlightHtml(input);
+
+    expect(output).toContain('<span class="html-string">"hello"</span>');
+    expect(output).toContain('<span class="html-string">\'world\'</span>');
+  });
+
+  it('should escape HTML entities in text content', () => {
+    const input = '<span>1 < 2 & 3 > 2</span>';
+    const output = highlightHtml(input);
+
+    expect(output).toContain('1 &lt; 2 &amp; 3 &gt; 2');
+  });
+
+  it('should handle complex mixed content', () => {
+    const input = `
+      <!DOCTYPE html>
+      <!-- start -->
+      <div class="container">
+        Text with "quotes"
+      </div>
+    `.trim();
+
+    const output = highlightHtml(input);
+
+    expect(output).toContain('html-doctype');
+    expect(output).toContain('html-comment');
+    expect(output).toContain('html-tag');
+    expect(output).toContain('html-attr');
+    expect(output).toContain('html-value');
+    expect(output).toContain('html-string');
+  });
+});

package/dist/cjs/tiptap/utils/__tests__/index.test.d.ts

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

package/dist/cjs/tiptap/utils/__tests__/index.test.d.ts.map

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

package/dist/cjs/tiptap/utils/__tests__/index.test.js

@@ -0,0 +1,13 @@
+import { describe, expect, it } from 'vitest';
+import * as index from '../index';
+describe('tiptap/utils/index', () => {
+    it('should export all required modules', () => {
+        expect(index).toHaveProperty('formatHtml');
+        expect(index).toHaveProperty('highlightHtml');
+        expect(index).toHaveProperty('normalizeHtml');
+        expect(index).toHaveProperty('getExtensions');
+        expect(index).toHaveProperty('handleImageFile');
+        expect(index).toHaveProperty('validateLink');
+        expect(index).toHaveProperty('validateAutoLink');
+    });
+});

package/dist/cjs/tiptap/utils/__tests__/index.test.ts

@@ -0,0 +1,15 @@
+import { describe, expect, it } from 'vitest';
+
+import * as index from '../index';
+
+describe('tiptap/utils/index', () => {
+  it('should export all required modules', () => {
+    expect(index).toHaveProperty('formatHtml');
+    expect(index).toHaveProperty('highlightHtml');
+    expect(index).toHaveProperty('normalizeHtml');
+    expect(index).toHaveProperty('getExtensions');
+    expect(index).toHaveProperty('handleImageFile');
+    expect(index).toHaveProperty('validateLink');
+    expect(index).toHaveProperty('validateAutoLink');
+  });
+});

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

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

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,53 @@
+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

@@ -0,0 +1,77 @@
+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__/tiptap-extensions.test.d.ts

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

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

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