Function useMarkdownInput

packages/shared/src/hooks/input/useMarkdownInput.ts:112–665

({
  textareaRef,
  postId,
  sourceId,
  onSubmit,
  onValueUpdate,
  initialContent = '',
  enabledCommand = {},
  editCommentId,
  parentCommentId,
}: UseMarkdownInputProps)

};

export const useMarkdownInput = ({
  textareaRef,
  postId,
  sourceId,
  onSubmit,
  onValueUpdate,
  initialContent = '',
  enabledCommand = {},
  editCommentId,
  parentCommentId,
}: UseMarkdownInputProps): UseMarkdownInput => {
  const dirtyRef = useRef(false);
  const textarea = textareaRef?.current;
  const isLinkEnabled = enabledCommand[MarkdownCommand.Link];
  const isUploadEnabled = enabledCommand[MarkdownCommand.Upload];
  const isMentionEnabled = enabledCommand[MarkdownCommand.Mention];
  const isEmojiEnabled = enabledCommand[MarkdownCommand.Emoji];
  const isGifEnabled = enabledCommand[MarkdownCommand.Gif];
  const [command, setCommand] = useState<TextareaCommand | null>(null);

  // Generate unique storage key for this comment context
  const draftStorageKey = useMemo(() => {
    if (!postId) {
      return null;
    }
    const identifier = editCommentId || parentCommentId || postId;
    return generateStorageKey(StorageTopic.Comment, 'draft', identifier);
  }, [postId, editCommentId, parentCommentId]);

  // Load draft from storage or use initialContent
  const getInitialValue = useCallback(() => {
    if (initialContent) {
      return initialContent;
    }
    if (!draftStorageKey) {
      return '';
    }

    const savedDraft = storageWrapper.getItem(draftStorageKey);
    return savedDraft || '';
  }, [initialContent, draftStorageKey]);

  const [input, setInput] = useState(getInitialValue);
  const [query, setQuery] = useState<string | undefined>(undefined);
  const [emojiQuery, setEmojiQuery] = useState<string | undefined>(undefined);
  const [offset, setOffset] = useState([0, 0]);
  const [selected, setSelected] = useState(0);
  const [selectedEmoji, setSelectedEmoji] = useState(0);
  const { requestMethod } = useRequestProtocol();
  const key = ['user', query, postId, sourceId];
  const { user } = useAuthContext();
  const { displayToast } = useToastNotification();
  const saveTimeoutRef = useRef<ReturnType<typeof setTimeout>>();

  const getCommand = useCallback((): TextareaCommand => {
    if (!command) {
      throw new Error('Markdown command is not initialized');
    }