@zipify/wysiwyg 1.2.5 → 2.0.0-0

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();
     });
@@ -120,7 +124,8 @@ describe('apply font weight', () => {
             ]))
         });
 
-        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();
     });
@@ -145,7 +151,8 @@ describe('apply font weight', () => {
             ]))
         });
 
-        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] })
     });
 }
 

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

@@ -1,9 +1,9 @@
 import { Editor, Extension, Mark } from '@tiptap/vue-2';
+import { buildTestExtensions } from '../../__tests__/utils';
 import { StylePreset } from '../StylePreset';
 import { List } from '../list';
 import { ListTypes, NodeTypes, TextSettings } from '../../enums';
 import { ContentNormalizer, NodeFactory } from '../../services';
-import { buildCoreExtensions } from '../core';
 import { createCommand } from '../../utils';
 
 const MockFontSize = Mark.create({
@@ -124,32 +124,34 @@ function createEditor({ content, presets, defaultId, link }) {
             content: ContentNormalizer.normalize(content),
             onCreate: () => resolve(editor),
 
-            extensions: buildCoreExtensions().concat(
-                StylePreset.configure({
-                    presets: presets,
-                    baseClass: 'zw ts-',
-                    defaultId,
-
-                    makeVariable({ device, preset, property }) {
-                        const formattedProperty = property.replace(/_/i, '-');
-
-                        return `--${device}-${preset.id}-${formattedProperty}`;
-                    }
-                }),
-                List.configure({
-                    baseClass: 'zw-list--'
-                }),
-                MockFontSize,
-                MockFontWeight,
-                MockAlignment,
-                MockBackgroundColor,
-                MockFontColor,
-                MockFontFamily,
-                MockFontStyle,
-                MockTextDecoration,
-                MockSuperscript,
-                MockLink.configure(link)
-            )
+            extensions: buildTestExtensions({
+                include: [
+                    StylePreset.configure({
+                        presets: presets,
+                        baseClass: 'zw ts-',
+                        defaultId,
+
+                        makeVariable({ device, preset, property }) {
+                            const formattedProperty = property.replace(/_/i, '-');
+
+                            return `--${device}-${preset.id}-${formattedProperty}`;
+                        }
+                    }),
+                    List.configure({
+                        baseClass: 'zw-list--'
+                    }),
+                    MockFontSize,
+                    MockFontWeight,
+                    MockAlignment,
+                    MockBackgroundColor,
+                    MockFontColor,
+                    MockFontFamily,
+                    MockFontStyle,
+                    MockTextDecoration,
+                    MockSuperscript,
+                    MockLink.configure(link)
+                ]
+            })
         });
     });
 }
@@ -279,7 +281,8 @@ describe('apply preset', () => {
             presets: [createPreset({ id: 'regular-1' })]
         });
 
-        editor.chain().selectAll().applyPreset('regular-1').run();
+        editor.commands.selectAll();
+        editor.commands.applyPreset('regular-1');
 
         expect(editor.getJSON()).toMatchSnapshot();
     });
@@ -294,7 +297,8 @@ describe('apply preset', () => {
             ]
         });
 
-        editor.chain().selectAll().applyPreset('h1').run();
+        editor.commands.selectAll();
+        editor.commands.applyPreset('h1');
 
         expect(editor.getJSON()).toMatchSnapshot();
     });
@@ -310,7 +314,8 @@ describe('apply preset', () => {
             ]
         });
 
-        editor.chain().selectAll().applyPreset('h1').run();
+        editor.commands.selectAll();
+        editor.commands.applyPreset('h1');
 
         expect(editor.getJSON()).toMatchSnapshot();
     });
@@ -326,7 +331,8 @@ describe('apply preset', () => {
             presets: [createPreset({ id: 'regular-1' })]
         });
 
-        editor.chain().selectAll().applyPreset('regular-1').run();
+        editor.commands.selectAll();
+        editor.commands.applyPreset('regular-1');
 
         expect(editor.getJSON()).toMatchSnapshot();
     });
@@ -344,7 +350,8 @@ describe('apply preset', () => {
             ]
         });
 
-        editor.chain().selectAll().applyPreset('h1').run();
+        editor.commands.selectAll();
+        editor.commands.applyPreset('h1');
 
         expect(editor.getJSON()).toMatchSnapshot();
     });
@@ -358,7 +365,8 @@ describe('apply preset', () => {
             defaultId: 'regular-1'
         });
 
-        editor.chain().selectAll().applyDefaultPreset().run();
+        editor.commands.selectAll();
+        editor.commands.applyDefaultPreset();
 
         expect(editor.getJSON()).toMatchSnapshot();
     });
@@ -377,7 +385,8 @@ describe('apply preset', () => {
             ]
         });
 
-        editor.chain().selectAll().applyPreset('regular-2').run();
+        editor.commands.selectAll();
+        editor.commands.applyPreset('regular-2');
 
         expect(editor.getJSON()).toMatchSnapshot();
     });
@@ -452,11 +461,8 @@ describe('remove preset customization', () => {
             presets: [createPreset({ id: 'regular-1' })]
         });
 
-        editor
-            .chain()
-            .setTextSelection({ from: 1, to: 2 })
-            .removePresetCustomization()
-            .run();
+        editor.commands.setTextSelection({ from: 1, to: 2 });
+        editor.commands.removePresetCustomization();
 
         expect(editor.getJSON()).toMatchSnapshot();
     });
@@ -478,11 +484,8 @@ describe('remove preset customization', () => {
             presets: [createPreset({ id: 'regular-1' })]
         });
 
-        editor
-            .chain()
-            .setTextSelection({ from: 1, to: 10 })
-            .removePresetCustomization()
-            .run();
+        editor.commands.setTextSelection({ from: 1, to: 10 });
+        editor.commands.removePresetCustomization();
 
         expect(editor.getJSON()).toMatchSnapshot();
     });
@@ -503,11 +506,8 @@ describe('remove preset customization', () => {
             presets: [createPreset({ id: 'regular-1' })]
         });
 
-        editor
-            .chain()
-            .setTextSelection({ from: 1, to: 2 })
-            .removePresetCustomization()
-            .run();
+        editor.commands.setTextSelection({ from: 1, to: 2 });
+        editor.commands.removePresetCustomization();
 
         expect(editor.state.selection).toEqual(
             expect.objectContaining({ from: 1, to: 2 })