@evolve.labs/devflow 0.9.0 → 0.9.1

package/lib/constants.js

@@ -1,6 +1,6 @@
 const path = require('node:path');
 
-const VERSION = '0.9.0';
+const VERSION = '0.9.1';
 
 // Root of the installed npm package (where source files live)
 const PACKAGE_ROOT = path.resolve(__dirname, '..');

package/lib/web.js

@@ -1,17 +1,80 @@
 const { execSync, spawn } = require('node:child_process');
 const path = require('node:path');
 const fs = require('node:fs');
-const { PACKAGE_ROOT } = require('./constants');
+const os = require('node:os');
+const { PACKAGE_ROOT, VERSION, WEB_COPY_DIRS, WEB_COPY_FILES } = require('./constants');
+
+/**
+ * When installed via npm, the web/ directory lives inside node_modules.
+ * Next.js/SWC does not properly compile TypeScript files within node_modules,
+ * so we copy the source to ~/.devflow/_web/ (a normal directory) and run from there.
+ */
+function resolveWebDir() {
+  const packageWebDir = path.join(PACKAGE_ROOT, 'web');
+
+  if (!fs.existsSync(packageWebDir)) {
+    return null;
+  }
+
+  // If not inside node_modules, use directly (dev mode / cloned repo)
+  if (!PACKAGE_ROOT.includes('node_modules')) {
+    return packageWebDir;
+  }
+
+  // Running from npm install — copy source to local cache
+  const cacheDir = path.join(os.homedir(), '.devflow', '_web');
+  const versionFile = path.join(cacheDir, '.devflow-version');
+  const cachedVersion = fs.existsSync(versionFile)
+    ? fs.readFileSync(versionFile, 'utf-8').trim()
+    : '';
+
+  if (cachedVersion === VERSION && fs.existsSync(path.join(cacheDir, 'package.json'))) {
+    return cacheDir;
+  }
+
+  console.log('Setting up web dashboard files...');
+
+  // Clean previous cache
+  if (fs.existsSync(cacheDir)) {
+    fs.rmSync(cacheDir, { recursive: true, force: true });
+  }
+  fs.mkdirSync(cacheDir, { recursive: true });
+
+  // Copy source directories
+  for (const dir of WEB_COPY_DIRS) {
+    const srcDir = path.join(PACKAGE_ROOT, dir);
+    const destDir = path.join(cacheDir, dir.replace(/^web\//, ''));
+    if (fs.existsSync(srcDir)) {
+      fs.cpSync(srcDir, destDir, { recursive: true });
+    }
+  }
+
+  // Copy individual files
+  for (const file of WEB_COPY_FILES) {
+    const srcFile = path.join(PACKAGE_ROOT, file);
+    const destFile = path.join(cacheDir, file.replace(/^web\//, ''));
+    if (fs.existsSync(srcFile)) {
+      const destDir = path.dirname(destFile);
+      fs.mkdirSync(destDir, { recursive: true });
+      fs.copyFileSync(srcFile, destFile);
+    }
+  }
+
+  // Write version marker
+  fs.writeFileSync(versionFile, VERSION);
+
+  return cacheDir;
+}
 
 /**
  * devflow web - Start the DevFlow Web Dashboard
  */
 async function webCommand(options) {
   const port = options.port || '3000';
-  const webDir = path.join(PACKAGE_ROOT, 'web');
+  const webDir = resolveWebDir();
 
   // 1. Verify web/ directory exists
-  if (!fs.existsSync(webDir)) {
+  if (!webDir) {
     console.error('Error: Web IDE files not found.');
     console.error('Re-install devflow with: npm install -g @evolve.labs/devflow');
     process.exit(1);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@evolve.labs/devflow",
-  "version": "0.9.0",
+  "version": "0.9.1",
   "description": "Multi-agent system for software development with Claude Code. 6 specialized agents (Strategist, Architect, System Designer, Builder, Guardian, Chronicler) as slash commands.",
   "keywords": [
     "claude-code",

package/web/next.config.js

@@ -1,3 +1,5 @@
+const path = require('path');
+
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   // Enable React strict mode for better development experience
@@ -14,8 +16,14 @@ const nextConfig = {
   // Exclude native modules from client-side bundling
   serverExternalPackages: ['node-pty'],
 
-  // Webpack config for native modules
+  // Webpack config for native modules and path resolution
   webpack: (config, { isServer }) => {
+    // Ensure @/ alias resolves correctly even when running from node_modules
+    config.resolve.alias = {
+      ...config.resolve.alias,
+      '@': path.resolve(__dirname),
+    };
+
     if (!isServer) {
       // Don't bundle node-pty on client side
       config.resolve.fallback = {

package/web/package.json

@@ -1,6 +1,6 @@
 {
   "name": "devflow-ide",
-  "version": "0.9.0",
+  "version": "0.9.1",
   "private": true,
   "scripts": {
     "dev": "./node_modules/.bin/next dev",