feat: Automatic indent on new lines.

Author: jaywcjlove

src/SelectionText.ts

@@ -44,6 +44,14 @@ export class SelectionText {
     }
     return start;
   }
+  /** Indent on new lines */
+  getIndentText() {
+    const start = this.getLineStartNumber();
+    const str = this.getSelectedValue(start);
+    let indent = '';
+    str.replace(/(^(\s)+)/, (str, old) => (indent = old));
+    return indent;
+  }
   lineStarInstert(text: string = '') {
     if (text) {
       const oldStart = this.start;

src/__test__/index.test.tsx

@@ -256,3 +256,32 @@ it('TextareaCodeEditor onKeyDown Tab Multi-Line 2 Input', async () => {
     });
   }
 });
+
+it('TextareaCodeEditor onKeyDown Enter Input', async () => {
+  const example = `\nfunction stopPropagation(e) {\n  e.stopPropagation();\n  e.preventDefault();\n}`;
+  const expected = `\nfunction stopPropagation(e) {\n \n  e.stopPropagation();\n  e.preventDefault();\n}`;
+  const {
+    container: { firstChild },
+  } = render(
+    <TextareaCodeEditor
+      language="js"
+      data-testid="textarea"
+      autoFocus
+      value={example}
+      onKeyDown={(evn) => {
+        expect(evn.code.toLowerCase()).toEqual('enter');
+        console.log(JSON.stringify((evn.target as any).value));
+        expect((evn.target as any).value).toEqual(expected);
+      }}
+    />,
+  );
+
+  if (firstChild && firstChild.firstChild) {
+    (firstChild.firstChild as any).setSelectionRange(32, 32);
+    fireEvent.keyDown(firstChild.firstChild, {
+      key: 'Enter',
+      code: 'Enter',
+      charCode: 13,
+    });
+  }
+});

src/shortcuts.ts

@@ -15,5 +15,10 @@ export default function shortcuts(e: React.KeyboardEvent<HTMLTextAreaElement>) {
       api.insertText('  ').position(api.start + 2, api.end);
     }
     api.notifyChange();
+  } else if (e.code && e.code.toLowerCase() === 'enter') {
+    stopPropagation(e);
+    const indent = `\n${api.getIndentText()}`;
+    api.insertText(indent).position(api.start + indent.length, api.start + indent.length);
+    api.notifyChange();
   }
 }