Fix window space bug and released (#1321)

Author: Kitenite

apps/studio/electron/main/bun/index.ts

@@ -5,10 +5,9 @@ import { __dirname } from '../index';
 import { replaceCommand } from './parse';
 
 export const getBunExecutablePath = (): string => {
-    const platform = process.platform;
     const arch = process.arch === 'arm64' ? 'aarch64' : process.arch;
     const isProduction = app.isPackaged;
-    const binName = platform === 'win32' ? `bun.exe` : `bun-${arch}`;
+    const binName = process.platform === 'win32' ? `bun.exe` : `bun-${arch}`;
 
     const bunPath = isProduction
         ? path.join(process.resourcesPath, 'bun', binName)
@@ -32,8 +31,8 @@ export const runBunCommand = (
     command: string,
     options: RunBunCommandOptions,
 ): Promise<{ stdout: string; stderr: string }> => {
-    const bunBinary = getBunExecutablePath();
-    const commandToExecute = replaceCommand(command, bunBinary);
+    const commandToExecute = getBunCommand(command);
+    const shell = process.platform === 'win32' ? 'powershell.exe' : 'bash';
 
     return new Promise((resolve, reject) => {
         exec(
@@ -44,7 +43,8 @@ export const runBunCommand = (
                     ...options.env,
                     ...process.env,
                 },
-                maxBuffer: 1024 * 1024 * 10, // 10MB buffer to handle larger outputs
+                maxBuffer: 1024 * 1024 * 10,
+                shell,
             },
             (error: Error | null, stdout: string, stderr: string) => {
                 // Call the callbacks with the complete output

apps/studio/electron/main/bun/parse.ts

@@ -7,6 +7,11 @@ export const replaceCommand = (command: string, newCommand: string): string => {
     const finalCommand =
         (packageManagers.includes(cmdName?.toString() || '') ? newCommand : cmdName) || '';
 
-    // Use shell-quote's quote function to properly handle quoted arguments
+    // For Windows, add '&' to the command to handle special characters
+    if (process.platform === 'win32') {
+        return (
+            '& ' + quote([finalCommand.toString(), ...cmdArgs.map((arg) => arg?.toString() || '')])
+        );
+    }
     return quote([finalCommand.toString(), ...cmdArgs.map((arg) => arg?.toString() || '')]);
 };

apps/studio/package.json

@@ -1,7 +1,7 @@
 {
     "productName": "Onlook",
     "name": "@onlook/studio",
-    "version": "0.1.45",
+    "version": "0.1.46",
     "homepage": "https://onlook.com",
     "main": "dist-electron/main/index.js",
     "description": "The first-ever devtool for designers",

apps/studio/src/lib/editor/engine/chat/code.ts

@@ -63,6 +63,9 @@ export class ChatCodeManager {
         }
 
         this.chat.suggestions.shouldHide = false;
+        setTimeout(() => {
+            this.editorEngine.webviews.reloadWebviews();
+        }, 500);
         sendAnalytics('apply code change');
     }
 
@@ -96,6 +99,9 @@ export class ChatCodeManager {
         message.applied = false;
         this.chat.conversation.current?.updateMessage(message);
         this.chat.conversation.saveConversationToStorage();
+        setTimeout(() => {
+            this.editorEngine.webviews.reloadWebviews();
+        }, 500);
         sendAnalytics('revert code change');
     }
 

apps/studio/src/lib/editor/engine/webview/index.ts

@@ -182,4 +182,10 @@ export class WebviewManager {
         this.editorEngine?.ast?.mappings?.remove(id);
         this.editorEngine?.errors.clearErrors(id);
     }
+
+    reloadWebviews() {
+        for (const webview of this.selected) {
+            webview.reload();
+        }
+    }
 }

apps/studio/src/routes/editor/Toolbar/Terminal/index.tsx

@@ -1,7 +1,7 @@
 import { useProjectsManager } from '@/components/Context';
 import { useTheme } from '@/components/ThemeProvider';
 import type { RunManager, TerminalMessage } from '@/lib/projects/run';
-import { MainChannels, TerminalCommands } from '@onlook/models/constants';
+import { MainChannels } from '@onlook/models/constants';
 import { RunState } from '@onlook/models/run';
 import { cn } from '@onlook/ui/utils';
 import { Terminal as XTerm, type ITheme } from '@xterm/xterm';
@@ -96,10 +96,6 @@ const Terminal = observer(({ hidden = false }: TerminalProps) => {
 
         // Set up event listeners
         term.onData((data) => {
-            if (data === TerminalCommands.CTRL_C) {
-                runner.stop();
-                return;
-            }
             runner.handleTerminalInput(data);
         });