[Feature] keyBindings events missing

[sytolk]

Initial checklist

• I agree to follow the code of conduct
• I searched issues and discussions and couldn’t find anything (or linked relevant results below)

Problem

There is no way to handle keydown event like Ctrl+S on focus is in editor

Solution

can we add listener for keydown event?

crepe.on((listener) => {
      listener.onKeydown: (event, ctx) => {
        if (event.ctrlKey && event.key === 's') {
          event.preventDefault();
          // handle Ctrl+S keys 
        }
      }
})

Alternatives

Trying this without success - it works only if focus is not in editor it appears that keydown event is handled in milkdown editor?

 const onKeydown = useCallback(
      (e: KeyboardEvent) => {
        if (e.ctrlKey && e.key === 's') {
          saveDescription();
          return
        }
      }, [])

useEffect(() => {
    window.addEventListener('keydown', onKeydown);
    
    return () => {
      window.removeEventListener('keydown', onKeydown);
    };
}, [onKeydown]);

[Saul-Mirone]

https://milkdown.dev/docs/api/utils#shortcut-shortcut-fnctx-ctx-keymap-shortcut

Example:

milkdown/packages/plugins/preset-commonmark/src/node/heading.ts

Line 195 in 5284c13

export const headingKeymap = $useKeymap('headingKeymap', {

[sytolk]

$useKeymap works. Thanks!

This is my implementation for Crepe editor:

import { commandsCtx } from '@milkdown/kit/core';
import { $useKeymap, $command  } from "@milkdown/kit/utils";

       const saveCommand = $command('saveCommand', (ctx) => (options) => {
          return (state, dispatch) => {
            saveDescription();
            return true;
          }
        });

        const saveKeyMap = $useKeymap("saveKeymap", {
          saveDescription: {
            shortcuts: "Ctrl-s",
            command: (ctx) => {
              const commands = ctx.get(commandsCtx)
              return () => commands.call(saveCommand.key)
            },
          },
        });

        crepe.editor.use([saveCommand,saveKeyMap].flat());