@zipify/wysiwyg 1.0.0-dev.72 → 1.0.0-dev.75

package/dist/wysiwyg.mjs

@@ -22776,7 +22776,7 @@ const Toolbar = /* @__PURE__ */ function() {
 function useEditor({ content, onChange, extensions: extensions2, isReadonlyRef }) {
   const editor = reactive(new Editor({
     content: ContentNormalizer.normalize(content.value),
-    onUpdate: () => onChange(editor.getJSON()),
+    onUpdate: () => onChange({ ...editor.getJSON(), __wswg__: true }),
     extensions: extensions2,
     injectCSS: false
   }));
@@ -22811,7 +22811,7 @@ function useToolbar({ wrapperRef, offsets, isActiveRef }) {
         },
         {
           name: "flip",
-          enabled: false
+          options: { rootBoundary: "document" }
         }
       ]
     });
@@ -25537,6 +25537,60 @@ const History = Extension.create({
     };
   }
 });
+const HardBreak = Node$1.create({
+  name: "hardBreak",
+  addOptions() {
+    return {
+      keepMarks: true,
+      HTMLAttributes: {}
+    };
+  },
+  inline: true,
+  group: "inline",
+  selectable: false,
+  parseHTML() {
+    return [
+      { tag: "br" }
+    ];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["br", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)];
+  },
+  renderText() {
+    return "\n";
+  },
+  addCommands() {
+    return {
+      setHardBreak: () => ({ commands: commands2, chain, state, editor }) => {
+        return commands2.first([
+          () => commands2.exitCode(),
+          () => commands2.command(() => {
+            const { selection, storedMarks } = state;
+            if (selection.$from.parent.type.spec.isolating) {
+              return false;
+            }
+            const { keepMarks } = this.options;
+            const { splittableMarks } = editor.extensionManager;
+            const marks = storedMarks || selection.$to.parentOffset && selection.$from.marks();
+            return chain().insertContent({ type: this.name }).command(({ tr, dispatch }) => {
+              if (dispatch && marks && keepMarks) {
+                const filteredMarks = marks.filter((mark) => splittableMarks.includes(mark.type.name));
+                tr.ensureMarks(filteredMarks);
+              }
+              return true;
+            }).run();
+          })
+        ]);
+      }
+    };
+  },
+  addKeyboardShortcuts() {
+    return {
+      "Mod-Enter": () => this.editor.commands.setHardBreak(),
+      "Shift-Enter": () => this.editor.commands.setHardBreak()
+    };
+  }
+});
 const NodeProcessor = Extension.create({
   name: "node_processor",
   addCommands() {
@@ -25686,12 +25740,15 @@ const buildCoreExtensions = () => [
   Paragraph.configure({
     HTMLAttributes: { class: "zw-style" }
   }),
-  Text,
   Placeholder.configure({
     placeholder: "Type your text here...",
     emptyNodeClass: "zw-wysiwyg__placeholder"
   }),
+  Text,
   History,
+  HardBreak.configure({
+    keepMarks: false
+  }),
   NodeProcessor,
   TextProcessor,
   SelectionProcessor,

package/lib/composables/__tests__/__snapshots__/useEditor.test.js.snap

@@ -4,6 +4,7 @@ exports[`life cycle should emit changes 1`] = `
 Array [
   Array [
     Object {
+      "__wswg__": true,
       "content": Array [
         Object {
           "content": Array [

package/lib/composables/useEditor.js

@@ -5,7 +5,7 @@ import { ContentNormalizer } from '../services';
 export function useEditor({ content, onChange, extensions, isReadonlyRef }) {
     const editor = reactive(new Editor({
         content: ContentNormalizer.normalize(content.value),
-        onUpdate: () => onChange(editor.getJSON()),
+        onUpdate: () => onChange({ ...editor.getJSON(), __wswg__: true }),
         extensions,
         injectCSS: false
     }));

package/lib/composables/useToolbar.js

@@ -22,7 +22,7 @@ export function useToolbar({ wrapperRef, offsets, isActiveRef }) {
                 },
                 {
                     name: 'flip',
-                    enabled: false
+                    options: { rootBoundary: 'document' }
                 }
             ]
         });

package/lib/extensions/core/index.js

@@ -3,6 +3,7 @@ import Paragraph from '@tiptap/extension-paragraph';
 import Text from '@tiptap/extension-text';
 import Placeholder from '@tiptap/extension-placeholder';
 import History from '@tiptap/extension-history';
+import HardBreak from '@tiptap/extension-hard-break';
 import { NodeProcessor } from './NodeProcessor';
 import { TextProcessor } from './TextProcessor';
 import { SelectionProcessor } from './SelectionProcessor';
@@ -13,12 +14,15 @@ export const buildCoreExtensions = () => [
     Paragraph.configure({
         HTMLAttributes: { class: 'zw-style' }
     }),
-    Text,
     Placeholder.configure({
         placeholder: 'Type your text here...',
         emptyNodeClass: 'zw-wysiwyg__placeholder'
     }),
+    Text,
     History,
+    HardBreak.configure({
+        keepMarks: false
+    }),
     NodeProcessor,
     TextProcessor,
     SelectionProcessor,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zipify/wysiwyg",
-  "version": "1.0.0-dev.72",
+  "version": "1.0.0-dev.75",
   "description": "Zipify modification of TipTap text editor",
   "main": "dist/wysiwyg.mjs",
   "repository": {
@@ -30,6 +30,7 @@
     "@popperjs/core": "^2.11.5",
     "@tiptap/core": "^2.0.0-beta.182",
     "@tiptap/extension-document": "^2.0.0-beta.17",
+    "@tiptap/extension-hard-break": "^2.0.0-beta.33",
     "@tiptap/extension-heading": "^2.0.0-beta.29",
     "@tiptap/extension-history": "^2.0.0-beta.26",
     "@tiptap/extension-link": "^2.0.0-beta.43",