@leanspec/ui 0.2.15 → 0.2.16

package/bin/leanspec-ui.js

@@ -2,20 +2,27 @@
 /**
  * LeanSpec UI Launcher
  * 
- * This script serves the pre-built Vite UI using a simple HTTP server.
+ * This script:
+ * 1. Starts the Rust HTTP server (API backend on port 3333)
+ * 2. Serves the pre-built Vite UI on port 3000
+ * 
  * For development, use `npm run dev` or `pnpm dev` instead.
  */
 
+import { spawn } from 'child_process';
 import { createServer } from 'http';
 import { readFileSync, existsSync } from 'fs';
 import { join, dirname, extname } from 'path';
 import { fileURLToPath } from 'url';
+import { createRequire } from 'module';
 
+const require = createRequire(import.meta.url);
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = dirname(__filename);
 
 // Configuration
-const PORT = process.env.PORT || 3000;
+const UI_PORT = process.env.PORT || 3000;
+const API_PORT = process.env.API_PORT || 3333;
 const DIST_DIR = join(__dirname, '..', 'dist');
 
 // MIME types
@@ -110,17 +117,75 @@ if (!existsSync(DIST_DIR)) {
   process.exit(1);
 }
 
-server.listen(PORT, () => {
-  console.log(`🚀 LeanSpec UI running at http://localhost:${PORT}`);
+// Start the Rust HTTP server (API backend)
+let httpServerProcess;
+try {
+  // Try to resolve @leanspec/http-server
+  const httpServerPath = require.resolve('@leanspec/http-server/bin/leanspec-http.js');
+  
+  console.log('🚀 Starting LeanSpec HTTP server...');
+  httpServerProcess = spawn('node', [httpServerPath], {
+    stdio: 'inherit',
+    env: { ...process.env, PORT: API_PORT.toString() }
+  });
+
+  httpServerProcess.on('error', (err) => {
+    console.error('Failed to start HTTP server:', err.message);
+    console.error('\nThe UI requires @leanspec/http-server to function.');
+    console.error('Install it with: npm install @leanspec/http-server');
+    process.exit(1);
+  });
+
+  // Wait a moment for the HTTP server to start
+  await new Promise(resolve => setTimeout(resolve, 1000));
+
+} catch (err) {
+  console.error('Error: @leanspec/http-server not found');
+  console.error('The UI requires the HTTP server to provide API functionality.');
+  console.error('');
+  console.error('Install it with:');
+  console.error('  npm install -g @leanspec/http-server');
+  console.error('');
+  console.error('Or install both together:');
+  console.error('  npm install -g lean-spec @leanspec/http-server @leanspec/ui');
+  process.exit(1);
+}
+
+// Start the UI server
+server.listen(UI_PORT, () => {
+  console.log('');
+  console.log(`✅ LeanSpec is running!`);
+  console.log(`   UI:  http://localhost:${UI_PORT}`);
+  console.log(`   API: http://localhost:${API_PORT}`);
+  console.log('');
   console.log(`Press Ctrl+C to stop`);
 });
 
 server.on('error', (err) => {
   if (err.code === 'EADDRINUSE') {
-    console.error(`Error: Port ${PORT} is already in use`);
+    console.error(`Error: Port ${UI_PORT} is already in use`);
     console.error('Try setting a different port: PORT=3001 npx @leanspec/ui');
   } else {
     console.error('Server error:', err);
   }
+  if (httpServerProcess) {
+    httpServerProcess.kill();
+  }
   process.exit(1);
 });
+
+// Cleanup on exit
+process.on('SIGINT', () => {
+  console.log('\n\nShutting down...');
+  if (httpServerProcess) {
+    httpServerProcess.kill();
+  }
+  process.exit(0);
+});
+
+process.on('SIGTERM', () => {
+  if (httpServerProcess) {
+    httpServerProcess.kill();
+  }
+  process.exit(0);
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leanspec/ui",
-  "version": "0.2.15",
+  "version": "0.2.16",
   "description": "LeanSpec web UI launcher for visual spec management (Vite SPA)",
   "type": "module",
   "bin": {
@@ -23,7 +23,8 @@
   },
   "dependencies": {
     "@dagrejs/dagre": "^1.1.8",
-    "@leanspec/ui-components": "^0.2.11",
+    "@leanspec/http-server": "^0.2.15",
+    "@leanspec/ui-components": "^0.2.15",
     "@radix-ui/react-tooltip": "^1.2.8",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",