elias/strudel
1
0
Fork 0
mirror of https://github.com/eliasstepanik/strudel.git synced 2026-01-11 21:58:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #429 from tidalcycles/minirepl-keyboard-support

Browse Source 
minirepl: add keyboard shortcuts
This commit is contained in:
Felix Roos 2023-02-09 19:22:56 +01:00 committed by GitHub
commit 0da25ea7cc
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 26 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
packages/react/src/components/MiniRepl.jsx
View File

@ -63,6 +63,27 @@ export function MiniRepl({ tune, hideOutsideView = false, enableKeyboard, drawTi
getTime: () => scheduler.now(),
});
// keyboard shortcuts
useKeydown(
useCallback(
async (e) => {
if (view?.hasFocus) {
if (e.ctrlKey || e.altKey) {
if (e.code === 'Enter') {
e.preventDefault();
flash(view);
await activateCode();
} else if (e.code === 'Period') {
stop();
e.preventDefault();
}
}
}
},
[activateCode, stop, view],
),
);
// set active pattern on ctrl+enter
useLayoutEffect(() => {
if (enableKeyboard) {
@ -150,3 +171,8 @@ function useEvent(name, onTrigger, useCapture = false) {
};
}, [onTrigger]);
}
// TODO: dedupe
function useKeydown(onTrigger) {
useEvent('keydown', onTrigger, true);
}