@zipify/wysiwyg 2.0.0-10 → 2.0.0-11

package/dist/wysiwyg.css

@@ -547,20 +547,20 @@
     color: rgb(var(--zw-color-white));
 }
 
-.zw-font-family-control[data-v-2f66bfa6] {
+.zw-font-family-control[data-v-5f8e49dc] {
     width: 96px;
 }
-.zw-font-family-control__option[data-v-2f66bfa6] {
+.zw-font-family-control__option[data-v-5f8e49dc] {
     font-weight: 400;
     font-family: var(--zw-font-family-option);
     width: 150px;
 }
 
-.zw-font-weight-control[data-v-5a87e48e] {
+.zw-font-weight-control[data-v-00378d67] {
     width: 60px;
 }
 
-.zw-font-size-control[data-v-3f8185ea] {
+.zw-font-size-control[data-v-13bfe2fe] {
     width: 72px;
 }
 
@@ -571,17 +571,17 @@
     flex-direction: column;
 }
 
-.zw-line-height-control__modal[data-v-c316d7dc] {
+.zw-line-height-control__modal[data-v-2f58c40f] {
     padding: var(--zw-offset-sm);
 }
-.zw-line-height-control__row[data-v-c316d7dc] {
+.zw-line-height-control__row[data-v-2f58c40f] {
     display: flex;
     align-items: center;
 }
-.zw-line-height-control__range[data-v-c316d7dc] {
+.zw-line-height-control__range[data-v-2f58c40f] {
     width: 156px;
 }
-.zw-line-height-control__field[data-v-c316d7dc] {
+.zw-line-height-control__field[data-v-2f58c40f] {
     width: 64px;
     margin-left: var(--zw-offset-sm);
 }

package/dist/wysiwyg.mjs

@@ -14427,7 +14427,7 @@ const __vite_glob_0_4 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" sty
 const __vite_glob_0_5 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 28 28">\n    <path fill="#fff" stroke="#B3B3B3" d="M4.5 4.5h19v19h-19z"/>\n    <path fill="#3B3B3B" d="M26 20.7a2.51 2.51 0 0 1-5 0c0-1.31 2.5-4.7 2.5-4.7s2.5 3.39 2.5 4.7Z"/>\n    <path fill="#3B3B3B" fill-rule="evenodd" d="M19.64 19.93h-1.715a.75.75 0 0 1-.475-.145.82.82 0 0 1-.268-.359l-.89-2.433h-4.943l-.89 2.433a.78.78 0 0 1-.26.347.73.73 0 0 1-.475.157H8L12.686 8h2.269l4.686 11.93Zm-7.721-4.505h3.803l-1.452-3.968a18.048 18.048 0 0 1-.219-.623c-.08-.24-.158-.5-.235-.78-.077.28-.152.542-.227.784a8.742 8.742 0 0 1-.218.635l-1.452 3.952Z" clip-rule="evenodd"/>\n</svg>\n';
 const __vite_glob_0_6 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 28 28">\n    <path fill="var(--zw-icon-foreground)" fill-rule="evenodd" d="M16.64 19.93h-1.715a.75.75 0 0 1-.475-.145.82.82 0 0 1-.268-.359l-.89-2.433H8.35l-.891 2.433a.78.78 0 0 1-.26.347.73.73 0 0 1-.475.157H5L9.686 8h2.269l4.686 11.93Zm-7.72-4.505h3.803l-1.452-3.968a18.048 18.048 0 0 1-.219-.623c-.08-.24-.158-.5-.235-.78-.077.28-.152.542-.227.784a8.742 8.742 0 0 1-.218.635L8.92 15.425Zm14.968 4.505h-.915a.987.987 0 0 1-.454-.087c-.11-.058-.192-.175-.248-.35l-.181-.603a7.005 7.005 0 0 1-.631.507c-.206.146-.42.269-.64.368a3.26 3.26 0 0 1-.7.222c-.248.05-.523.075-.826.075-.357 0-.687-.049-.99-.145a2.134 2.134 0 0 1-.78-.433 1.967 1.967 0 0 1-.507-.718 2.545 2.545 0 0 1-.181-.998c0-.319.084-.634.251-.945.168-.31.447-.59.838-.841.39-.25.91-.458 1.559-.623.649-.165 1.455-.258 2.417-.28v-.495c0-.567-.12-.986-.359-1.259-.239-.272-.587-.408-1.043-.408-.33 0-.605.039-.825.116a3.17 3.17 0 0 0-.574.26 25.11 25.11 0 0 1-.45.26.912.912 0 0 1-.453.115.59.59 0 0 1-.355-.107.843.843 0 0 1-.239-.264l-.371-.652c.973-.891 2.148-1.337 3.523-1.337.494 0 .936.081 1.324.244.387.162.716.387.985.676.27.289.475.634.615 1.036.14.401.21.841.21 1.32v5.346Zm-3.96-1.271c.21 0 .402-.02.578-.058.176-.038.342-.096.5-.173.156-.077.307-.172.453-.285a4.13 4.13 0 0 0 .441-.4v-1.427c-.594.027-1.09.078-1.489.153a3.967 3.967 0 0 0-.961.284c-.242.116-.414.25-.516.404a.894.894 0 0 0-.152.504c0 .357.106.613.317.767.212.154.489.231.83.231Z" clip-rule="evenodd"/>\n</svg>\n';
 const __vite_glob_0_7 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 28 28">\n    <path fill="var(--zw-icon-foreground)" fill-rule="evenodd" d="M22 20.62a2.42 2.42 0 0 1-4.84 0c0-1.25 2.42-4.54 2.42-4.54S22 19.37 22 20.62ZM9.92 15.425l1.452-3.951c.071-.182.145-.394.219-.636.074-.242.149-.503.226-.783a17.223 17.223 0 0 0 .454 1.402l1.452 3.968H9.919Zm5.411 4.199c.226-.795.658-1.684 1.184-2.562L12.955 8h-2.269L6 19.93h1.725a.736.736 0 0 0 .474-.157.792.792 0 0 0 .26-.347l.891-2.434h4.941l.891 2.434c.031.079.097.134.148.198Z" clip-rule="evenodd"/>\n</svg>\n';
-const __vite_glob_0_8 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 9 9">\n    <path fill="#FFAB00" d="M0 4.5a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0Z"/>\n    <path fill="#fff" fill-rule="evenodd" d="M5.063 2.25H3.938v3.375h1.124V2.25Zm-1.125 4.5a.562.562 0 1 1 1.123-.001.562.562 0 0 1-1.123.001Z" clip-rule="evenodd"/>\n</svg>\n';
+const __vite_glob_0_8 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 9 9">\n    <path fill="#FFAB00" d="M0 4.5a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0Z"/>\n    <path fill="#fff" fill-rule="evenodd" d="M5.063 2.25H3.938v3.375h1.124V2.25Zm-1.125 4.5a.562.562 0 1 1 1.123-.001.562.562 0 0 1-1.123.001Z" clip-rule="evenodd"/>\n</svg>\n';
 const __vite_glob_0_9 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 28 28">\n    <path fill="var(--zw-icon-foreground)" d="M18 9V7h-7v2h2.64l-1.22 10H10v2h7v-2h-2.83L15.4 9H18Z"/>\n</svg>\n';
 const __vite_glob_0_10 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 28 28">\n    <path fill="var(--zw-icon-foreground)" fill-rule="evenodd" d="m5 10 3-3 3 3H9v8h2l-3 3-3-3h2v-8H5Zm8-3h10v2H13V7Zm10 6H13v2h10v-2Zm0 6H13v2h10v-2Z" clip-rule="evenodd"/>\n</svg>\n';
 const __vite_glob_0_11 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 28 28">\n    <path fill="var(--zw-icon-foreground)" fill-rule="evenodd" d="M12 17.5h-2a3.5 3.5 0 1 1 0-7h2V9h-2a5 5 0 0 0 0 10h2v-1.5Zm6-4.5h-8v2h8v-2Zm-2-4h2a5 5 0 0 1 0 10h-2v-1.5h2a3.5 3.5 0 1 0 0-7h-2V9Z" clip-rule="evenodd"/>\n</svg>\n';
@@ -22401,7 +22401,7 @@ const __vue2_script$n = {
       return { "--zw-font-family-option": `"${option.id}"` };
     }
     const currentValue = editor.commands.getFontFamily();
-    const isCustomized = editor.commands.isSettingCustomized("marks", TextSettings.FONT_FAMILY);
+    const isCustomized = editor.commands.isSettingCustomized(TextSettings.FONT_FAMILY);
     const apply2 = (fontFamily) => {
       recentFontNames.add(fontFamily);
       editor.chain().focus().applyFontFamily(fontFamily).run();
@@ -22422,7 +22422,7 @@ var __component__$n = /* @__PURE__ */ normalizeComponent(
   staticRenderFns$n,
   false,
   __vue2_injectStyles$n,
-  "2f66bfa6",
+  "5f8e49dc",
   null,
   null
 );
@@ -22474,7 +22474,7 @@ const __vue2_script$m = {
     const font = editor.commands.getFont();
     const options = computed(() => unref(font).weights.map((style2) => ({ id: style2 })));
     const currentValue = editor.commands.getFontWeight();
-    const isCustomized = editor.commands.isSettingCustomized("marks", TextSettings.FONT_WEIGHT);
+    const isCustomized = editor.commands.isSettingCustomized(TextSettings.FONT_WEIGHT);
     const apply2 = (value) => editor.chain().focus().applyFontWeight(value).run();
     return {
       options,
@@ -22491,7 +22491,7 @@ var __component__$m = /* @__PURE__ */ normalizeComponent(
   staticRenderFns$m,
   false,
   __vue2_injectStyles$m,
-  "5a87e48e",
+  "00378d67",
   null,
   null
 );
@@ -22545,7 +22545,7 @@ const __vue2_script$l = {
       return fontSizes.map((size2) => ({ id: size2, title: `${size2}px` }));
     });
     const currentValue = editor.commands.getFontSize();
-    const isCustomized = editor.commands.isSettingCustomized("marks", TextSettings.FONT_SIZE);
+    const isCustomized = editor.commands.isSettingCustomized(TextSettings.FONT_SIZE);
     const apply2 = (value) => editor.chain().focus().applyFontSize(value).run();
     return {
       options,
@@ -22562,7 +22562,7 @@ var __component__$l = /* @__PURE__ */ normalizeComponent(
   staticRenderFns$l,
   false,
   __vue2_injectStyles$l,
-  "3f8185ea",
+  "13bfe2fe",
   null,
   null
 );
@@ -22646,7 +22646,7 @@ const __vue2_script$k = {
   setup() {
     const editor = inject(InjectionTokens$1.EDITOR);
     const currentValue = editor.commands.getFontColor();
-    const isCustomized = editor.commands.isSettingCustomized("marks", TextSettings.FONT_COLOR);
+    const isCustomized = editor.commands.isSettingCustomized(TextSettings.FONT_COLOR);
     const apply2 = (color) => editor.chain().applyFontColor(color).run();
     return {
       currentValue,
@@ -22816,7 +22816,7 @@ const __vue2_script$i = {
   setup() {
     const editor = inject(InjectionTokens$1.EDITOR);
     const currentValue = editor.commands.isItalic();
-    const isCustomized = editor.commands.isSettingCustomized("marks", TextSettings.FONT_STYLE);
+    const isCustomized = editor.commands.isSettingCustomized(TextSettings.FONT_STYLE);
     const isAvailable = editor.commands.isItalicAvailable();
     const apply2 = () => editor.chain().focus().toggleItalic().run();
     return {
@@ -23239,7 +23239,7 @@ const __vue2_script$d = {
   setup(_, { emit }) {
     const editor = inject(InjectionTokens$1.EDITOR);
     const currentValue = editor.commands.getAlignment();
-    const isCustomized = editor.commands.isSettingCustomized("attributes", TextSettings.ALIGNMENT);
+    const isCustomized = editor.commands.isSettingCustomized(TextSettings.ALIGNMENT);
     function apply2(value) {
       editor.chain().focus().applyAlignment(value).run();
       emit("applied");
@@ -23462,7 +23462,7 @@ const __vue2_script$b = {
     const editor = inject(InjectionTokens$1.EDITOR);
     const toggler = useModalToggler({ wrapperRef, modalRef });
     const currentValue = editor.commands.getLineHeight();
-    const isCustomized = editor.commands.isSettingCustomized("attributes", TextSettings.LINE_HEIGHT);
+    const isCustomized = editor.commands.isSettingCustomized(TextSettings.LINE_HEIGHT);
     const apply2 = (value) => editor.commands.applyLineHeight(String(value));
     return {
       wrapperRef,
@@ -23482,7 +23482,7 @@ var __component__$b = /* @__PURE__ */ normalizeComponent(
   staticRenderFns$b,
   false,
   __vue2_injectStyles$b,
-  "c316d7dc",
+  "2f58c40f",
   null,
   null
 );
@@ -24721,8 +24721,9 @@ const StylePreset = Extension.create({
           };
         });
       }),
-      isSettingCustomized: createCommand(({ commands: commands2 }, group, name) => {
+      isSettingCustomized: createCommand(({ commands: commands2 }, name) => {
         const customization = commands2.getPresetCustomization();
+        const group = TextSettings.attributes.includes(name) ? "attributes" : "marks";
         return computed(() => {
           var _a, _b;
           return (_b = (_a = unref(customization)[group]) == null ? void 0 : _a.includes(name)) != null ? _b : false;
@@ -25476,12 +25477,27 @@ const ListItem$1 = Node.create({
 const ListItem = ListItem$1.extend({
   name: NodeTypes.LIST_ITEM,
   marks: MarkGroups.SETTINGS,
+  addCommands() {
+    const getSelectedListItem = ({ selection, doc: doc2 }) => {
+      const position = selection.$cursor.before(selection.$cursor.depth - 1);
+      return { position, node: doc2.nodeAt(position) };
+    };
+    return {
+      listItemNewline: createCommand(({ commands: commands2, tr }) => {
+        const { node: initialNode } = getSelectedListItem(tr);
+        commands2.splitListItem(this.name);
+        const { position } = getSelectedListItem(tr);
+        for (const mark of initialNode.marks) {
+          tr.step(new AddNodeMarkStep(position, copyMark(mark)));
+        }
+      })
+    };
+  },
   addOptions: () => ({
     HTMLAttributes: { class: "zw-style" }
   }),
   addKeyboardShortcuts() {
-    const { Enter } = this.parent();
-    return { Enter };
+    return { Enter: createKeyboardShortcut("listItemNewline") };
   }
 });
 const List = Node.create({

package/lib/assets/icons/indicator.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 9 9">
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 9 9">
     <path fill="#FFAB00" d="M0 4.5a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0Z"/>
     <path fill="#fff" fill-rule="evenodd" d="M5.063 2.25H3.938v3.375h1.124V2.25Zm-1.125 4.5a.562.562 0 1 1 1.123-.001.562.562 0 0 1-1.123.001Z" clip-rule="evenodd"/>
 </svg>

package/lib/cli/commands/ToJsonCommand.js

@@ -9,19 +9,25 @@ export class ToJsonCommand extends Command {
 
     options = [
         {
-            flags: '--config <path>',
+            flags: '-c, --config <path>',
             description: 'Generator config',
             // Relative to dist folder
             default: resolve(__dirname, '../bin/zp.config.json')
+        },
+        {
+            flags: '-f, --format <type>',
+            description: 'Set output format',
+            default: 'rb'
         }
     ];
 
-    doCommand(html, { config }) {
+    doCommand(html, { config, format }) {
         const configPath = resolve(process.cwd(), config);
         const serializer = ContentSerializer.build(require(configPath).editor);
-        const json = serializer.toJSON(this.#formatInputHtml(html));
+        const content = serializer.toJSON(this.#formatInputHtml(html));
+        const json = this.#stringifyContent(content);
 
-        this.output(this.#formatOutputJson(json));
+        this.output(format === 'rb' ? this.#formatOutputRb(json) : json);
     }
 
     #formatInputHtml(html) {
@@ -32,10 +38,13 @@ export class ToJsonCommand extends Command {
             });
     }
 
-    #formatOutputJson(object) {
+    #stringifyContent(content) {
         const skipNullValue = (_, value) => value === null ? undefined : value;
-        const json = JSON.stringify(object, skipNullValue, 2);
 
+        return JSON.stringify(content, skipNullValue, 2);
+    }
+
+    #formatOutputRb(json) {
         return json
             .replace(/\\"/g, '"')
             .replace(/font-family: ?'(.+)'/g, 'font-family: "$1"')

package/lib/components/toolbar/controls/AlignmentControl.vue

@@ -66,7 +66,7 @@ export default {
         const editor = inject(InjectionTokens.EDITOR);
 
         const currentValue = editor.commands.getAlignment();
-        const isCustomized = editor.commands.isSettingCustomized('attributes', TextSettings.ALIGNMENT);
+        const isCustomized = editor.commands.isSettingCustomized(TextSettings.ALIGNMENT);
 
         function apply(value) {
             editor.chain().focus().applyAlignment(value).run();

package/lib/components/toolbar/controls/FontColorControl.vue

@@ -48,7 +48,7 @@ export default {
         const editor = inject(InjectionTokens.EDITOR);
 
         const currentValue = editor.commands.getFontColor();
-        const isCustomized = editor.commands.isSettingCustomized('marks', TextSettings.FONT_COLOR);
+        const isCustomized = editor.commands.isSettingCustomized(TextSettings.FONT_COLOR);
 
         const apply = (color) => editor.chain().applyFontColor(color).run();
 

package/lib/components/toolbar/controls/FontFamilyControl.vue

@@ -69,7 +69,7 @@ export default {
         }
 
         const currentValue = editor.commands.getFontFamily();
-        const isCustomized = editor.commands.isSettingCustomized('marks', TextSettings.FONT_FAMILY);
+        const isCustomized = editor.commands.isSettingCustomized(TextSettings.FONT_FAMILY);
 
         const apply = (fontFamily) => {
             recentFontNames.add(fontFamily);

package/lib/components/toolbar/controls/FontSizeControl.vue

@@ -36,7 +36,7 @@ export default {
         });
 
         const currentValue = editor.commands.getFontSize();
-        const isCustomized = editor.commands.isSettingCustomized('marks', TextSettings.FONT_SIZE);
+        const isCustomized = editor.commands.isSettingCustomized(TextSettings.FONT_SIZE);
 
         const apply = (value) => editor.chain().focus().applyFontSize(value).run();
 

package/lib/components/toolbar/controls/FontWeightControl.vue

@@ -34,7 +34,7 @@ export default {
         const options = computed(() => unref(font).weights.map((style) => ({ id: style })));
 
         const currentValue = editor.commands.getFontWeight();
-        const isCustomized = editor.commands.isSettingCustomized('marks', TextSettings.FONT_WEIGHT);
+        const isCustomized = editor.commands.isSettingCustomized(TextSettings.FONT_WEIGHT);
 
         const apply = (value) => editor.chain().focus().applyFontWeight(value).run();
 

package/lib/components/toolbar/controls/ItalicControl.vue

@@ -44,7 +44,7 @@ export default {
         const editor = inject(InjectionTokens.EDITOR);
 
         const currentValue = editor.commands.isItalic();
-        const isCustomized = editor.commands.isSettingCustomized('marks', TextSettings.FONT_STYLE);
+        const isCustomized = editor.commands.isSettingCustomized(TextSettings.FONT_STYLE);
 
         const isAvailable = editor.commands.isItalicAvailable();
         const apply = () => editor.chain().focus().toggleItalic().run();

package/lib/components/toolbar/controls/LineHeightControl.vue

@@ -79,7 +79,7 @@ export default {
         const toggler = useModalToggler({ wrapperRef, modalRef });
 
         const currentValue = editor.commands.getLineHeight();
-        const isCustomized = editor.commands.isSettingCustomized('attributes', TextSettings.LINE_HEIGHT);
+        const isCustomized = editor.commands.isSettingCustomized(TextSettings.LINE_HEIGHT);
 
         const apply = (value) => editor.commands.applyLineHeight(String(value));
 

package/lib/extensions/StylePreset.js

@@ -161,8 +161,9 @@ export const StylePreset = Extension.create({
                 });
             }),
 
-            isSettingCustomized: createCommand(({ commands }, group, name) => {
+            isSettingCustomized: createCommand(({ commands }, name) => {
                 const customization = commands.getPresetCustomization();
+                const group = TextSettings.attributes.includes(name) ? 'attributes' : 'marks';
 
                 return computed(() => unref(customization)[group]?.includes(name) ?? false);
             }),

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

@@ -413,8 +413,8 @@ describe('get preset customization', () => {
             presets: [createPreset({ id: 'regular-1' })]
         });
 
-        const isFontSizeCustomized = editor.commands.isSettingCustomized('marks', TextSettings.FONT_SIZE);
-        const isAlignmentCustomized = editor.commands.isSettingCustomized('attributes', TextSettings.ALIGNMENT);
+        const isFontSizeCustomized = editor.commands.isSettingCustomized(TextSettings.FONT_SIZE);
+        const isAlignmentCustomized = editor.commands.isSettingCustomized(TextSettings.ALIGNMENT);
 
         expect(isFontSizeCustomized.value).toBe(false);
         expect(isAlignmentCustomized.value).toBe(false);
@@ -454,7 +454,7 @@ describe('get preset customization', () => {
         });
 
         editor.commands.selectAll();
-        const isFontSizeCustomized = editor.commands.isSettingCustomized('marks', TextSettings.FONT_SIZE);
+        const isFontSizeCustomized = editor.commands.isSettingCustomized(TextSettings.FONT_SIZE);
 
         expect(isFontSizeCustomized.value).toBe(true);
     });
@@ -489,7 +489,7 @@ describe('get preset customization', () => {
         });
 
         editor.commands.selectAll();
-        const isAlignmentCustomized = editor.commands.isSettingCustomized('attributes', TextSettings.ALIGNMENT);
+        const isAlignmentCustomized = editor.commands.isSettingCustomized(TextSettings.ALIGNMENT);
 
         expect(isAlignmentCustomized.value).toBe(true);
     });

package/lib/extensions/list/ListItem.js

@@ -1,17 +1,39 @@
 import Base from '@tiptap/extension-list-item';
 import { MarkGroups, NodeTypes } from '../../enums';
+import { copyMark, createCommand, createKeyboardShortcut } from '../../utils';
+import { AddNodeMarkStep } from '../core/steps';
 
 export const ListItem = Base.extend({
     name: NodeTypes.LIST_ITEM,
     marks: MarkGroups.SETTINGS,
 
+    addCommands() {
+        const getSelectedListItem = ({ selection, doc }) => {
+            const position = selection.$cursor.before(selection.$cursor.depth - 1);
+
+            return { position, node: doc.nodeAt(position) };
+        };
+
+        return {
+            listItemNewline: createCommand(({ commands, tr }) => {
+                const { node: initialNode } = getSelectedListItem(tr);
+
+                commands.splitListItem(this.name);
+
+                const { position } = getSelectedListItem(tr);
+
+                for (const mark of initialNode.marks) {
+                    tr.step(new AddNodeMarkStep(position, copyMark(mark)));
+                }
+            })
+        };
+    },
+
     addOptions: () => ({
         HTMLAttributes: { class: 'zw-style' }
     }),
 
     addKeyboardShortcuts() {
-        const { Enter } = this.parent();
-
-        return { Enter };
+        return { Enter: createKeyboardShortcut('listItemNewline') };
     }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zipify/wysiwyg",
-  "version": "2.0.0-10",
+  "version": "2.0.0-11",
   "description": "Zipify modification of TipTap text editor",
   "main": "dist/wysiwyg.mjs",
   "bin": {
@@ -54,6 +54,14 @@
     "@zipify/colorpicker": "^2.2",
     "vue": "^2.7"
   },
+  "peerDependenciesMeta": {
+    "@zipify/colorpicker": {
+      "optional": true
+    },
+    "vue": {
+      "optional": true
+    }
+  },
   "devDependencies": {
     "@babel/core": "^7.19.1",
     "@babel/eslint-parser": "^7.19.1",