@zipify/wysiwyg 4.11.0-4 → 4.11.1

package/lib/extensions/StylePreset.js

@@ -1,16 +1,22 @@
 import { Extension } from '@tiptap/vue-3';
 import { computed, toRef, unref } from 'vue';
 import { createCommand } from '@/utils';
-import { NodeTypes, TextSettings } from '@/enums';
+import {
+    NodeType,
+    TextAttributeSettingList,
+    TextBlockMarkList,
+    TextPresetAttributeSettingList,
+    TextSetting
+} from '@/enums';
 import { ContextWindow } from '@/services';
 
 export const StylePreset = Extension.create({
-    name: TextSettings.STYLE_PRESET,
+    name: TextSetting.STYLE_PRESET,
 
     addGlobalAttributes() {
         return [
             {
-                types: [NodeTypes.PARAGRAPH, NodeTypes.HEADING],
+                types: [NodeType.PARAGRAPH, NodeType.HEADING],
                 attributes: {
                     preset: {
                         isRequired: false,
@@ -97,7 +103,7 @@ export const StylePreset = Extension.create({
             applyPreset: createCommand(({ commands, chain }, presetId) => {
                 const presets = unref(commands.getPresetList());
                 const preset = findPresetById(presets, presetId);
-                const nodeType = preset.node?.type ?? NodeTypes.PARAGRAPH;
+                const nodeType = preset.node?.type ?? NodeType.PARAGRAPH;
 
                 const attrs = {
                     preset: { id: presetId }
@@ -107,7 +113,7 @@ export const StylePreset = Extension.create({
                     attrs.level = preset.node.level;
                 }
 
-                for (const textAttribute of TextSettings.attributes) {
+                for (const textAttribute of TextAttributeSettingList) {
                     attrs[textAttribute] = unref(commands.getBlockAttributes(textAttribute));
                 }
 
@@ -119,7 +125,7 @@ export const StylePreset = Extension.create({
             }),
 
             removePreset: createCommand(({ commands }) => {
-                commands.setNode(NodeTypes.PARAGRAPH, { preset: null });
+                commands.setNode(NodeType.PARAGRAPH, { preset: null });
             }),
 
             getPresetCustomization: createCommand(({ editor, commands }) => {
@@ -135,7 +141,7 @@ export const StylePreset = Extension.create({
 
             isSettingCustomized: createCommand(({ commands }, name) => {
                 const customization = commands.getPresetCustomization();
-                const group = TextSettings.presetAttributes.includes(name) ? 'attributes' : 'marks';
+                const group = TextPresetAttributeSettingList.includes(name) ? 'attributes' : 'marks';
 
                 return computed(() => unref(customization)[group]?.includes(name) ?? false);
             }),
@@ -156,13 +162,13 @@ export const StylePreset = Extension.create({
 
                 doc.nodesBetween(from, to, (node) => {
                     for (const [name, value] of Object.entries(node.attrs)) {
-                        const isSetting = TextSettings.presetAttributes.includes(name);
+                        const isSetting = TextPresetAttributeSettingList.includes(name);
 
                         if (isSetting && value) attributes.add(name);
                     }
 
                     for (const { type } of node.marks) {
-                        if (TextSettings.marks.includes(type.name)) {
+                        if (TextBlockMarkList.includes(type.name)) {
                             marks.add(type.name);
                         }
                     }
@@ -178,9 +184,9 @@ export const StylePreset = Extension.create({
                 chain()
                     .storeSelection()
                     .expandSelectionToBlock()
-                    .removeMarks(TextSettings.marks)
-                    .resetAttributes(NodeTypes.PARAGRAPH, TextSettings.presetAttributes)
-                    .resetAttributes(NodeTypes.HEADING, TextSettings.presetAttributes)
+                    .removeMarks(TextBlockMarkList)
+                    .resetAttributes(NodeType.PARAGRAPH, TextPresetAttributeSettingList)
+                    .resetAttributes(NodeType.HEADING, TextPresetAttributeSettingList)
                     .restoreSelection()
                     .run();
             }),

package/lib/extensions/Superscript.js

@@ -1,10 +1,10 @@
 import { Mark } from '@tiptap/vue-3';
 import { computed, unref } from 'vue';
 import { createCommand } from '../utils';
-import { TextSettings } from '../enums';
+import { TextSetting } from '../enums';
 
 export const Superscript = Mark.create({
-    name: TextSettings.SUPERSCRIPT,
+    name: TextSetting.SUPERSCRIPT,
 
     addCommands() {
         return {

package/lib/extensions/TextDecoration.js

@@ -1,10 +1,10 @@
 import { Mark } from '@tiptap/vue-3';
 import { computed, unref } from 'vue';
 import { createCommand, createKeyboardShortcut, renderMark } from '../utils';
-import { TextSettings } from '../enums';
+import { TextSetting } from '../enums';
 
 export const TextDecoration = Mark.create({
-    name: TextSettings.TEXT_DECORATION,
+    name: TextSetting.TEXT_DECORATION,
     priority: 1000,
 
     addAttributes: () => ({

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

@@ -1,21 +1,21 @@
 import { Editor, Extension } from '@tiptap/vue-3';
 import { ref } from 'vue';
-import { buildTestExtensions } from '../../__tests__/utils';
-import { createCommand } from '../../utils';
-import { Alignment } from '../Alignment';
+import { buildTestExtensions } from '@/__tests__/utils';
+import { createCommand } from '@/utils';
+import { Alignment, TextSetting } from '@/enums';
+import { ContentNormalizer, NodeFactory } from '@/services';
+import { AlignmentExtension } from '../Alignment';
 import { DeviceManager } from '../DeviceManager';
-import { Alignments, TextSettings } from '../../enums';
-import { ContentNormalizer, NodeFactory } from '../../services';
 
 const MockStylePreset = Extension.create({
-    name: TextSettings.STYLE_PRESET,
+    name: TextSetting.STYLE_PRESET,
 
     addCommands() {
         return {
             getPreset: createCommand(() => ref({
-                mobile: { alignment: Alignments.JUSTIFY },
-                tablet: { alignment: Alignments.JUSTIFY },
-                desktop: { alignment: Alignments.JUSTIFY }
+                mobile: { alignment: Alignment.JUSTIFY },
+                tablet: { alignment: Alignment.JUSTIFY },
+                desktop: { alignment: Alignment.JUSTIFY }
             }))
         };
     }
@@ -28,7 +28,7 @@ function createEditor({ content }) {
             include: [
                 MockStylePreset,
                 DeviceManager.configure({ device: ref('desktop') }),
-                Alignment
+                AlignmentExtension
             ]
         })
     });
@@ -44,13 +44,13 @@ describe('get value', () => {
     test('should get from selection', () => {
         const editor = createEditor({
             content: createContent({
-                alignment: { desktop: Alignments.CENTER }
+                alignment: { desktop: Alignment.CENTER }
             })
         });
 
         editor.commands.selectAll();
 
-        expect(editor.commands.getAlignment().value).toEqual(Alignments.CENTER);
+        expect(editor.commands.getAlignment().value).toEqual(Alignment.CENTER);
     });
 
     test('should get default value', () => {
@@ -58,7 +58,7 @@ describe('get value', () => {
             content: createContent({ alignment: null })
         });
 
-        expect(editor.commands.getDefaultAlignment().value).toEqual(Alignments.JUSTIFY);
+        expect(editor.commands.getDefaultAlignment().value).toEqual(Alignment.JUSTIFY);
     });
 
     test('should get from preset', () => {
@@ -66,7 +66,7 @@ describe('get value', () => {
             content: createContent({ alignment: null })
         });
 
-        expect(editor.commands.getAlignment().value).toEqual(Alignments.JUSTIFY);
+        expect(editor.commands.getAlignment().value).toEqual(Alignment.JUSTIFY);
     });
 });
 
@@ -77,7 +77,7 @@ describe('change value', () => {
         });
 
         editor.commands.selectAll();
-        editor.commands.applyAlignment(Alignments.RIGHT);
+        editor.commands.applyAlignment(Alignment.RIGHT);
 
         expect(editor.getJSON()).toMatchSnapshot();
     });
@@ -85,12 +85,12 @@ describe('change value', () => {
     test('should remove value', () => {
         const editor = createEditor({
             content: createContent({
-                alignment: { desktop: Alignments.CENTER }
+                alignment: { desktop: Alignment.CENTER }
             })
         });
 
         editor.commands.selectAll();
-        editor.commands.removeAlignment(TextSettings.ALIGNMENT);
+        editor.commands.removeAlignment(TextSetting.ALIGNMENT);
 
         expect(editor.getJSON()).toMatchSnapshot();
     });
@@ -100,7 +100,7 @@ describe('rendering', () => {
     test('should render only desktop', () => {
         const editor = createEditor({
             content: createContent({
-                alignment: { desktop: Alignments.CENTER }
+                alignment: { desktop: Alignment.CENTER }
             })
         });
 
@@ -111,9 +111,9 @@ describe('rendering', () => {
         const editor = createEditor({
             content: createContent({
                 alignment: {
-                    desktop: Alignments.CENTER,
-                    tablet: Alignments.RIGHT,
-                    mobile: Alignments.LEFT
+                    desktop: Alignment.CENTER,
+                    tablet: Alignment.RIGHT,
+                    mobile: Alignment.LEFT
                 }
             })
         });

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

@@ -4,10 +4,10 @@ import { buildTestExtensions } from '../../__tests__/utils';
 import { createCommand } from '../../utils';
 import { BackgroundColor } from '../BackgroundColor';
 import { ContentNormalizer, NodeFactory } from '../../services';
-import { TextSettings } from '../../enums';
+import { TextSetting } from '../../enums';
 
 const MockStylePreset = Extension.create({
-    name: TextSettings.STYLE_PRESET,
+    name: TextSetting.STYLE_PRESET,
 
     addCommands() {
         return {
@@ -35,7 +35,7 @@ describe('get background color', () => {
     test('should get from selection', () => {
         const editor = createEditor({
             content: createContent(NodeFactory.text('hello world', [
-                NodeFactory.mark(TextSettings.BACKGROUND_COLOR, { value: 'green' })
+                NodeFactory.mark(TextSetting.BACKGROUND_COLOR, { value: 'green' })
             ]))
         });
 
@@ -70,7 +70,7 @@ describe('rendering', () => {
     test('should render html', () => {
         const editor = createEditor({
             content: createContent(NodeFactory.text('hello world', [
-                NodeFactory.mark(TextSettings.BACKGROUND_COLOR, { value: 'green' })
+                NodeFactory.mark(TextSetting.BACKGROUND_COLOR, { value: 'green' })
             ]))
         });
 

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

@@ -1,13 +1,13 @@
 import { Editor } from '@tiptap/vue-3';
-import { buildTestExtensions } from '../../__tests__/utils';
-import { ContentNormalizer, NodeFactory } from '../../services';
-import { CaseStyles } from '../../enums';
-import { CaseStyle } from '../CaseStyle';
+import { buildTestExtensions } from '@/__tests__/utils';
+import { ContentNormalizer, NodeFactory } from '@/services';
+import { CaseStyle } from '@/enums';
+import { CaseStyleExtension } from '../CaseStyle';
 
 function createEditor({ content }) {
     return new Editor({
         content: ContentNormalizer.normalize(content),
-        extensions: buildTestExtensions({ include: [CaseStyle] })
+        extensions: buildTestExtensions({ include: [CaseStyleExtension] })
     });
 }
 
@@ -55,7 +55,7 @@ describe('apply case style', () => {
         });
 
         editor.commands.selectAll();
-        editor.commands.applyCaseStyle(CaseStyles.CAPITALIZE);
+        editor.commands.applyCaseStyle(CaseStyle.CAPITALIZE);
 
         expect(editor.getJSON()).toMatchSnapshot();
     });

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

@@ -4,10 +4,10 @@ import { buildTestExtensions } from '../../__tests__/utils';
 import { createCommand } from '../../utils';
 import { FontColor } from '../FontColor';
 import { ContentNormalizer, NodeFactory } from '../../services';
-import { TextSettings } from '../../enums';
+import { TextSetting } from '../../enums';
 
 const MockStylePreset = Extension.create({
-    name: TextSettings.STYLE_PRESET,
+    name: TextSetting.STYLE_PRESET,
 
     addCommands() {
         return {
@@ -35,7 +35,7 @@ describe('get font color', () => {
     test('should get from selection', () => {
         const editor = createEditor({
             content: createContent(NodeFactory.text('hello world', [
-                NodeFactory.mark(TextSettings.FONT_COLOR, { value: 'green' })
+                NodeFactory.mark(TextSetting.FONT_COLOR, { value: 'green' })
             ]))
         });
 
@@ -80,7 +80,7 @@ describe('rendering', () => {
     test('should render html', () => {
         const editor = createEditor({
             content: createContent(NodeFactory.text('hello world', [
-                NodeFactory.mark(TextSettings.FONT_COLOR, { value: 'green' })
+                NodeFactory.mark(TextSetting.FONT_COLOR, { value: 'green' })
             ]))
         });
 

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

@@ -7,10 +7,10 @@ import { FontFamily } from '../FontFamily';
 import { FontWeight } from '../FontWeight';
 import { FontStyle } from '../FontStyle';
 import { ContentNormalizer, NodeFactory } from '../../services';
-import { TextSettings } from '../../enums';
+import { TextSetting } from '../../enums';
 
 const MockStylePreset = Extension.create({
-    name: TextSettings.STYLE_PRESET,
+    name: TextSetting.STYLE_PRESET,
 
     addCommands() {
         return {
@@ -57,7 +57,7 @@ describe('get font family', () => {
     test('should get from selection', () => {
         const editor = createEditor({
             content: createContent(NodeFactory.text('hello world', [
-                NodeFactory.mark(TextSettings.FONT_FAMILY, { value: 'Bungee' })
+                NodeFactory.mark(TextSetting.FONT_FAMILY, { value: 'Bungee' })
             ]))
         });
 
@@ -122,7 +122,7 @@ describe('apply font family', () => {
     test('should not change current font weight if available', () => {
         const editor = createEditor({
             content: createContent(NodeFactory.text('hello world', [
-                NodeFactory.mark(TextSettings.FONT_WEIGHT, { value: '700' })
+                NodeFactory.mark(TextSetting.FONT_WEIGHT, { value: '700' })
             ]))
         });
 
@@ -135,7 +135,7 @@ describe('apply font family', () => {
     test('should apply closest font weight if current is unavailable', () => {
         const editor = createEditor({
             content: createContent(NodeFactory.text('hello world', [
-                NodeFactory.mark(TextSettings.FONT_WEIGHT, { value: '700' })
+                NodeFactory.mark(TextSetting.FONT_WEIGHT, { value: '700' })
             ]))
         });
 
@@ -148,8 +148,8 @@ describe('apply font family', () => {
     test('should not change italic if available', () => {
         const editor = createEditor({
             content: createContent(NodeFactory.text('hello world', [
-                NodeFactory.mark(TextSettings.FONT_WEIGHT, { value: '700' }),
-                NodeFactory.mark(TextSettings.FONT_STYLE, { italic: true })
+                NodeFactory.mark(TextSetting.FONT_WEIGHT, { value: '700' }),
+                NodeFactory.mark(TextSetting.FONT_STYLE, { italic: true })
             ]))
         });
 
@@ -162,8 +162,8 @@ describe('apply font family', () => {
     test('should remove italic if unavailable', () => {
         const editor = createEditor({
             content: createContent(NodeFactory.text('hello world', [
-                NodeFactory.mark(TextSettings.FONT_WEIGHT, { value: '700' }),
-                NodeFactory.mark(TextSettings.FONT_STYLE, { italic: true })
+                NodeFactory.mark(TextSetting.FONT_WEIGHT, { value: '700' }),
+                NodeFactory.mark(TextSetting.FONT_STYLE, { italic: true })
             ]))
         });
 
@@ -178,7 +178,7 @@ describe('rendering', () => {
     test('should render html', () => {
         const editor = createEditor({
             content: createContent(NodeFactory.text('hello world', [
-                NodeFactory.mark(TextSettings.FONT_FAMILY, { value: 'Bungee' })
+                NodeFactory.mark(TextSetting.FONT_FAMILY, { value: 'Bungee' })
             ]))
         });
 

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

@@ -5,10 +5,10 @@ import { createCommand } from '../../utils';
 import { FontSize } from '../FontSize';
 import { DeviceManager } from '../DeviceManager';
 import { ContentNormalizer, NodeFactory } from '../../services';
-import { TextSettings } from '../../enums';
+import { TextSetting } from '../../enums';
 
 const MockStylePreset = Extension.create({
-    name: TextSettings.STYLE_PRESET,
+    name: TextSetting.STYLE_PRESET,
 
     addCommands() {
         return {
@@ -48,7 +48,7 @@ describe('get font size', () => {
     test('should get from selection', () => {
         const editor = createEditor({
             content: createContent(NodeFactory.text('hello world'[
-                NodeFactory.mark(TextSettings.FONT_SIZE, {
+                NodeFactory.mark(TextSetting.FONT_SIZE, {
                     mobile: null,
                     tablet: null,
                     desktop: '14'
@@ -95,7 +95,7 @@ describe('apply font size', () => {
     test('should increase font size', () => {
         const editor = createEditor({
             content: createContent(NodeFactory.text('hello world', [
-                NodeFactory.mark(TextSettings.FONT_SIZE, {
+                NodeFactory.mark(TextSetting.FONT_SIZE, {
                     mobile: null,
                     tablet: null,
                     desktop: '14'
@@ -112,7 +112,7 @@ describe('apply font size', () => {
     test('should not increase font size if reached limit', () => {
         const editor = createEditor({
             content: createContent(NodeFactory.text('hello world', [
-                NodeFactory.mark(TextSettings.FONT_SIZE, {
+                NodeFactory.mark(TextSetting.FONT_SIZE, {
                     mobile: null,
                     tablet: null,
                     desktop: '20'
@@ -129,7 +129,7 @@ describe('apply font size', () => {
     test('should decrease font size', () => {
         const editor = createEditor({
             content: createContent(NodeFactory.text('hello world', [
-                NodeFactory.mark(TextSettings.FONT_SIZE, {
+                NodeFactory.mark(TextSetting.FONT_SIZE, {
                     mobile: null,
                     tablet: null,
                     desktop: '14'
@@ -146,7 +146,7 @@ describe('apply font size', () => {
     test('should not decrease font size if reached limit', () => {
         const editor = createEditor({
             content: createContent(NodeFactory.text('hello world', [
-                NodeFactory.mark(TextSettings.FONT_SIZE, {
+                NodeFactory.mark(TextSetting.FONT_SIZE, {
                     mobile: null,
                     tablet: null,
                     desktop: '5'
@@ -165,7 +165,7 @@ describe('rendering', () => {
     test('should render only desktop', () => {
         const editor = createEditor({
             content: createContent(NodeFactory.text('hello world', [
-                NodeFactory.mark(TextSettings.FONT_SIZE, {
+                NodeFactory.mark(TextSetting.FONT_SIZE, {
                     mobile: null,
                     tablet: null,
                     desktop: '14'
@@ -179,7 +179,7 @@ describe('rendering', () => {
     test('should render all devices', () => {
         const editor = createEditor({
             content: createContent(NodeFactory.text('hello world', [
-                NodeFactory.mark(TextSettings.FONT_SIZE, {
+                NodeFactory.mark(TextSetting.FONT_SIZE, {
                     mobile: '12',
                     tablet: '14',
                     desktop: '16'

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

@@ -7,10 +7,10 @@ import { FontFamily } from '../FontFamily';
 import { Font } from '../../models';
 import { FontWeight } from '../FontWeight';
 import { ContentNormalizer, NodeFactory } from '../../services';
-import { TextSettings } from '../../enums';
+import { TextSetting } from '../../enums';
 
 const MockStylePreset = Extension.create({
-    name: TextSettings.STYLE_PRESET,
+    name: TextSetting.STYLE_PRESET,
 
     addCommands() {
         return {
@@ -55,7 +55,7 @@ describe('get font style', () => {
     test('should get italic from selection', () => {
         const editor = createEditor({
             content: createContent(NodeFactory.text('hello world', [
-                NodeFactory.mark(TextSettings.FONT_STYLE, { italic: true })
+                NodeFactory.mark(TextSetting.FONT_STYLE, { italic: true })
             ]))
         });
 
@@ -98,7 +98,7 @@ describe('apply font style', () => {
     test('should remove italic', () => {
         const editor = createEditor({
             content: createContent(NodeFactory.text('hello world', [
-                NodeFactory.mark(TextSettings.FONT_STYLE, { italic: true })
+                NodeFactory.mark(TextSetting.FONT_STYLE, { italic: true })
             ]))
         });
 
@@ -111,7 +111,7 @@ describe('apply font style', () => {
     test('should toggle italic to removed', () => {
         const editor = createEditor({
             content: createContent(NodeFactory.text('hello world', [
-                NodeFactory.mark(TextSettings.FONT_STYLE, { italic: true })
+                NodeFactory.mark(TextSetting.FONT_STYLE, { italic: true })
             ]))
         });
 
@@ -137,7 +137,7 @@ describe('rendering', () => {
     test('should render html', () => {
         const editor = createEditor({
             content: createContent(NodeFactory.text('hello world', [
-                NodeFactory.mark(TextSettings.FONT_STYLE, { italic: true })
+                NodeFactory.mark(TextSetting.FONT_STYLE, { italic: true })
             ]))
         });
 

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

@@ -4,13 +4,13 @@ import { buildTestExtensions } from '../../__tests__/utils';
 import { createCommand } from '../../utils';
 import { ContentNormalizer, NodeFactory } from '../../services';
 import { Font } from '../../models';
-import { TextSettings } from '../../enums';
+import { TextSetting } from '../../enums';
 import { FontWeight } from '../FontWeight';
 import { FontFamily } from '../FontFamily';
 import { FontStyle } from '../FontStyle';
 
 const MockStylePreset = Extension.create({
-    name: TextSettings.STYLE_PRESET,
+    name: TextSetting.STYLE_PRESET,
 
     addCommands() {
         return {
@@ -54,7 +54,7 @@ describe('get font weight', () => {
     test('should get from selection', () => {
         const editor = createEditor({
             content: createContent(NodeFactory.text('hello world', [
-                NodeFactory.mark(TextSettings.FONT_WEIGHT, { value: '700' })
+                NodeFactory.mark(TextSetting.FONT_WEIGHT, { value: '700' })
             ]))
         });
 
@@ -84,7 +84,7 @@ describe('get font weight', () => {
     test('should get closest available font weight', () => {
         const editor = createEditor({
             content: createContent(NodeFactory.text('hello world', [
-                NodeFactory.mark(TextSettings.FONT_WEIGHT, { value: '800' })
+                NodeFactory.mark(TextSetting.FONT_WEIGHT, { value: '800' })
             ]))
         });
 
@@ -109,7 +109,7 @@ describe('apply font weight', () => {
     test('should toggle weight to bold', () => {
         const editor = createEditor({
             content: createContent(NodeFactory.text('hello world', [
-                NodeFactory.mark(TextSettings.FONT_WEIGHT, { value: '400' })
+                NodeFactory.mark(TextSetting.FONT_WEIGHT, { value: '400' })
             ]))
         });
 
@@ -122,8 +122,8 @@ describe('apply font weight', () => {
     test('should toggle weight to closest bold', () => {
         const editor = createEditor({
             content: createContent(NodeFactory.text('hello world', [
-                NodeFactory.mark(TextSettings.FONT_FAMILY, { value: 'Bungee' }),
-                NodeFactory.mark(TextSettings.FONT_WEIGHT, { value: '400' })
+                NodeFactory.mark(TextSetting.FONT_FAMILY, { value: 'Bungee' }),
+                NodeFactory.mark(TextSetting.FONT_WEIGHT, { value: '400' })
             ]))
         });
 
@@ -136,7 +136,7 @@ describe('apply font weight', () => {
     test('should toggle weight to medium', () => {
         const editor = createEditor({
             content: createContent(NodeFactory.text('hello world', [
-                NodeFactory.mark(TextSettings.FONT_WEIGHT, { value: '700' })
+                NodeFactory.mark(TextSetting.FONT_WEIGHT, { value: '700' })
             ]))
         });
 
@@ -149,8 +149,8 @@ describe('apply font weight', () => {
     test('should toggle weight to closest medium', () => {
         const editor = createEditor({
             content: createContent(NodeFactory.text('hello world', [
-                NodeFactory.mark(TextSettings.FONT_FAMILY, { value: 'Bungee' }),
-                NodeFactory.mark(TextSettings.FONT_WEIGHT, { value: '800' })
+                NodeFactory.mark(TextSetting.FONT_FAMILY, { value: 'Bungee' }),
+                NodeFactory.mark(TextSetting.FONT_WEIGHT, { value: '800' })
             ]))
         });
 
@@ -165,7 +165,7 @@ describe('rendering', () => {
     test('should render html', () => {
         const editor = createEditor({
             content: createContent(NodeFactory.text('hello world', [
-                NodeFactory.mark(TextSettings.FONT_WEIGHT, { value: '700' })
+                NodeFactory.mark(TextSetting.FONT_WEIGHT, { value: '700' })
             ]))
         });
 

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

@@ -5,10 +5,10 @@ import { createCommand } from '../../utils';
 import { DeviceManager } from '../DeviceManager';
 import { LineHeight } from '../LineHeight';
 import { ContentNormalizer, NodeFactory } from '../../services';
-import { TextSettings } from '../../enums';
+import { TextSetting } from '../../enums';
 
 const MockStylePreset = Extension.create({
-    name: TextSettings.STYLE_PRESET,
+    name: TextSetting.STYLE_PRESET,
 
     addCommands() {
         return {