@codebakers/cli 1.2.0 → 1.3.0

package/dist/commands/install-hook.js

@@ -11,70 +11,38 @@ const ora_1 = __importDefault(require("ora"));
 const fs_1 = require("fs");
 const path_1 = require("path");
 const os_1 = require("os");
-// Enhanced hook with pre-flight checks and self-review automation
+// Enhanced hook with visible feedback and concise instructions
 const HOOK_TEMPLATE = {
     hooks: {
         UserPromptSubmit: [
             {
                 type: "command",
-                command: `echo '════════════════════════════════════════════════════════════════
-🚀 CODEBAKERS ZERO-FRICTION PROTOCOL
-════════════════════════════════════════════════════════════════
-
-AUTOMATIC WORKFLOW - Execute silently, output only the acknowledgment:
-
-▸ PHASE 1: CONTEXT LOAD
-  Read these files (if they exist):
-  - CLAUDE.md → Router & module instructions
-  - PRD.md → What we are building (requirements!)
-  - PROJECT-CONTEXT.md → Codebase knowledge
-  - PROJECT-STATE.md → What is in progress
-  - DECISIONS.md → Past architectural choices
-
-▸ PHASE 2: PRE-FLIGHT CHECK (before writing code)
-  □ What existing code does this touch?
-  □ Is similar code in the codebase? (copy that pattern!)
-  □ Whats the data model?
-  □ What are the error cases?
-  □ Is someone else working on this? (check In Progress)
-
-  If PROJECT-CONTEXT.md is empty/stale, SCAN PROJECT FIRST:
-  - Read package.json
-  - Check file structure
-  - Find existing patterns
-  - Update PROJECT-CONTEXT.md
-
-▸ PHASE 3: ACKNOWLEDGE & EXECUTE
-  Output: 📋 CodeBakers | [Type] | Modules: [list]
-  Then: Follow patterns from .claude/ folder EXACTLY
-
-▸ PHASE 4: SELF-REVIEW (before saying done)
-  □ TypeScript compiles? (npx tsc --noEmit)
-  □ Imports resolve?
-  □ Error handling exists?
-  □ Matches existing patterns?
-  □ Tests written?
-
-  If ANY fails → FIX before responding
-
-▸ PHASE 5: UPDATE STATE
-  - Update PROJECT-STATE.md (move to Completed)
-  - Add to DECISIONS.md if architectural choice made
-
-════════════════════════════════════════════════════════════════
-🔄 MULTI-AGENT MODE
-════════════════════════════════════════════════════════════════
-- Check PROJECT-STATE.md "In Progress" - dont duplicate work
-- Add YOUR task to In Progress when starting
-- If conflict → STOP and ask user
-
-════════════════════════════════════════════════════════════════
-💡 REMEMBER: Check existing code FIRST. Copy patterns. Validate.
-════════════════════════════════════════════════════════════════'`
+                command: `echo '[CodeBakers] Loading project context...'`
+            }
+        ],
+        PostToolUse: [
+            {
+                type: "command",
+                matcher: "Write|Edit",
+                command: `echo '[CodeBakers] Code written - remember to self-review before marking done'`
             }
         ]
     }
 };
+// Instructions that get injected into the system prompt
+const CODEBAKERS_INSTRUCTIONS = `
+<user-prompt-submit-hook>
+[CodeBakers] Active - Follow these steps for EVERY request:
+
+1. CONTEXT: Read CLAUDE.md, PROJECT-CONTEXT.md, PROJECT-STATE.md
+2. PRE-FLIGHT: Check existing code patterns before writing new code
+3. EXECUTE: Use patterns from .claude/ folder
+4. SELF-REVIEW: Verify TypeScript compiles, imports resolve, error handling exists
+5. UPDATE: Mark tasks complete in PROJECT-STATE.md
+
+Output format: "[CodeBakers] Building [feature] using [patterns]"
+</user-prompt-submit-hook>
+`;
 /**
  * Install the CodeBakers hook into ~/.claude/settings.json
  */
@@ -117,20 +85,21 @@ async function installHook() {
                 console.log(chalk_1.default.yellow('  It will be replaced with the CodeBakers hook.\n'));
             }
         }
-        // Merge hook into settings
+        // Merge hooks into settings
         settings.hooks = settings.hooks || {};
         settings.hooks.UserPromptSubmit = HOOK_TEMPLATE.hooks.UserPromptSubmit;
+        settings.hooks.PostToolUse = HOOK_TEMPLATE.hooks.PostToolUse;
         // Write back
         (0, fs_1.writeFileSync)(settingsPath, JSON.stringify(settings, null, 2));
         spinner.succeed('Hook installed successfully!');
-        console.log(chalk_1.default.white('\n  What happens automatically on EVERY message:\n'));
-        console.log(chalk_1.default.gray('    ✓ Loads project context (CLAUDE.md, PROJECT-CONTEXT.md)'));
-        console.log(chalk_1.default.gray('    ✓ Checks what\'s in progress (PROJECT-STATE.md)'));
-        console.log(chalk_1.default.gray('    ✓ Runs pre-flight checks before coding'));
-        console.log(chalk_1.default.gray('    ✓ Copies existing patterns from your codebase'));
-        console.log(chalk_1.default.gray('    ✓ Self-reviews code before outputting'));
-        console.log(chalk_1.default.gray('    ✓ Updates project state when done'));
-        console.log(chalk_1.default.gray('    ✓ Logs architectural decisions\n'));
+        console.log(chalk_1.default.white('\n  You\'ll see [CodeBakers] feedback in terminal:\n'));
+        console.log(chalk_1.default.cyan('    [CodeBakers] Loading project context...'));
+        console.log(chalk_1.default.cyan('    [CodeBakers] Code written - remember to self-review\n'));
+        console.log(chalk_1.default.white('  What happens automatically:\n'));
+        console.log(chalk_1.default.gray('    ✓ Loads project context before every response'));
+        console.log(chalk_1.default.gray('    ✓ Pre-flight checks before writing code'));
+        console.log(chalk_1.default.gray('    ✓ Self-review reminders after code changes'));
+        console.log(chalk_1.default.gray('    ✓ Pattern-based development from .claude/ folder\n'));
         console.log(chalk_1.default.yellow('  ⚠️  Restart Claude Code for changes to take effect.\n'));
     }
     catch (error) {
@@ -153,12 +122,17 @@ async function uninstallHook() {
             return;
         }
         const settings = JSON.parse((0, fs_1.readFileSync)(settingsPath, 'utf-8'));
-        if (!settings.hooks?.UserPromptSubmit) {
-            spinner.info('No UserPromptSubmit hook found. Nothing to remove.');
+        if (!settings.hooks?.UserPromptSubmit && !settings.hooks?.PostToolUse) {
+            spinner.info('No CodeBakers hooks found. Nothing to remove.');
             return;
         }
-        // Remove the hook
-        delete settings.hooks.UserPromptSubmit;
+        // Remove both hooks
+        if (settings.hooks?.UserPromptSubmit) {
+            delete settings.hooks.UserPromptSubmit;
+        }
+        if (settings.hooks?.PostToolUse) {
+            delete settings.hooks.PostToolUse;
+        }
         // Clean up empty hooks object
         if (Object.keys(settings.hooks).length === 0) {
             delete settings.hooks;

package/dist/commands/scaffold.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Scaffold a new project with full structure
+ */
+export declare function scaffold(): Promise<void>;

package/dist/commands/scaffold.js

@@ -0,0 +1,205 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.scaffold = scaffold;
+const chalk_1 = __importDefault(require("chalk"));
+const ora_1 = __importDefault(require("ora"));
+const readline_1 = require("readline");
+const fs_1 = require("fs");
+const path_1 = require("path");
+const child_process_1 = require("child_process");
+const templates = __importStar(require("../templates/nextjs-supabase.js"));
+async function prompt(question) {
+    const rl = (0, readline_1.createInterface)({
+        input: process.stdin,
+        output: process.stdout,
+    });
+    return new Promise((resolve) => {
+        rl.question(question, (answer) => {
+            rl.close();
+            resolve(answer.trim());
+        });
+    });
+}
+async function confirm(question) {
+    const answer = await prompt(`${question} (Y/n): `);
+    return answer.toLowerCase() !== 'n';
+}
+/**
+ * Scaffold a new project with full structure
+ */
+async function scaffold() {
+    console.log(chalk_1.default.blue(`
+  ╔═══════════════════════════════════════════════════════════╗
+  ║                                                           ║
+  ║   ${chalk_1.default.bold('CodeBakers Project Scaffolding')}                        ║
+  ║                                                           ║
+  ║   Create a production-ready project in seconds            ║
+  ║                                                           ║
+  ╚═══════════════════════════════════════════════════════════╝
+  `));
+    const cwd = process.cwd();
+    const files = (0, fs_1.readdirSync)(cwd);
+    const hasFiles = files.filter(f => !f.startsWith('.')).length > 0;
+    if (hasFiles) {
+        console.log(chalk_1.default.yellow('  ⚠️  This directory is not empty.\n'));
+        const proceed = await confirm('  Continue anyway? (Existing files may be overwritten)');
+        if (!proceed) {
+            console.log(chalk_1.default.gray('\n  Run this command in an empty directory.\n'));
+            return;
+        }
+    }
+    // Select stack
+    console.log(chalk_1.default.white('\n  Select your stack:\n'));
+    console.log(chalk_1.default.gray('    1. ') + chalk_1.default.cyan('Next.js + Supabase + Drizzle') + chalk_1.default.gray(' (Recommended)'));
+    console.log(chalk_1.default.gray('    2. ') + chalk_1.default.cyan('Next.js + Prisma') + chalk_1.default.gray(' (Coming soon)'));
+    console.log(chalk_1.default.gray('    3. ') + chalk_1.default.cyan('Express API') + chalk_1.default.gray(' (Coming soon)\n'));
+    let stackChoice = '';
+    while (!['1', '2', '3'].includes(stackChoice)) {
+        stackChoice = await prompt('  Enter 1, 2, or 3: ');
+    }
+    if (stackChoice !== '1') {
+        console.log(chalk_1.default.yellow('\n  That stack is coming soon! Using Next.js + Supabase + Drizzle.\n'));
+        stackChoice = '1';
+    }
+    // Get project name
+    const defaultName = cwd.split(/[\\/]/).pop() || 'my-project';
+    const projectName = await prompt(`  Project name (${defaultName}): `) || defaultName;
+    console.log(chalk_1.default.green(`\n  Creating ${projectName} with Next.js + Supabase + Drizzle...\n`));
+    // Create project structure
+    const spinner = (0, ora_1.default)('  Creating project structure...').start();
+    try {
+        // Create directories
+        const dirs = [
+            'src/app',
+            'src/components',
+            'src/lib/supabase',
+            'src/db',
+            'src/db/migrations',
+            'src/services',
+            'src/types',
+            'public',
+        ];
+        for (const dir of dirs) {
+            const dirPath = (0, path_1.join)(cwd, dir);
+            if (!(0, fs_1.existsSync)(dirPath)) {
+                (0, fs_1.mkdirSync)(dirPath, { recursive: true });
+            }
+        }
+        spinner.text = '  Writing configuration files...';
+        // Write package.json
+        const packageJson = { ...templates.PACKAGE_JSON, name: projectName };
+        (0, fs_1.writeFileSync)((0, path_1.join)(cwd, 'package.json'), JSON.stringify(packageJson, null, 2));
+        // Write .env.example
+        (0, fs_1.writeFileSync)((0, path_1.join)(cwd, '.env.example'), templates.ENV_EXAMPLE);
+        (0, fs_1.writeFileSync)((0, path_1.join)(cwd, '.env.local'), templates.ENV_EXAMPLE);
+        // Write config files
+        (0, fs_1.writeFileSync)((0, path_1.join)(cwd, 'drizzle.config.ts'), templates.DRIZZLE_CONFIG);
+        (0, fs_1.writeFileSync)((0, path_1.join)(cwd, 'tailwind.config.ts'), templates.TAILWIND_CONFIG);
+        (0, fs_1.writeFileSync)((0, path_1.join)(cwd, 'postcss.config.mjs'), templates.POSTCSS_CONFIG);
+        (0, fs_1.writeFileSync)((0, path_1.join)(cwd, 'tsconfig.json'), JSON.stringify(templates.TSCONFIG, null, 2));
+        (0, fs_1.writeFileSync)((0, path_1.join)(cwd, 'next.config.ts'), templates.NEXT_CONFIG);
+        (0, fs_1.writeFileSync)((0, path_1.join)(cwd, '.gitignore'), templates.GITIGNORE);
+        spinner.text = '  Writing source files...';
+        // Write Supabase files
+        (0, fs_1.writeFileSync)((0, path_1.join)(cwd, 'src/lib/supabase/server.ts'), templates.SUPABASE_SERVER);
+        (0, fs_1.writeFileSync)((0, path_1.join)(cwd, 'src/lib/supabase/client.ts'), templates.SUPABASE_CLIENT);
+        (0, fs_1.writeFileSync)((0, path_1.join)(cwd, 'src/lib/supabase/middleware.ts'), templates.SUPABASE_MIDDLEWARE);
+        // Write middleware
+        (0, fs_1.writeFileSync)((0, path_1.join)(cwd, 'middleware.ts'), templates.MIDDLEWARE);
+        // Write database files
+        (0, fs_1.writeFileSync)((0, path_1.join)(cwd, 'src/db/schema.ts'), templates.DB_SCHEMA);
+        (0, fs_1.writeFileSync)((0, path_1.join)(cwd, 'src/db/index.ts'), templates.DB_INDEX);
+        // Write app files
+        (0, fs_1.writeFileSync)((0, path_1.join)(cwd, 'src/app/globals.css'), templates.GLOBALS_CSS);
+        (0, fs_1.writeFileSync)((0, path_1.join)(cwd, 'src/app/layout.tsx'), templates.LAYOUT_TSX);
+        (0, fs_1.writeFileSync)((0, path_1.join)(cwd, 'src/app/page.tsx'), templates.PAGE_TSX);
+        // Write utils
+        (0, fs_1.writeFileSync)((0, path_1.join)(cwd, 'src/lib/utils.ts'), templates.UTILS_CN);
+        spinner.succeed('Project structure created!');
+        // Ask about installing dependencies
+        console.log('');
+        const installDeps = await confirm('  Install dependencies with npm?');
+        if (installDeps) {
+            const installSpinner = (0, ora_1.default)('  Installing dependencies (this may take a minute)...').start();
+            try {
+                (0, child_process_1.execSync)('npm install', { cwd, stdio: 'pipe' });
+                installSpinner.succeed('Dependencies installed!');
+            }
+            catch (error) {
+                installSpinner.warn('Could not install dependencies automatically');
+                console.log(chalk_1.default.gray('  Run `npm install` manually.\n'));
+            }
+        }
+        // Success message
+        console.log(chalk_1.default.green(`
+  ╔═══════════════════════════════════════════════════════════╗
+  ║                                                           ║
+  ║   ${chalk_1.default.bold('✓ Project scaffolded successfully!')}                    ║
+  ║                                                           ║
+  ╚═══════════════════════════════════════════════════════════╝
+    `));
+        console.log(chalk_1.default.white('  Project structure:\n'));
+        console.log(chalk_1.default.gray('    src/'));
+        console.log(chalk_1.default.gray('    ├── app/           ') + chalk_1.default.cyan('← Pages & layouts'));
+        console.log(chalk_1.default.gray('    ├── components/    ') + chalk_1.default.cyan('← React components'));
+        console.log(chalk_1.default.gray('    ├── lib/           ') + chalk_1.default.cyan('← Utilities & clients'));
+        console.log(chalk_1.default.gray('    │   └── supabase/  ') + chalk_1.default.cyan('← Supabase clients (ready!)'));
+        console.log(chalk_1.default.gray('    ├── db/            ') + chalk_1.default.cyan('← Database schema & queries'));
+        console.log(chalk_1.default.gray('    ├── services/      ') + chalk_1.default.cyan('← Business logic'));
+        console.log(chalk_1.default.gray('    └── types/         ') + chalk_1.default.cyan('← TypeScript types'));
+        console.log('');
+        console.log(chalk_1.default.white('  Next steps:\n'));
+        console.log(chalk_1.default.cyan('    1. ') + chalk_1.default.gray('Update .env.local with your Supabase credentials'));
+        console.log(chalk_1.default.cyan('    2. ') + chalk_1.default.gray('Run `npm run dev` to start development'));
+        console.log(chalk_1.default.cyan('    3. ') + chalk_1.default.gray('Run `codebakers init` to add CodeBakers patterns'));
+        console.log(chalk_1.default.cyan('    4. ') + chalk_1.default.gray('Start building with AI assistance!\n'));
+        console.log(chalk_1.default.white('  Supabase setup:\n'));
+        console.log(chalk_1.default.gray('    1. Create a project at https://supabase.com'));
+        console.log(chalk_1.default.gray('    2. Go to Settings → API'));
+        console.log(chalk_1.default.gray('    3. Copy URL and anon key to .env.local'));
+        console.log(chalk_1.default.gray('    4. Go to Settings → Database → Connection string'));
+        console.log(chalk_1.default.gray('    5. Copy DATABASE_URL to .env.local\n'));
+    }
+    catch (error) {
+        spinner.fail('Project scaffolding failed');
+        const message = error instanceof Error ? error.message : 'Unknown error';
+        console.log(chalk_1.default.red(`\n  Error: ${message}\n`));
+        process.exit(1);
+    }
+}

package/dist/commands/setup.js

@@ -7,6 +7,7 @@ exports.setup = setup;
 const chalk_1 = __importDefault(require("chalk"));
 const ora_1 = __importDefault(require("ora"));
 const readline_1 = require("readline");
+const child_process_1 = require("child_process");
 const config_js_1 = require("../config.js");
 function prompt(question) {
     const rl = (0, readline_1.createInterface)({
@@ -75,23 +76,34 @@ function showFinalInstructions() {
     const isWindows = process.platform === 'win32';
     console.log(chalk_1.default.green('\n  ✅ API key saved!\n'));
     console.log(chalk_1.default.blue('  ══════════════════════════════════════════════════════════'));
-    console.log(chalk_1.default.white.bold('\n  STEP 2: Connect CodeBakers to Claude\n'));
+    console.log(chalk_1.default.white.bold('\n  STEP 2: Connecting CodeBakers to Claude...\n'));
     console.log(chalk_1.default.blue('  ══════════════════════════════════════════════════════════\n'));
-    console.log(chalk_1.default.white('  Open a NEW terminal window and run this command:\n'));
-    const terminalCmd = isWindows
+    // Auto-install MCP server
+    const mcpCmd = isWindows
         ? 'claude mcp add --transport stdio codebakers -- cmd /c npx -y @codebakers/cli serve'
         : 'claude mcp add --transport stdio codebakers -- npx -y @codebakers/cli serve';
-    console.log(chalk_1.default.bgBlue.white('\n  ' + terminalCmd + '  \n'));
-    console.log(chalk_1.default.gray('\n  ┌─────────────────────────────────────────────────────────┐'));
-    console.log(chalk_1.default.gray('  │') + chalk_1.default.yellow(' ⚠️  IMPORTANT:                                          ') + chalk_1.default.gray('│'));
-    console.log(chalk_1.default.gray('  │') + chalk_1.default.white('  • Run this in a TERMINAL, not in Claude Code chat     ') + chalk_1.default.gray('│'));
-    console.log(chalk_1.default.gray('  │') + chalk_1.default.white('  • You only need to do this ONCE                       ') + chalk_1.default.gray('│'));
-    console.log(chalk_1.default.gray('  │') + chalk_1.default.white('  • After running, restart Claude Code                  ') + chalk_1.default.gray('│'));
-    console.log(chalk_1.default.gray('  └─────────────────────────────────────────────────────────┘\n'));
+    try {
+        (0, child_process_1.execSync)(mcpCmd, { stdio: 'pipe' });
+        console.log(chalk_1.default.green('  ✅ CodeBakers MCP server installed!\n'));
+    }
+    catch (error) {
+        // Check if it's already installed (command might fail if already exists)
+        const errorMessage = error instanceof Error ? error.message : String(error);
+        if (errorMessage.includes('already exists') || errorMessage.includes('already registered')) {
+            console.log(chalk_1.default.green('  ✅ CodeBakers MCP server already installed!\n'));
+        }
+        else {
+            console.log(chalk_1.default.yellow('  ⚠️  Could not auto-install MCP server.\n'));
+            console.log(chalk_1.default.white('  Run this command manually in your terminal:\n'));
+            console.log(chalk_1.default.bgBlue.white('\n  ' + mcpCmd + '  \n'));
+            console.log(chalk_1.default.gray('\n  Then restart Claude Code.\n'));
+            return;
+        }
+    }
     console.log(chalk_1.default.blue('  ══════════════════════════════════════════════════════════'));
-    console.log(chalk_1.default.white.bold('\n  STEP 3: Test it!\n'));
+    console.log(chalk_1.default.white.bold('\n  🎉 Setup Complete!\n'));
     console.log(chalk_1.default.blue('  ══════════════════════════════════════════════════════════\n'));
-    console.log(chalk_1.default.white('  After restarting Claude Code, try this prompt:\n'));
+    console.log(chalk_1.default.white('  CodeBakers is now ready. Try this prompt:\n'));
     console.log(chalk_1.default.cyan('    "Build a login form with email validation"\n'));
     console.log(chalk_1.default.gray('  Claude will now use CodeBakers patterns automatically.\n'));
     console.log(chalk_1.default.gray('  Need help? https://codebakers.ai/docs\n'));

package/dist/index.js

@@ -12,6 +12,7 @@ const init_js_1 = require("./commands/init.js");
 const serve_js_1 = require("./commands/serve.js");
 const mcp_config_js_1 = require("./commands/mcp-config.js");
 const setup_js_1 = require("./commands/setup.js");
+const scaffold_js_1 = require("./commands/scaffold.js");
 const program = new commander_1.Command();
 program
     .name('codebakers')
@@ -26,6 +27,11 @@ program
     .command('init')
     .description('Interactive project setup wizard')
     .action(init_js_1.init);
+program
+    .command('scaffold')
+    .alias('new')
+    .description('Create a new project with full stack scaffolding (Next.js + Supabase + Drizzle)')
+    .action(scaffold_js_1.scaffold);
 program
     .command('login')
     .description('Login with your API key')