Editor: add insertNode util

panel/src/components/Forms/Writer/Nodes/HardBreak.js

@@ -6,10 +6,7 @@ export default class HardBreak extends Node {
 	}
 
 	createHardBreak(utils, type) {
-		return utils.chainCommands(utils.exitCode, (state, dispatch) => {
-			dispatch(state.tr.replaceSelectionWith(type.create()).scrollIntoView());
-			return true;
-		});
+		return utils.chainCommands(utils.exitCode, utils.insertNode(type));
 	}
 
 	get defaults() {

panel/src/components/Forms/Writer/Nodes/HorizontalRule.js

@@ -1,9 +1,8 @@
 import Node from "../Node";
 
 export default class HorizontalRule extends Node {
-	commands({ type }) {
-		return () => (state, dispatch) =>
-			dispatch(state.tr.replaceSelectionWith(type.create()));
+	commands({ type, utils }) {
+		return () => utils.insertNode(type);
 	}
 
 	inputRules({ type, utils }) {

panel/src/components/Forms/Writer/Utils/index.js

@@ -25,6 +25,7 @@ import {
 // custom
 import getMarkAttrs from "./getMarkAttrs";
 import getNodeAttrs from "./getNodeAttrs";
+import insertNode from "./insertNode";
 import markInputRule from "./markInputRule";
 import markIsActive from "./markIsActive";
 import markPasteRule from "./markPasteRule";
@@ -61,6 +62,7 @@ export default {
 	// custom
 	getMarkAttrs,
 	getNodeAttrs,
+	insertNode,
 	markInputRule,
 	markIsActive,
 	markPasteRule,

panel/src/components/Forms/Writer/Utils/insertNode.js

@@ -0,0 +1,9 @@
+export default function insertNode(type, attrs, content, marks) {
+	return (state, dispatch) => {
+		dispatch(
+			state.tr
+				.replaceSelectionWith(type.create(attrs, content, marks))
+				.scrollIntoView()
+		);
+	};
+}