@uiw/react-md-editor 3.8.3 → 3.8.4

package/esm/commands/title1.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import { insertAtLineStart } from '../utils/InsertTextAtPosition';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var title1 = {
   name: 'title1',
@@ -16,13 +17,11 @@ export var title1 = {
     children: "Title 1"
   }),
   execute: (state, api) => {
-    var modifyText = "# " + state.selectedText + "\n";
-
-    if (!state.selectedText) {
-      modifyText = "# ";
+    if (state.selection.start === 0 || /\n$/.test(state.text)) {
+      api.replaceSelection('# ');
+    } else {
+      insertAtLineStart('# ', state.selection.start, api.textArea);
     }
-
-    api.replaceSelection(modifyText);
   }
 };
 //# sourceMappingURL=title1.js.map

package/esm/commands/title1.js.map

@@ -5,6 +5,7 @@
   ],
   "names": [
     "React",
+    "insertAtLineStart",
     "title1",
     "name",
     "keyCommand",
@@ -17,12 +18,15 @@
     "execute",
     "state",
     "api",
-    "modifyText",
-    "selectedText",
-    "replaceSelection"
+    "selection",
+    "start",
+    "test",
+    "text",
+    "replaceSelection",
+    "textArea"
   ],
-  "mappings": "AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAGA,OAAO,IAAMC,MAAgB,GAAG;AAC9BC,EAAAA,IAAI,EAAE,QADwB;AAE9BC,EAAAA,UAAU,EAAE,QAFkB;AAG9BC,EAAAA,SAAS,EAAE,WAHmB;AAI9BC,EAAAA,WAAW,EAAE;AAAE,kBAAc,gBAAhB;AAAkCC,IAAAA,KAAK,EAAE;AAAzC,GAJiB;AAK9BC,EAAAA,IAAI,eAAE;AAAK,IAAA,KAAK,EAAE;AAAEC,MAAAA,QAAQ,EAAE,EAAZ;AAAgBC,MAAAA,SAAS,EAAE;AAA3B,KAAZ;AAAA;AAAA,IALwB;AAM9BC,EAAAA,OAAO,EAAE,CAACC,KAAD,EAAmBC,GAAnB,KAA4C;AACnD,QAAIC,UAAU,UAAQF,KAAK,CAACG,YAAd,OAAd;;AACA,QAAI,CAACH,KAAK,CAACG,YAAX,EAAyB;AACvBD,MAAAA,UAAU,OAAV;AACD;;AACDD,IAAAA,GAAG,CAACG,gBAAJ,CAAqBF,UAArB;AACD;AAZ6B,CAAzB",
+  "mappings": "AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,iBAAT,QAAkC,+BAAlC;;AAGA,OAAO,IAAMC,MAAgB,GAAG;AAC9BC,EAAAA,IAAI,EAAE,QADwB;AAE9BC,EAAAA,UAAU,EAAE,QAFkB;AAG9BC,EAAAA,SAAS,EAAE,WAHmB;AAI9BC,EAAAA,WAAW,EAAE;AAAE,kBAAc,gBAAhB;AAAkCC,IAAAA,KAAK,EAAE;AAAzC,GAJiB;AAK9BC,EAAAA,IAAI,eAAE;AAAK,IAAA,KAAK,EAAE;AAAEC,MAAAA,QAAQ,EAAE,EAAZ;AAAgBC,MAAAA,SAAS,EAAE;AAA3B,KAAZ;AAAA;AAAA,IALwB;AAM9BC,EAAAA,OAAO,EAAE,CAACC,KAAD,EAAmBC,GAAnB,KAA4C;AACnD,QAAID,KAAK,CAACE,SAAN,CAAgBC,KAAhB,KAA0B,CAA1B,IAA+B,MAAMC,IAAN,CAAWJ,KAAK,CAACK,IAAjB,CAAnC,EAA2D;AACzDJ,MAAAA,GAAG,CAACK,gBAAJ,CAAqB,IAArB;AACD,KAFD,MAEO;AACLjB,MAAAA,iBAAiB,CAAC,IAAD,EAAOW,KAAK,CAACE,SAAN,CAAgBC,KAAvB,EAA8BF,GAAG,CAACM,QAAlC,CAAjB;AACD;AACF;AAZ6B,CAAzB",
   "sourcesContent": [
-    "import React from 'react';\nimport { ICommand, TextState, TextAreaTextApi } from './';\n\nexport const title1: ICommand = {\n  name: 'title1',\n  keyCommand: 'title1',\n  shortcuts: 'ctrlcmd+1',\n  buttonProps: { 'aria-label': 'Insert title 1', title: 'Insert title 1' },\n  icon: <div style={{ fontSize: 18, textAlign: 'left' }}>Title 1</div>,\n  execute: (state: TextState, api: TextAreaTextApi) => {\n    let modifyText = `# ${state.selectedText}\\n`;\n    if (!state.selectedText) {\n      modifyText = `# `;\n    }\n    api.replaceSelection(modifyText);\n  },\n};\n"
+    "import React from 'react';\nimport { insertAtLineStart } from '../utils/InsertTextAtPosition';\nimport { ICommand, TextState, TextAreaTextApi } from './';\n\nexport const title1: ICommand = {\n  name: 'title1',\n  keyCommand: 'title1',\n  shortcuts: 'ctrlcmd+1',\n  buttonProps: { 'aria-label': 'Insert title 1', title: 'Insert title 1' },\n  icon: <div style={{ fontSize: 18, textAlign: 'left' }}>Title 1</div>,\n  execute: (state: TextState, api: TextAreaTextApi) => {\n    if (state.selection.start === 0 || /\\n$/.test(state.text)) {\n      api.replaceSelection('# ');\n    } else {\n      insertAtLineStart('# ', state.selection.start, api.textArea);\n    }\n  },\n};\n"
   ]
 }

package/esm/commands/title2.js

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { insertAtLineStart } from '../utils/InsertTextAtPosition';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var title2 = {
   name: 'title2',
@@ -16,13 +17,11 @@ export var title2 = {
     children: "Title 2"
   }),
   execute: (state, api) => {
-    var modifyText = "## " + state.selectedText + "\n";
-
-    if (!state.selectedText) {
-      modifyText = "## ";
+    if (state.selection.start === 0 || /\n$/.test(state.text)) {
+      api.replaceSelection('## ');
+    } else {
+      insertAtLineStart('## ', state.selection.start, api.textArea);
     }
-
-    api.replaceSelection(modifyText);
   }
 };
 //# sourceMappingURL=title2.js.map

package/esm/commands/title2.js.map

@@ -5,6 +5,7 @@
   ],
   "names": [
     "React",
+    "insertAtLineStart",
     "title2",
     "name",
     "keyCommand",
@@ -17,12 +18,15 @@
     "execute",
     "state",
     "api",
-    "modifyText",
-    "selectedText",
-    "replaceSelection"
+    "selection",
+    "start",
+    "test",
+    "text",
+    "replaceSelection",
+    "textArea"
   ],
-  "mappings": "AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;;AAGA,OAAO,IAAMC,MAAgB,GAAG;AAC9BC,EAAAA,IAAI,EAAE,QADwB;AAE9BC,EAAAA,UAAU,EAAE,QAFkB;AAG9BC,EAAAA,SAAS,EAAE,WAHmB;AAI9BC,EAAAA,WAAW,EAAE;AAAE,kBAAc,eAAhB;AAAiCC,IAAAA,KAAK,EAAE;AAAxC,GAJiB;AAK9BC,EAAAA,IAAI,eAAE;AAAK,IAAA,KAAK,EAAE;AAAEC,MAAAA,QAAQ,EAAE,EAAZ;AAAgBC,MAAAA,SAAS,EAAE;AAA3B,KAAZ;AAAA;AAAA,IALwB;AAM9BC,EAAAA,OAAO,EAAE,CAACC,KAAD,EAAmBC,GAAnB,KAA4C;AACnD,QAAIC,UAAU,WAASF,KAAK,CAACG,YAAf,OAAd;;AACA,QAAI,CAACH,KAAK,CAACG,YAAX,EAAyB;AACvBD,MAAAA,UAAU,QAAV;AACD;;AACDD,IAAAA,GAAG,CAACG,gBAAJ,CAAqBF,UAArB;AACD;AAZ6B,CAAzB",
+  "mappings": "AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,iBAAT,QAAkC,+BAAlC;;AAGA,OAAO,IAAMC,MAAgB,GAAG;AAC9BC,EAAAA,IAAI,EAAE,QADwB;AAE9BC,EAAAA,UAAU,EAAE,QAFkB;AAG9BC,EAAAA,SAAS,EAAE,WAHmB;AAI9BC,EAAAA,WAAW,EAAE;AAAE,kBAAc,eAAhB;AAAiCC,IAAAA,KAAK,EAAE;AAAxC,GAJiB;AAK9BC,EAAAA,IAAI,eAAE;AAAK,IAAA,KAAK,EAAE;AAAEC,MAAAA,QAAQ,EAAE,EAAZ;AAAgBC,MAAAA,SAAS,EAAE;AAA3B,KAAZ;AAAA;AAAA,IALwB;AAM9BC,EAAAA,OAAO,EAAE,CAACC,KAAD,EAAmBC,GAAnB,KAA4C;AACnD,QAAID,KAAK,CAACE,SAAN,CAAgBC,KAAhB,KAA0B,CAA1B,IAA+B,MAAMC,IAAN,CAAWJ,KAAK,CAACK,IAAjB,CAAnC,EAA2D;AACzDJ,MAAAA,GAAG,CAACK,gBAAJ,CAAqB,KAArB;AACD,KAFD,MAEO;AACLjB,MAAAA,iBAAiB,CAAC,KAAD,EAAQW,KAAK,CAACE,SAAN,CAAgBC,KAAxB,EAA+BF,GAAG,CAACM,QAAnC,CAAjB;AACD;AACF;AAZ6B,CAAzB",
   "sourcesContent": [
-    "import * as React from 'react';\nimport { ICommand, TextState, TextAreaTextApi } from './';\n\nexport const title2: ICommand = {\n  name: 'title2',\n  keyCommand: 'title2',\n  shortcuts: 'ctrlcmd+2',\n  buttonProps: { 'aria-label': 'Insert title2', title: 'Insert title 2' },\n  icon: <div style={{ fontSize: 16, textAlign: 'left' }}>Title 2</div>,\n  execute: (state: TextState, api: TextAreaTextApi) => {\n    let modifyText = `## ${state.selectedText}\\n`;\n    if (!state.selectedText) {\n      modifyText = `## `;\n    }\n    api.replaceSelection(modifyText);\n  },\n};\n"
+    "import * as React from 'react';\nimport { insertAtLineStart } from '../utils/InsertTextAtPosition';\nimport { ICommand, TextState, TextAreaTextApi } from './';\n\nexport const title2: ICommand = {\n  name: 'title2',\n  keyCommand: 'title2',\n  shortcuts: 'ctrlcmd+2',\n  buttonProps: { 'aria-label': 'Insert title2', title: 'Insert title 2' },\n  icon: <div style={{ fontSize: 16, textAlign: 'left' }}>Title 2</div>,\n  execute: (state: TextState, api: TextAreaTextApi) => {\n    if (state.selection.start === 0 || /\\n$/.test(state.text)) {\n      api.replaceSelection('## ');\n    } else {\n      insertAtLineStart('## ', state.selection.start, api.textArea);\n    }\n  },\n};\n"
   ]
 }

package/esm/commands/title3.js

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { insertAtLineStart } from '../utils/InsertTextAtPosition';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var title3 = {
   name: 'title3',
@@ -16,13 +17,11 @@ export var title3 = {
     children: "Title 3"
   }),
   execute: (state, api) => {
-    var modifyText = "### " + state.selectedText + "\n";
-
-    if (!state.selectedText) {
-      modifyText = "### ";
+    if (state.selection.start === 0 || /\n$/.test(state.text)) {
+      api.replaceSelection('### ');
+    } else {
+      insertAtLineStart('### ', state.selection.start, api.textArea);
     }
-
-    api.replaceSelection(modifyText);
   }
 };
 //# sourceMappingURL=title3.js.map

package/esm/commands/title3.js.map

@@ -5,6 +5,7 @@
   ],
   "names": [
     "React",
+    "insertAtLineStart",
     "title3",
     "name",
     "keyCommand",
@@ -17,12 +18,15 @@
     "execute",
     "state",
     "api",
-    "modifyText",
-    "selectedText",
-    "replaceSelection"
+    "selection",
+    "start",
+    "test",
+    "text",
+    "replaceSelection",
+    "textArea"
   ],
-  "mappings": "AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;;AAGA,OAAO,IAAMC,MAAgB,GAAG;AAC9BC,EAAAA,IAAI,EAAE,QADwB;AAE9BC,EAAAA,UAAU,EAAE,QAFkB;AAG9BC,EAAAA,SAAS,EAAE,WAHmB;AAI9BC,EAAAA,WAAW,EAAE;AAAE,kBAAc,eAAhB;AAAiCC,IAAAA,KAAK,EAAE;AAAxC,GAJiB;AAK9BC,EAAAA,IAAI,eAAE;AAAK,IAAA,KAAK,EAAE;AAAEC,MAAAA,QAAQ,EAAE,EAAZ;AAAgBC,MAAAA,SAAS,EAAE;AAA3B,KAAZ;AAAA;AAAA,IALwB;AAM9BC,EAAAA,OAAO,EAAE,CAACC,KAAD,EAAmBC,GAAnB,KAA4C;AACnD,QAAIC,UAAU,YAAUF,KAAK,CAACG,YAAhB,OAAd;;AACA,QAAI,CAACH,KAAK,CAACG,YAAX,EAAyB;AACvBD,MAAAA,UAAU,SAAV;AACD;;AACDD,IAAAA,GAAG,CAACG,gBAAJ,CAAqBF,UAArB;AACD;AAZ6B,CAAzB",
+  "mappings": "AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,iBAAT,QAAkC,+BAAlC;;AAGA,OAAO,IAAMC,MAAgB,GAAG;AAC9BC,EAAAA,IAAI,EAAE,QADwB;AAE9BC,EAAAA,UAAU,EAAE,QAFkB;AAG9BC,EAAAA,SAAS,EAAE,WAHmB;AAI9BC,EAAAA,WAAW,EAAE;AAAE,kBAAc,eAAhB;AAAiCC,IAAAA,KAAK,EAAE;AAAxC,GAJiB;AAK9BC,EAAAA,IAAI,eAAE;AAAK,IAAA,KAAK,EAAE;AAAEC,MAAAA,QAAQ,EAAE,EAAZ;AAAgBC,MAAAA,SAAS,EAAE;AAA3B,KAAZ;AAAA;AAAA,IALwB;AAM9BC,EAAAA,OAAO,EAAE,CAACC,KAAD,EAAmBC,GAAnB,KAA4C;AACnD,QAAID,KAAK,CAACE,SAAN,CAAgBC,KAAhB,KAA0B,CAA1B,IAA+B,MAAMC,IAAN,CAAWJ,KAAK,CAACK,IAAjB,CAAnC,EAA2D;AACzDJ,MAAAA,GAAG,CAACK,gBAAJ,CAAqB,MAArB;AACD,KAFD,MAEO;AACLjB,MAAAA,iBAAiB,CAAC,MAAD,EAASW,KAAK,CAACE,SAAN,CAAgBC,KAAzB,EAAgCF,GAAG,CAACM,QAApC,CAAjB;AACD;AACF;AAZ6B,CAAzB",
   "sourcesContent": [
-    "import * as React from 'react';\nimport { ICommand, TextState, TextAreaTextApi } from './';\n\nexport const title3: ICommand = {\n  name: 'title3',\n  keyCommand: 'title3',\n  shortcuts: 'ctrlcmd+3',\n  buttonProps: { 'aria-label': 'Insert title3', title: 'Insert title 3' },\n  icon: <div style={{ fontSize: 15, textAlign: 'left' }}>Title 3</div>,\n  execute: (state: TextState, api: TextAreaTextApi) => {\n    let modifyText = `### ${state.selectedText}\\n`;\n    if (!state.selectedText) {\n      modifyText = `### `;\n    }\n    api.replaceSelection(modifyText);\n  },\n};\n"
+    "import * as React from 'react';\nimport { insertAtLineStart } from '../utils/InsertTextAtPosition';\nimport { ICommand, TextState, TextAreaTextApi } from './';\n\nexport const title3: ICommand = {\n  name: 'title3',\n  keyCommand: 'title3',\n  shortcuts: 'ctrlcmd+3',\n  buttonProps: { 'aria-label': 'Insert title3', title: 'Insert title 3' },\n  icon: <div style={{ fontSize: 15, textAlign: 'left' }}>Title 3</div>,\n  execute: (state: TextState, api: TextAreaTextApi) => {\n    if (state.selection.start === 0 || /\\n$/.test(state.text)) {\n      api.replaceSelection('### ');\n    } else {\n      insertAtLineStart('### ', state.selection.start, api.textArea);\n    }\n  },\n};\n"
   ]
 }

package/esm/commands/title4.js

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { insertAtLineStart } from '../utils/InsertTextAtPosition';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var title4 = {
   name: 'title4',
@@ -16,13 +17,11 @@ export var title4 = {
     children: "Title 4"
   }),
   execute: (state, api) => {
-    var modifyText = "#### " + state.selectedText + "\n";
-
-    if (!state.selectedText) {
-      modifyText = "#### ";
+    if (state.selection.start === 0 || /\n$/.test(state.text)) {
+      api.replaceSelection('#### ');
+    } else {
+      insertAtLineStart('#### ', state.selection.start, api.textArea);
     }
-
-    api.replaceSelection(modifyText);
   }
 };
 //# sourceMappingURL=title4.js.map

package/esm/commands/title4.js.map

@@ -5,6 +5,7 @@
   ],
   "names": [
     "React",
+    "insertAtLineStart",
     "title4",
     "name",
     "keyCommand",
@@ -17,12 +18,15 @@
     "execute",
     "state",
     "api",
-    "modifyText",
-    "selectedText",
-    "replaceSelection"
+    "selection",
+    "start",
+    "test",
+    "text",
+    "replaceSelection",
+    "textArea"
   ],
-  "mappings": "AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;;AAGA,OAAO,IAAMC,MAAgB,GAAG;AAC9BC,EAAAA,IAAI,EAAE,QADwB;AAE9BC,EAAAA,UAAU,EAAE,QAFkB;AAG9BC,EAAAA,SAAS,EAAE,WAHmB;AAI9BC,EAAAA,WAAW,EAAE;AAAE,kBAAc,eAAhB;AAAiCC,IAAAA,KAAK,EAAE;AAAxC,GAJiB;AAK9BC,EAAAA,IAAI,eAAE;AAAK,IAAA,KAAK,EAAE;AAAEC,MAAAA,QAAQ,EAAE,EAAZ;AAAgBC,MAAAA,SAAS,EAAE;AAA3B,KAAZ;AAAA;AAAA,IALwB;AAM9BC,EAAAA,OAAO,EAAE,CAACC,KAAD,EAAmBC,GAAnB,KAA4C;AACnD,QAAIC,UAAU,aAAWF,KAAK,CAACG,YAAjB,OAAd;;AACA,QAAI,CAACH,KAAK,CAACG,YAAX,EAAyB;AACvBD,MAAAA,UAAU,UAAV;AACD;;AACDD,IAAAA,GAAG,CAACG,gBAAJ,CAAqBF,UAArB;AACD;AAZ6B,CAAzB",
+  "mappings": "AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,iBAAT,QAAkC,+BAAlC;;AAGA,OAAO,IAAMC,MAAgB,GAAG;AAC9BC,EAAAA,IAAI,EAAE,QADwB;AAE9BC,EAAAA,UAAU,EAAE,QAFkB;AAG9BC,EAAAA,SAAS,EAAE,WAHmB;AAI9BC,EAAAA,WAAW,EAAE;AAAE,kBAAc,eAAhB;AAAiCC,IAAAA,KAAK,EAAE;AAAxC,GAJiB;AAK9BC,EAAAA,IAAI,eAAE;AAAK,IAAA,KAAK,EAAE;AAAEC,MAAAA,QAAQ,EAAE,EAAZ;AAAgBC,MAAAA,SAAS,EAAE;AAA3B,KAAZ;AAAA;AAAA,IALwB;AAM9BC,EAAAA,OAAO,EAAE,CAACC,KAAD,EAAmBC,GAAnB,KAA4C;AACnD,QAAID,KAAK,CAACE,SAAN,CAAgBC,KAAhB,KAA0B,CAA1B,IAA+B,MAAMC,IAAN,CAAWJ,KAAK,CAACK,IAAjB,CAAnC,EAA2D;AACzDJ,MAAAA,GAAG,CAACK,gBAAJ,CAAqB,OAArB;AACD,KAFD,MAEO;AACLjB,MAAAA,iBAAiB,CAAC,OAAD,EAAUW,KAAK,CAACE,SAAN,CAAgBC,KAA1B,EAAiCF,GAAG,CAACM,QAArC,CAAjB;AACD;AACF;AAZ6B,CAAzB",
   "sourcesContent": [
-    "import * as React from 'react';\nimport { ICommand, TextState, TextAreaTextApi } from './';\n\nexport const title4: ICommand = {\n  name: 'title4',\n  keyCommand: 'title4',\n  shortcuts: 'ctrlcmd+4',\n  buttonProps: { 'aria-label': 'Insert title4', title: 'Insert title 4' },\n  icon: <div style={{ fontSize: 14, textAlign: 'left' }}>Title 4</div>,\n  execute: (state: TextState, api: TextAreaTextApi) => {\n    let modifyText = `#### ${state.selectedText}\\n`;\n    if (!state.selectedText) {\n      modifyText = `#### `;\n    }\n    api.replaceSelection(modifyText);\n  },\n};\n"
+    "import * as React from 'react';\nimport { insertAtLineStart } from '../utils/InsertTextAtPosition';\nimport { ICommand, TextState, TextAreaTextApi } from './';\n\nexport const title4: ICommand = {\n  name: 'title4',\n  keyCommand: 'title4',\n  shortcuts: 'ctrlcmd+4',\n  buttonProps: { 'aria-label': 'Insert title4', title: 'Insert title 4' },\n  icon: <div style={{ fontSize: 14, textAlign: 'left' }}>Title 4</div>,\n  execute: (state: TextState, api: TextAreaTextApi) => {\n    if (state.selection.start === 0 || /\\n$/.test(state.text)) {\n      api.replaceSelection('#### ');\n    } else {\n      insertAtLineStart('#### ', state.selection.start, api.textArea);\n    }\n  },\n};\n"
   ]
 }

package/esm/commands/title5.js

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { insertAtLineStart } from '../utils/InsertTextAtPosition';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var title5 = {
   name: 'title5',
@@ -16,13 +17,11 @@ export var title5 = {
     children: "Title 5"
   }),
   execute: (state, api) => {
-    var modifyText = "##### " + state.selectedText + "\n";
-
-    if (!state.selectedText) {
-      modifyText = "##### ";
+    if (state.selection.start === 0 || /\n$/.test(state.text)) {
+      api.replaceSelection('##### ');
+    } else {
+      insertAtLineStart('##### ', state.selection.start, api.textArea);
     }
-
-    api.replaceSelection(modifyText);
   }
 };
 //# sourceMappingURL=title5.js.map

package/esm/commands/title5.js.map

@@ -5,6 +5,7 @@
   ],
   "names": [
     "React",
+    "insertAtLineStart",
     "title5",
     "name",
     "keyCommand",
@@ -17,12 +18,15 @@
     "execute",
     "state",
     "api",
-    "modifyText",
-    "selectedText",
-    "replaceSelection"
+    "selection",
+    "start",
+    "test",
+    "text",
+    "replaceSelection",
+    "textArea"
   ],
-  "mappings": "AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;;AAGA,OAAO,IAAMC,MAAgB,GAAG;AAC9BC,EAAAA,IAAI,EAAE,QADwB;AAE9BC,EAAAA,UAAU,EAAE,QAFkB;AAG9BC,EAAAA,SAAS,EAAE,WAHmB;AAI9BC,EAAAA,WAAW,EAAE;AAAE,kBAAc,eAAhB;AAAiCC,IAAAA,KAAK,EAAE;AAAxC,GAJiB;AAK9BC,EAAAA,IAAI,eAAE;AAAK,IAAA,KAAK,EAAE;AAAEC,MAAAA,QAAQ,EAAE,EAAZ;AAAgBC,MAAAA,SAAS,EAAE;AAA3B,KAAZ;AAAA;AAAA,IALwB;AAM9BC,EAAAA,OAAO,EAAE,CAACC,KAAD,EAAmBC,GAAnB,KAA4C;AACnD,QAAIC,UAAU,cAAYF,KAAK,CAACG,YAAlB,OAAd;;AACA,QAAI,CAACH,KAAK,CAACG,YAAX,EAAyB;AACvBD,MAAAA,UAAU,WAAV;AACD;;AACDD,IAAAA,GAAG,CAACG,gBAAJ,CAAqBF,UAArB;AACD;AAZ6B,CAAzB",
+  "mappings": "AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,iBAAT,QAAkC,+BAAlC;;AAGA,OAAO,IAAMC,MAAgB,GAAG;AAC9BC,EAAAA,IAAI,EAAE,QADwB;AAE9BC,EAAAA,UAAU,EAAE,QAFkB;AAG9BC,EAAAA,SAAS,EAAE,WAHmB;AAI9BC,EAAAA,WAAW,EAAE;AAAE,kBAAc,eAAhB;AAAiCC,IAAAA,KAAK,EAAE;AAAxC,GAJiB;AAK9BC,EAAAA,IAAI,eAAE;AAAK,IAAA,KAAK,EAAE;AAAEC,MAAAA,QAAQ,EAAE,EAAZ;AAAgBC,MAAAA,SAAS,EAAE;AAA3B,KAAZ;AAAA;AAAA,IALwB;AAM9BC,EAAAA,OAAO,EAAE,CAACC,KAAD,EAAmBC,GAAnB,KAA4C;AACnD,QAAID,KAAK,CAACE,SAAN,CAAgBC,KAAhB,KAA0B,CAA1B,IAA+B,MAAMC,IAAN,CAAWJ,KAAK,CAACK,IAAjB,CAAnC,EAA2D;AACzDJ,MAAAA,GAAG,CAACK,gBAAJ,CAAqB,QAArB;AACD,KAFD,MAEO;AACLjB,MAAAA,iBAAiB,CAAC,QAAD,EAAWW,KAAK,CAACE,SAAN,CAAgBC,KAA3B,EAAkCF,GAAG,CAACM,QAAtC,CAAjB;AACD;AACF;AAZ6B,CAAzB",
   "sourcesContent": [
-    "import * as React from 'react';\nimport { ICommand, TextState, TextAreaTextApi } from './';\n\nexport const title5: ICommand = {\n  name: 'title5',\n  keyCommand: 'title5',\n  shortcuts: 'ctrlcmd+5',\n  buttonProps: { 'aria-label': 'Insert title5', title: 'Insert title 5' },\n  icon: <div style={{ fontSize: 12, textAlign: 'left' }}>Title 5</div>,\n  execute: (state: TextState, api: TextAreaTextApi) => {\n    let modifyText = `##### ${state.selectedText}\\n`;\n    if (!state.selectedText) {\n      modifyText = `##### `;\n    }\n    api.replaceSelection(modifyText);\n  },\n};\n"
+    "import * as React from 'react';\nimport { insertAtLineStart } from '../utils/InsertTextAtPosition';\nimport { ICommand, TextState, TextAreaTextApi } from './';\n\nexport const title5: ICommand = {\n  name: 'title5',\n  keyCommand: 'title5',\n  shortcuts: 'ctrlcmd+5',\n  buttonProps: { 'aria-label': 'Insert title5', title: 'Insert title 5' },\n  icon: <div style={{ fontSize: 12, textAlign: 'left' }}>Title 5</div>,\n  execute: (state: TextState, api: TextAreaTextApi) => {\n    if (state.selection.start === 0 || /\\n$/.test(state.text)) {\n      api.replaceSelection('##### ');\n    } else {\n      insertAtLineStart('##### ', state.selection.start, api.textArea);\n    }\n  },\n};\n"
   ]
 }

package/esm/commands/title6.js

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { insertAtLineStart } from '../utils/InsertTextAtPosition';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var title6 = {
   name: 'title6',
@@ -16,13 +17,11 @@ export var title6 = {
     children: "Title 6"
   }),
   execute: (state, api) => {
-    var modifyText = "###### " + state.selectedText + "\n";
-
-    if (!state.selectedText) {
-      modifyText = "###### ";
+    if (state.selection.start === 0 || /\n$/.test(state.text)) {
+      api.replaceSelection('###### ');
+    } else {
+      insertAtLineStart('###### ', state.selection.start, api.textArea);
     }
-
-    api.replaceSelection(modifyText);
   }
 };
 //# sourceMappingURL=title6.js.map

package/esm/commands/title6.js.map

@@ -5,6 +5,7 @@
   ],
   "names": [
     "React",
+    "insertAtLineStart",
     "title6",
     "name",
     "keyCommand",
@@ -17,12 +18,15 @@
     "execute",
     "state",
     "api",
-    "modifyText",
-    "selectedText",
-    "replaceSelection"
+    "selection",
+    "start",
+    "test",
+    "text",
+    "replaceSelection",
+    "textArea"
   ],
-  "mappings": "AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;;AAGA,OAAO,IAAMC,MAAgB,GAAG;AAC9BC,EAAAA,IAAI,EAAE,QADwB;AAE9BC,EAAAA,UAAU,EAAE,QAFkB;AAG9BC,EAAAA,SAAS,EAAE,WAHmB;AAI9BC,EAAAA,WAAW,EAAE;AAAE,kBAAc,eAAhB;AAAiCC,IAAAA,KAAK,EAAE;AAAxC,GAJiB;AAK9BC,EAAAA,IAAI,eAAE;AAAK,IAAA,KAAK,EAAE;AAAEC,MAAAA,QAAQ,EAAE,EAAZ;AAAgBC,MAAAA,SAAS,EAAE;AAA3B,KAAZ;AAAA;AAAA,IALwB;AAM9BC,EAAAA,OAAO,EAAE,CAACC,KAAD,EAAmBC,GAAnB,KAA4C;AACnD,QAAIC,UAAU,eAAaF,KAAK,CAACG,YAAnB,OAAd;;AACA,QAAI,CAACH,KAAK,CAACG,YAAX,EAAyB;AACvBD,MAAAA,UAAU,YAAV;AACD;;AACDD,IAAAA,GAAG,CAACG,gBAAJ,CAAqBF,UAArB;AACD;AAZ6B,CAAzB",
+  "mappings": "AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,iBAAT,QAAkC,+BAAlC;;AAGA,OAAO,IAAMC,MAAgB,GAAG;AAC9BC,EAAAA,IAAI,EAAE,QADwB;AAE9BC,EAAAA,UAAU,EAAE,QAFkB;AAG9BC,EAAAA,SAAS,EAAE,WAHmB;AAI9BC,EAAAA,WAAW,EAAE;AAAE,kBAAc,eAAhB;AAAiCC,IAAAA,KAAK,EAAE;AAAxC,GAJiB;AAK9BC,EAAAA,IAAI,eAAE;AAAK,IAAA,KAAK,EAAE;AAAEC,MAAAA,QAAQ,EAAE,EAAZ;AAAgBC,MAAAA,SAAS,EAAE;AAA3B,KAAZ;AAAA;AAAA,IALwB;AAM9BC,EAAAA,OAAO,EAAE,CAACC,KAAD,EAAmBC,GAAnB,KAA4C;AACnD,QAAID,KAAK,CAACE,SAAN,CAAgBC,KAAhB,KAA0B,CAA1B,IAA+B,MAAMC,IAAN,CAAWJ,KAAK,CAACK,IAAjB,CAAnC,EAA2D;AACzDJ,MAAAA,GAAG,CAACK,gBAAJ,CAAqB,SAArB;AACD,KAFD,MAEO;AACLjB,MAAAA,iBAAiB,CAAC,SAAD,EAAYW,KAAK,CAACE,SAAN,CAAgBC,KAA5B,EAAmCF,GAAG,CAACM,QAAvC,CAAjB;AACD;AACF;AAZ6B,CAAzB",
   "sourcesContent": [
-    "import * as React from 'react';\nimport { ICommand, TextState, TextAreaTextApi } from './';\n\nexport const title6: ICommand = {\n  name: 'title6',\n  keyCommand: 'title6',\n  shortcuts: 'ctrlcmd+6',\n  buttonProps: { 'aria-label': 'Insert title6', title: 'Insert title 6' },\n  icon: <div style={{ fontSize: 12, textAlign: 'left' }}>Title 6</div>,\n  execute: (state: TextState, api: TextAreaTextApi) => {\n    let modifyText = `###### ${state.selectedText}\\n`;\n    if (!state.selectedText) {\n      modifyText = `###### `;\n    }\n    api.replaceSelection(modifyText);\n  },\n};\n"
+    "import * as React from 'react';\nimport { insertAtLineStart } from '../utils/InsertTextAtPosition';\nimport { ICommand, TextState, TextAreaTextApi } from './';\n\nexport const title6: ICommand = {\n  name: 'title6',\n  keyCommand: 'title6',\n  shortcuts: 'ctrlcmd+6',\n  buttonProps: { 'aria-label': 'Insert title6', title: 'Insert title 6' },\n  icon: <div style={{ fontSize: 12, textAlign: 'left' }}>Title 6</div>,\n  execute: (state: TextState, api: TextAreaTextApi) => {\n    if (state.selection.start === 0 || /\\n$/.test(state.text)) {\n      api.replaceSelection('###### ');\n    } else {\n      insertAtLineStart('###### ', state.selection.start, api.textArea);\n    }\n  },\n};\n"
   ]
 }

package/esm/utils/InsertTextAtPosition.d.ts

@@ -3,6 +3,13 @@
  * Copyright (c) 2018 Dmitriy Kubyshkin
  * Copied from https://github.com/grassator/insert-text-at-cursor
  */
+/**
+ * @param {string} val
+ * @param {number} cursorIdx
+ * @param {HTMLTextAreaElement|HTMLInputElement} input
+ * @return {void}
+ */
+export declare const insertAtLineStart: (val: string, cursorIdx: number, input: HTMLTextAreaElement | HTMLInputElement) => void;
 /**
  * @param {HTMLTextAreaElement|HTMLInputElement} input
  * @param {string} text

package/esm/utils/InsertTextAtPosition.js

@@ -22,13 +22,39 @@ function canManipulateViaTextNodes(input) {
 
   return browserSupportsTextareaTextNodes;
 }
+/**
+ * @param {string} val
+ * @param {number} cursorIdx
+ * @param {HTMLTextAreaElement|HTMLInputElement} input
+ * @return {void}
+ */
+
+
+export var insertAtLineStart = (val, cursorIdx, input) => {
+  var content = input.value;
+  var startIdx = 0;
+
+  while (cursorIdx--) {
+    var char = content[cursorIdx];
+
+    if (char === '\n') {
+      startIdx = cursorIdx + 1;
+      break;
+    }
+  }
+
+  input.focus();
+  input.setRangeText(val, startIdx, startIdx);
+  input.dispatchEvent(new Event('input', {
+    bubbles: true
+  }));
+};
 /**
  * @param {HTMLTextAreaElement|HTMLInputElement} input
  * @param {string} text
  * @returns {void}
  */
 
-
 export function insertTextAtPosition(input, text) {
   // Most of the used APIs only work with the field selected
   input.focus(); // IE 8-10

package/esm/utils/InsertTextAtPosition.js.map

@@ -13,9 +13,19 @@
     "createElement",
     "value",
     "firstChild",
+    "insertAtLineStart",
+    "val",
+    "cursorIdx",
+    "content",
+    "startIdx",
+    "char",
+    "focus",
+    "setRangeText",
+    "dispatchEvent",
+    "Event",
+    "bubbles",
     "insertTextAtPosition",
     "text",
-    "focus",
     "selection",
     "ieRange",
     "createRange",
@@ -27,7 +37,6 @@
     "selectionStart",
     "end",
     "selectionEnd",
-    "setRangeText",
     "range",
     "textNode",
     "createTextNode",
@@ -49,11 +58,10 @@
     "setSelectionRange",
     "e",
     "createEvent",
-    "initEvent",
-    "dispatchEvent"
+    "initEvent"
   ],
-  "mappings": "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",
+  "mappings": "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",
   "sourcesContent": [
-    "/**\n * The MIT License\n * Copyright (c) 2018 Dmitriy Kubyshkin\n * Copied from https://github.com/grassator/insert-text-at-cursor\n */\n\nlet browserSupportsTextareaTextNodes: any;\n\n/**\n * @param {HTMLElement} input\n * @return {boolean}\n */\nfunction canManipulateViaTextNodes(input: HTMLTextAreaElement | HTMLInputElement) {\n  if (input.nodeName !== 'TEXTAREA') {\n    return false;\n  }\n  if (typeof browserSupportsTextareaTextNodes === 'undefined') {\n    const textarea: HTMLTextAreaElement = document.createElement('textarea');\n    textarea.value = '1';\n    browserSupportsTextareaTextNodes = !!textarea.firstChild;\n  }\n  return browserSupportsTextareaTextNodes;\n}\n\n/**\n * @param {HTMLTextAreaElement|HTMLInputElement} input\n * @param {string} text\n * @returns {void}\n */\nexport function insertTextAtPosition(input: HTMLTextAreaElement | HTMLInputElement, text: string) {\n  // Most of the used APIs only work with the field selected\n  input.focus();\n\n  // IE 8-10\n  if ((document as any).selection) {\n    const ieRange = (document as any).selection.createRange();\n    ieRange.text = text;\n\n    // Move cursor after the inserted text\n    ieRange.collapse(false /* to the end */);\n    ieRange.select();\n\n    return;\n  }\n\n  // Webkit + Edge\n  const isSuccess = document.execCommand && document.execCommand('insertText', false, text);\n  if (!isSuccess) {\n    const start = input.selectionStart!;\n    const end = input.selectionEnd!;\n    // Firefox (non-standard method)\n    if (typeof input.setRangeText === 'function') {\n      input.setRangeText(text);\n    } else {\n      // To make a change we just need a Range, not a Selection\n      const range = document.createRange();\n      const textNode = document.createTextNode(text);\n\n      if (canManipulateViaTextNodes(input)) {\n        let node = input.firstChild;\n\n        // If textarea is empty, just insert the text\n        if (!node) {\n          input.appendChild(textNode);\n        } else {\n          // Otherwise we need to find a nodes for start and end\n          let offset = 0;\n          let startNode = null;\n          let endNode = null;\n\n          while (node && (startNode === null || endNode === null)) {\n            const nodeLength = node.nodeValue!.length;\n\n            // if start of the selection falls into current node\n            if (start >= offset && start <= offset + nodeLength) {\n              range.setStart((startNode = node), start - offset);\n            }\n\n            // if end of the selection falls into current node\n            if (end >= offset && end <= offset + nodeLength) {\n              range.setEnd((endNode = node), end - offset);\n            }\n\n            offset += nodeLength;\n            node = node.nextSibling;\n          }\n\n          // If there is some text selected, remove it as we should replace it\n          if (start !== end) {\n            range.deleteContents();\n          }\n        }\n      }\n\n      // If the node is a textarea and the range doesn't span outside the element\n      //\n      // Get the commonAncestorContainer of the selected range and test its type\n      // If the node is of type `#text` it means that we're still working with text nodes within our textarea element\n      // otherwise, if it's of type `#document` for example it means our selection spans outside the textarea.\n      if (canManipulateViaTextNodes(input) && range.commonAncestorContainer.nodeName === '#text') {\n        // Finally insert a new node. The browser will automatically split start and end nodes into two if necessary\n        range.insertNode(textNode);\n      } else {\n        // If the node is not a textarea or the range spans outside a textarea the only way is to replace the whole value\n        const value = input.value;\n        input.value = value.slice(0, start) + text + value.slice(end);\n      }\n    }\n\n    // Correct the cursor position to be at the end of the insertion\n    input.setSelectionRange(start + text.length, start + text.length);\n\n    // Notify any possible listeners of the change\n    const e = document.createEvent('UIEvent');\n    e.initEvent('input', true, false);\n    input.dispatchEvent(e);\n  }\n}\n"
+    "/**\n * The MIT License\n * Copyright (c) 2018 Dmitriy Kubyshkin\n * Copied from https://github.com/grassator/insert-text-at-cursor\n */\n\nlet browserSupportsTextareaTextNodes: any;\n\n/**\n * @param {HTMLElement} input\n * @return {boolean}\n */\nfunction canManipulateViaTextNodes(input: HTMLTextAreaElement | HTMLInputElement): boolean {\n  if (input.nodeName !== 'TEXTAREA') {\n    return false;\n  }\n  if (typeof browserSupportsTextareaTextNodes === 'undefined') {\n    const textarea: HTMLTextAreaElement = document.createElement('textarea');\n    textarea.value = '1';\n    browserSupportsTextareaTextNodes = !!textarea.firstChild;\n  }\n  return browserSupportsTextareaTextNodes;\n}\n\n/**\n * @param {string} val\n * @param {number} cursorIdx\n * @param {HTMLTextAreaElement|HTMLInputElement} input\n * @return {void}\n */\nexport const insertAtLineStart = (\n  val: string,\n  cursorIdx: number,\n  input: HTMLTextAreaElement | HTMLInputElement,\n): void => {\n  const content = input.value;\n  let startIdx = 0;\n\n  while (cursorIdx--) {\n    let char = content[cursorIdx];\n    if (char === '\\n') {\n      startIdx = cursorIdx + 1;\n      break;\n    }\n  }\n\n  input.focus();\n  input.setRangeText(val, startIdx, startIdx);\n  input.dispatchEvent(new Event('input', { bubbles: true }));\n};\n\n/**\n * @param {HTMLTextAreaElement|HTMLInputElement} input\n * @param {string} text\n * @returns {void}\n */\nexport function insertTextAtPosition(input: HTMLTextAreaElement | HTMLInputElement, text: string): void {\n  // Most of the used APIs only work with the field selected\n  input.focus();\n\n  // IE 8-10\n  if ((document as any).selection) {\n    const ieRange = (document as any).selection.createRange();\n    ieRange.text = text;\n\n    // Move cursor after the inserted text\n    ieRange.collapse(false /* to the end */);\n    ieRange.select();\n\n    return;\n  }\n\n  // Webkit + Edge\n  const isSuccess = document.execCommand && document.execCommand('insertText', false, text);\n  if (!isSuccess) {\n    const start = input.selectionStart!;\n    const end = input.selectionEnd!;\n    // Firefox (non-standard method)\n    if (typeof input.setRangeText === 'function') {\n      input.setRangeText(text);\n    } else {\n      // To make a change we just need a Range, not a Selection\n      const range = document.createRange();\n      const textNode = document.createTextNode(text);\n\n      if (canManipulateViaTextNodes(input)) {\n        let node = input.firstChild;\n\n        // If textarea is empty, just insert the text\n        if (!node) {\n          input.appendChild(textNode);\n        } else {\n          // Otherwise we need to find a nodes for start and end\n          let offset = 0;\n          let startNode = null;\n          let endNode = null;\n\n          while (node && (startNode === null || endNode === null)) {\n            const nodeLength = node.nodeValue!.length;\n\n            // if start of the selection falls into current node\n            if (start >= offset && start <= offset + nodeLength) {\n              range.setStart((startNode = node), start - offset);\n            }\n\n            // if end of the selection falls into current node\n            if (end >= offset && end <= offset + nodeLength) {\n              range.setEnd((endNode = node), end - offset);\n            }\n\n            offset += nodeLength;\n            node = node.nextSibling;\n          }\n\n          // If there is some text selected, remove it as we should replace it\n          if (start !== end) {\n            range.deleteContents();\n          }\n        }\n      }\n\n      // If the node is a textarea and the range doesn't span outside the element\n      //\n      // Get the commonAncestorContainer of the selected range and test its type\n      // If the node is of type `#text` it means that we're still working with text nodes within our textarea element\n      // otherwise, if it's of type `#document` for example it means our selection spans outside the textarea.\n      if (canManipulateViaTextNodes(input) && range.commonAncestorContainer.nodeName === '#text') {\n        // Finally insert a new node. The browser will automatically split start and end nodes into two if necessary\n        range.insertNode(textNode);\n      } else {\n        // If the node is not a textarea or the range spans outside a textarea the only way is to replace the whole value\n        const value = input.value;\n        input.value = value.slice(0, start) + text + value.slice(end);\n      }\n    }\n\n    // Correct the cursor position to be at the end of the insertion\n    input.setSelectionRange(start + text.length, start + text.length);\n\n    // Notify any possible listeners of the change\n    const e = document.createEvent('UIEvent');\n    e.initEvent('input', true, false);\n    input.dispatchEvent(e);\n  }\n}\n"
   ]
 }

package/lib/commands/title1.js

@@ -9,6 +9,8 @@ exports.title1 = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _InsertTextAtPosition = require("../utils/InsertTextAtPosition");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 var title1 = {
@@ -27,13 +29,11 @@ var title1 = {
     children: "Title 1"
   }),
   execute: function execute(state, api) {
-    var modifyText = "# ".concat(state.selectedText, "\n");
-
-    if (!state.selectedText) {
-      modifyText = "# ";
+    if (state.selection.start === 0 || /\n$/.test(state.text)) {
+      api.replaceSelection('# ');
+    } else {
+      (0, _InsertTextAtPosition.insertAtLineStart)('# ', state.selection.start, api.textArea);
     }
-
-    api.replaceSelection(modifyText);
   }
 };
 exports.title1 = title1;

package/lib/commands/title1.js.map

@@ -16,12 +16,15 @@
     "execute",
     "state",
     "api",
-    "modifyText",
-    "selectedText",
-    "replaceSelection"
+    "selection",
+    "start",
+    "test",
+    "text",
+    "replaceSelection",
+    "textArea"
   ],
-  "mappings": ";;;;;;;;;AAAA;;;;AAGO,IAAMA,MAAgB,GAAG;AAC9BC,EAAAA,IAAI,EAAE,QADwB;AAE9BC,EAAAA,UAAU,EAAE,QAFkB;AAG9BC,EAAAA,SAAS,EAAE,WAHmB;AAI9BC,EAAAA,WAAW,EAAE;AAAE,kBAAc,gBAAhB;AAAkCC,IAAAA,KAAK,EAAE;AAAzC,GAJiB;AAK9BC,EAAAA,IAAI,eAAE;AAAK,IAAA,KAAK,EAAE;AAAEC,MAAAA,QAAQ,EAAE,EAAZ;AAAgBC,MAAAA,SAAS,EAAE;AAA3B,KAAZ;AAAA;AAAA,IALwB;AAM9BC,EAAAA,OAAO,EAAE,iBAACC,KAAD,EAAmBC,GAAnB,EAA4C;AACnD,QAAIC,UAAU,eAAQF,KAAK,CAACG,YAAd,OAAd;;AACA,QAAI,CAACH,KAAK,CAACG,YAAX,EAAyB;AACvBD,MAAAA,UAAU,OAAV;AACD;;AACDD,IAAAA,GAAG,CAACG,gBAAJ,CAAqBF,UAArB;AACD;AAZ6B,CAAzB",
+  "mappings": ";;;;;;;;;AAAA;;AACA;;;;AAGO,IAAMA,MAAgB,GAAG;AAC9BC,EAAAA,IAAI,EAAE,QADwB;AAE9BC,EAAAA,UAAU,EAAE,QAFkB;AAG9BC,EAAAA,SAAS,EAAE,WAHmB;AAI9BC,EAAAA,WAAW,EAAE;AAAE,kBAAc,gBAAhB;AAAkCC,IAAAA,KAAK,EAAE;AAAzC,GAJiB;AAK9BC,EAAAA,IAAI,eAAE;AAAK,IAAA,KAAK,EAAE;AAAEC,MAAAA,QAAQ,EAAE,EAAZ;AAAgBC,MAAAA,SAAS,EAAE;AAA3B,KAAZ;AAAA;AAAA,IALwB;AAM9BC,EAAAA,OAAO,EAAE,iBAACC,KAAD,EAAmBC,GAAnB,EAA4C;AACnD,QAAID,KAAK,CAACE,SAAN,CAAgBC,KAAhB,KAA0B,CAA1B,IAA+B,MAAMC,IAAN,CAAWJ,KAAK,CAACK,IAAjB,CAAnC,EAA2D;AACzDJ,MAAAA,GAAG,CAACK,gBAAJ,CAAqB,IAArB;AACD,KAFD,MAEO;AACL,mDAAkB,IAAlB,EAAwBN,KAAK,CAACE,SAAN,CAAgBC,KAAxC,EAA+CF,GAAG,CAACM,QAAnD;AACD;AACF;AAZ6B,CAAzB",
   "sourcesContent": [
-    "import React from 'react';\nimport { ICommand, TextState, TextAreaTextApi } from './';\n\nexport const title1: ICommand = {\n  name: 'title1',\n  keyCommand: 'title1',\n  shortcuts: 'ctrlcmd+1',\n  buttonProps: { 'aria-label': 'Insert title 1', title: 'Insert title 1' },\n  icon: <div style={{ fontSize: 18, textAlign: 'left' }}>Title 1</div>,\n  execute: (state: TextState, api: TextAreaTextApi) => {\n    let modifyText = `# ${state.selectedText}\\n`;\n    if (!state.selectedText) {\n      modifyText = `# `;\n    }\n    api.replaceSelection(modifyText);\n  },\n};\n"
+    "import React from 'react';\nimport { insertAtLineStart } from '../utils/InsertTextAtPosition';\nimport { ICommand, TextState, TextAreaTextApi } from './';\n\nexport const title1: ICommand = {\n  name: 'title1',\n  keyCommand: 'title1',\n  shortcuts: 'ctrlcmd+1',\n  buttonProps: { 'aria-label': 'Insert title 1', title: 'Insert title 1' },\n  icon: <div style={{ fontSize: 18, textAlign: 'left' }}>Title 1</div>,\n  execute: (state: TextState, api: TextAreaTextApi) => {\n    if (state.selection.start === 0 || /\\n$/.test(state.text)) {\n      api.replaceSelection('# ');\n    } else {\n      insertAtLineStart('# ', state.selection.start, api.textArea);\n    }\n  },\n};\n"
   ]
 }

package/lib/commands/title2.js

@@ -9,6 +9,8 @@ exports.title2 = void 0;
 
 var React = _interopRequireWildcard(require("react"));
 
+var _InsertTextAtPosition = require("../utils/InsertTextAtPosition");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 var title2 = {
@@ -27,13 +29,11 @@ var title2 = {
     children: "Title 2"
   }),
   execute: function execute(state, api) {
-    var modifyText = "## ".concat(state.selectedText, "\n");
-
-    if (!state.selectedText) {
-      modifyText = "## ";
+    if (state.selection.start === 0 || /\n$/.test(state.text)) {
+      api.replaceSelection('## ');
+    } else {
+      (0, _InsertTextAtPosition.insertAtLineStart)('## ', state.selection.start, api.textArea);
     }
-
-    api.replaceSelection(modifyText);
   }
 };
 exports.title2 = title2;

package/lib/commands/title2.js.map

@@ -16,12 +16,15 @@
     "execute",
     "state",
     "api",
-    "modifyText",
-    "selectedText",
-    "replaceSelection"
+    "selection",
+    "start",
+    "test",
+    "text",
+    "replaceSelection",
+    "textArea"
   ],
-  "mappings": ";;;;;;;;;AAAA;;;;AAGO,IAAMA,MAAgB,GAAG;AAC9BC,EAAAA,IAAI,EAAE,QADwB;AAE9BC,EAAAA,UAAU,EAAE,QAFkB;AAG9BC,EAAAA,SAAS,EAAE,WAHmB;AAI9BC,EAAAA,WAAW,EAAE;AAAE,kBAAc,eAAhB;AAAiCC,IAAAA,KAAK,EAAE;AAAxC,GAJiB;AAK9BC,EAAAA,IAAI,eAAE;AAAK,IAAA,KAAK,EAAE;AAAEC,MAAAA,QAAQ,EAAE,EAAZ;AAAgBC,MAAAA,SAAS,EAAE;AAA3B,KAAZ;AAAA;AAAA,IALwB;AAM9BC,EAAAA,OAAO,EAAE,iBAACC,KAAD,EAAmBC,GAAnB,EAA4C;AACnD,QAAIC,UAAU,gBAASF,KAAK,CAACG,YAAf,OAAd;;AACA,QAAI,CAACH,KAAK,CAACG,YAAX,EAAyB;AACvBD,MAAAA,UAAU,QAAV;AACD;;AACDD,IAAAA,GAAG,CAACG,gBAAJ,CAAqBF,UAArB;AACD;AAZ6B,CAAzB",
+  "mappings": ";;;;;;;;;AAAA;;AACA;;;;AAGO,IAAMA,MAAgB,GAAG;AAC9BC,EAAAA,IAAI,EAAE,QADwB;AAE9BC,EAAAA,UAAU,EAAE,QAFkB;AAG9BC,EAAAA,SAAS,EAAE,WAHmB;AAI9BC,EAAAA,WAAW,EAAE;AAAE,kBAAc,eAAhB;AAAiCC,IAAAA,KAAK,EAAE;AAAxC,GAJiB;AAK9BC,EAAAA,IAAI,eAAE;AAAK,IAAA,KAAK,EAAE;AAAEC,MAAAA,QAAQ,EAAE,EAAZ;AAAgBC,MAAAA,SAAS,EAAE;AAA3B,KAAZ;AAAA;AAAA,IALwB;AAM9BC,EAAAA,OAAO,EAAE,iBAACC,KAAD,EAAmBC,GAAnB,EAA4C;AACnD,QAAID,KAAK,CAACE,SAAN,CAAgBC,KAAhB,KAA0B,CAA1B,IAA+B,MAAMC,IAAN,CAAWJ,KAAK,CAACK,IAAjB,CAAnC,EAA2D;AACzDJ,MAAAA,GAAG,CAACK,gBAAJ,CAAqB,KAArB;AACD,KAFD,MAEO;AACL,mDAAkB,KAAlB,EAAyBN,KAAK,CAACE,SAAN,CAAgBC,KAAzC,EAAgDF,GAAG,CAACM,QAApD;AACD;AACF;AAZ6B,CAAzB",
   "sourcesContent": [
-    "import * as React from 'react';\nimport { ICommand, TextState, TextAreaTextApi } from './';\n\nexport const title2: ICommand = {\n  name: 'title2',\n  keyCommand: 'title2',\n  shortcuts: 'ctrlcmd+2',\n  buttonProps: { 'aria-label': 'Insert title2', title: 'Insert title 2' },\n  icon: <div style={{ fontSize: 16, textAlign: 'left' }}>Title 2</div>,\n  execute: (state: TextState, api: TextAreaTextApi) => {\n    let modifyText = `## ${state.selectedText}\\n`;\n    if (!state.selectedText) {\n      modifyText = `## `;\n    }\n    api.replaceSelection(modifyText);\n  },\n};\n"
+    "import * as React from 'react';\nimport { insertAtLineStart } from '../utils/InsertTextAtPosition';\nimport { ICommand, TextState, TextAreaTextApi } from './';\n\nexport const title2: ICommand = {\n  name: 'title2',\n  keyCommand: 'title2',\n  shortcuts: 'ctrlcmd+2',\n  buttonProps: { 'aria-label': 'Insert title2', title: 'Insert title 2' },\n  icon: <div style={{ fontSize: 16, textAlign: 'left' }}>Title 2</div>,\n  execute: (state: TextState, api: TextAreaTextApi) => {\n    if (state.selection.start === 0 || /\\n$/.test(state.text)) {\n      api.replaceSelection('## ');\n    } else {\n      insertAtLineStart('## ', state.selection.start, api.textArea);\n    }\n  },\n};\n"
   ]
 }

package/lib/commands/title3.js

@@ -9,6 +9,8 @@ exports.title3 = void 0;
 
 var React = _interopRequireWildcard(require("react"));
 
+var _InsertTextAtPosition = require("../utils/InsertTextAtPosition");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 var title3 = {
@@ -27,13 +29,11 @@ var title3 = {
     children: "Title 3"
   }),
   execute: function execute(state, api) {
-    var modifyText = "### ".concat(state.selectedText, "\n");
-
-    if (!state.selectedText) {
-      modifyText = "### ";
+    if (state.selection.start === 0 || /\n$/.test(state.text)) {
+      api.replaceSelection('### ');
+    } else {
+      (0, _InsertTextAtPosition.insertAtLineStart)('### ', state.selection.start, api.textArea);
     }
-
-    api.replaceSelection(modifyText);
   }
 };
 exports.title3 = title3;

package/lib/commands/title3.js.map

@@ -16,12 +16,15 @@
     "execute",
     "state",
     "api",
-    "modifyText",
-    "selectedText",
-    "replaceSelection"
+    "selection",
+    "start",
+    "test",
+    "text",
+    "replaceSelection",
+    "textArea"
   ],
-  "mappings": ";;;;;;;;;AAAA;;;;AAGO,IAAMA,MAAgB,GAAG;AAC9BC,EAAAA,IAAI,EAAE,QADwB;AAE9BC,EAAAA,UAAU,EAAE,QAFkB;AAG9BC,EAAAA,SAAS,EAAE,WAHmB;AAI9BC,EAAAA,WAAW,EAAE;AAAE,kBAAc,eAAhB;AAAiCC,IAAAA,KAAK,EAAE;AAAxC,GAJiB;AAK9BC,EAAAA,IAAI,eAAE;AAAK,IAAA,KAAK,EAAE;AAAEC,MAAAA,QAAQ,EAAE,EAAZ;AAAgBC,MAAAA,SAAS,EAAE;AAA3B,KAAZ;AAAA;AAAA,IALwB;AAM9BC,EAAAA,OAAO,EAAE,iBAACC,KAAD,EAAmBC,GAAnB,EAA4C;AACnD,QAAIC,UAAU,iBAAUF,KAAK,CAACG,YAAhB,OAAd;;AACA,QAAI,CAACH,KAAK,CAACG,YAAX,EAAyB;AACvBD,MAAAA,UAAU,SAAV;AACD;;AACDD,IAAAA,GAAG,CAACG,gBAAJ,CAAqBF,UAArB;AACD;AAZ6B,CAAzB",
+  "mappings": ";;;;;;;;;AAAA;;AACA;;;;AAGO,IAAMA,MAAgB,GAAG;AAC9BC,EAAAA,IAAI,EAAE,QADwB;AAE9BC,EAAAA,UAAU,EAAE,QAFkB;AAG9BC,EAAAA,SAAS,EAAE,WAHmB;AAI9BC,EAAAA,WAAW,EAAE;AAAE,kBAAc,eAAhB;AAAiCC,IAAAA,KAAK,EAAE;AAAxC,GAJiB;AAK9BC,EAAAA,IAAI,eAAE;AAAK,IAAA,KAAK,EAAE;AAAEC,MAAAA,QAAQ,EAAE,EAAZ;AAAgBC,MAAAA,SAAS,EAAE;AAA3B,KAAZ;AAAA;AAAA,IALwB;AAM9BC,EAAAA,OAAO,EAAE,iBAACC,KAAD,EAAmBC,GAAnB,EAA4C;AACnD,QAAID,KAAK,CAACE,SAAN,CAAgBC,KAAhB,KAA0B,CAA1B,IAA+B,MAAMC,IAAN,CAAWJ,KAAK,CAACK,IAAjB,CAAnC,EAA2D;AACzDJ,MAAAA,GAAG,CAACK,gBAAJ,CAAqB,MAArB;AACD,KAFD,MAEO;AACL,mDAAkB,MAAlB,EAA0BN,KAAK,CAACE,SAAN,CAAgBC,KAA1C,EAAiDF,GAAG,CAACM,QAArD;AACD;AACF;AAZ6B,CAAzB",
   "sourcesContent": [
-    "import * as React from 'react';\nimport { ICommand, TextState, TextAreaTextApi } from './';\n\nexport const title3: ICommand = {\n  name: 'title3',\n  keyCommand: 'title3',\n  shortcuts: 'ctrlcmd+3',\n  buttonProps: { 'aria-label': 'Insert title3', title: 'Insert title 3' },\n  icon: <div style={{ fontSize: 15, textAlign: 'left' }}>Title 3</div>,\n  execute: (state: TextState, api: TextAreaTextApi) => {\n    let modifyText = `### ${state.selectedText}\\n`;\n    if (!state.selectedText) {\n      modifyText = `### `;\n    }\n    api.replaceSelection(modifyText);\n  },\n};\n"
+    "import * as React from 'react';\nimport { insertAtLineStart } from '../utils/InsertTextAtPosition';\nimport { ICommand, TextState, TextAreaTextApi } from './';\n\nexport const title3: ICommand = {\n  name: 'title3',\n  keyCommand: 'title3',\n  shortcuts: 'ctrlcmd+3',\n  buttonProps: { 'aria-label': 'Insert title3', title: 'Insert title 3' },\n  icon: <div style={{ fontSize: 15, textAlign: 'left' }}>Title 3</div>,\n  execute: (state: TextState, api: TextAreaTextApi) => {\n    if (state.selection.start === 0 || /\\n$/.test(state.text)) {\n      api.replaceSelection('### ');\n    } else {\n      insertAtLineStart('### ', state.selection.start, api.textArea);\n    }\n  },\n};\n"
   ]
 }

package/lib/commands/title4.js

@@ -9,6 +9,8 @@ exports.title4 = void 0;
 
 var React = _interopRequireWildcard(require("react"));
 
+var _InsertTextAtPosition = require("../utils/InsertTextAtPosition");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 var title4 = {
@@ -27,13 +29,11 @@ var title4 = {
     children: "Title 4"
   }),
   execute: function execute(state, api) {
-    var modifyText = "#### ".concat(state.selectedText, "\n");
-
-    if (!state.selectedText) {
-      modifyText = "#### ";
+    if (state.selection.start === 0 || /\n$/.test(state.text)) {
+      api.replaceSelection('#### ');
+    } else {
+      (0, _InsertTextAtPosition.insertAtLineStart)('#### ', state.selection.start, api.textArea);
     }
-
-    api.replaceSelection(modifyText);
   }
 };
 exports.title4 = title4;

package/lib/commands/title4.js.map

@@ -16,12 +16,15 @@
     "execute",
     "state",
     "api",
-    "modifyText",
-    "selectedText",
-    "replaceSelection"
+    "selection",
+    "start",
+    "test",
+    "text",
+    "replaceSelection",
+    "textArea"
   ],
-  "mappings": ";;;;;;;;;AAAA;;;;AAGO,IAAMA,MAAgB,GAAG;AAC9BC,EAAAA,IAAI,EAAE,QADwB;AAE9BC,EAAAA,UAAU,EAAE,QAFkB;AAG9BC,EAAAA,SAAS,EAAE,WAHmB;AAI9BC,EAAAA,WAAW,EAAE;AAAE,kBAAc,eAAhB;AAAiCC,IAAAA,KAAK,EAAE;AAAxC,GAJiB;AAK9BC,EAAAA,IAAI,eAAE;AAAK,IAAA,KAAK,EAAE;AAAEC,MAAAA,QAAQ,EAAE,EAAZ;AAAgBC,MAAAA,SAAS,EAAE;AAA3B,KAAZ;AAAA;AAAA,IALwB;AAM9BC,EAAAA,OAAO,EAAE,iBAACC,KAAD,EAAmBC,GAAnB,EAA4C;AACnD,QAAIC,UAAU,kBAAWF,KAAK,CAACG,YAAjB,OAAd;;AACA,QAAI,CAACH,KAAK,CAACG,YAAX,EAAyB;AACvBD,MAAAA,UAAU,UAAV;AACD;;AACDD,IAAAA,GAAG,CAACG,gBAAJ,CAAqBF,UAArB;AACD;AAZ6B,CAAzB",
+  "mappings": ";;;;;;;;;AAAA;;AACA;;;;AAGO,IAAMA,MAAgB,GAAG;AAC9BC,EAAAA,IAAI,EAAE,QADwB;AAE9BC,EAAAA,UAAU,EAAE,QAFkB;AAG9BC,EAAAA,SAAS,EAAE,WAHmB;AAI9BC,EAAAA,WAAW,EAAE;AAAE,kBAAc,eAAhB;AAAiCC,IAAAA,KAAK,EAAE;AAAxC,GAJiB;AAK9BC,EAAAA,IAAI,eAAE;AAAK,IAAA,KAAK,EAAE;AAAEC,MAAAA,QAAQ,EAAE,EAAZ;AAAgBC,MAAAA,SAAS,EAAE;AAA3B,KAAZ;AAAA;AAAA,IALwB;AAM9BC,EAAAA,OAAO,EAAE,iBAACC,KAAD,EAAmBC,GAAnB,EAA4C;AACnD,QAAID,KAAK,CAACE,SAAN,CAAgBC,KAAhB,KAA0B,CAA1B,IAA+B,MAAMC,IAAN,CAAWJ,KAAK,CAACK,IAAjB,CAAnC,EAA2D;AACzDJ,MAAAA,GAAG,CAACK,gBAAJ,CAAqB,OAArB;AACD,KAFD,MAEO;AACL,mDAAkB,OAAlB,EAA2BN,KAAK,CAACE,SAAN,CAAgBC,KAA3C,EAAkDF,GAAG,CAACM,QAAtD;AACD;AACF;AAZ6B,CAAzB",
   "sourcesContent": [
-    "import * as React from 'react';\nimport { ICommand, TextState, TextAreaTextApi } from './';\n\nexport const title4: ICommand = {\n  name: 'title4',\n  keyCommand: 'title4',\n  shortcuts: 'ctrlcmd+4',\n  buttonProps: { 'aria-label': 'Insert title4', title: 'Insert title 4' },\n  icon: <div style={{ fontSize: 14, textAlign: 'left' }}>Title 4</div>,\n  execute: (state: TextState, api: TextAreaTextApi) => {\n    let modifyText = `#### ${state.selectedText}\\n`;\n    if (!state.selectedText) {\n      modifyText = `#### `;\n    }\n    api.replaceSelection(modifyText);\n  },\n};\n"
+    "import * as React from 'react';\nimport { insertAtLineStart } from '../utils/InsertTextAtPosition';\nimport { ICommand, TextState, TextAreaTextApi } from './';\n\nexport const title4: ICommand = {\n  name: 'title4',\n  keyCommand: 'title4',\n  shortcuts: 'ctrlcmd+4',\n  buttonProps: { 'aria-label': 'Insert title4', title: 'Insert title 4' },\n  icon: <div style={{ fontSize: 14, textAlign: 'left' }}>Title 4</div>,\n  execute: (state: TextState, api: TextAreaTextApi) => {\n    if (state.selection.start === 0 || /\\n$/.test(state.text)) {\n      api.replaceSelection('#### ');\n    } else {\n      insertAtLineStart('#### ', state.selection.start, api.textArea);\n    }\n  },\n};\n"
   ]
 }

package/lib/commands/title5.js

@@ -9,6 +9,8 @@ exports.title5 = void 0;
 
 var React = _interopRequireWildcard(require("react"));
 
+var _InsertTextAtPosition = require("../utils/InsertTextAtPosition");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 var title5 = {
@@ -27,13 +29,11 @@ var title5 = {
     children: "Title 5"
   }),
   execute: function execute(state, api) {
-    var modifyText = "##### ".concat(state.selectedText, "\n");
-
-    if (!state.selectedText) {
-      modifyText = "##### ";
+    if (state.selection.start === 0 || /\n$/.test(state.text)) {
+      api.replaceSelection('##### ');
+    } else {
+      (0, _InsertTextAtPosition.insertAtLineStart)('##### ', state.selection.start, api.textArea);
     }
-
-    api.replaceSelection(modifyText);
   }
 };
 exports.title5 = title5;

package/lib/commands/title5.js.map

@@ -16,12 +16,15 @@
     "execute",
     "state",
     "api",
-    "modifyText",
-    "selectedText",
-    "replaceSelection"
+    "selection",
+    "start",
+    "test",
+    "text",
+    "replaceSelection",
+    "textArea"
   ],
-  "mappings": ";;;;;;;;;AAAA;;;;AAGO,IAAMA,MAAgB,GAAG;AAC9BC,EAAAA,IAAI,EAAE,QADwB;AAE9BC,EAAAA,UAAU,EAAE,QAFkB;AAG9BC,EAAAA,SAAS,EAAE,WAHmB;AAI9BC,EAAAA,WAAW,EAAE;AAAE,kBAAc,eAAhB;AAAiCC,IAAAA,KAAK,EAAE;AAAxC,GAJiB;AAK9BC,EAAAA,IAAI,eAAE;AAAK,IAAA,KAAK,EAAE;AAAEC,MAAAA,QAAQ,EAAE,EAAZ;AAAgBC,MAAAA,SAAS,EAAE;AAA3B,KAAZ;AAAA;AAAA,IALwB;AAM9BC,EAAAA,OAAO,EAAE,iBAACC,KAAD,EAAmBC,GAAnB,EAA4C;AACnD,QAAIC,UAAU,mBAAYF,KAAK,CAACG,YAAlB,OAAd;;AACA,QAAI,CAACH,KAAK,CAACG,YAAX,EAAyB;AACvBD,MAAAA,UAAU,WAAV;AACD;;AACDD,IAAAA,GAAG,CAACG,gBAAJ,CAAqBF,UAArB;AACD;AAZ6B,CAAzB",
+  "mappings": ";;;;;;;;;AAAA;;AACA;;;;AAGO,IAAMA,MAAgB,GAAG;AAC9BC,EAAAA,IAAI,EAAE,QADwB;AAE9BC,EAAAA,UAAU,EAAE,QAFkB;AAG9BC,EAAAA,SAAS,EAAE,WAHmB;AAI9BC,EAAAA,WAAW,EAAE;AAAE,kBAAc,eAAhB;AAAiCC,IAAAA,KAAK,EAAE;AAAxC,GAJiB;AAK9BC,EAAAA,IAAI,eAAE;AAAK,IAAA,KAAK,EAAE;AAAEC,MAAAA,QAAQ,EAAE,EAAZ;AAAgBC,MAAAA,SAAS,EAAE;AAA3B,KAAZ;AAAA;AAAA,IALwB;AAM9BC,EAAAA,OAAO,EAAE,iBAACC,KAAD,EAAmBC,GAAnB,EAA4C;AACnD,QAAID,KAAK,CAACE,SAAN,CAAgBC,KAAhB,KAA0B,CAA1B,IAA+B,MAAMC,IAAN,CAAWJ,KAAK,CAACK,IAAjB,CAAnC,EAA2D;AACzDJ,MAAAA,GAAG,CAACK,gBAAJ,CAAqB,QAArB;AACD,KAFD,MAEO;AACL,mDAAkB,QAAlB,EAA4BN,KAAK,CAACE,SAAN,CAAgBC,KAA5C,EAAmDF,GAAG,CAACM,QAAvD;AACD;AACF;AAZ6B,CAAzB",
   "sourcesContent": [
-    "import * as React from 'react';\nimport { ICommand, TextState, TextAreaTextApi } from './';\n\nexport const title5: ICommand = {\n  name: 'title5',\n  keyCommand: 'title5',\n  shortcuts: 'ctrlcmd+5',\n  buttonProps: { 'aria-label': 'Insert title5', title: 'Insert title 5' },\n  icon: <div style={{ fontSize: 12, textAlign: 'left' }}>Title 5</div>,\n  execute: (state: TextState, api: TextAreaTextApi) => {\n    let modifyText = `##### ${state.selectedText}\\n`;\n    if (!state.selectedText) {\n      modifyText = `##### `;\n    }\n    api.replaceSelection(modifyText);\n  },\n};\n"
+    "import * as React from 'react';\nimport { insertAtLineStart } from '../utils/InsertTextAtPosition';\nimport { ICommand, TextState, TextAreaTextApi } from './';\n\nexport const title5: ICommand = {\n  name: 'title5',\n  keyCommand: 'title5',\n  shortcuts: 'ctrlcmd+5',\n  buttonProps: { 'aria-label': 'Insert title5', title: 'Insert title 5' },\n  icon: <div style={{ fontSize: 12, textAlign: 'left' }}>Title 5</div>,\n  execute: (state: TextState, api: TextAreaTextApi) => {\n    if (state.selection.start === 0 || /\\n$/.test(state.text)) {\n      api.replaceSelection('##### ');\n    } else {\n      insertAtLineStart('##### ', state.selection.start, api.textArea);\n    }\n  },\n};\n"
   ]
 }

package/lib/commands/title6.js

@@ -9,6 +9,8 @@ exports.title6 = void 0;
 
 var React = _interopRequireWildcard(require("react"));
 
+var _InsertTextAtPosition = require("../utils/InsertTextAtPosition");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 var title6 = {
@@ -27,13 +29,11 @@ var title6 = {
     children: "Title 6"
   }),
   execute: function execute(state, api) {
-    var modifyText = "###### ".concat(state.selectedText, "\n");
-
-    if (!state.selectedText) {
-      modifyText = "###### ";
+    if (state.selection.start === 0 || /\n$/.test(state.text)) {
+      api.replaceSelection('###### ');
+    } else {
+      (0, _InsertTextAtPosition.insertAtLineStart)('###### ', state.selection.start, api.textArea);
     }
-
-    api.replaceSelection(modifyText);
   }
 };
 exports.title6 = title6;

package/lib/commands/title6.js.map

@@ -16,12 +16,15 @@
     "execute",
     "state",
     "api",
-    "modifyText",
-    "selectedText",
-    "replaceSelection"
+    "selection",
+    "start",
+    "test",
+    "text",
+    "replaceSelection",
+    "textArea"
   ],
-  "mappings": ";;;;;;;;;AAAA;;;;AAGO,IAAMA,MAAgB,GAAG;AAC9BC,EAAAA,IAAI,EAAE,QADwB;AAE9BC,EAAAA,UAAU,EAAE,QAFkB;AAG9BC,EAAAA,SAAS,EAAE,WAHmB;AAI9BC,EAAAA,WAAW,EAAE;AAAE,kBAAc,eAAhB;AAAiCC,IAAAA,KAAK,EAAE;AAAxC,GAJiB;AAK9BC,EAAAA,IAAI,eAAE;AAAK,IAAA,KAAK,EAAE;AAAEC,MAAAA,QAAQ,EAAE,EAAZ;AAAgBC,MAAAA,SAAS,EAAE;AAA3B,KAAZ;AAAA;AAAA,IALwB;AAM9BC,EAAAA,OAAO,EAAE,iBAACC,KAAD,EAAmBC,GAAnB,EAA4C;AACnD,QAAIC,UAAU,oBAAaF,KAAK,CAACG,YAAnB,OAAd;;AACA,QAAI,CAACH,KAAK,CAACG,YAAX,EAAyB;AACvBD,MAAAA,UAAU,YAAV;AACD;;AACDD,IAAAA,GAAG,CAACG,gBAAJ,CAAqBF,UAArB;AACD;AAZ6B,CAAzB",
+  "mappings": ";;;;;;;;;AAAA;;AACA;;;;AAGO,IAAMA,MAAgB,GAAG;AAC9BC,EAAAA,IAAI,EAAE,QADwB;AAE9BC,EAAAA,UAAU,EAAE,QAFkB;AAG9BC,EAAAA,SAAS,EAAE,WAHmB;AAI9BC,EAAAA,WAAW,EAAE;AAAE,kBAAc,eAAhB;AAAiCC,IAAAA,KAAK,EAAE;AAAxC,GAJiB;AAK9BC,EAAAA,IAAI,eAAE;AAAK,IAAA,KAAK,EAAE;AAAEC,MAAAA,QAAQ,EAAE,EAAZ;AAAgBC,MAAAA,SAAS,EAAE;AAA3B,KAAZ;AAAA;AAAA,IALwB;AAM9BC,EAAAA,OAAO,EAAE,iBAACC,KAAD,EAAmBC,GAAnB,EAA4C;AACnD,QAAID,KAAK,CAACE,SAAN,CAAgBC,KAAhB,KAA0B,CAA1B,IAA+B,MAAMC,IAAN,CAAWJ,KAAK,CAACK,IAAjB,CAAnC,EAA2D;AACzDJ,MAAAA,GAAG,CAACK,gBAAJ,CAAqB,SAArB;AACD,KAFD,MAEO;AACL,mDAAkB,SAAlB,EAA6BN,KAAK,CAACE,SAAN,CAAgBC,KAA7C,EAAoDF,GAAG,CAACM,QAAxD;AACD;AACF;AAZ6B,CAAzB",
   "sourcesContent": [
-    "import * as React from 'react';\nimport { ICommand, TextState, TextAreaTextApi } from './';\n\nexport const title6: ICommand = {\n  name: 'title6',\n  keyCommand: 'title6',\n  shortcuts: 'ctrlcmd+6',\n  buttonProps: { 'aria-label': 'Insert title6', title: 'Insert title 6' },\n  icon: <div style={{ fontSize: 12, textAlign: 'left' }}>Title 6</div>,\n  execute: (state: TextState, api: TextAreaTextApi) => {\n    let modifyText = `###### ${state.selectedText}\\n`;\n    if (!state.selectedText) {\n      modifyText = `###### `;\n    }\n    api.replaceSelection(modifyText);\n  },\n};\n"
+    "import * as React from 'react';\nimport { insertAtLineStart } from '../utils/InsertTextAtPosition';\nimport { ICommand, TextState, TextAreaTextApi } from './';\n\nexport const title6: ICommand = {\n  name: 'title6',\n  keyCommand: 'title6',\n  shortcuts: 'ctrlcmd+6',\n  buttonProps: { 'aria-label': 'Insert title6', title: 'Insert title 6' },\n  icon: <div style={{ fontSize: 12, textAlign: 'left' }}>Title 6</div>,\n  execute: (state: TextState, api: TextAreaTextApi) => {\n    if (state.selection.start === 0 || /\\n$/.test(state.text)) {\n      api.replaceSelection('###### ');\n    } else {\n      insertAtLineStart('###### ', state.selection.start, api.textArea);\n    }\n  },\n};\n"
   ]
 }

package/lib/utils/InsertTextAtPosition.d.ts

@@ -3,6 +3,13 @@
  * Copyright (c) 2018 Dmitriy Kubyshkin
  * Copied from https://github.com/grassator/insert-text-at-cursor
  */
+/**
+ * @param {string} val
+ * @param {number} cursorIdx
+ * @param {HTMLTextAreaElement|HTMLInputElement} input
+ * @return {void}
+ */
+export declare const insertAtLineStart: (val: string, cursorIdx: number, input: HTMLTextAreaElement | HTMLInputElement) => void;
 /**
  * @param {HTMLTextAreaElement|HTMLInputElement} input
  * @param {string} text

package/lib/utils/InsertTextAtPosition.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.insertAtLineStart = void 0;
 exports.insertTextAtPosition = insertTextAtPosition;
 
 /**
@@ -29,6 +30,33 @@ function canManipulateViaTextNodes(input) {
 
   return browserSupportsTextareaTextNodes;
 }
+/**
+ * @param {string} val
+ * @param {number} cursorIdx
+ * @param {HTMLTextAreaElement|HTMLInputElement} input
+ * @return {void}
+ */
+
+
+var insertAtLineStart = function insertAtLineStart(val, cursorIdx, input) {
+  var content = input.value;
+  var startIdx = 0;
+
+  while (cursorIdx--) {
+    var char = content[cursorIdx];
+
+    if (char === '\n') {
+      startIdx = cursorIdx + 1;
+      break;
+    }
+  }
+
+  input.focus();
+  input.setRangeText(val, startIdx, startIdx);
+  input.dispatchEvent(new Event('input', {
+    bubbles: true
+  }));
+};
 /**
  * @param {HTMLTextAreaElement|HTMLInputElement} input
  * @param {string} text
@@ -36,6 +64,8 @@ function canManipulateViaTextNodes(input) {
  */
 
 
+exports.insertAtLineStart = insertAtLineStart;
+
 function insertTextAtPosition(input, text) {
   // Most of the used APIs only work with the field selected
   input.focus(); // IE 8-10

package/lib/utils/InsertTextAtPosition.js.map

@@ -13,9 +13,19 @@
     "createElement",
     "value",
     "firstChild",
+    "insertAtLineStart",
+    "val",
+    "cursorIdx",
+    "content",
+    "startIdx",
+    "char",
+    "focus",
+    "setRangeText",
+    "dispatchEvent",
+    "Event",
+    "bubbles",
     "insertTextAtPosition",
     "text",
-    "focus",
     "selection",
     "ieRange",
     "createRange",
@@ -27,7 +37,6 @@
     "selectionStart",
     "end",
     "selectionEnd",
-    "setRangeText",
     "range",
     "textNode",
     "createTextNode",
@@ -49,11 +58,10 @@
     "setSelectionRange",
     "e",
     "createEvent",
-    "initEvent",
-    "dispatchEvent"
+    "initEvent"
   ],
-  "mappings": "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",
+  "mappings": "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",
   "sourcesContent": [
-    "/**\n * The MIT License\n * Copyright (c) 2018 Dmitriy Kubyshkin\n * Copied from https://github.com/grassator/insert-text-at-cursor\n */\n\nlet browserSupportsTextareaTextNodes: any;\n\n/**\n * @param {HTMLElement} input\n * @return {boolean}\n */\nfunction canManipulateViaTextNodes(input: HTMLTextAreaElement | HTMLInputElement) {\n  if (input.nodeName !== 'TEXTAREA') {\n    return false;\n  }\n  if (typeof browserSupportsTextareaTextNodes === 'undefined') {\n    const textarea: HTMLTextAreaElement = document.createElement('textarea');\n    textarea.value = '1';\n    browserSupportsTextareaTextNodes = !!textarea.firstChild;\n  }\n  return browserSupportsTextareaTextNodes;\n}\n\n/**\n * @param {HTMLTextAreaElement|HTMLInputElement} input\n * @param {string} text\n * @returns {void}\n */\nexport function insertTextAtPosition(input: HTMLTextAreaElement | HTMLInputElement, text: string) {\n  // Most of the used APIs only work with the field selected\n  input.focus();\n\n  // IE 8-10\n  if ((document as any).selection) {\n    const ieRange = (document as any).selection.createRange();\n    ieRange.text = text;\n\n    // Move cursor after the inserted text\n    ieRange.collapse(false /* to the end */);\n    ieRange.select();\n\n    return;\n  }\n\n  // Webkit + Edge\n  const isSuccess = document.execCommand && document.execCommand('insertText', false, text);\n  if (!isSuccess) {\n    const start = input.selectionStart!;\n    const end = input.selectionEnd!;\n    // Firefox (non-standard method)\n    if (typeof input.setRangeText === 'function') {\n      input.setRangeText(text);\n    } else {\n      // To make a change we just need a Range, not a Selection\n      const range = document.createRange();\n      const textNode = document.createTextNode(text);\n\n      if (canManipulateViaTextNodes(input)) {\n        let node = input.firstChild;\n\n        // If textarea is empty, just insert the text\n        if (!node) {\n          input.appendChild(textNode);\n        } else {\n          // Otherwise we need to find a nodes for start and end\n          let offset = 0;\n          let startNode = null;\n          let endNode = null;\n\n          while (node && (startNode === null || endNode === null)) {\n            const nodeLength = node.nodeValue!.length;\n\n            // if start of the selection falls into current node\n            if (start >= offset && start <= offset + nodeLength) {\n              range.setStart((startNode = node), start - offset);\n            }\n\n            // if end of the selection falls into current node\n            if (end >= offset && end <= offset + nodeLength) {\n              range.setEnd((endNode = node), end - offset);\n            }\n\n            offset += nodeLength;\n            node = node.nextSibling;\n          }\n\n          // If there is some text selected, remove it as we should replace it\n          if (start !== end) {\n            range.deleteContents();\n          }\n        }\n      }\n\n      // If the node is a textarea and the range doesn't span outside the element\n      //\n      // Get the commonAncestorContainer of the selected range and test its type\n      // If the node is of type `#text` it means that we're still working with text nodes within our textarea element\n      // otherwise, if it's of type `#document` for example it means our selection spans outside the textarea.\n      if (canManipulateViaTextNodes(input) && range.commonAncestorContainer.nodeName === '#text') {\n        // Finally insert a new node. The browser will automatically split start and end nodes into two if necessary\n        range.insertNode(textNode);\n      } else {\n        // If the node is not a textarea or the range spans outside a textarea the only way is to replace the whole value\n        const value = input.value;\n        input.value = value.slice(0, start) + text + value.slice(end);\n      }\n    }\n\n    // Correct the cursor position to be at the end of the insertion\n    input.setSelectionRange(start + text.length, start + text.length);\n\n    // Notify any possible listeners of the change\n    const e = document.createEvent('UIEvent');\n    e.initEvent('input', true, false);\n    input.dispatchEvent(e);\n  }\n}\n"
+    "/**\n * The MIT License\n * Copyright (c) 2018 Dmitriy Kubyshkin\n * Copied from https://github.com/grassator/insert-text-at-cursor\n */\n\nlet browserSupportsTextareaTextNodes: any;\n\n/**\n * @param {HTMLElement} input\n * @return {boolean}\n */\nfunction canManipulateViaTextNodes(input: HTMLTextAreaElement | HTMLInputElement): boolean {\n  if (input.nodeName !== 'TEXTAREA') {\n    return false;\n  }\n  if (typeof browserSupportsTextareaTextNodes === 'undefined') {\n    const textarea: HTMLTextAreaElement = document.createElement('textarea');\n    textarea.value = '1';\n    browserSupportsTextareaTextNodes = !!textarea.firstChild;\n  }\n  return browserSupportsTextareaTextNodes;\n}\n\n/**\n * @param {string} val\n * @param {number} cursorIdx\n * @param {HTMLTextAreaElement|HTMLInputElement} input\n * @return {void}\n */\nexport const insertAtLineStart = (\n  val: string,\n  cursorIdx: number,\n  input: HTMLTextAreaElement | HTMLInputElement,\n): void => {\n  const content = input.value;\n  let startIdx = 0;\n\n  while (cursorIdx--) {\n    let char = content[cursorIdx];\n    if (char === '\\n') {\n      startIdx = cursorIdx + 1;\n      break;\n    }\n  }\n\n  input.focus();\n  input.setRangeText(val, startIdx, startIdx);\n  input.dispatchEvent(new Event('input', { bubbles: true }));\n};\n\n/**\n * @param {HTMLTextAreaElement|HTMLInputElement} input\n * @param {string} text\n * @returns {void}\n */\nexport function insertTextAtPosition(input: HTMLTextAreaElement | HTMLInputElement, text: string): void {\n  // Most of the used APIs only work with the field selected\n  input.focus();\n\n  // IE 8-10\n  if ((document as any).selection) {\n    const ieRange = (document as any).selection.createRange();\n    ieRange.text = text;\n\n    // Move cursor after the inserted text\n    ieRange.collapse(false /* to the end */);\n    ieRange.select();\n\n    return;\n  }\n\n  // Webkit + Edge\n  const isSuccess = document.execCommand && document.execCommand('insertText', false, text);\n  if (!isSuccess) {\n    const start = input.selectionStart!;\n    const end = input.selectionEnd!;\n    // Firefox (non-standard method)\n    if (typeof input.setRangeText === 'function') {\n      input.setRangeText(text);\n    } else {\n      // To make a change we just need a Range, not a Selection\n      const range = document.createRange();\n      const textNode = document.createTextNode(text);\n\n      if (canManipulateViaTextNodes(input)) {\n        let node = input.firstChild;\n\n        // If textarea is empty, just insert the text\n        if (!node) {\n          input.appendChild(textNode);\n        } else {\n          // Otherwise we need to find a nodes for start and end\n          let offset = 0;\n          let startNode = null;\n          let endNode = null;\n\n          while (node && (startNode === null || endNode === null)) {\n            const nodeLength = node.nodeValue!.length;\n\n            // if start of the selection falls into current node\n            if (start >= offset && start <= offset + nodeLength) {\n              range.setStart((startNode = node), start - offset);\n            }\n\n            // if end of the selection falls into current node\n            if (end >= offset && end <= offset + nodeLength) {\n              range.setEnd((endNode = node), end - offset);\n            }\n\n            offset += nodeLength;\n            node = node.nextSibling;\n          }\n\n          // If there is some text selected, remove it as we should replace it\n          if (start !== end) {\n            range.deleteContents();\n          }\n        }\n      }\n\n      // If the node is a textarea and the range doesn't span outside the element\n      //\n      // Get the commonAncestorContainer of the selected range and test its type\n      // If the node is of type `#text` it means that we're still working with text nodes within our textarea element\n      // otherwise, if it's of type `#document` for example it means our selection spans outside the textarea.\n      if (canManipulateViaTextNodes(input) && range.commonAncestorContainer.nodeName === '#text') {\n        // Finally insert a new node. The browser will automatically split start and end nodes into two if necessary\n        range.insertNode(textNode);\n      } else {\n        // If the node is not a textarea or the range spans outside a textarea the only way is to replace the whole value\n        const value = input.value;\n        input.value = value.slice(0, start) + text + value.slice(end);\n      }\n    }\n\n    // Correct the cursor position to be at the end of the insertion\n    input.setSelectionRange(start + text.length, start + text.length);\n\n    // Notify any possible listeners of the change\n    const e = document.createEvent('UIEvent');\n    e.initEvent('input', true, false);\n    input.dispatchEvent(e);\n  }\n}\n"
   ]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uiw/react-md-editor",
-  "version": "3.8.3",
+  "version": "3.8.4",
   "description": "A markdown editor with preview, implemented with React.js and TypeScript.",
   "homepage": "https://uiwjs.github.io/react-md-editor/",
   "author": "kenny wang <wowohoo@qq.com>",

package/src/commands/title1.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import { insertAtLineStart } from '../utils/InsertTextAtPosition';
 import { ICommand, TextState, TextAreaTextApi } from './';
 
 export const title1: ICommand = {
@@ -8,10 +9,10 @@ export const title1: ICommand = {
   buttonProps: { 'aria-label': 'Insert title 1', title: 'Insert title 1' },
   icon: <div style={{ fontSize: 18, textAlign: 'left' }}>Title 1</div>,
   execute: (state: TextState, api: TextAreaTextApi) => {
-    let modifyText = `# ${state.selectedText}\n`;
-    if (!state.selectedText) {
-      modifyText = `# `;
+    if (state.selection.start === 0 || /\n$/.test(state.text)) {
+      api.replaceSelection('# ');
+    } else {
+      insertAtLineStart('# ', state.selection.start, api.textArea);
     }
-    api.replaceSelection(modifyText);
   },
 };

package/src/commands/title2.tsx

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { insertAtLineStart } from '../utils/InsertTextAtPosition';
 import { ICommand, TextState, TextAreaTextApi } from './';
 
 export const title2: ICommand = {
@@ -8,10 +9,10 @@ export const title2: ICommand = {
   buttonProps: { 'aria-label': 'Insert title2', title: 'Insert title 2' },
   icon: <div style={{ fontSize: 16, textAlign: 'left' }}>Title 2</div>,
   execute: (state: TextState, api: TextAreaTextApi) => {
-    let modifyText = `## ${state.selectedText}\n`;
-    if (!state.selectedText) {
-      modifyText = `## `;
+    if (state.selection.start === 0 || /\n$/.test(state.text)) {
+      api.replaceSelection('## ');
+    } else {
+      insertAtLineStart('## ', state.selection.start, api.textArea);
     }
-    api.replaceSelection(modifyText);
   },
 };

package/src/commands/title3.tsx

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { insertAtLineStart } from '../utils/InsertTextAtPosition';
 import { ICommand, TextState, TextAreaTextApi } from './';
 
 export const title3: ICommand = {
@@ -8,10 +9,10 @@ export const title3: ICommand = {
   buttonProps: { 'aria-label': 'Insert title3', title: 'Insert title 3' },
   icon: <div style={{ fontSize: 15, textAlign: 'left' }}>Title 3</div>,
   execute: (state: TextState, api: TextAreaTextApi) => {
-    let modifyText = `### ${state.selectedText}\n`;
-    if (!state.selectedText) {
-      modifyText = `### `;
+    if (state.selection.start === 0 || /\n$/.test(state.text)) {
+      api.replaceSelection('### ');
+    } else {
+      insertAtLineStart('### ', state.selection.start, api.textArea);
     }
-    api.replaceSelection(modifyText);
   },
 };

package/src/commands/title4.tsx

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { insertAtLineStart } from '../utils/InsertTextAtPosition';
 import { ICommand, TextState, TextAreaTextApi } from './';
 
 export const title4: ICommand = {
@@ -8,10 +9,10 @@ export const title4: ICommand = {
   buttonProps: { 'aria-label': 'Insert title4', title: 'Insert title 4' },
   icon: <div style={{ fontSize: 14, textAlign: 'left' }}>Title 4</div>,
   execute: (state: TextState, api: TextAreaTextApi) => {
-    let modifyText = `#### ${state.selectedText}\n`;
-    if (!state.selectedText) {
-      modifyText = `#### `;
+    if (state.selection.start === 0 || /\n$/.test(state.text)) {
+      api.replaceSelection('#### ');
+    } else {
+      insertAtLineStart('#### ', state.selection.start, api.textArea);
     }
-    api.replaceSelection(modifyText);
   },
 };

package/src/commands/title5.tsx

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { insertAtLineStart } from '../utils/InsertTextAtPosition';
 import { ICommand, TextState, TextAreaTextApi } from './';
 
 export const title5: ICommand = {
@@ -8,10 +9,10 @@ export const title5: ICommand = {
   buttonProps: { 'aria-label': 'Insert title5', title: 'Insert title 5' },
   icon: <div style={{ fontSize: 12, textAlign: 'left' }}>Title 5</div>,
   execute: (state: TextState, api: TextAreaTextApi) => {
-    let modifyText = `##### ${state.selectedText}\n`;
-    if (!state.selectedText) {
-      modifyText = `##### `;
+    if (state.selection.start === 0 || /\n$/.test(state.text)) {
+      api.replaceSelection('##### ');
+    } else {
+      insertAtLineStart('##### ', state.selection.start, api.textArea);
     }
-    api.replaceSelection(modifyText);
   },
 };

package/src/commands/title6.tsx

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { insertAtLineStart } from '../utils/InsertTextAtPosition';
 import { ICommand, TextState, TextAreaTextApi } from './';
 
 export const title6: ICommand = {
@@ -8,10 +9,10 @@ export const title6: ICommand = {
   buttonProps: { 'aria-label': 'Insert title6', title: 'Insert title 6' },
   icon: <div style={{ fontSize: 12, textAlign: 'left' }}>Title 6</div>,
   execute: (state: TextState, api: TextAreaTextApi) => {
-    let modifyText = `###### ${state.selectedText}\n`;
-    if (!state.selectedText) {
-      modifyText = `###### `;
+    if (state.selection.start === 0 || /\n$/.test(state.text)) {
+      api.replaceSelection('###### ');
+    } else {
+      insertAtLineStart('###### ', state.selection.start, api.textArea);
     }
-    api.replaceSelection(modifyText);
   },
 };

package/src/utils/InsertTextAtPosition.ts

@@ -10,7 +10,7 @@ let browserSupportsTextareaTextNodes: any;
  * @param {HTMLElement} input
  * @return {boolean}
  */
-function canManipulateViaTextNodes(input: HTMLTextAreaElement | HTMLInputElement) {
+function canManipulateViaTextNodes(input: HTMLTextAreaElement | HTMLInputElement): boolean {
   if (input.nodeName !== 'TEXTAREA') {
     return false;
   }
@@ -22,12 +22,39 @@ function canManipulateViaTextNodes(input: HTMLTextAreaElement | HTMLInputElement
   return browserSupportsTextareaTextNodes;
 }
 
+/**
+ * @param {string} val
+ * @param {number} cursorIdx
+ * @param {HTMLTextAreaElement|HTMLInputElement} input
+ * @return {void}
+ */
+export const insertAtLineStart = (
+  val: string,
+  cursorIdx: number,
+  input: HTMLTextAreaElement | HTMLInputElement,
+): void => {
+  const content = input.value;
+  let startIdx = 0;
+
+  while (cursorIdx--) {
+    let char = content[cursorIdx];
+    if (char === '\n') {
+      startIdx = cursorIdx + 1;
+      break;
+    }
+  }
+
+  input.focus();
+  input.setRangeText(val, startIdx, startIdx);
+  input.dispatchEvent(new Event('input', { bubbles: true }));
+};
+
 /**
  * @param {HTMLTextAreaElement|HTMLInputElement} input
  * @param {string} text
  * @returns {void}
  */
-export function insertTextAtPosition(input: HTMLTextAreaElement | HTMLInputElement, text: string) {
+export function insertTextAtPosition(input: HTMLTextAreaElement | HTMLInputElement, text: string): void {
   // Most of the used APIs only work with the field selected
   input.focus();