feat(commands): enable cursor offsetting after running command

also add additional commands

web/src/components/MemoEditor/Editor/CommandSuggestions.tsx

@@ -49,6 +49,9 @@ const CommandSuggestions = observer(({ editorRef, editorActions, commands }: Pro
     const [word, index] = getCurrentWord();
     editorActions.current.removeText(index, word.length);
     editorActions.current.insertText(cmd.run());
+    if (cmd.cursorOffset) {
+      editorActions.current.setCursorPosition(cmd.cursorOffset);
+    }
     hide();
   };
 

web/src/components/MemoEditor/Editor/commands.ts

@@ -5,10 +5,36 @@ export const editorCommands: Command[] = [
     name: "todo",
     description: "Insert a task checkbox",
     run: () => "- [ ] ",
+    cursorOffset: 6,
   },
   {
     name: "code",
     description: "Insert a code block",
     run: () => "```\n\n```",
+    cursorOffset: 4,
+  },
+  {
+    name: "link",
+    description: "Insert a link",
+    run: () => "[text](url)",
+    cursorOffset: 1,
+  },
+  {
+    name: "table-2",
+    description: "Insert a table",
+    run: () => "| Header | Header |\n| ------ | ------ |\n| Cell   | Cell |",
+    cursorOffset: 1,
+  },
+  {
+    name: "table-3",
+    description: "Insert a table",
+    run: () => "| Header | Header | Header |\n| ------ | ------ | ------ |\n| Cell   | Cell | Cell |",
+    cursorOffset: 1,
+  },
+  {
+    name: "highlight",
+    description: "Insert highlighted text",
+    run: () => "==text==",
+    cursorOffset: 2,
   },
 ];

web/src/components/MemoEditor/types/command.ts

@@ -2,4 +2,5 @@ export type Command = {
   name: string;
   description?: string;
   run: () => string;
+  cursorOffset?: number;
 };