sandboxbox 3.0.15 → 3.0.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sandboxbox",
-  "version": "3.0.15",
+  "version": "3.0.16",
   "description": "Lightweight process containment sandbox for CLI tools - Playwright, Claude Code, and more. Pure Node.js, no dependencies.",
   "type": "module",
   "main": "cli.js",

package/utils/commands/claude.js

@@ -1,4 +1,4 @@
-import { existsSync } from 'fs';
+import { existsSync, writeFileSync, appendFileSync } from 'fs';
 import { resolve, join } from 'path';
 import { spawn, execSync } from 'child_process';
 import { color } from '../colors.js';
@@ -17,6 +17,50 @@ const ALLOWED_TOOLS = [
   'mcp__vexify__search_code'
 ];
 
+// Console output configuration
+const MAX_CONSOLE_LINES = parseInt(process.env.SANDBOX_MAX_CONSOLE_LINES) || 5;
+const ENABLE_FILE_LOGGING = process.env.SANDBOX_ENABLE_FILE_LOGGING === 'true';
+global.toolCallLog = [];
+global.logFileHandle = null;
+
+// Helper function to log tool calls
+function logToolCall(toolName, action = 'call') {
+  const timestamp = new Date().toISOString();
+  const logEntry = `[${timestamp}] Tool ${action}: ${toolName}`;
+
+  global.toolCallLog.push(logEntry);
+
+  // Keep only the last MAX_CONSOLE_LINES for console display
+  if (global.toolCallLog.length > MAX_CONSOLE_LINES) {
+    global.toolCallLog = global.toolCallLog.slice(-MAX_CONSOLE_LINES);
+  }
+
+  // Optionally log to file
+  if (ENABLE_FILE_LOGGING) {
+    try {
+      if (!global.logFileHandle) {
+        const logFileName = `sandboxbox-tool-calls-${Date.now()}.log`;
+        writeFileSync(logFileName, `# SandboxBox Tool Calls Log\n# Started: ${timestamp}\n\n`);
+        global.logFileHandle = logFileName;
+      }
+      appendFileSync(global.logFileHandle, logEntry + '\n');
+    } catch (error) {
+      // Don't fail if logging fails
+      console.log(color('yellow', `⚠️  Could not write to log file: ${error.message}`));
+    }
+  }
+}
+
+// Helper function to display recent tool calls
+function displayRecentToolCalls() {
+  if (global.toolCallLog.length > 0) {
+    console.log(color('cyan', `\n🔧 Recent tool calls (showing last ${global.toolCallLog.length}):`));
+    global.toolCallLog.forEach(log => {
+      console.log(color('cyan', `   ${log}`));
+    });
+  }
+}
+
 
 export async function claudeCommand(projectDir, prompt) {
   if (!existsSync(projectDir)) {
@@ -99,56 +143,71 @@ export async function claudeCommand(projectDir, prompt) {
       });
 
       let claudeStarted = false;
+      let jsonBuffer = ''; // Buffer for incomplete JSON lines
+
+      function handleEvent(event) {
+        if (event.type === 'system' && event.subtype === 'init') {
+          if (!claudeStarted) {
+            const claudeCreateTime = Date.now() - claudeStartTime;
+            console.log(color('green', `✅ Claude Code started in ${claudeCreateTime}ms`));
+            claudeStarted = true;
+          }
+          console.log(color('green', `✅ Session started (${event.session_id.substring(0, 8)}...)`));
+          console.log(color('cyan', `📦 Model: ${event.model}`));
+          console.log(color('cyan', `🔧 Tools: ${event.tools.length} available`));
+
+          // List available tools
+          if (event.tools && event.tools.length > 0) {
+            const toolNames = event.tools.map(tool => tool.name || tool).sort();
+            console.log(color('yellow', `   Available: ${toolNames.join(', ')}\n`));
+          } else {
+            console.log('');
+          }
+        } else if (event.type === 'assistant' && event.message) {
+          const content = event.message.content;
+          if (Array.isArray(content)) {
+            for (const block of content) {
+              if (block.type === 'text') {
+                process.stdout.write(block.text);
+              } else if (block.type === 'tool_use') {
+                logToolCall(block.name);
+                console.log(color('cyan', `\n🔧 Using tool: ${block.name}`));
+              }
+            }
+          }
+        } else if (event.type === 'result') {
+          const usage = event.usage || {};
+          const cost = event.total_cost_usd || 0;
+          console.log(color('green', `\n\n✅ Completed in ${event.duration_ms}ms`));
+          console.log(color('yellow', `💰 Cost: $${cost.toFixed(4)}`));
+          if (usage.input_tokens) {
+            console.log(color('cyan', `📊 Tokens: ${usage.input_tokens} in, ${usage.output_tokens} out`));
+          }
+        }
+      }
 
       function handleStreamingOutput(data) {
-        const lines = data.toString().split('\n').filter(line => line.trim());
+        jsonBuffer += data.toString();
+
+        // Split by newlines but keep the last incomplete line in buffer
+        const lines = jsonBuffer.split('\n');
+        jsonBuffer = lines.pop() || ''; // Keep last line (might be incomplete)
 
         for (const line of lines) {
+          if (!line.trim()) continue; // Skip empty lines
+
           try {
             const event = JSON.parse(line);
-
-            if (event.type === 'system' && event.subtype === 'init') {
-              if (!claudeStarted) {
-                const claudeCreateTime = Date.now() - claudeStartTime;
-                console.log(color('green', `✅ Claude Code started in ${claudeCreateTime}ms`));
-                claudeStarted = true;
-              }
-              console.log(color('green', `✅ Session started (${event.session_id.substring(0, 8)}...)`));
-              console.log(color('cyan', `📦 Model: ${event.model}`));
-              console.log(color('cyan', `🔧 Tools: ${event.tools.length} available`));
-
-              // List available tools
-              if (event.tools && event.tools.length > 0) {
-                const toolNames = event.tools.map(tool => tool.name || tool).sort();
-                console.log(color('yellow', `   Available: ${toolNames.join(', ')}\n`));
-              } else {
-                console.log('');
-              }
-            } else if (event.type === 'assistant' && event.message) {
-              const content = event.message.content;
-              if (Array.isArray(content)) {
-                for (const block of content) {
-                  if (block.type === 'text') {
-                    process.stdout.write(block.text);
-                  } else if (block.type === 'tool_use') {
-                    console.log(color('cyan', `\n🔧 Using tool: ${block.name}`));
-                  }
-                }
-              }
-            } else if (event.type === 'result') {
-              const usage = event.usage || {};
-              const cost = event.total_cost_usd || 0;
-              console.log(color('green', `\n\n✅ Completed in ${event.duration_ms}ms`));
-              console.log(color('yellow', `💰 Cost: $${cost.toFixed(4)}`));
-              if (usage.input_tokens) {
-                console.log(color('cyan', `📊 Tokens: ${usage.input_tokens} in, ${usage.output_tokens} out`));
-              }
-            }
+            handleEvent(event);
           } catch (jsonError) {
             // Log JSON parsing errors for troubleshooting
             console.log(color('red', `🔍 JSON parse error: ${jsonError.message}`));
-            console.log(color('yellow', `🔍 Problematic line: ${line}`));
-            console.log(color('cyan', '🔍 This suggests an issue with the output stream formatting'));
+            console.log(color('yellow', `🔍 Problematic line (${line.length} chars): ${line.substring(0, 200)}${line.length > 200 ? '...' : ''}`));
+            console.log(color('cyan', `🔍 Buffer state: ${jsonBuffer.length} chars in buffer`));
+
+            // If we can't parse, put the line back in buffer and try to recover
+            jsonBuffer = line + '\n' + jsonBuffer;
+            console.log(color('yellow', `🔍 Attempting to recover - ${jsonBuffer.length} chars in buffer`));
           }
         }
       }
@@ -183,6 +242,20 @@ export async function claudeCommand(projectDir, prompt) {
         const totalTime = sessionEndTime - startTime;
         console.log(color('cyan', `\n⏱️  Stage 4: Session completed in ${totalTime}ms`));
 
+        // Try to parse any remaining data in buffer
+        if (jsonBuffer.trim()) {
+          try {
+            const event = JSON.parse(jsonBuffer);
+            handleEvent(event);
+          } catch (error) {
+            console.log(color('yellow', `⚠️  Could not parse remaining buffer data: ${error.message}`));
+            console.log(color('yellow', `⚠️  Remaining buffer: ${jsonBuffer.substring(0, 100)}...`));
+          }
+        }
+
+        // Display recent tool calls
+        displayRecentToolCalls();
+
         // Performance summary
         console.log(color('cyan', `\n📊 Performance Summary:`));
         console.log(color('cyan', `  • Sandbox creation: ${sandboxCreateTime}ms`));
@@ -190,6 +263,11 @@ export async function claudeCommand(projectDir, prompt) {
         console.log(color('cyan', `  • Claude Code session: ${totalTime - sandboxCreateTime - envCreateTime}ms`));
         console.log(color('cyan', `  • Total time: ${totalTime}ms`));
 
+        // Log file information if enabled
+        if (ENABLE_FILE_LOGGING && global.logFileHandle) {
+          console.log(color('yellow', `📝 Tool calls logged to: ${global.logFileHandle}`));
+        }
+
         cleanup();
         resolve(true);
       });

package/utils/sandbox.js

@@ -190,6 +190,15 @@ export function createSandbox(projectDir) {
   }
 
   const cleanup = () => {
+    // Close any log files that might be open
+    if (global.logFileHandle) {
+      try {
+        appendFileSync(global.logFileHandle, `\n# Session ended: ${new Date().toISOString()}\n`);
+        global.logFileHandle = null;
+      } catch (error) {
+        // Don't fail on log cleanup
+      }
+    }
     rmSync(sandboxDir, { recursive: true, force: true });
   };