Custom Keyboard Shortcuts

[ThatOneCoder20]

Hello Chainlit Devs, is there any way for me to create custom keyboard shortcuts to perform certain functions, eg. alt + s will open the sidebar. Thx

[dokterbob]

@dosu Any idea?

[dosubot]

You can create custom keyboard shortcuts in Chainlit by adding a keyboard event listener in your JavaScript code. Here's a basic example of how you might implement a custom shortcut, such as Alt + S to open a sidebar:

window.addEventListener("keydown", (e) => {
  if (e.altKey && e.key === "s") { // Custom shortcut: Alt + S
    // Your logic to open the sidebar
    console.log("Sidebar opened!");
  }
});

This code listens for the keydown event and checks if the Alt key and the S key are pressed simultaneously. You can replace the console.log with the actual function you want to trigger, such as opening a sidebar. This approach allows you to define any custom keyboard shortcuts you need.

To continue talking to Dosu, mention @dosu.

[ThatOneCoder20]

@dosu That's only part of the code. I also need the logic to open the sidebar.

[dosubot]

A maintainer has already been looped in.

To continue talking to Dosu, mention @dosu.