npm - codebakers - Versions diffs - 1.0.45 - Mend

codebakers 1.0.45

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (53) hide show

package/.vscodeignore +18 -0
package/LICENSE +21 -0
package/README.md +88 -0
package/codebakers-1.0.0.vsix +0 -0
package/codebakers-1.0.10.vsix +0 -0
package/codebakers-1.0.11.vsix +0 -0
package/codebakers-1.0.12.vsix +0 -0
package/codebakers-1.0.13.vsix +0 -0
package/codebakers-1.0.14.vsix +0 -0
package/codebakers-1.0.15.vsix +0 -0
package/codebakers-1.0.16.vsix +0 -0
package/codebakers-1.0.17.vsix +0 -0
package/codebakers-1.0.18.vsix +0 -0
package/codebakers-1.0.19.vsix +0 -0
package/codebakers-1.0.20.vsix +0 -0
package/codebakers-1.0.21.vsix +0 -0
package/codebakers-1.0.22.vsix +0 -0
package/codebakers-1.0.23.vsix +0 -0
package/codebakers-1.0.24.vsix +0 -0
package/codebakers-1.0.25.vsix +0 -0
package/codebakers-1.0.26.vsix +0 -0
package/codebakers-1.0.27.vsix +0 -0
package/codebakers-1.0.28.vsix +0 -0
package/codebakers-1.0.29.vsix +0 -0
package/codebakers-1.0.30.vsix +0 -0
package/codebakers-1.0.31.vsix +0 -0
package/codebakers-1.0.32.vsix +0 -0
package/codebakers-1.0.35.vsix +0 -0
package/codebakers-1.0.36.vsix +0 -0
package/codebakers-1.0.37.vsix +0 -0
package/codebakers-1.0.38.vsix +0 -0
package/codebakers-1.0.39.vsix +0 -0
package/codebakers-1.0.40.vsix +0 -0
package/codebakers-1.0.41.vsix +0 -0
package/codebakers-1.0.42.vsix +0 -0
package/codebakers-1.0.43.vsix +0 -0
package/codebakers-1.0.44.vsix +0 -0
package/codebakers-1.0.45.vsix +0 -0
package/dist/extension.js +1394 -0
package/esbuild.js +63 -0
package/media/icon.png +0 -0
package/media/icon.svg +7 -0
package/nul +1 -0
package/package.json +127 -0
package/preview.html +547 -0
package/src/ChatPanelProvider.ts +1815 -0
package/src/ChatViewProvider.ts +749 -0
package/src/CodeBakersClient.ts +1146 -0
package/src/CodeValidator.ts +645 -0
package/src/FileOperations.ts +410 -0
package/src/ProjectContext.ts +526 -0
package/src/extension.ts +332 -0
package/tsconfig.json +19 -0

package/preview.html ADDED Viewed

@@ -0,0 +1,547 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>CodeBakers Extension Preview</title>
+  <style>
+    * {
+      box-sizing: border-box;
+      margin: 0;
+      padding: 0;
+    }
+    body {
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
+      background: #1e1e1e;
+      color: #cccccc;
+      min-height: 100vh;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      padding: 20px;
+    }
+    .preview-container {
+      display: flex;
+      gap: 40px;
+      max-width: 1400px;
+    }
+    .sidebar-preview {
+      width: 350px;
+      background: #252526;
+      border-radius: 8px;
+      overflow: hidden;
+      box-shadow: 0 4px 20px rgba(0,0,0,0.3);
+      display: flex;
+      flex-direction: column;
+      height: 700px;
+    }
+    .header {
+      padding: 12px 16px;
+      border-bottom: 1px solid #3c3c3c;
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      background: #2d2d2d;
+    }
+    .header-icon {
+      font-size: 24px;
+    }
+    .header-title {
+      font-weight: 600;
+      font-size: 14px;
+      flex: 1;
+    }
+    .header-plan {
+      font-size: 11px;
+      padding: 3px 8px;
+      background: #4a9eff;
+      color: white;
+      border-radius: 10px;
+    }
+    .header-plan.trial {
+      background: #f0a030;
+    }
+    .clear-btn {
+      background: transparent;
+      border: none;
+      color: #888;
+      cursor: pointer;
+      padding: 4px 8px;
+      border-radius: 4px;
+      font-size: 12px;
+    }
+    .clear-btn:hover {
+      background: #3c3c3c;
+      color: #ccc;
+    }
+    .messages {
+      flex: 1;
+      overflow-y: auto;
+      padding: 16px;
+      display: flex;
+      flex-direction: column;
+      gap: 16px;
+    }
+    .message {
+      max-width: 90%;
+      padding: 12px 16px;
+      border-radius: 16px;
+      line-height: 1.5;
+      font-size: 13px;
+    }
+    .message.user {
+      background: #0e639c;
+      color: white;
+      align-self: flex-end;
+      border-bottom-right-radius: 4px;
+    }
+    .message.assistant {
+      background: #37373d;
+      align-self: flex-start;
+      border-bottom-left-radius: 4px;
+    }
+    .message pre {
+      background: #1e1e1e;
+      padding: 10px;
+      border-radius: 6px;
+      overflow-x: auto;
+      margin: 10px 0;
+      font-size: 12px;
+    }
+    .message code {
+      font-family: 'Consolas', 'Monaco', monospace;
+    }
+    .message .footer {
+      margin-top: 12px;
+      padding-top: 10px;
+      border-top: 1px solid #4a4a4a;
+      font-size: 11px;
+      color: #888;
+    }
+    .typing-indicator {
+      align-self: flex-start;
+      padding: 12px 16px;
+      background: #37373d;
+      border-radius: 16px;
+      display: flex;
+      gap: 6px;
+    }
+    .typing-dot {
+      width: 8px;
+      height: 8px;
+      background: #888;
+      border-radius: 50%;
+      animation: typing 1.4s infinite ease-in-out;
+    }
+    .typing-dot:nth-child(2) { animation-delay: 0.2s; }
+    .typing-dot:nth-child(3) { animation-delay: 0.4s; }
+    @keyframes typing {
+      0%, 60%, 100% { transform: translateY(0); opacity: 0.3; }
+      30% { transform: translateY(-6px); opacity: 1; }
+    }
+    .tools-bar {
+      padding: 8px 12px;
+      background: #2d2d2d;
+      border-top: 1px solid #3c3c3c;
+      display: flex;
+      gap: 6px;
+      flex-wrap: wrap;
+    }
+    .tool-chip {
+      font-size: 10px;
+      padding: 4px 8px;
+      background: #3c3c3c;
+      border-radius: 12px;
+      cursor: pointer;
+      transition: background 0.2s;
+    }
+    .tool-chip:hover {
+      background: #4a4a4a;
+    }
+    .tool-chip.active {
+      background: #4a9eff;
+      color: white;
+    }
+    .input-area {
+      padding: 12px;
+      border-top: 1px solid #3c3c3c;
+      display: flex;
+      gap: 8px;
+      background: #252526;
+    }
+    .input-area textarea {
+      flex: 1;
+      background: #3c3c3c;
+      color: #ccc;
+      border: 1px solid #4a4a4a;
+      border-radius: 8px;
+      padding: 10px 14px;
+      font-family: inherit;
+      font-size: 13px;
+      resize: none;
+      min-height: 40px;
+      max-height: 100px;
+    }
+    .input-area textarea:focus {
+      outline: none;
+      border-color: #4a9eff;
+    }
+    .send-btn {
+      background: #0e639c;
+      color: white;
+      border: none;
+      border-radius: 8px;
+      padding: 0 18px;
+      cursor: pointer;
+      font-weight: 500;
+      font-size: 13px;
+      transition: background 0.2s;
+    }
+    .send-btn:hover {
+      background: #1177bb;
+    }
+    .chat-footer {
+      padding: 8px 12px;
+      text-align: center;
+      font-size: 10px;
+      color: #666;
+      border-top: 1px solid #3c3c3c;
+    }
+    /* Welcome state */
+    .welcome {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      padding: 30px;
+      text-align: center;
+    }
+    .welcome-icon {
+      font-size: 56px;
+      margin-bottom: 16px;
+    }
+    .welcome-title {
+      font-size: 18px;
+      font-weight: 600;
+      margin-bottom: 8px;
+    }
+    .welcome-text {
+      color: #888;
+      margin-bottom: 24px;
+      font-size: 13px;
+    }
+    .quick-actions {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 8px;
+      justify-content: center;
+    }
+    .quick-action {
+      background: #3c3c3c;
+      color: #ccc;
+      border: none;
+      border-radius: 20px;
+      padding: 8px 16px;
+      cursor: pointer;
+      font-size: 12px;
+      transition: background 0.2s;
+    }
+    .quick-action:hover {
+      background: #4a4a4a;
+    }
+    /* Health indicator */
+    .health-bar {
+      padding: 8px 12px;
+      background: #2d2d2d;
+      border-bottom: 1px solid #3c3c3c;
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      font-size: 11px;
+    }
+    .health-indicator {
+      width: 8px;
+      height: 8px;
+      border-radius: 50%;
+      background: #4caf50;
+    }
+    .health-indicator.warning {
+      background: #ff9800;
+    }
+    .health-indicator.error {
+      background: #f44336;
+    }
+    .health-text {
+      flex: 1;
+      color: #888;
+    }
+    .health-score {
+      font-weight: 600;
+      color: #4caf50;
+    }
+    /* Description panel */
+    .description {
+      width: 400px;
+      padding: 30px;
+    }
+    .description h1 {
+      font-size: 28px;
+      margin-bottom: 20px;
+      color: #fff;
+    }
+    .description h2 {
+      font-size: 16px;
+      margin: 20px 0 10px;
+      color: #4a9eff;
+    }
+    .description ul {
+      list-style: none;
+      margin-bottom: 20px;
+    }
+    .description li {
+      padding: 8px 0;
+      padding-left: 24px;
+      position: relative;
+      color: #aaa;
+      font-size: 14px;
+    }
+    .description li::before {
+      content: "✓";
+      position: absolute;
+      left: 0;
+      color: #4caf50;
+    }
+    .description .badge {
+      display: inline-block;
+      padding: 4px 10px;
+      background: #4a9eff;
+      color: white;
+      border-radius: 12px;
+      font-size: 12px;
+      margin-right: 8px;
+    }
+    .description .badge.coherence {
+      background: #9c27b0;
+    }
+    .description .badge.patterns {
+      background: #ff9800;
+    }
+  </style>
+</head>
+<body>
+  <div class="preview-container">
+    <!-- Chat Preview -->
+    <div class="sidebar-preview">
+      <div class="header">
+        <span class="header-icon">🍪</span>
+        <span class="header-title">CodeBakers</span>
+        <span class="header-plan">Pro</span>
+        <button class="clear-btn">Clear</button>
+      </div>
+      <div class="health-bar">
+        <div class="health-indicator"></div>
+        <span class="health-text">Project Health</span>
+        <span class="health-score">85%</span>
+      </div>
+      <div class="messages">
+        <div class="message user">
+          Add a login page with email and password
+        </div>
+        <div class="message assistant">
+          I'll create a login page following CodeBakers patterns.
+<pre><code>// app/login/page.tsx
+'use client';
+import { useState } from 'react';
+import { useRouter } from 'next/navigation';
+export default function LoginPage() {
+  const [email, setEmail] = useState('');
+  const [password, setPassword] = useState('');
+  const [error, setError] = useState('');
+  const router = useRouter();
+  async function handleSubmit(e) {
+    e.preventDefault();
+    // Auth logic here
+  }
+  return (
+    &lt;form onSubmit={handleSubmit}&gt;
+      {/* Form fields */}
+    &lt;/form&gt;
+  );
+}</code></pre>
+          <div class="footer">
+            🍪 <strong>CodeBakers Active</strong> | Patterns: 00-core, 02-auth, 04-frontend | v6.12
+          </div>
+        </div>
+        <div class="message user">
+          Add form validation with Zod
+        </div>
+        <div class="typing-indicator">
+          <div class="typing-dot"></div>
+          <div class="typing-dot"></div>
+          <div class="typing-dot"></div>
+        </div>
+      </div>
+      <div class="tools-bar">
+        <span class="tool-chip active">🛡️ Guardian</span>
+        <span class="tool-chip">📋 Patterns</span>
+        <span class="tool-chip">🧪 Tests</span>
+        <span class="tool-chip">🔍 Audit</span>
+        <span class="tool-chip">🌊 Ripple</span>
+      </div>
+      <div class="input-area">
+        <textarea placeholder="Ask CodeBakers anything..." rows="1"></textarea>
+        <button class="send-btn">Send</button>
+      </div>
+      <div class="chat-footer">
+        Powered by CodeBakers — a BotMakers Software
+      </div>
+    </div>
+    <!-- Welcome State Preview -->
+    <div class="sidebar-preview">
+      <div class="header">
+        <span class="header-icon">🍪</span>
+        <span class="header-title">CodeBakers</span>
+        <span class="header-plan trial">Trial</span>
+        <button class="clear-btn">Clear</button>
+      </div>
+      <div class="welcome">
+        <span class="welcome-icon">🍪</span>
+        <div class="welcome-title">Welcome to CodeBakers</div>
+        <div class="welcome-text">AI-powered coding with production-ready patterns</div>
+        <div class="quick-actions">
+          <button class="quick-action">🔨 Build Project</button>
+          <button class="quick-action">✨ Add Feature</button>
+          <button class="quick-action">🔍 Audit Code</button>
+          <button class="quick-action">🛡️ Check Health</button>
+        </div>
+      </div>
+      <div class="tools-bar">
+        <span class="tool-chip">🛡️ Guardian</span>
+        <span class="tool-chip">📋 Patterns</span>
+        <span class="tool-chip">🧪 Tests</span>
+        <span class="tool-chip">🔍 Audit</span>
+      </div>
+      <div class="input-area">
+        <textarea placeholder="Ask CodeBakers anything..." rows="1"></textarea>
+        <button class="send-btn">Send</button>
+      </div>
+      <div class="chat-footer">
+        Powered by CodeBakers — a BotMakers Software
+      </div>
+    </div>
+    <!-- Description -->
+    <div class="description">
+      <h1>CodeBakers VS Code Extension</h1>
+      <p style="color: #888; margin-bottom: 20px;">
+        The chat sidebar that appears when you click the CodeBakers icon in VS Code.
+      </p>
+      <h2>Features</h2>
+      <ul>
+        <li>Guaranteed pattern enforcement (95%+ compliance)</li>
+        <li>Perfect context recall across sessions</li>
+        <li>Plan-based rate limits and token limits</li>
+        <li>Trial expiration warnings</li>
+      </ul>
+      <h2>Tool Categories</h2>
+      <p>
+        <span class="badge coherence">Coherence</span>
+        <span class="badge patterns">Patterns</span>
+        <span class="badge">Testing</span>
+      </p>
+      <ul>
+        <li><strong>Guardian</strong> - Auto-coherence, broken import detection</li>
+        <li><strong>Patterns</strong> - 40+ production modules</li>
+        <li><strong>Tests</strong> - Run and generate tests</li>
+        <li><strong>Audit</strong> - Code quality review</li>
+        <li><strong>Ripple</strong> - Impact analysis for changes</li>
+      </ul>
+      <h2>How to Test</h2>
+      <ul>
+        <li>Open extension folder in VS Code</li>
+        <li>Press F5 to launch Extension Host</li>
+        <li>Click CodeBakers icon in sidebar</li>
+        <li>Login and start chatting!</li>
+      </ul>
+    </div>
+  </div>
+</body>
+</html>