From 0667d024f07bc6b4293589047c4ad6851eb73bcf Mon Sep 17 00:00:00 2001
From: d-e-v-esh <59534570+d-e-v-esh@users.noreply.github.com>
Date: Thu, 11 Mar 2021 01:05:45 +0530
Subject: [PATCH] feat(ui-markdown-editor): direct page break - #276

Signed-off-by: d-e-v-esh <59534570+d-e-v-esh@users.noreply.github.com>
---
 packages/ui-markdown-editor/src/index.js      |  9 ++++----
 .../src/plugins/withText.js                   | 22 +++++++++++++++++++
 2 files changed, 27 insertions(+), 4 deletions(-)
 create mode 100644 packages/ui-markdown-editor/src/plugins/withText.js

diff --git a/packages/ui-markdown-editor/src/index.js b/packages/ui-markdown-editor/src/index.js
index 1b66c00b..44cc29d6 100644
--- a/packages/ui-markdown-editor/src/index.js
+++ b/packages/ui-markdown-editor/src/index.js
@@ -21,6 +21,7 @@ import { withLinks, isSelectionLinkBody } from './plugins/withLinks';
 import { withHtml } from './plugins/withHtml';
 import { withLists } from './plugins/withLists';
 import FormatBar from './FormattingToolbar';
+import { withText } from './plugins/withText';
 
 export const markdownToSlate = (markdown) => {
   const slateTransformer = new SlateTransformer();
@@ -40,14 +41,14 @@ export const MarkdownEditor = (props) => {
   const editor = useMemo(() => {
     if (augmentEditor) {
       return augmentEditor(
-        withLists(withLinks(withHtml(withImages(
+        withLists(withLinks(withHtml(withImages(withText(
           withSchema(withHistory(withReact(createEditor())))
-        ))))
+        )))))
       );
     }
-    return withLists(withLinks(withHtml(withImages(
+    return withLists(withLinks(withHtml(withImages(withText(
       withSchema(withHistory(withReact(createEditor())))
-    ))));
+    )))));
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
diff --git a/packages/ui-markdown-editor/src/plugins/withText.js b/packages/ui-markdown-editor/src/plugins/withText.js
new file mode 100644
index 00000000..1992d4f0
--- /dev/null
+++ b/packages/ui-markdown-editor/src/plugins/withText.js
@@ -0,0 +1,22 @@
+import { Editor, Node } from 'slate';
+import { insertThematicBreak, isBlockHeading } from '../utilities/toolbarHelpers';
+import { HR } from '../utilities/schema'
+
+export const withText = (editor) => {
+  // Inserts page break with dash
+	const { insertText } = editor;
+	editor.insertText = (text) => {
+		insertText(text);
+    const currentNode = Node.get(editor, editor.selection.focus.path);
+		if(isBlockHeading(editor)){
+			return;
+		}
+		const firstWord = currentNode.text;
+		if(firstWord !== '---'){
+			return;
+		}
+		Editor.deleteBackward(editor, { unit: 'word' });
+		insertThematicBreak(editor, HR);
+	}
+	return editor;
+}
\ No newline at end of file