seeclaudecode 1.0.0 → 1.0.2

package/bin/cli.js

@@ -5,6 +5,7 @@ import { dirname, join, resolve } from 'path';
 import { existsSync, statSync, readdirSync } from 'fs';
 import { spawn } from 'child_process';
 import { createInterface } from 'readline';
+import { createServer } from 'net';
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = dirname(__filename);
@@ -97,6 +98,34 @@ function question(prompt) {
   });
 }
 
+// Check if port is available
+function isPortAvailable(port) {
+  return new Promise((resolve) => {
+    const server = createServer();
+    server.once('error', () => resolve(false));
+    server.once('listening', () => {
+      server.close();
+      resolve(true);
+    });
+    server.listen(port);
+  });
+}
+
+// Find an available port starting from the given port
+async function findAvailablePort(startPort) {
+  let currentPort = startPort;
+  const maxAttempts = 10;
+
+  for (let i = 0; i < maxAttempts; i++) {
+    if (await isPortAvailable(currentPort)) {
+      return currentPort;
+    }
+    currentPort++;
+  }
+
+  throw new Error(`Could not find an available port after ${maxAttempts} attempts`);
+}
+
 // Validate directory
 function validateDirectory(dir) {
   const resolved = resolve(dir);
@@ -243,6 +272,13 @@ async function main() {
     targetDir = result.path;
   }
 
+  // Find available port
+  const requestedPort = port;
+  port = await findAvailablePort(port);
+  if (port !== requestedPort) {
+    console.log(`\x1b[33mPort ${requestedPort} is in use, using port ${port} instead\x1b[0m`);
+  }
+
   // Start the server
   startServer(targetDir);
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "seeclaudecode",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Real-time visualization of repository structure - watch Claude Code edit your codebase",
   "main": "server.js",
   "type": "module",

package/public/app.js

@@ -491,10 +491,6 @@ class SeeClaude {
     };
 
     positionNode(this.structure, 0, 0, 50);
-
-    // Reset pan
-    this.panX = 0;
-    this.panY = 0;
   }
 
   getNodeType(node) {
@@ -943,6 +939,9 @@ class SeeClaude {
       this.panY = 0;
       this.updateGraphTransform();
     });
+
+    // Apply saved transform
+    this.updateGraphTransform();
   }
 
   getNodeIcon(type) {