@zipify/wysiwyg 4.11.0-4 → 4.11.1

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

@@ -1,12 +1,12 @@
 import { ref } from 'vue';
 import { Editor, Mark } from '@tiptap/vue-3';
-import { buildTestExtensions } from '../../__tests__/utils';
-import { ContentNormalizer, NodeFactory } from '../../services';
+import { buildTestExtensions } from '@/__tests__/utils';
+import { ContentNormalizer, NodeFactory } from '@/services';
+import { LinkDestination, LinkTarget, TextSetting } from '@/enums';
 import { Link } from '../Link';
-import { LinkDestinations, LinkTargets, TextSettings } from '../../enums';
 
 const MockFontWeight = Mark.create({
-    name: TextSettings.FONT_WEIGHT,
+    name: TextSetting.FONT_WEIGHT,
     addAttributes: () => ({ value: { required: true } }),
     renderHTML: () => ['span', {}, 0]
 });
@@ -30,8 +30,8 @@ function createEditor({ content }) {
 const createLink = (attrs = {}) => ({
     href: '/test',
     text: 'Hello world link',
-    target: LinkTargets.SELF,
-    destination: LinkDestinations.URL,
+    target: LinkTarget.SELF,
+    destination: LinkDestination.URL,
     ...attrs
 });
 
@@ -41,7 +41,7 @@ describe('get link', () => {
             content: NodeFactory.doc([
                 NodeFactory.paragraph([
                     NodeFactory.text('hello world', [
-                        NodeFactory.mark(TextSettings.LINK, createLink())
+                        NodeFactory.mark(TextSetting.LINK, createLink())
                     ])
                 ])
             ])
@@ -97,7 +97,7 @@ describe('apply link', () => {
             content: NodeFactory.doc([
                 NodeFactory.paragraph([
                     NodeFactory.text('hello', [
-                        NodeFactory.mark(TextSettings.FONT_WEIGHT, { value: '700' })
+                        NodeFactory.mark(TextSetting.FONT_WEIGHT, { value: '700' })
                     ]),
                     NodeFactory.text(' world')
                 ])
@@ -115,10 +115,10 @@ describe('apply link', () => {
             content: NodeFactory.doc([
                 NodeFactory.paragraph([
                     NodeFactory.text('https://google.com', [
-                        NodeFactory.mark(TextSettings.LINK, {
+                        NodeFactory.mark(TextSetting.LINK, {
                             href: 'https://google.com',
-                            destination: LinkDestinations.URL,
-                            target: LinkTargets.SELF
+                            destination: LinkDestination.URL,
+                            target: LinkTarget.SELF
                         })
                     ])
                 ])
@@ -130,8 +130,8 @@ describe('apply link', () => {
         editor.commands.applyLink({
             text: 'https://google.com',
             href: 'https://google.com',
-            destination: LinkDestinations.URL,
-            target: LinkTargets.BLANK
+            destination: LinkDestination.URL,
+            target: LinkTarget.BLANK
         });
 
         expect(editor.getJSON()).toMatchSnapshot();

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

@@ -1,13 +1,13 @@
 import { Editor, Extension, Mark } from '@tiptap/vue-3';
 import { buildTestExtensions } from '@/__tests__/utils';
-import { ListTypes, NodeTypes, TextSettings } from '@/enums';
+import { ListType, NodeType, TextSetting } from '@/enums';
 import { ContentNormalizer, NodeFactory } from '@/services';
 import { createCommand } from '@/utils';
 import { List } from '../list';
 import { StylePreset } from '../StylePreset';
 
 const MockFontSize = Mark.create({
-    name: TextSettings.FONT_SIZE,
+    name: TextSetting.FONT_SIZE,
 
     addAttributes: () => ({
         value: { default: null }
@@ -17,7 +17,7 @@ const MockFontSize = Mark.create({
 });
 
 const MockFontWeight = Mark.create({
-    name: TextSettings.FONT_WEIGHT,
+    name: TextSetting.FONT_WEIGHT,
 
     addAttributes: () => ({
         value: { default: null }
@@ -27,7 +27,7 @@ const MockFontWeight = Mark.create({
 });
 
 const MockBackgroundColor = Mark.create({
-    name: TextSettings.BACKGROUND_COLOR,
+    name: TextSetting.BACKGROUND_COLOR,
 
     addAttributes: () => ({
         value: { default: null }
@@ -37,7 +37,7 @@ const MockBackgroundColor = Mark.create({
 });
 
 const MockFontColor = Mark.create({
-    name: TextSettings.FONT_COLOR,
+    name: TextSetting.FONT_COLOR,
 
     addAttributes: () => ({
         value: { default: null }
@@ -47,7 +47,7 @@ const MockFontColor = Mark.create({
 });
 
 const MockFontFamily = Mark.create({
-    name: TextSettings.FONT_FAMILY,
+    name: TextSetting.FONT_FAMILY,
 
     addAttributes: () => ({
         value: { default: null }
@@ -57,7 +57,7 @@ const MockFontFamily = Mark.create({
 });
 
 const MockFontStyle = Mark.create({
-    name: TextSettings.FONT_STYLE,
+    name: TextSetting.FONT_STYLE,
 
     addAttributes: () => ({
         value: { default: null }
@@ -67,7 +67,7 @@ const MockFontStyle = Mark.create({
 });
 
 const MockTextDecoration = Mark.create({
-    name: TextSettings.TEXT_DECORATION,
+    name: TextSetting.TEXT_DECORATION,
 
     addAttributes: () => ({
         value: { default: null }
@@ -77,7 +77,7 @@ const MockTextDecoration = Mark.create({
 });
 
 const MockSuperscript = Mark.create({
-    name: TextSettings.SUPERSCRIPT,
+    name: TextSetting.SUPERSCRIPT,
 
     addAttributes: () => ({
         value: { default: null }
@@ -87,7 +87,7 @@ const MockSuperscript = Mark.create({
 });
 
 const MockLink = Extension.create({
-    name: TextSettings.LINK,
+    name: TextSetting.LINK,
 
     addOptions: () => ({
         isActive: false,
@@ -103,11 +103,11 @@ const MockLink = Extension.create({
 });
 
 const MockLineHeight = Extension.create({
-    name: TextSettings.LINE_HEIGHT,
+    name: TextSetting.LINE_HEIGHT,
 
     addGlobalAttributes: () => [
         {
-            types: [NodeTypes.PARAGRAPH],
+            types: [NodeType.PARAGRAPH],
             attributes: {
                 line_height: {
                     isRequired: false,
@@ -294,7 +294,7 @@ describe('apply preset', () => {
     test('should apply regular to list', () => {
         const editor = createEditor({
             content: NodeFactory.doc([
-                NodeFactory.list(ListTypes.LATIN, [
+                NodeFactory.list(ListType.LATIN, [
                     NodeFactory.paragraph('Item 1'),
                     NodeFactory.paragraph('Item 2')
                 ])
@@ -311,7 +311,7 @@ describe('apply preset', () => {
     test('should apply heading to list', () => {
         const editor = createEditor({
             content: NodeFactory.doc([
-                NodeFactory.list(ListTypes.LATIN, [
+                NodeFactory.list(ListType.LATIN, [
                     NodeFactory.paragraph('Item 1'),
                     NodeFactory.paragraph('Item 2')
                 ])
@@ -384,7 +384,7 @@ describe('get preset customization', () => {
             presets: [createPreset({ id: 'regular-1' })]
         });
 
-        const isFontSizeCustomized = editor.commands.isSettingCustomized(TextSettings.FONT_SIZE);
+        const isFontSizeCustomized = editor.commands.isSettingCustomized(TextSetting.FONT_SIZE);
 
         expect(isFontSizeCustomized.value).toBe(false);
     });
@@ -394,8 +394,8 @@ describe('get preset customization', () => {
             content: NodeFactory.doc([
                 NodeFactory.paragraph({ preset: { id: 'regular-1' } }, [
                     NodeFactory.text('test', [
-                        NodeFactory.mark(TextSettings.FONT_SIZE, { value: '12' }),
-                        NodeFactory.mark(TextSettings.FONT_WEIGHT, { value: '400' })
+                        NodeFactory.mark(TextSetting.FONT_SIZE, { value: '12' }),
+                        NodeFactory.mark(TextSetting.FONT_WEIGHT, { value: '400' })
                     ])
                 ])
             ]),
@@ -414,8 +414,8 @@ describe('get preset customization', () => {
             content: NodeFactory.doc([
                 NodeFactory.paragraph({ preset: { id: 'regular-1' } }, [
                     NodeFactory.text('test', [
-                        NodeFactory.mark(TextSettings.FONT_SIZE, { value: '12' }),
-                        NodeFactory.mark(TextSettings.FONT_WEIGHT, { value: '400' })
+                        NodeFactory.mark(TextSetting.FONT_SIZE, { value: '12' }),
+                        NodeFactory.mark(TextSetting.FONT_WEIGHT, { value: '400' })
                     ])
                 ])
             ]),
@@ -423,7 +423,7 @@ describe('get preset customization', () => {
         });
 
         editor.commands.selectAll();
-        const isFontSizeCustomized = editor.commands.isSettingCustomized(TextSettings.FONT_SIZE);
+        const isFontSizeCustomized = editor.commands.isSettingCustomized(TextSetting.FONT_SIZE);
 
         expect(isFontSizeCustomized.value).toBe(true);
     });
@@ -458,7 +458,7 @@ describe('get preset customization', () => {
         });
 
         editor.commands.selectAll();
-        const isLineHeightCustomized = editor.commands.isSettingCustomized(TextSettings.LINE_HEIGHT);
+        const isLineHeightCustomized = editor.commands.isSettingCustomized(TextSetting.LINE_HEIGHT);
 
         expect(isLineHeightCustomized.value).toBe(true);
     });
@@ -482,8 +482,8 @@ describe('get content customization', () => {
             content: NodeFactory.doc([
                 NodeFactory.paragraph({ preset: { id: 'regular-2' } }, [
                     NodeFactory.text('test', [
-                        NodeFactory.mark(TextSettings.FONT_SIZE, { value: '44' }),
-                        NodeFactory.mark(TextSettings.FONT_WEIGHT, { value: '500' })
+                        NodeFactory.mark(TextSetting.FONT_SIZE, { value: '44' }),
+                        NodeFactory.mark(TextSetting.FONT_WEIGHT, { value: '500' })
                     ])
                 ])
             ]),
@@ -518,11 +518,11 @@ describe('remove preset customization', () => {
             content: NodeFactory.doc([
                 NodeFactory.paragraph({ preset: { id: 'regular-1' } }, [
                     NodeFactory.text('test', [
-                        NodeFactory.mark(TextSettings.FONT_SIZE, { value: '12' }),
-                        NodeFactory.mark(TextSettings.FONT_WEIGHT, { value: '400' })
+                        NodeFactory.mark(TextSetting.FONT_SIZE, { value: '12' }),
+                        NodeFactory.mark(TextSetting.FONT_WEIGHT, { value: '400' })
                     ]),
                     NodeFactory.text(' test', [
-                        NodeFactory.mark(TextSettings.FONT_SIZE, { value: '12' })
+                        NodeFactory.mark(TextSetting.FONT_SIZE, { value: '12' })
                     ])
                 ])
             ]),
@@ -563,11 +563,11 @@ describe('remove preset customization', () => {
             content: NodeFactory.doc([
                 NodeFactory.paragraph({ preset: { id: 'regular-1' } }, [
                     NodeFactory.text('test', [
-                        NodeFactory.mark(TextSettings.FONT_SIZE, { value: '12' }),
-                        NodeFactory.mark(TextSettings.FONT_WEIGHT, { value: '400' })
+                        NodeFactory.mark(TextSetting.FONT_SIZE, { value: '12' }),
+                        NodeFactory.mark(TextSetting.FONT_WEIGHT, { value: '400' })
                     ]),
                     NodeFactory.text(' test', [
-                        NodeFactory.mark(TextSettings.FONT_SIZE, { value: '12' })
+                        NodeFactory.mark(TextSetting.FONT_SIZE, { value: '12' })
                     ])
                 ])
             ]),

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

@@ -2,7 +2,7 @@ import { Editor } from '@tiptap/vue-3';
 import { buildTestExtensions } from '../../__tests__/utils';
 import { ContentNormalizer, NodeFactory } from '../../services';
 import { Superscript } from '../Superscript';
-import { TextSettings } from '../../enums';
+import { TextSetting } from '../../enums';
 
 function createEditor({ content }) {
     return new Editor({
@@ -19,7 +19,7 @@ describe('get value', () => {
     test('should get from selection', () => {
         const editor = createEditor({
             content: createContent(NodeFactory.text('hello world', [
-                NodeFactory.mark(TextSettings.SUPERSCRIPT)
+                NodeFactory.mark(TextSetting.SUPERSCRIPT)
             ]))
         });
 
@@ -44,7 +44,7 @@ describe('apply value', () => {
     test('should remove superscript', () => {
         const editor = createEditor({
             content: createContent(NodeFactory.text('hello world', [
-                NodeFactory.mark(TextSettings.SUPERSCRIPT)
+                NodeFactory.mark(TextSetting.SUPERSCRIPT)
             ]))
         });
 
@@ -68,7 +68,7 @@ describe('apply value', () => {
     test('should toggle superscript to removed', () => {
         const editor = createEditor({
             content: createContent(NodeFactory.text('hello world', [
-                NodeFactory.mark(TextSettings.SUPERSCRIPT)
+                NodeFactory.mark(TextSetting.SUPERSCRIPT)
             ]))
         });
 
@@ -83,7 +83,7 @@ describe('rendering', () => {
     test('should render html', () => {
         const editor = createEditor({
             content: createContent(NodeFactory.text('hello world', [
-                NodeFactory.mark(TextSettings.SUPERSCRIPT)
+                NodeFactory.mark(TextSetting.SUPERSCRIPT)
             ]))
         });
 

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

@@ -4,10 +4,10 @@ import { buildTestExtensions } from '../../__tests__/utils';
 import { createCommand } from '../../utils';
 import { TextDecoration } from '../TextDecoration';
 import { ContentNormalizer, NodeFactory } from '../../services';
-import { TextSettings } from '../../enums';
+import { TextSetting } from '../../enums';
 
 const MockStylePreset = Extension.create({
-    name: TextSettings.TEXT_DECORATION,
+    name: TextSetting.TEXT_DECORATION,
 
     addCommands() {
         return {
@@ -35,7 +35,7 @@ describe('get decoration', () => {
     test('should get from selection', () => {
         const editor = createEditor({
             content: createContent(NodeFactory.text('hello world', [
-                NodeFactory.mark(TextSettings.TEXT_DECORATION, {
+                NodeFactory.mark(TextSetting.TEXT_DECORATION, {
                     underline: true,
                     strike_through: true
                 })
@@ -65,7 +65,7 @@ describe('get decoration', () => {
         test('should get from selection', () => {
             const editor = createEditor({
                 content: createContent(NodeFactory.text('hello world', [
-                    NodeFactory.mark(TextSettings.TEXT_DECORATION, { underline: true })
+                    NodeFactory.mark(TextSetting.TEXT_DECORATION, { underline: true })
                 ]))
             });
 
@@ -77,7 +77,7 @@ describe('get decoration', () => {
         test('should is customized settings', () => {
             const editor = createEditor({
                 content: createContent(NodeFactory.text('hello world', [
-                    NodeFactory.mark(TextSettings.TEXT_DECORATION, { underline: true })
+                    NodeFactory.mark(TextSetting.TEXT_DECORATION, { underline: true })
                 ]))
             });
 
@@ -109,7 +109,7 @@ describe('get decoration', () => {
         test('should get from selection', () => {
             const editor = createEditor({
                 content: createContent(NodeFactory.text('hello world', [
-                    NodeFactory.mark(TextSettings.TEXT_DECORATION, { strike_through: true })
+                    NodeFactory.mark(TextSetting.TEXT_DECORATION, { strike_through: true })
                 ]))
             });
 
@@ -145,7 +145,7 @@ describe('apply decoration', () => {
     test('should second decoration', () => {
         const editor = createEditor({
             content: createContent(NodeFactory.text('hello world', [
-                NodeFactory.mark(TextSettings.TEXT_DECORATION, {
+                NodeFactory.mark(TextSetting.TEXT_DECORATION, {
                     strike_through: true,
                     underline: true
                 })
@@ -163,7 +163,7 @@ describe('apply decoration', () => {
             content: NodeFactory.doc([
                 NodeFactory.paragraph([
                     NodeFactory.text('hello world', [
-                        NodeFactory.mark(TextSettings.TEXT_DECORATION, {
+                        NodeFactory.mark(TextSetting.TEXT_DECORATION, {
                             underline: true,
                             strike_through: false
                         })
@@ -182,7 +182,7 @@ describe('apply decoration', () => {
         const editor = createEditor({
             content: NodeFactory.doc([
                 NodeFactory.paragraph(null, [
-                    NodeFactory.mark(TextSettings.TEXT_DECORATION, {
+                    NodeFactory.mark(TextSetting.TEXT_DECORATION, {
                         underline: false,
                         strike_through: false
                     })
@@ -200,7 +200,7 @@ describe('apply decoration', () => {
         test('should toggle to removed', () => {
             const editor = createEditor({
                 content: createContent(NodeFactory.text('hello world', [
-                    NodeFactory.mark(TextSettings.TEXT_DECORATION, { underline: true })
+                    NodeFactory.mark(TextSetting.TEXT_DECORATION, { underline: true })
                 ]))
             });
 
@@ -226,7 +226,7 @@ describe('apply decoration', () => {
         test('should toggle to removed', () => {
             const editor = createEditor({
                 content: createContent(NodeFactory.text('hello world', [
-                    NodeFactory.mark(TextSettings.TEXT_DECORATION, { strike_through: true })
+                    NodeFactory.mark(TextSetting.TEXT_DECORATION, { strike_through: true })
                 ]))
             });
 
@@ -253,7 +253,7 @@ describe('rendering', () => {
     test('should render underline only', () => {
         const editor = createEditor({
             content: createContent(NodeFactory.text('hello world', [
-                NodeFactory.mark(TextSettings.TEXT_DECORATION, {
+                NodeFactory.mark(TextSetting.TEXT_DECORATION, {
                     strike_through: false,
                     underline: true
                 })
@@ -266,7 +266,7 @@ describe('rendering', () => {
     test('should render strike through only', () => {
         const editor = createEditor({
             content: createContent(NodeFactory.text('hello world', [
-                NodeFactory.mark(TextSettings.TEXT_DECORATION, {
+                NodeFactory.mark(TextSetting.TEXT_DECORATION, {
                     strike_through: true,
                     underline: false
                 })
@@ -279,7 +279,7 @@ describe('rendering', () => {
     test('should render both', () => {
         const editor = createEditor({
             content: createContent(NodeFactory.text('hello world', [
-                NodeFactory.mark(TextSettings.TEXT_DECORATION, {
+                NodeFactory.mark(TextSetting.TEXT_DECORATION, {
                     strike_through: true,
                     underline: true
                 })

package/lib/extensions/core/Document.js

@@ -1,10 +1,10 @@
 import { Document as Base } from '@tiptap/extension-document';
-import { MarkGroups } from '../../enums';
-import { createCommand } from '../../utils';
+import { MarkGroup } from '@/enums';
+import { createCommand } from '@/utils';
 import { SetDocAttr } from '../steps';
 
 export const Document = Base.extend({
-    marks: MarkGroups.SETTINGS,
+    marks: MarkGroup.SETTINGS,
 
     addAttributes: () => ({
         meta: { default: {} }

package/lib/extensions/core/Heading.js

@@ -1,8 +1,8 @@
 import { Heading as Base } from '@tiptap/extension-heading';
-import { MarkGroups } from '../../enums';
+import { MarkGroup } from '@/enums';
 
 export const Heading = Base.extend({
-    marks: MarkGroups.ALL,
+    marks: MarkGroup.ALL,
 
     addOptions: () => ({
         levels: [1, 2, 3, 4],

package/lib/extensions/core/NodeProcessor.js

@@ -6,8 +6,8 @@ import {
     isMarkAppliedToParent,
     isNodeFullySelected,
     resolveTextPosition
-} from '../../utils';
-import { MarkGroups, NodeTypes, TextSettings } from '../../enums';
+} from '@/utils';
+import { MarkGroup, NodeBlockTypeList, NodeType, TextSetting } from '@/enums';
 
 function removeNodeMark({ tr, node, position, mark }) {
     return node.isText
@@ -26,7 +26,7 @@ export const NodeProcessor = Extension.create({
                 const { from, to } = tr.selection;
 
                 doc.nodesBetween(from, to, (node, position) => {
-                    if (!NodeTypes.blocks.includes(node.type.name)) return;
+                    if (!NodeBlockTypeList.includes(node.type.name)) return;
 
                     tr.setNodeAttribute(position, name, { ...defaults, ...current, ...attrs });
                 });
@@ -35,7 +35,7 @@ export const NodeProcessor = Extension.create({
             getBlockAttributes: createCommand(({ editor }, name, defaults) => computed(() => {
                 let attrs = Object.assign({}, defaults || {});
 
-                for (const type of NodeTypes.blocks) {
+                for (const type of NodeBlockTypeList) {
                     Object.assign(attrs, editor.getAttributes(type)?.[name] || {});
                 }
 
@@ -43,7 +43,7 @@ export const NodeProcessor = Extension.create({
             })),
 
             removeBlockAttributes: createCommand(({ commands }, names) => {
-                for (const type of NodeTypes.blocks) {
+                for (const type of NodeBlockTypeList) {
                     commands.resetAttributes(type, names);
                 }
             }),
@@ -51,11 +51,11 @@ export const NodeProcessor = Extension.create({
             applyMark: createCommand(({ state, commands }, name, value, customizer = {}) => {
                 const { tr, doc, schema } = state;
                 const { $from, $to } = tr.selection;
-                const linkMarkType = getMarkType(TextSettings.LINK, schema);
+                const linkMarkType = getMarkType(TextSetting.LINK, schema);
                 const markType = getMarkType(name, schema);
                 const markGroup = markType.spec.group || '';
 
-                if (!markGroup.includes(MarkGroups.SETTINGS)) {
+                if (!markGroup.includes(MarkGroup.SETTINGS)) {
                     // Apply inline mark if block level not supported
                     return commands.setMark(name, value);
                 }
@@ -71,7 +71,7 @@ export const NodeProcessor = Extension.create({
                 };
 
                 doc.nodesBetween($from.pos, $to.pos, (node, position) => {
-                    if (node.type.name === NodeTypes.LIST) return;
+                    if (node.type.name === NodeType.LIST) return;
 
                     const initialMark = findMarkByType(node.marks, name);
                     const applyingMark = markType.create({ ...(initialMark?.attrs || {}), ...value });

package/lib/extensions/core/Paragraph.js

@@ -1,8 +1,8 @@
 import { Paragraph as Base } from '@tiptap/extension-paragraph';
-import { MarkGroups } from '../../enums';
+import { MarkGroup } from '../../enums';
 
 export const Paragraph = Base.extend({
-    marks: MarkGroups.ALL,
+    marks: MarkGroup.ALL,
 
     addOptions: () => ({
         HTMLAttributes: { class: 'zw-style' }