Function onKeyDown

packages/shared/src/hooks/input/useMarkdownInput.ts:442–524

(e)

  };

  const onKeyDown: KeyboardEventHandler<HTMLTextAreaElement> = async (e) => {
    const isSpecialKey = e.ctrlKey || e.metaKey;

    if (isSpecialKey) {
      switch (e.key) {
        case 'b': {
          e.preventDefault();
          return await getCommand().replaceWord(
            getStyleReplacement('**'),
            onUpdate,
          );
        }
        case 'i': {
          e.preventDefault();
          return await getCommand().replaceWord(
            getStyleReplacement('_'),
            onUpdate,
          );
        }
        case 'k': {
          e.preventDefault();
          e.stopPropagation();
          return await onLinkCommand?.();
        }
        default:
          break;
      }
    }

    const isSubmitting =
      isSpecialKey && e.key === KeyboardCommand.Enter && input?.length;

    if (onSubmit && isSubmitting) {
      return onSubmit(e);
    }

    const isNavigatingPopup =
      e.key === KeyboardCommand.Enter ||
      Y_AXIS_KEYS.includes(e.key as ArrowKey);

    const hasMentions = mentions?.length > 0;
    const hasEmojis = !!emojiQuery;

    if (!isNavigatingPopup || (!hasMentions && !hasEmojis)) {
      return e.stopPropagation(); // to stop app navigation
    }

    e.preventDefault();

    const arrowKey = e.key as ArrowKey;

    if (Y_AXIS_KEYS.includes(e.key as ArrowKey)) {
      if (arrowKey === ArrowKey.Up) {
        if (hasMentions) {
          setSelected((selected - 1 + mentions.length) % mentions.length);
        } else if (hasEmojis) {
          setSelectedEmoji(
            (selectedEmoji - 1 + emojiData.length) % emojiData.length,