webbrother / react-headless-mde Goto Github PK

  const commandWithoutContext: ICommand = {...};
  const commandWithContext: ICommand<number> = {...};

  const { ref, commandController } = useTextAreaMarkdownEditor({
    commandMap: {
      commandName1: commandWithoutContext,
      commandName2: commandWithContext,
    },
  });

  commandController.executeCommand('commandName1'); // No error
  commandController.executeCommand('commandName1', 42); // Error: only 1 argument expected
  
  commandController.executeCommand('commandName2'); // Error: only 2 arguments expected
  commandController.executeCommand('commandName2', 42); // No error

  class CommandWithoutContext extends BaseCommand {...};
  class CommandWithContext extends BaseCommand<number> {...};

  const { ref, commands {
     commandName1,
     commandName2,
  }} = useTextAreaMarkdownEditor({
    commandMap: {
      commandName1: CommandWithoutContext,
      commandName2: CommandWithContext,
    },
  });

  commandName1(); // No error
  commandName1(42); // Error: 0 arguments expected
  
  commandName2(); // Error: 1 argument expected
  commandName2(42); // No error