project-compass 2.1.0 → 2.2.0

package/README.md

@@ -1,4 +1,4 @@
-# Project Compass (v2.1.0)
+# Project Compass (v2.2.0)
 
 Project Compass is a futuristic CLI navigator built with [Ink](https://github.com/vadimdemedes/ink) that scans your current folder tree for familiar code projects and gives you one-keystroke access to build, test, or run them.
 
@@ -8,8 +8,8 @@ Project Compass is a futuristic CLI navigator built with [Ink](https://github.co
 - 🎨 Futuristic layout with glyph-based art board and split Projects/Details rows.
 - 🚀 **New Keyboard-Centric UX**: Shortcuts now use **Shift** instead of Ctrl to avoid terminal interference.
 - 💡 **Refined Output**: Improved stdin buffer with proper spacing and reliable scrolling (Shift+↑/↓).
-- 🧠 **Smart Detection**: Support for 12+ frameworks with specialized build/run commands and setup hints.
-- 🔌 **Extensible**: Add custom commands with **C** and frameworks via `plugins.json`.
+- 🧠 **Smart Detection**: Support for 15+ frameworks (Vite, Prisma, Tailwind, etc.) with specialized build/run commands and setup hints.
+- 🔌 **Extensible**: Add custom commands with **Shift+C** and frameworks via `plugins.json`.
 
 ## Installation
 
@@ -30,7 +30,7 @@ project-compass [--dir /path/to/workspace]
 | ↑ / ↓ | Move focus, **Enter**: toggle details |
 | B / T / R | Build / Test / Run |
 | 1‑9 | Execute numbered detail commands |
-| C | Add a custom command (`label|cmd`) |
+| **Shift+C** | Add a custom command (`label|cmd`) |
 | **Shift ↑ / ↓** | Scroll output buffer |
 | **Shift+L** | Rerun last command |
 | **Shift+H** | Toggle help cards |
@@ -45,7 +45,7 @@ Project Compass features a split layout where Projects and Details stay paired w
 
 ## Frameworks
 
-Detects **Next.js**, **React**, **Vue**, **NestJS**, **FastAPI**, **Django**, and more. Recognizes frameworks and injects specialized commands automatically.
+Detects **Next.js**, **React**, **Vue**, **NestJS**, **FastAPI**, **Django**, **Vite**, **Prisma**, **Tailwind**, and more. Recognizes frameworks and injects specialized commands automatically.
 
 ## License
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "project-compass",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "description": "Ink-based project explorer that detects local repos and lets you build/test/run them without memorizing commands.",
   "main": "src/cli.js",
   "type": "module",

package/src/cli.js

@@ -306,11 +306,11 @@ function Compass({rootPath}) {
     }
 
     if (key.shift && key.upArrow) {
-      scrollLogs(-1);
+      scrollLogs(1);
       return;
     }
     if (key.shift && key.downArrow) {
-      scrollLogs(1);
+      scrollLogs(-1);
       return;
     }
 
@@ -342,7 +342,7 @@ function Compass({rootPath}) {
       exit();
       return;
     }
-    if (normalizedInput === 'c' && viewMode === 'detail' && selectedProject) {
+    if (shiftCombo('c') && viewMode === 'detail' && selectedProject) {
       setCustomMode(true);
       setCustomInput('');
       return;
@@ -412,19 +412,19 @@ const projectRows = [];
     detailContent.push(create(Text, {bold: true, marginTop: 1}, 'Commands'));
     detailedIndexed.forEach((command) => {
       detailContent.push(
-        create(Text, {key: `detail-${command.shortcut}-${command.label}`}, `${command.shortcut}. ${command.label} ${command.source === 'custom' ? kleur.magenta('(custom)') : command.source === 'framework' ? kleur.cyan('(framework)') : ''}`)
+        create(Text, {key: `detail-${command.shortcut}-${command.label}`}, `${command.shortcut}. ${command.label} ${command.source === 'custom' ? kleur.magenta('(custom)') : command.source === 'framework' ? kleur.cyan('(framework)') : command.source === 'plugin' ? kleur.green('(plugin)') : ''}`)
       );
       detailContent.push(create(Text, {dimColor: true}, `   ↳ ${command.command.join(' ')}`));
     });
     if (!detailedIndexed.length) {
-      detailContent.push(create(Text, {dimColor: true}, 'No built-in commands yet. Add a custom command with C.'));
+      detailContent.push(create(Text, {dimColor: true}, 'No built-in commands yet. Add a custom command with Shift+C.'));
     }
     const setupHints = selectedProject.extra?.setupHints || [];
     if (setupHints.length) {
       detailContent.push(create(Text, {dimColor: true, marginTop: 1}, 'Setup hints:'));
       setupHints.forEach((hint) => detailContent.push(create(Text, {dimColor: true}, `  • ${hint}`)));
     }
-    detailContent.push(create(Text, {dimColor: true}, 'Press C → label|cmd to save custom actions, Enter to close detail view.'));
+    detailContent.push(create(Text, {dimColor: true}, 'Press Shift+C → label|cmd to save custom actions, Enter to close detail view.'));
   } else {
     detailContent.push(create(Text, {dimColor: true}, 'Press Enter on a project to reveal details (icons, commands, frameworks, custom actions).'));
   }
@@ -546,7 +546,7 @@ const projectRows = [];
       body: [
         recentRuns.length ? `${recentRuns.length} runs recorded` : 'No runs yet · start with B/T/R',
         'Shift+S toggles structure guide',
-        'C save custom action',
+        'Shift+C save custom action',
         'Shift+Q quit application'
       ]
     }
@@ -618,7 +618,7 @@ const projectRows = [];
 
   const toggleHint = showHelpCards ? 'Shift+H hides the help cards' : 'Shift+H shows the help cards';
   const headerHint = viewMode === 'detail'
-    ? `Detail mode · 1-${Math.max(detailedIndexed.length, 1)} to execute, C: add custom commands, Enter: back to list, Shift+Q: quit · ${toggleHint}, Shift+S toggles structure guide`
+    ? `Detail mode · 1-${Math.max(detailedIndexed.length, 1)} to execute, Shift+C: add custom commands, Enter: back to list, Shift+Q: quit · ${toggleHint}, Shift+S toggles structure guide`
     : `Quick run · B/T/R to build/test/run, Enter: view details, Shift+Q: quit · ${toggleHint}, Shift+S toggles structure guide`;
 
   return create(

package/src/projectDetection.js

@@ -323,7 +323,7 @@ const builtInFrameworks = [
     priority: 105,
     match(project) {
       const entry = findPythonEntry(project.path);
-      return Boolean(entry && dependencyMatches(project, 'flask'));
+      return Boolean(entry && (dependencyMatches(project, 'flask') || dependencyMatches(project, 'flask-restful') || dependencyMatches(project, 'flask-cors')));
     },
     commands(project) {
       const entry = findPythonEntry(project.path);
@@ -345,7 +345,7 @@ const builtInFrameworks = [
     priority: 105,
     match(project) {
       const entry = findPythonEntry(project.path);
-      return Boolean(entry && dependencyMatches(project, 'fastapi'));
+      return Boolean(entry && (dependencyMatches(project, 'fastapi') || dependencyMatches(project, 'pydantic') || dependencyMatches(project, 'uvicorn')));
     },
     commands(project) {
       const entry = findPythonEntry(project.path);
@@ -359,6 +359,59 @@ const builtInFrameworks = [
       };
     }
   },
+  {
+    id: 'vite',
+    name: 'Vite',
+    icon: '⚡',
+    description: 'Vite-powered frontend',
+    languages: ['Node.js'],
+    priority: 100,
+    match(project) {
+      return hasProjectFile(project.path, 'vite.config.js') || hasProjectFile(project.path, 'vite.config.ts') || dependencyMatches(project, 'vite');
+    },
+    commands(project) {
+      const commands = {};
+      const add = (key, label, fallback) => {
+        const tokens = resolveScriptCommand(project, key, fallback);
+        if (tokens) {
+          commands[key] = {label, command: tokens, source: 'framework'};
+        }
+      };
+      add('run', 'Vite dev', () => ['npx', 'vite']);
+      add('build', 'Vite build', () => ['npx', 'vite', 'build']);
+      add('preview', 'Vite preview', () => ['npx', 'vite', 'preview']);
+      return commands;
+    }
+  },
+  {
+    id: 'tailwind',
+    name: 'Tailwind CSS',
+    icon: '🎨',
+    description: 'Tailwind utility-first CSS',
+    languages: ['Node.js'],
+    priority: 50,
+    match(project) {
+      return hasProjectFile(project.path, 'tailwind.config.js') || hasProjectFile(project.path, 'tailwind.config.ts') || dependencyMatches(project, 'tailwindcss');
+    },
+    commands() { return {}; }
+  },
+  {
+    id: 'prisma',
+    name: 'Prisma',
+    icon: '◮',
+    description: 'Prisma ORM',
+    languages: ['Node.js'],
+    priority: 50,
+    match(project) {
+      return hasProjectFile(project.path, 'prisma/schema.prisma') || dependencyMatches(project, '@prisma/client');
+    },
+    commands() {
+      return {
+        generate: {label: 'Prisma generate', command: ['npx', 'prisma', 'generate'], source: 'framework'},
+        studio: {label: 'Prisma studio', command: ['npx', 'prisma', 'studio'], source: 'framework'}
+      };
+    }
+  },
   {
     id: 'spring',
     name: 'Spring Boot',