@zipify/wysiwyg 1.3.0-0 → 2.0.0-1

package/lib/extensions/__tests__/BackgroundColor.test.js

@@ -1,9 +1,9 @@
 import { Editor, Extension } from '@tiptap/vue-2';
 import { ref } from 'vue';
+import { buildTestExtensions } from '../../__tests__/utils';
 import { createCommand } from '../../utils';
 import { BackgroundColor } from '../BackgroundColor';
 import { ContentNormalizer, NodeFactory } from '../../services';
-import { buildCoreExtensions } from '../core';
 
 const MockStylePreset = Extension.create({
     name: 'style_preset',
@@ -20,7 +20,9 @@ const MockStylePreset = Extension.create({
 function createEditor({ content }) {
     return new Editor({
         content: ContentNormalizer.normalize(content),
-        extensions: buildCoreExtensions().concat(MockStylePreset, BackgroundColor)
+        extensions: buildTestExtensions({
+            include: [MockStylePreset, BackgroundColor]
+        })
     });
 }
 
@@ -56,7 +58,8 @@ describe('apply background color', () => {
             content: createContent(NodeFactory.text('hello world'))
         });
 
-        editor.chain().selectAll().applyBackgroundColor('green').run();
+        editor.commands.selectAll();
+        editor.commands.applyBackgroundColor('green');
 
         expect(editor.getJSON()).toMatchSnapshot();
     });

package/lib/extensions/__tests__/CaseStyle.test.js

@@ -1,13 +1,13 @@
 import { Editor } from '@tiptap/vue-2';
+import { buildTestExtensions } from '../../__tests__/utils';
+import { ContentNormalizer, NodeFactory } from '../../services';
 import { CaseStyles } from '../../enums';
 import { CaseStyle } from '../CaseStyle';
-import { ContentNormalizer, NodeFactory } from '../../services';
-import { buildCoreExtensions } from '../core';
 
 function createEditor({ content }) {
     return new Editor({
         content: ContentNormalizer.normalize(content),
-        extensions: buildCoreExtensions().concat(CaseStyle)
+        extensions: buildTestExtensions({ include: [CaseStyle] })
     });
 }
 
@@ -21,7 +21,8 @@ describe('apply case style', () => {
             content: createContent(NodeFactory.text('hello world'))
         });
 
-        editor.chain().selectAll().applyCapitalize().run();
+        editor.commands.selectAll();
+        editor.commands.applyCapitalize();
 
         expect(editor.getJSON()).toMatchSnapshot();
     });
@@ -31,7 +32,8 @@ describe('apply case style', () => {
             content: createContent(NodeFactory.text('HeLlO wOrLd'))
         });
 
-        editor.chain().selectAll().applyLowerCase().run();
+        editor.commands.selectAll();
+        editor.commands.applyLowerCase();
 
         expect(editor.getJSON()).toMatchSnapshot();
     });
@@ -41,7 +43,8 @@ describe('apply case style', () => {
             content: createContent(NodeFactory.text('hello world'))
         });
 
-        editor.chain().selectAll().applyUpperCase().run();
+        editor.commands.selectAll();
+        editor.commands.applyUpperCase();
 
         expect(editor.getJSON()).toMatchSnapshot();
     });
@@ -51,7 +54,8 @@ describe('apply case style', () => {
             content: createContent(NodeFactory.text('hello world'))
         });
 
-        editor.chain().selectAll().applyCaseStyle(CaseStyles.CAPITALIZE).run();
+        editor.commands.selectAll();
+        editor.commands.applyCaseStyle(CaseStyles.CAPITALIZE);
 
         expect(editor.getJSON()).toMatchSnapshot();
     });

package/lib/extensions/__tests__/FontColor.test.js

@@ -1,9 +1,9 @@
 import { Editor, Extension } from '@tiptap/vue-2';
 import { ref } from 'vue';
+import { buildTestExtensions } from '../../__tests__/utils';
 import { createCommand } from '../../utils';
 import { FontColor } from '../FontColor';
 import { ContentNormalizer, NodeFactory } from '../../services';
-import { buildCoreExtensions } from '../core';
 
 const MockStylePreset = Extension.create({
     name: 'style_preset',
@@ -20,7 +20,9 @@ const MockStylePreset = Extension.create({
 function createEditor({ content }) {
     return new Editor({
         content: ContentNormalizer.normalize(content),
-        extensions: buildCoreExtensions().concat(MockStylePreset, FontColor)
+        extensions: buildTestExtensions({
+            include: [MockStylePreset, FontColor]
+        })
     });
 }
 
@@ -66,7 +68,8 @@ describe('apply font color', () => {
             content: createContent(NodeFactory.text('hello world'))
         });
 
-        editor.chain().selectAll().applyFontColor('green').run();
+        editor.commands.selectAll();
+        editor.commands.applyFontColor('green');
 
         expect(editor.getJSON()).toMatchSnapshot();
     });

package/lib/extensions/__tests__/FontFamily.test.js

@@ -1,13 +1,13 @@
 import { Editor, Extension } from '@tiptap/vue-2';
 import { ref } from 'vue';
 import { createCommand } from '../../utils';
+import { buildTestExtensions } from '../../__tests__/utils';
 import { Font } from '../../models';
 import { FontFamily } from '../FontFamily';
 import { FontWeight } from '../FontWeight';
 import { FontStyle } from '../FontStyle';
 import { ContentNormalizer, NodeFactory } from '../../services';
 import { TextSettings } from '../../enums';
-import { buildCoreExtensions } from '../core';
 
 const MockStylePreset = Extension.create({
     name: TextSettings.STYLE_PRESET,
@@ -27,22 +27,24 @@ const MockStylePreset = Extension.create({
 function createEditor({ content }) {
     return new Editor({
         content: ContentNormalizer.normalize(content),
-        extensions: buildCoreExtensions().concat(
-            MockStylePreset,
-            FontFamily.configure({
-                fonts: [
-                    new Font({ name: 'Lato', styles: ['400', '400i', '700', '700i'] }),
-                    new Font({ name: 'Bungee', styles: ['400'] }),
-                    new Font({ name: 'Roboto', styles: ['400', '400i'] }),
-                    new Font({ name: 'Josefin Slab', styles: ['400', '400i'] })
-                ],
-                defaultPreset: ref({
-                    common: { font_family: 'Lato' }
-                })
-            }),
-            FontWeight,
-            FontStyle
-        )
+        extensions: buildTestExtensions({
+            include: [
+                MockStylePreset,
+                FontFamily.configure({
+                    fonts: [
+                        new Font({ name: 'Lato', styles: ['400', '400i', '700', '700i'] }),
+                        new Font({ name: 'Bungee', styles: ['400'] }),
+                        new Font({ name: 'Roboto', styles: ['400', '400i'] }),
+                        new Font({ name: 'Josefin Slab', styles: ['400', '400i'] })
+                    ],
+                    defaultPreset: ref({
+                        common: { font_family: 'Lato' }
+                    })
+                }),
+                FontWeight,
+                FontStyle
+            ]
+        })
     });
 }
 
@@ -108,7 +110,8 @@ describe('apply font family', () => {
             content: createContent(NodeFactory.text('hello world'))
         });
 
-        editor.chain().selectAll().applyFontFamily('Bungee').run();
+        editor.commands.selectAll();
+        editor.commands.applyFontFamily('Bungee');
 
         expect(editor.getJSON()).toMatchSnapshot();
     });
@@ -120,7 +123,8 @@ describe('apply font family', () => {
             ]))
         });
 
-        editor.chain().selectAll().applyFontFamily('Lato').run();
+        editor.commands.selectAll();
+        editor.commands.applyFontFamily('Lato');
 
         expect(editor.getJSON()).toMatchSnapshot();
     });
@@ -132,7 +136,8 @@ describe('apply font family', () => {
             ]))
         });
 
-        editor.chain().selectAll().applyFontFamily('Bungee').run();
+        editor.commands.selectAll();
+        editor.commands.applyFontFamily('Bungee');
 
         expect(editor.getJSON()).toMatchSnapshot();
     });
@@ -145,7 +150,8 @@ describe('apply font family', () => {
             ]))
         });
 
-        editor.chain().selectAll().applyFontFamily('Lato').run();
+        editor.commands.selectAll();
+        editor.commands.applyFontFamily('Lato');
 
         expect(editor.getJSON()).toMatchSnapshot();
     });
@@ -158,7 +164,8 @@ describe('apply font family', () => {
             ]))
         });
 
-        editor.chain().selectAll().applyFontFamily('Bungee').run();
+        editor.commands.selectAll();
+        editor.commands.applyFontFamily('Bungee');
 
         expect(editor.getJSON()).toMatchSnapshot();
     });

package/lib/extensions/__tests__/FontSize.test.js

@@ -1,10 +1,10 @@
 import { Editor, Extension } from '@tiptap/vue-2';
 import { ref } from 'vue';
+import { buildTestExtensions } from '../../__tests__/utils';
 import { createCommand } from '../../utils';
 import { FontSize } from '../FontSize';
 import { DeviceManager } from '../DeviceManager';
 import { ContentNormalizer, NodeFactory } from '../../services';
-import { buildCoreExtensions } from '../core';
 
 const MockStylePreset = Extension.create({
     name: 'style_preset',
@@ -23,17 +23,19 @@ const MockStylePreset = Extension.create({
 function createEditor({ content }) {
     return new Editor({
         content: ContentNormalizer.normalize(content),
-        extensions: buildCoreExtensions().concat(
-            MockStylePreset,
-            DeviceManager.configure({
-                device: ref('desktop')
-            }),
-            FontSize.configure({
-                minSize: 5,
-                maxSize: 20,
-                wrapperRef: ref(document.createElement('div'))
-            })
-        )
+        extensions: buildTestExtensions({
+            include: [
+                MockStylePreset,
+                DeviceManager.configure({
+                    device: ref('desktop')
+                }),
+                FontSize.configure({
+                    minSize: 5,
+                    maxSize: 20,
+                    wrapperRef: ref(document.createElement('div'))
+                })
+            ]
+        })
     });
 }
 
@@ -83,7 +85,8 @@ describe('apply font size', () => {
             content: createContent(NodeFactory.text('hello world'))
         });
 
-        editor.chain().selectAll().applyFontSize('16').run();
+        editor.commands.selectAll();
+        editor.commands.applyFontSize('16');
 
         expect(editor.getJSON()).toMatchSnapshot();
     });
@@ -99,7 +102,8 @@ describe('apply font size', () => {
             ]))
         });
 
-        editor.chain().selectAll().increaseFontSize().run();
+        editor.commands.selectAll();
+        editor.commands.increaseFontSize();
 
         expect(editor.getJSON()).toMatchSnapshot();
     });
@@ -115,7 +119,8 @@ describe('apply font size', () => {
             ]))
         });
 
-        editor.chain().selectAll().increaseFontSize().run();
+        editor.commands.selectAll();
+        editor.commands.increaseFontSize();
 
         expect(editor.getJSON()).toMatchSnapshot();
     });
@@ -131,7 +136,8 @@ describe('apply font size', () => {
             ]))
         });
 
-        editor.chain().selectAll().decreaseFontSize().run();
+        editor.commands.selectAll();
+        editor.commands.decreaseFontSize();
 
         expect(editor.getJSON()).toMatchSnapshot();
     });
@@ -147,7 +153,8 @@ describe('apply font size', () => {
             ]))
         });
 
-        editor.chain().selectAll().decreaseFontSize().run();
+        editor.commands.selectAll();
+        editor.commands.decreaseFontSize();
 
         expect(editor.getJSON()).toMatchSnapshot();
     });

package/lib/extensions/__tests__/FontStyle.test.js

@@ -1,12 +1,12 @@
 import { Editor, Extension } from '@tiptap/vue-2';
 import { ref } from 'vue';
+import { buildTestExtensions } from '../../__tests__/utils';
 import { createCommand } from '../../utils';
 import { FontStyle } from '../FontStyle';
 import { FontFamily } from '../FontFamily';
 import { Font } from '../../models';
 import { FontWeight } from '../FontWeight';
 import { ContentNormalizer, NodeFactory } from '../../services';
-import { buildCoreExtensions } from '../core';
 
 const MockStylePreset = Extension.create({
     name: 'style_preset',
@@ -27,17 +27,19 @@ const MockStylePreset = Extension.create({
 function createEditor({ content }) {
     return new Editor({
         content: ContentNormalizer.normalize(content),
-        extensions: buildCoreExtensions().concat(
-            MockStylePreset,
-            FontStyle,
-            FontWeight,
-            FontFamily.configure({
-                fonts: [
-                    new Font({ name: 'Lato', styles: ['400', '400i'] }),
-                    new Font({ name: 'Bungee', styles: ['400'] })
-                ]
-            })
-        )
+        extensions: buildTestExtensions({
+            include: [
+                MockStylePreset,
+                FontStyle,
+                FontWeight,
+                FontFamily.configure({
+                    fonts: [
+                        new Font({ name: 'Lato', styles: ['400', '400i'] }),
+                        new Font({ name: 'Bungee', styles: ['400'] })
+                    ]
+                })
+            ]
+        })
     });
 }
 
@@ -83,7 +85,8 @@ describe('apply font style', () => {
             content: createContent(NodeFactory.text('hello world'))
         });
 
-        editor.chain().selectAll().applyItalic().run();
+        editor.commands.selectAll();
+        editor.commands.applyItalic();
 
         expect(editor.getJSON()).toMatchSnapshot();
     });
@@ -95,7 +98,8 @@ describe('apply font style', () => {
             ]))
         });
 
-        editor.chain().selectAll().removeItalic().run();
+        editor.commands.selectAll();
+        editor.commands.removeItalic();
 
         expect(editor.getJSON()).toMatchSnapshot();
     });
@@ -107,7 +111,8 @@ describe('apply font style', () => {
             ]))
         });
 
-        editor.chain().selectAll().toggleItalic().run();
+        editor.commands.selectAll();
+        editor.commands.toggleItalic();
 
         expect(editor.getJSON()).toMatchSnapshot();
     });
@@ -117,7 +122,8 @@ describe('apply font style', () => {
             content: createContent(NodeFactory.text('hello world'))
         });
 
-        editor.chain().selectAll().toggleItalic().run();
+        editor.commands.selectAll();
+        editor.commands.toggleItalic();
 
         expect(editor.getJSON()).toMatchSnapshot();
     });

package/lib/extensions/__tests__/FontWeight.test.js

@@ -1,13 +1,13 @@
 import { Editor, Extension } from '@tiptap/vue-2';
 import { ref } from 'vue';
+import { buildTestExtensions } from '../../__tests__/utils';
 import { createCommand } from '../../utils';
+import { ContentNormalizer, NodeFactory } from '../../services';
 import { Font } from '../../models';
+import { TextSettings } from '../../enums';
 import { FontWeight } from '../FontWeight';
 import { FontFamily } from '../FontFamily';
 import { FontStyle } from '../FontStyle';
-import { ContentNormalizer, NodeFactory } from '../../services';
-import { TextSettings } from '../../enums';
-import { buildCoreExtensions } from '../core';
 
 const MockStylePreset = Extension.create({
     name: TextSettings.STYLE_PRESET,
@@ -27,17 +27,19 @@ const MockStylePreset = Extension.create({
 function createEditor({ content }) {
     return new Editor({
         content: ContentNormalizer.normalize(content),
-        extensions: buildCoreExtensions().concat(
-            MockStylePreset,
-            FontFamily.configure({
-                fonts: [
-                    new Font({ name: 'Lato', styles: ['400', '400i', '700', '700i'] }),
-                    new Font({ name: 'Bungee', styles: ['300', '300i', '800', '800i'] })
-                ]
-            }),
-            FontWeight,
-            FontStyle
-        )
+        extensions: buildTestExtensions({
+            include: [
+                MockStylePreset,
+                FontFamily.configure({
+                    fonts: [
+                        new Font({ name: 'Lato', styles: ['400', '400i', '700', '700i'] }),
+                        new Font({ name: 'Bungee', styles: ['300', '300i', '800', '800i'] })
+                    ]
+                }),
+                FontWeight,
+                FontStyle
+            ]
+        })
     });
 }
 
@@ -95,7 +97,8 @@ describe('apply font weight', () => {
             content: createContent(NodeFactory.text('hello world'))
         });
 
-        editor.chain().selectAll().applyFontWeight('700').run();
+        editor.commands.selectAll();
+        editor.commands.applyFontWeight('700');
 
         expect(editor.getJSON()).toMatchSnapshot();
     });
@@ -107,7 +110,8 @@ describe('apply font weight', () => {
             ]))
         });
 
-        editor.chain().selectAll().toggleBold().run();
+        editor.commands.selectAll();
+        editor.commands.toggleBold();
 
         expect(editor.getJSON()).toMatchSnapshot();
     });
@@ -115,12 +119,13 @@ describe('apply font weight', () => {
     test('should toggle weight to closest bold', () => {
         const editor = createEditor({
             content: createContent(NodeFactory.text('hello world', [
-                NodeFactory.mark('font_family', { value: 'Bungee' }),
+                NodeFactory.mark(TextSettings.FONT_FAMILY, { value: 'Bungee' }),
                 NodeFactory.mark(TextSettings.FONT_WEIGHT, { value: '400' })
             ]))
         });
 
-        editor.chain().selectAll().toggleBold().run();
+        editor.commands.selectAll();
+        editor.commands.toggleBold();
 
         expect(editor.getJSON()).toMatchSnapshot();
     });
@@ -132,7 +137,8 @@ describe('apply font weight', () => {
             ]))
         });
 
-        editor.chain().selectAll().toggleBold().run();
+        editor.commands.selectAll();
+        editor.commands.toggleBold();
 
         expect(editor.getJSON()).toMatchSnapshot();
     });
@@ -140,12 +146,13 @@ describe('apply font weight', () => {
     test('should toggle weight to closest medium', () => {
         const editor = createEditor({
             content: createContent(NodeFactory.text('hello world', [
-                NodeFactory.mark('font_family', { value: 'Bungee' }),
+                NodeFactory.mark(TextSettings.FONT_FAMILY, { value: 'Bungee' }),
                 NodeFactory.mark(TextSettings.FONT_WEIGHT, { value: '800' })
             ]))
         });
 
-        editor.chain().selectAll().toggleBold().run();
+        editor.commands.selectAll();
+        editor.commands.toggleBold();
 
         expect(editor.getJSON()).toMatchSnapshot();
     });

package/lib/extensions/__tests__/LineHeight.test.js

@@ -1,10 +1,10 @@
 import { Editor, Extension } from '@tiptap/vue-2';
 import { ref } from 'vue';
+import { buildTestExtensions } from '../../__tests__/utils';
 import { createCommand } from '../../utils';
 import { DeviceManager } from '../DeviceManager';
 import { LineHeight } from '../LineHeight';
 import { ContentNormalizer, NodeFactory } from '../../services';
-import { buildCoreExtensions } from '../core';
 
 const MockStylePreset = Extension.create({
     name: 'style_preset',
@@ -23,15 +23,17 @@ const MockStylePreset = Extension.create({
 function createEditor({ content, wrapperEl }) {
     return new Editor({
         content: ContentNormalizer.normalize(content),
-        extensions: buildCoreExtensions().concat(
-            MockStylePreset,
-            DeviceManager.configure({
-                device: ref('desktop')
-            }),
-            LineHeight.configure({
-                wrapperRef: ref(wrapperEl ?? document.createElement('div'))
-            })
-        )
+        extensions: buildTestExtensions({
+            include: [
+                MockStylePreset,
+                DeviceManager.configure({
+                    device: ref('desktop')
+                }),
+                LineHeight.configure({
+                    wrapperRef: ref(wrapperEl ?? document.createElement('div'))
+                })
+            ]
+        })
     });
 }
 
@@ -77,7 +79,8 @@ describe('apply value', () => {
             content: createContent({ line_height: null })
         });
 
-        editor.chain().selectAll().applyLineHeight('1.41').run();
+        editor.commands.selectAll();
+        editor.commands.applyLineHeight('1.41');
 
         expect(editor.getJSON()).toMatchSnapshot();
     });

package/lib/extensions/__tests__/Link.test.js

@@ -1,19 +1,21 @@
 import { ref } from 'vue';
 import { Editor } from '@tiptap/vue-2';
+import { buildTestExtensions } from '../../__tests__/utils';
 import { ContentNormalizer, NodeFactory } from '../../services';
 import { Link } from '../Link';
-import { buildCoreExtensions } from '../core';
 
 function createEditor({ content }) {
     return new Editor({
         content: ContentNormalizer.normalize(content),
-        extensions: buildCoreExtensions().concat(
-            Link.configure({
-                preset: 'link',
-                baseClass: 'zw ts-',
-                pageBlocks: ref([{ id: 987654 }])
-            })
-        )
+        extensions: buildTestExtensions({
+            include: [
+                Link.configure({
+                    preset: 'link',
+                    baseClass: 'zw ts-',
+                    pageBlocks: ref([{ id: 987654 }])
+                })
+            ]
+        })
     });
 }
 
@@ -34,7 +36,8 @@ describe('apply link', () => {
             content: createContent(NodeFactory.text('hello world'))
         });
 
-        editor.chain().selectAll().applyLink(linkAttributes()).run();
+        editor.commands.selectAll();
+        editor.commands.applyLink(linkAttributes());
 
         expect(editor.getJSON()).toMatchSnapshot();
     });
@@ -44,7 +47,8 @@ describe('apply link', () => {
             content: createContent(NodeFactory.text('Some  text'))
         });
 
-        editor.chain().setTextSelection(6).applyLink(linkAttributes()).run();
+        editor.commands.setTextSelection(6);
+        editor.commands.applyLink(linkAttributes());
 
         expect(editor.getJSON()).toMatchSnapshot();
     });

package/lib/extensions/__tests__/Margin.test.js

@@ -1,12 +1,12 @@
 import { Editor } from '@tiptap/core';
+import { buildTestExtensions } from '../../__tests__/utils';
 import { ContentNormalizer, NodeFactory } from '../../services';
-import { buildCoreExtensions } from '../core';
 import { Margin } from '../Margin';
 
 function createEditor({ content }) {
     return new Editor({
         content: ContentNormalizer.normalize(content),
-        extensions: buildCoreExtensions().concat(Margin)
+        extensions: buildTestExtensions({ include: [Margin] })
     });
 }