@zipify/wysiwyg 1.0.0-dev.73 → 1.0.0-dev.76

package/dist/wysiwyg.mjs

@@ -14391,6 +14391,12 @@ function importIcon(name) {
   }
   return icon;
 }
+function isWysiwygContent(content) {
+  return typeof content === "object" && content.__wswg__;
+}
+function markWysiwygContent(content) {
+  return { ...content, __wswg__: true };
+}
 var render$E = function __render__6() {
   var _vm = this;
   var _h = _vm.$createElement;
@@ -25537,6 +25543,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 +25746,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,
@@ -25895,7 +25958,7 @@ const __vue2_script = {
     });
     const updateToolbar = () => toolbar.update();
     function onChange(content) {
-      emit("input", content);
+      emit("input", markWysiwygContent(content));
       updateToolbar();
     }
     const pageBlocks = toRef(props, "pageBlocks");
@@ -25963,5 +26026,6 @@ export {
   NodeFactory,
   NodeTypes,
   TextSettings,
-  Wysiwyg
+  Wysiwyg,
+  isWysiwygContent
 };

package/lib/Wysiwyg.vue

@@ -21,6 +21,7 @@ import { ContextWindow, FavoriteColors, Storage } from './services';
 import { Devices } from './enums';
 import { outClick } from './directives';
 import { Font } from './models';
+import { markWysiwygContent } from './utils';
 
 const MIN_FONT_SIZE = 5;
 const MAX_FONT_SIZE = 112;
@@ -150,7 +151,7 @@ export default {
         const updateToolbar = () => toolbar.update();
 
         function onChange(content) {
-            emit('input', content);
+            emit('input', markWysiwygContent(content));
             updateToolbar();
         }
 

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/lib/index.js

@@ -1,3 +1,4 @@
 export { default as Wysiwyg } from './Wysiwyg';
 export { NodeFactory } from './services';
 export { NodeTypes, TextSettings, Alignments } from './enums';
+export { isWysiwygContent } from './utils';

package/lib/utils/index.js

@@ -7,3 +7,4 @@ export { convertLineHeight } from './convertLineHeight';
 export { convertFontSize } from './convertFontSize';
 export { convertAlignment } from './convertAlignment';
 export { importIcon } from './importIcon';
+export { isWysiwygContent, markWysiwygContent } from './isWysiwygContent';

package/lib/utils/isWysiwygContent.js

@@ -0,0 +1,7 @@
+export function isWysiwygContent(content) {
+    return typeof content === 'object' && content.__wswg__;
+}
+
+export function markWysiwygContent(content) {
+    return { ...content, __wswg__: true };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zipify/wysiwyg",
-  "version": "1.0.0-dev.73",
+  "version": "1.0.0-dev.76",
   "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",