Feature/artciles: add softbreak plugin

src/components/NFTArticle/SlateEditor/Plugins/SoftBreakPlugin.ts

@@ -0,0 +1,27 @@
+import { EnhanceEditorWith } from "../../../../types/ArticleEditor/Editor";
+import { getBlockElementAtSelection } from "../utils";
+
+const BLOCK_TYPES_WITH_SOFT_LINEBREAK = [
+  'paragraph',
+  'blockquote',
+  'list',
+  'table',
+  'heading',
+]
+
+export const withSoftBreak: EnhanceEditorWith = (editor) => {
+  const { insertText, insertSoftBreak } = editor
+
+  editor.insertSoftBreak = () => {
+    if(editor.selection) {
+      const [element] = getBlockElementAtSelection(editor, editor.selection)
+      if (element && BLOCK_TYPES_WITH_SOFT_LINEBREAK.includes(element.type)) {
+	insertText('\n')
+	return true;
+      }
+    }
+    insertSoftBreak();
+  }
+
+  return editor
+}

src/components/NFTArticle/SlateEditor/index.tsx

@@ -18,6 +18,7 @@ import {
 import { withHistory } from "slate-history"
 import { TezosStorageProps } from "../elements/TezosStorage"
 import { withAutoFormat } from './AutoFormatPlugin/'
+import { withSoftBreak } from './Plugins/SoftBreakPlugin'
 import { withImages } from "./Plugins/SlateImagePlugin"
 import { ImageElement } from "../elements/ImageElement"
 import { onKeyDownHotkeyPlugin } from "./HotkeyPlugin/HotkeyPlugin"
@@ -115,6 +116,7 @@ export const SlateEditor = forwardRef<FxEditor, SlateEditorProps>(({
       { f: withImages },
       { f: withTables },
       { f: withConstraints },
+      { f: withSoftBreak }
     ]
     const enhancedEditor = withs.reduce((e, enhanceWith) => {
       return enhanceWith.f(e, ...Object.values(enhanceWith.args || {}));

src/components/NFTArticle/SlateEditor/utils.ts

@@ -80,3 +80,13 @@ export function lookupElementAtSelection(
   const [, nodePath] = Editor.last(editor, selection)
   return Editor.parent(editor, nodePath)
 }
+
+
+export function getBlockElementAtSelection(editor: Editor, selection: Location): NodeEntry { 
+  const [element] = Editor.nodes(editor, {
+    at: selection, 
+    match: n =>
+      !Editor.isEditor(n) && Element.isElement(n),
+  })
+  return element
+}