codebakers 4.1.0 → 4.3.0

package/dist/index.js

@@ -2177,6 +2177,24 @@ var INTENT_PATTERNS = [
     weight: 8
   },
   // ═══════════════════════════════════════════════════════════════════════════
+  // WEBSITE REVIEW - Audit a website URL
+  // ═══════════════════════════════════════════════════════════════════════════
+  {
+    intent: "website-review",
+    patterns: [
+      /\b(review|audit|check|analyze|scan)\b.*\b(website|site|url|page|webpage)\b/i,
+      /\b(website|site|url|page)\b.*\b(review|audit|check|issues|seo|accessibility)\b/i,
+      /\bseo\s*(audit|check|review|analysis)\b/i,
+      /\baccessibility\s*(audit|check|review)\b/i,
+      /\bcheck\s*(this\s*)?(url|site|website)\b/i,
+      /\bwhat('s| is)\s*wrong\s*with\s*(this\s*)?(website|site|url)\b/i,
+      /\breview\s+(https?:\/\/|www\.)/i,
+      /\baudit\s+(https?:\/\/|www\.)/i
+    ],
+    keywords: ["review website", "audit website", "check site", "seo audit", "accessibility check", "website issues", "scan url"],
+    weight: 9
+  },
+  // ═══════════════════════════════════════════════════════════════════════════
   // PATTERNS - Pattern rules
   // ═══════════════════════════════════════════════════════════════════════════
   {
@@ -5259,6 +5277,161 @@ Respond with ONLY valid JSON:
       };
     }
   }
+  // ============================================================================
+  // WEBSITE REVIEW/AUDIT
+  // ============================================================================
+  async reviewWebsite(url) {
+    const html = await this.fetchURL(url);
+    if (!html) {
+      return {
+        url,
+        score: 0,
+        issues: [{ category: "error", severity: "error", message: "Unable to fetch URL" }],
+        suggestions: [],
+        seoAnalysis: null,
+        accessibilityAnalysis: null,
+        performanceHints: []
+      };
+    }
+    const prompt = `Review this website HTML for issues, best practices, SEO, and accessibility.
+
+URL: ${url}
+
+HTML:
+${html.slice(0, 4e4)}
+
+Analyze and respond with ONLY valid JSON:
+{
+  "score": 85,
+  "issues": [
+    {"category": "seo", "severity": "warning", "message": "Missing meta description", "fix": "Add <meta name='description'>"},
+    {"category": "accessibility", "severity": "error", "message": "Images missing alt text", "fix": "Add alt attributes to all images"},
+    {"category": "performance", "severity": "warning", "message": "Large inline styles", "fix": "Move to external CSS"},
+    {"category": "security", "severity": "error", "message": "Mixed content (http in https)", "fix": "Use https for all resources"},
+    {"category": "html", "severity": "warning", "message": "Invalid HTML structure", "fix": "Fix nesting issues"}
+  ],
+  "suggestions": [
+    "Add Open Graph tags for social sharing",
+    "Implement lazy loading for images",
+    "Add structured data markup"
+  ],
+  "seoAnalysis": {
+    "title": "Page title here",
+    "titleLength": 55,
+    "hasMetaDescription": true,
+    "metaDescriptionLength": 150,
+    "hasCanonical": false,
+    "hasOpenGraph": false,
+    "headingStructure": "H1 > H2 > H3 (good)",
+    "keywordDensity": "moderate"
+  },
+  "accessibilityAnalysis": {
+    "hasSkipLink": false,
+    "imagesWithAlt": 8,
+    "imagesWithoutAlt": 3,
+    "formLabels": "all labeled",
+    "colorContrast": "needs review",
+    "keyboardNavigation": "partial"
+  },
+  "performanceHints": [
+    "Compress images",
+    "Minify CSS/JS",
+    "Enable caching headers"
+  ]
+}`;
+    const response = await this.anthropic.messages.create({
+      model: "claude-sonnet-4-20250514",
+      max_tokens: 4096,
+      messages: [{ role: "user", content: prompt }]
+    });
+    const content = response.content[0]?.type === "text" ? response.content[0].text : "";
+    try {
+      const jsonStr = content.replace(/```json\n?|\n?```/g, "").trim();
+      return { url, ...JSON.parse(jsonStr) };
+    } catch {
+      return {
+        url,
+        score: 0,
+        issues: [{ category: "error", severity: "error", message: "Unable to analyze website" }],
+        suggestions: [],
+        seoAnalysis: null,
+        accessibilityAnalysis: null,
+        performanceHints: []
+      };
+    }
+  }
+  formatWebsiteReview(review) {
+    let output = "\n";
+    output += colors.muted("  \u256D\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u256E\n");
+    output += colors.muted("  \u2502") + colors.white(" \u{1F310} Website Review                              ") + colors.muted("\u2502\n");
+    output += colors.muted("  \u2570\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u256F\n\n");
+    output += colors.muted(`  URL: ${review.url}
+
+`);
+    const scoreColor = review.score >= 80 ? colors.success : review.score >= 60 ? colors.warning : colors.error;
+    output += colors.white("  Score: ") + scoreColor(`${review.score}/100
+
+`);
+    if (review.issues && review.issues.length > 0) {
+      output += colors.white("  Issues Found:\n");
+      const categories = ["error", "security", "accessibility", "seo", "performance", "html"];
+      for (const cat of categories) {
+        const catIssues = review.issues.filter((i) => i.category === cat || i.severity === cat);
+        if (catIssues.length > 0) {
+          for (const issue of catIssues.slice(0, 3)) {
+            const icon = issue.severity === "error" ? colors.error("\u2717") : colors.warning("\u26A0");
+            output += `    ${icon} ${colors.muted(`[${issue.category}]`)} ${issue.message}
+`;
+            if (issue.fix) {
+              output += colors.dim(`      \u2192 ${issue.fix}
+`);
+            }
+          }
+        }
+      }
+      output += "\n";
+    }
+    if (review.seoAnalysis) {
+      output += colors.white("  SEO:\n");
+      const seo = review.seoAnalysis;
+      output += colors.muted(`    Title: ${seo.title || "Missing"} (${seo.titleLength || 0} chars)
+`);
+      output += colors.muted(`    Meta Description: ${seo.hasMetaDescription ? "\u2713" : "\u2717"}
+`);
+      output += colors.muted(`    Open Graph: ${seo.hasOpenGraph ? "\u2713" : "\u2717"}
+`);
+      output += colors.muted(`    Headings: ${seo.headingStructure || "Unknown"}
+
+`);
+    }
+    if (review.accessibilityAnalysis) {
+      output += colors.white("  Accessibility:\n");
+      const a11y = review.accessibilityAnalysis;
+      output += colors.muted(`    Images with alt: ${a11y.imagesWithAlt || 0}/${(a11y.imagesWithAlt || 0) + (a11y.imagesWithoutAlt || 0)}
+`);
+      output += colors.muted(`    Skip link: ${a11y.hasSkipLink ? "\u2713" : "\u2717"}
+`);
+      output += colors.muted(`    Form labels: ${a11y.formLabels || "Unknown"}
+
+`);
+    }
+    if (review.suggestions && review.suggestions.length > 0) {
+      output += colors.white("  Suggestions:\n");
+      for (const suggestion of review.suggestions.slice(0, 5)) {
+        output += colors.dim(`    \u2022 ${suggestion}
+`);
+      }
+      output += "\n";
+    }
+    if (review.performanceHints && review.performanceHints.length > 0) {
+      output += colors.white("  Performance Tips:\n");
+      for (const hint of review.performanceHints.slice(0, 3)) {
+        output += colors.dim(`    \u2022 ${hint}
+`);
+      }
+    }
+    return output;
+  }
   async buildFromURL(url, specificSection) {
     const html = await this.fetchURL(url);
     if (!html) {
@@ -9804,7 +9977,32 @@ var VercelService = class {
 };
 
 // src/index.ts
-var VERSION = "4.1.0";
+import * as readline from "readline";
+var VERSION = "4.3.0";
+async function showChatInput() {
+  return new Promise((resolve) => {
+    const width = Math.min(process.stdout.columns || 80, 70);
+    const innerWidth = width - 4;
+    console.log("");
+    console.log(colors.primary(`  \u256D${"\u2500".repeat(innerWidth)}\u256E`));
+    const rl = readline.createInterface({
+      input: process.stdin,
+      output: process.stdout,
+      terminal: true
+    });
+    rl.on("SIGINT", () => {
+      rl.close();
+      console.log(colors.primary(`  \u2570${"\u2500".repeat(innerWidth)}\u256F`));
+      resolve(null);
+    });
+    process.stdout.write(colors.primary("  \u2502 ") + colors.dim("\u203A "));
+    rl.question("", (answer) => {
+      rl.close();
+      console.log(colors.primary(`  \u2570${"\u2500".repeat(innerWidth)}\u256F`));
+      resolve(answer);
+    });
+  });
+}
 async function main() {
   const config = new Config();
   const args = process.argv.slice(2);
@@ -9878,17 +10076,11 @@ async function main() {
   console.log(colors.dim("  Just tell me what you want to build or do."));
   console.log(colors.dim("  Type /help to see examples."));
   console.log("");
-  const terminalHeight = process.stdout.rows || 24;
-  const paddingLines = Math.max(0, terminalHeight - 14);
-  console.log("\n".repeat(paddingLines));
   let lastAction;
   let running = true;
   while (running) {
-    const input = await p7.text({
-      message: colors.primary(">"),
-      placeholder: 'e.g. "Add a login page" or "Check my code"'
-    });
-    if (p7.isCancel(input)) {
+    const input = await showChatInput();
+    if (input === null) {
       running = false;
       console.log("");
       console.log(colors.muted("  Goodbye! \u{1F44B}"));
@@ -10038,6 +10230,9 @@ async function main() {
       case "audit":
         await handleAudit(result.params?.args, ctx);
         break;
+      case "website-review":
+        await handleWebsiteReview(cmd, ctx);
+        break;
       case "patterns":
         await handlePatterns(result.params?.args, ctx);
         break;
@@ -10943,6 +11138,42 @@ async function handleAudit(args, ctx) {
     }
   }
 }
+async function handleWebsiteReview(input, ctx) {
+  const { config } = ctx;
+  const urlMatch = input.match(/(https?:\/\/[^\s]+)|(www\.[^\s]+)/i);
+  let url = urlMatch ? urlMatch[0] : "";
+  if (!url) {
+    const urlInput = await p7.text({
+      message: "Website URL to review:",
+      placeholder: "https://example.com"
+    });
+    if (p7.isCancel(urlInput) || !urlInput) {
+      console.log(colors.muted("  Cancelled"));
+      return;
+    }
+    url = urlInput;
+  }
+  if (!url.startsWith("http")) {
+    url = "https://" + url;
+  }
+  console.log("");
+  const spinner = ora3(`Reviewing ${url}...`).start();
+  try {
+    const visualHandler = new VisualInputHandler(config);
+    const review = await visualHandler.reviewWebsite(url);
+    spinner.stop();
+    console.log(visualHandler.formatWebsiteReview(review));
+    console.log("");
+    console.log(colors.muted("  What you can do:"));
+    console.log(colors.dim('    "Build a better version of this"'));
+    console.log(colors.dim('    "Fix the accessibility issues"'));
+    console.log(colors.dim('    "Create an SEO-optimized version"'));
+    console.log("");
+  } catch (error) {
+    spinner.stop();
+    showError(error instanceof Error ? error.message : "Failed to review website");
+  }
+}
 async function handlePatterns(args, ctx) {
   const { config } = ctx;
   const auditor = new CodebaseAuditor(config);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codebakers",
-  "version": "4.1.0",
+  "version": "4.3.0",
   "description": "AI-powered product development CLI - Build faster with pattern enforcement, persistent memory, and parallel agents",
   "type": "module",
   "main": "dist/index.js",