change shortcut & install prettier in dev

srcbookdev · Sep 11, 2024 · e720c22 · e720c22
1 parent 047a02c
commit e720c22
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 6 deletions.
diff --git a/packages/api/exec.mts b/packages/api/exec.mts
@@ -15,6 +15,7 @@ export type NodeRequestType = BaseExecRequestType & {
 
 export type NPMInstallRequestType = BaseExecRequestType & {
   packages?: Array<string>;
+  args?: Array<string>;
 };
 
 type SpawnCallRequestType = {
@@ -132,10 +133,17 @@ export function tsx(options: NodeRequestType) {
  */
 export function npmInstall(options: NPMInstallRequestType) {
   const { cwd, stdout, stderr, onExit } = options;
-
   const args = options.packages
-    ? ['install', '--include=dev', ...options.packages]
-    : ['install', '--include=dev'];
+    ? ['install', '--include=dev', ...(options.args || []), ...options.packages]
+    : ['install', '--include=dev', ...(options.args || [])];
 
-  return spawnCall({ command: 'npm', cwd, args, stdout, stderr, onExit, env: process.env });
+  return spawnCall({
+    command: 'npm',
+    cwd,
+    args,
+    stdout,
+    stderr,
+    onExit,
+    env: process.env,
+  });
 }
diff --git a/packages/api/session.mts b/packages/api/session.mts
@@ -310,6 +310,7 @@ async function ensurePrettierInstalled(dir: string): Promise<boolean> {
         npmInstall({
           cwd: dir,
           packages: ['prettier'],
+          args: ['--save-dev'],
           stdout: () => {},
           stderr: (err) => console.error(err),
           onExit: (exitCode) => {

diff --git a/packages/web/src/components/cells/code.tsx b/packages/web/src/components/cells/code.tsx
@@ -719,7 +719,7 @@ function CodeEditor({
       keymap.of([
         { key: 'Mod-Enter', run: evaluateModEnter },
         {
-          key: 'Mod-Shift-f',
+          key: 'Shift-Alt-f',
           run: () => {
             formatCell();
             return true;

diff --git a/packages/web/src/components/keyboard-shortcuts-dialog.tsx b/packages/web/src/components/keyboard-shortcuts-dialog.tsx
@@ -44,7 +44,7 @@ export default function KeyboardShortcutsDialog({
               <ShortcutRow keys={['mod', '/']} description="toggle lines comment" />
               <ShortcutRow keys={['alt', '↑']} description="move lines up" />
               <ShortcutRow keys={['alt', '↓']} description="move lines down" />
-              <ShortcutRow keys={['mod', 'shift', 'f']} description="format code" />
+              <ShortcutRow keys={['shift', 'alt', 'f']} description="format code" />
             </div>
           </DialogDescription>
         </DialogHeader>