Make commands statically typed

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-mde",
-  "version": "11.5.0",
+  "version": "12.0.0",
   "description": "React Markdown Editor",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -10,7 +10,7 @@
     "dev": "vite",
     "lint": "pretty-quick",
     "tsc": "tsc",
-    "rollup": "rollup -c",
+    "build": "rollup -c",
     "typecheck": "tsc --noEmit"
   },
   "repository": {

rollup.config.js

@@ -8,11 +8,11 @@ export default [
   {
     input: "src/index.ts",
     output: [
-      // {
-      //     file: packageJson.main,
-      //     format: "cjs",
-      //     sourcemap: true,
-      // },
+      {
+        file: packageJson.main,
+        format: "cjs",
+        sourcemap: true
+      },
       {
         file: packageJson.module,
         format: "esm",

src/commands/command-controller.ts

@@ -1,35 +1,25 @@
-import { extractKeyActivatedCommands } from "./command-utils";
 import { TextController } from "../types/CommandOptions";
-import { Command, CommandContext, CommandMap } from "./command";
+import { CommandContext, CommandMap } from "./command";
 
-export class CommandController {
+export class CommandController<CommandName extends string> {
   private readonly textController: TextController;
-  private readonly commandMap: CommandMap;
-  /**
-   * Names of commands that can be activated by the keyboard
-   */
-  keyActivatedCommands: string[];
+  private readonly commandMap: CommandMap<CommandName>;
+
   /**
    * Indicates whether there is a command currently executing
    */
   isExecuting: boolean = false;
 
-  constructor(textController: TextController, commandMap: CommandMap) {
+  constructor(
+    textController: TextController,
+    commandMap: CommandMap<CommandName>
+  ) {
     this.textController = textController;
     this.commandMap = commandMap;
-    this.keyActivatedCommands = extractKeyActivatedCommands(commandMap);
   }
 
-  getCommand = (name: string): Command => {
-    const command = this.commandMap[name];
-    if (!command) {
-      throw new Error(`Cannot execute command. Command not found: ${name}`);
-    }
-    return command;
-  };
-
   async executeCommand(
-    commandName: string,
+    commandName: CommandName,
     context?: CommandContext
   ): Promise<void> {
     if (this.isExecuting) {

src/hooks/use-markdown-editor.ts

@@ -4,10 +4,10 @@ import { TextAreaTextController } from "../text/textarea-text-controller";
 import { TextController } from "../types/CommandOptions";
 import { CommandMap } from "../commands/command";
 
-export type UseTextAreaMarkdownEditorResult = {
+export type UseTextAreaMarkdownEditorResult<CommandName extends string> = {
   ref: React.RefObject<HTMLTextAreaElement>;
   textController: TextController;
-  commandController: CommandController;
+  commandController: CommandController<CommandName>;
 };
 
 export type UseTextAreaMarkdownEditorOptions<CommandName extends string> = {
@@ -16,7 +16,7 @@ export type UseTextAreaMarkdownEditorOptions<CommandName extends string> = {
 
 export function useTextAreaMarkdownEditor<CommandName extends string>(
   options: UseTextAreaMarkdownEditorOptions<CommandName>
-): UseTextAreaMarkdownEditorResult {
+): UseTextAreaMarkdownEditorResult<CommandName> {
   const textAreaRef = useRef<HTMLTextAreaElement>(null);
 
   const textController = useMemo(() => {