baseguard 1.0.3 → 1.0.5

package/dist/ui/terminal-header.js

@@ -5,13 +5,13 @@ import chalk from 'chalk';
 export function showTerminalHeader() {
     console.clear();
     // Well-spaced ASCII art for "Baseguard" - monochrome for good contrast
-    const logo = `
-██████╗   █████╗  ███████╗ ███████╗  ██████╗  ██╗   ██╗  █████╗  ██████╗  ██████╗ 
-██╔══██╗ ██╔══██╗ ██╔════╝ ██╔════╝ ██╔════╝  ██║   ██║ ██╔══██╗ ██╔══██╗ ██╔══██╗
-██████╔╝ ███████║ ███████╗ █████╗   ██║  ███╗ ██║   ██║ ███████║ ██████╔╝ ██║  ██║
-██╔══██╗ ██╔══██║ ╚════██║ ██╔══╝   ██║   ██║ ██║   ██║ ██╔══██║ ██╔══██╗ ██║  ██║
-██████╔╝ ██║  ██║ ███████║ ███████╗ ╚██████╔╝ ╚██████╔╝ ██║  ██║ ██║  ██║ ██████╔╝
-╚═════╝  ╚═╝  ╚═╝ ╚══════╝ ╚══════╝  ╚═════╝   ╚═════╝  ╚═╝  ╚═╝ ╚═╝  ╚═╝ ╚═════╝ 
+    const logo = `
+██████╗   █████╗  ███████╗ ███████╗  ██████╗  ██╗   ██╗  █████╗  ██████╗  ██████╗ 
+██╔══██╗ ██╔══██╗ ██╔════╝ ██╔════╝ ██╔════╝  ██║   ██║ ██╔══██╗ ██╔══██╗ ██╔══██╗
+██████╔╝ ███████║ ███████╗ █████╗   ██║  ███╗ ██║   ██║ ███████║ ██████╔╝ ██║  ██║
+██╔══██╗ ██╔══██║ ╚════██║ ██╔══╝   ██║   ██║ ██║   ██║ ██╔══██║ ██╔══██╗ ██║  ██║
+██████╔╝ ██║  ██║ ███████║ ███████╗ ╚██████╔╝ ╚██████╔╝ ██║  ██║ ██║  ██║ ██████╔╝
+╚═════╝  ╚═╝  ╚═╝ ╚══════╝ ╚══════╝  ╚═════╝   ╚═════╝  ╚═╝  ╚═╝ ╚═╝  ╚═╝ ╚═════╝ 
   `;
     // Use a single color that contrasts well with both light and dark terminals
     console.log(chalk.bold.white(logo));
@@ -31,13 +31,13 @@ export function showCompactHeader() {
  */
 export function showSimpleHeader() {
     console.clear();
-    const logo = `
-██████╗   █████╗  ███████╗ ███████╗  ██████╗  ██╗   ██╗  █████╗  ██████╗  ██████╗ 
-██╔══██╗ ██╔══██╗ ██╔════╝ ██╔════╝ ██╔════╝  ██║   ██║ ██╔══██╗ ██╔══██╗ ██╔══██╗
-██████╔╝ ███████║ ███████╗ █████╗   ██║  ███╗ ██║   ██║ ███████║ ██████╔╝ ██║  ██║
-██╔══██╗ ██╔══██║ ╚════██║ ██╔══╝   ██║   ██║ ██║   ██║ ██╔══██║ ██╔══██╗ ██║  ██║
-██████╔╝ ██║  ██║ ███████║ ███████╗ ╚██████╔╝ ╚██████╔╝ ██║  ██║ ██║  ██║ ██████╔╝
-╚═════╝  ╚═╝  ╚═╝ ╚══════╝ ╚══════╝  ╚═════╝   ╚═════╝  ╚═╝  ╚═╝ ╚═╝  ╚═╝ ╚═════╝ 
+    const logo = `
+██████╗   █████╗  ███████╗ ███████╗  ██████╗  ██╗   ██╗  █████╗  ██████╗  ██████╗ 
+██╔══██╗ ██╔══██╗ ██╔════╝ ██╔════╝ ██╔════╝  ██║   ██║ ██╔══██╗ ██╔══██╗ ██╔══██╗
+██████╔╝ ███████║ ███████╗ █████╗   ██║  ███╗ ██║   ██║ ███████║ ██████╔╝ ██║  ██║
+██╔══██╗ ██╔══██║ ╚════██║ ██╔══╝   ██║   ██║ ██║   ██║ ██╔══██║ ██╔══██╗ ██║  ██║
+██████╔╝ ██║  ██║ ███████║ ███████╗ ╚██████╔╝ ╚██████╔╝ ██║  ██║ ██║  ██║ ██████╔╝
+╚═════╝  ╚═╝  ╚═╝ ╚══════╝ ╚══════╝  ╚═════╝   ╚═════╝  ╚═╝  ╚═╝ ╚═╝  ╚═╝ ╚═════╝ 
   `;
     console.log(chalk.bold.white(logo));
     console.log(chalk.bold.white('                    Ship Modern Code') +

package/package.json

@@ -1,105 +1,105 @@
-{
-  "name": "baseguard",
-  "version": "1.0.3",
-  "description": "BaseGuard - Never ship incompatible code again. Intelligent browser compatibility enforcement with AI-powered analysis and autonomous fixing.",
-  "main": "dist/index.js",
-  "bin": {
-    "base": "bin/base.js"
-  },
-  "type": "module",
-  "scripts": {
-    "build": "tsc",
-    "dev": "tsc --watch",
-    "test": "vitest --run",
-    "test:watch": "vitest",
-    "test:e2e": "vitest --run tests/e2e/",
-    "lint": "eslint src/**/*.ts",
-    "lint:fix": "eslint src/**/*.ts --fix",
-    "format": "prettier --write src/**/*.ts",
-    "format:check": "prettier --check src/**/*.ts",
-    "typecheck": "tsc --noEmit",
-    "prepare": "husky install",
-    "prepublishOnly": "npm run build && npm run test",
-    "release": "npm version patch && npm publish",
-    "clean": "rm -rf dist"
-  },
-  "keywords": [
-    "browser-compatibility",
-    "baseline",
-    "web-standards",
-    "cli",
-    "ai",
-    "automation",
-    "git-hooks",
-    "compatibility-checker",
-    "web-features",
-    "progressive-enhancement",
-    "polyfills",
-    "gemini",
-    "jules",
-    "code-fixing",
-    "linting",
-    "static-analysis",
-    "developer-tools",
-    "frontend",
-    "javascript",
-    "css",
-    "html",
-    "react",
-    "vue",
-    "svelte"
-  ],
-  "author": "BaseGuard Team",
-  "license": "MIT",
-  "dependencies": {
-    "@babel/parser": "^7.23.6",
-    "@babel/traverse": "^7.23.6",
-    "@babel/types": "^7.23.6",
-    "@vue/compiler-sfc": "^3.3.13",
-    "boxen": "^7.1.1",
-    "chalk": "^5.3.0",
-    "cli-table3": "^0.6.3",
-    "commander": "^11.1.0",
-    "figlet": "^1.9.3",
-    "glob": "^10.3.10",
-    "gradient-string": "^2.0.2",
-    "husky": "^8.0.3",
-    "inquirer": "^9.2.12",
-    "node-fetch": "^3.3.2",
-    "open": "^9.1.0",
-    "ora": "^7.0.1",
-    "postcss": "^8.4.32",
-    "postcss-selector-parser": "^6.0.13",
-    "svelte": "^4.2.8",
-    "web-features": "^0.8.4"
-  },
-  "devDependencies": {
-    "@types/babel__traverse": "^7.28.0",
-    "@types/figlet": "^1.7.0",
-    "@types/glob": "^8.1.0",
-    "@types/gradient-string": "^1.1.6",
-    "@types/inquirer": "^9.0.7",
-    "@types/node": "^20.10.5",
-    "@typescript-eslint/eslint-plugin": "^6.21.0",
-    "@typescript-eslint/parser": "^6.21.0",
-    "eslint": "^8.56.0",
-    "prettier": "^3.1.1",
-    "typescript": "^5.3.3",
-    "vitest": "^1.1.0"
-  },
-  "engines": {
-    "node": ">=18.0.0"
-  },
-  "directories": {
-    "test": "tests"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/ebuka1017/baseguard.git"
-  },
-  "types": "./dist/index.d.ts",
-  "bugs": {
-    "url": "https://github.com/ebuka1017/baseguard/issues"
-  },
-  "homepage": "https://github.com/ebuka1017/baseguard#readme"
-}
+{
+  "name": "baseguard",
+  "version": "1.0.5",
+  "description": "BaseGuard - Never ship incompatible code again. Intelligent browser compatibility enforcement with AI-powered analysis and autonomous fixing.",
+  "main": "dist/index.js",
+  "bin": {
+    "base": "bin/base.js"
+  },
+  "type": "module",
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch",
+    "test": "vitest --run",
+    "test:watch": "vitest",
+    "test:e2e": "vitest --run tests/e2e/",
+    "lint": "eslint src/**/*.ts",
+    "lint:fix": "eslint src/**/*.ts --fix",
+    "format": "prettier --write src/**/*.ts",
+    "format:check": "prettier --check src/**/*.ts",
+    "typecheck": "tsc --noEmit",
+    "prepare": "husky install",
+    "prepublishOnly": "npm run build && npm run test",
+    "release": "npm version patch && npm publish",
+    "clean": "rm -rf dist"
+  },
+  "keywords": [
+    "browser-compatibility",
+    "baseline",
+    "web-standards",
+    "cli",
+    "ai",
+    "automation",
+    "git-hooks",
+    "compatibility-checker",
+    "web-features",
+    "progressive-enhancement",
+    "polyfills",
+    "gemini",
+    "jules",
+    "code-fixing",
+    "linting",
+    "static-analysis",
+    "developer-tools",
+    "frontend",
+    "javascript",
+    "css",
+    "html",
+    "react",
+    "vue",
+    "svelte"
+  ],
+  "author": "BaseGuard Team",
+  "license": "MIT",
+  "dependencies": {
+    "@babel/parser": "^7.23.6",
+    "@babel/traverse": "^7.23.6",
+    "@babel/types": "^7.23.6",
+    "@vue/compiler-sfc": "^3.3.13",
+    "boxen": "^7.1.1",
+    "chalk": "^5.3.0",
+    "cli-table3": "^0.6.3",
+    "commander": "^11.1.0",
+    "figlet": "^1.9.3",
+    "glob": "^10.3.10",
+    "gradient-string": "^2.0.2",
+    "husky": "^8.0.3",
+    "inquirer": "^9.2.12",
+    "node-fetch": "^3.3.2",
+    "open": "^9.1.0",
+    "ora": "^7.0.1",
+    "postcss": "^8.4.32",
+    "postcss-selector-parser": "^6.0.13",
+    "svelte": "^4.2.8",
+    "web-features": "^0.8.4"
+  },
+  "devDependencies": {
+    "@types/babel__traverse": "^7.28.0",
+    "@types/figlet": "^1.7.0",
+    "@types/glob": "^8.1.0",
+    "@types/gradient-string": "^1.1.6",
+    "@types/inquirer": "^9.0.7",
+    "@types/node": "^20.10.5",
+    "@typescript-eslint/eslint-plugin": "^6.21.0",
+    "@typescript-eslint/parser": "^6.21.0",
+    "eslint": "^8.56.0",
+    "prettier": "^3.1.1",
+    "typescript": "^5.3.3",
+    "vitest": "^1.1.0"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "directories": {
+    "test": "tests"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ebuka1017/baseguard.git"
+  },
+  "types": "./dist/index.d.ts",
+  "bugs": {
+    "url": "https://github.com/ebuka1017/baseguard/issues"
+  },
+  "homepage": "https://github.com/ebuka1017/baseguard#readme"
+}

package/src/ai/__tests__/gemini-analyzer.test.ts

@@ -1,181 +1,181 @@
-import { describe, it, expect, vi, beforeEach } from 'vitest';
-import { GeminiAnalyzer } from '../gemini-analyzer.js';
-import type { Violation } from '../../types/index.js';
-
-// Mock fetch globally
-global.fetch = vi.fn();
-
-describe('GeminiAnalyzer', () => {
-  let analyzer: GeminiAnalyzer;
-  const mockApiKey = 'AIzaSyDummyKeyForTesting1234567890123456789';
-
-  beforeEach(() => {
-    analyzer = new GeminiAnalyzer(mockApiKey);
-    vi.clearAllMocks();
-  });
-
-  const mockViolation: Violation = {
-    feature: 'container-type',
-    featureId: 'container-queries',
-    file: 'src/Card.css',
-    line: 15,
-    column: 5,
-    context: '  container-type: inline-size;',
-    browser: 'safari',
-    required: '15',
-    actual: false,
-    baselineStatus: 'newly',
-    reason: 'Not supported in Safari 15'
-  };
-
-  describe('API Key Validation', () => {
-    it('should validate correct API key format', () => {
-      expect(GeminiAnalyzer.validateApiKey(mockApiKey)).toBe(true);
-    });
-
-    it('should reject invalid API key format', () => {
-      expect(GeminiAnalyzer.validateApiKey('invalid-key')).toBe(false);
-      expect(GeminiAnalyzer.validateApiKey('AIza123')).toBe(false); // too short
-    });
-  });
-
-  describe('Cache Management', () => {
-    it('should cache analysis results', async () => {
-      const mockResponse = {
-        ok: true,
-        json: () => Promise.resolve({
-          candidates: [{
-            content: {
-              parts: [{ text: 'Test analysis response with 5% market share impact.' }]
-            },
-            groundingMetadata: {
-              groundingChunks: [
-                { web: { uri: 'https://web.dev/container-queries' } }
-              ]
-            }
-          }]
-        })
-      };
-
-      (global.fetch as any).mockResolvedValue(mockResponse);
-
-      // First call should hit the API
-      const analysis1 = await analyzer.analyzeViolation(mockViolation);
-      expect(fetch).toHaveBeenCalledTimes(1);
-
-      // Second call should use cache
-      const analysis2 = await analyzer.analyzeViolation(mockViolation);
-      expect(fetch).toHaveBeenCalledTimes(1); // Still only 1 call
-      
-      expect(analysis1.violation.feature).toBe(analysis2.violation.feature);
-    });
-
-    it('should clear cache when requested', async () => {
-      analyzer.clearCache();
-      const stats = analyzer.getCacheStats();
-      expect(stats.size).toBe(0);
-    });
-  });
-
-  describe('Error Handling', () => {
-    it('should handle API errors gracefully', async () => {
-      (global.fetch as any).mockRejectedValue(new Error('Network error'));
-
-      const analysis = await analyzer.analyzeViolation(mockViolation);
-      
-      expect(analysis.confidence).toBe(0.3); // Fallback confidence
-      expect(analysis.plainEnglish).toContain('Analysis unavailable');
-      expect(analysis.fixStrategy).toBe('progressive enhancement');
-    });
-
-    it('should handle invalid API responses', async () => {
-      const mockResponse = {
-        ok: true,
-        json: () => Promise.resolve({ candidates: [] })
-      };
-
-      (global.fetch as any).mockResolvedValue(mockResponse);
-
-      const analysis = await analyzer.analyzeViolation(mockViolation);
-      
-      expect(analysis.confidence).toBe(0.3);
-      expect(analysis.plainEnglish).toContain('Analysis unavailable');
-    });
-  });
-
-  describe('Response Parsing', () => {
-    it('should extract market share from response', async () => {
-      const mockResponse = {
-        ok: true,
-        json: () => Promise.resolve({
-          candidates: [{
-            content: {
-              parts: [{ text: 'This affects approximately 8.5% of users on Safari 15.' }]
-            },
-            groundingMetadata: {
-              groundingChunks: [
-                { web: { uri: 'https://caniuse.com/css-container-queries' } }
-              ]
-            }
-          }]
-        })
-      };
-
-      (global.fetch as any).mockResolvedValue(mockResponse);
-
-      const analysis = await analyzer.analyzeViolation(mockViolation);
-      
-      expect(analysis.marketShare).toBe(0.085);
-      expect(analysis.sources).toContain('https://caniuse.com/css-container-queries');
-    });
-
-    it('should extract best practices from response', async () => {
-      const mockResponse = {
-        ok: true,
-        json: () => Promise.resolve({
-          candidates: [{
-            content: {
-              parts: [{ 
-                text: 'Use @supports for feature detection. Consider using polyfills. Test across target browsers.' 
-              }]
-            },
-            groundingMetadata: { groundingChunks: [] }
-          }]
-        })
-      };
-
-      (global.fetch as any).mockResolvedValue(mockResponse);
-
-      const analysis = await analyzer.analyzeViolation(mockViolation);
-      
-      expect(analysis.bestPractices).toContain('Use @supports for feature detection');
-      expect(analysis.bestPractices).toContain('Consider using polyfills');
-      expect(analysis.bestPractices).toContain('Test across target browsers');
-    });
-  });
-
-  describe('Batch Processing', () => {
-    it('should process multiple violations with concurrency control', async () => {
-      const mockResponse = {
-        ok: true,
-        json: () => Promise.resolve({
-          candidates: [{
-            content: {
-              parts: [{ text: 'Test analysis response.' }]
-            },
-            groundingMetadata: { groundingChunks: [] }
-          }]
-        })
-      };
-
-      (global.fetch as any).mockResolvedValue(mockResponse);
-
-      const violations = [mockViolation, { ...mockViolation, feature: 'dialog' }];
-      const analyses = await analyzer.analyzeViolations(violations, 2);
-      
-      expect(analyses).toHaveLength(2);
-      expect(analyses[0].violation.feature).toBe('container-type');
-      expect(analyses[1].violation.feature).toBe('dialog');
-    });
-  });
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { GeminiAnalyzer } from '../gemini-analyzer.js';
+import type { Violation } from '../../types/index.js';
+
+// Mock fetch globally
+global.fetch = vi.fn();
+
+describe('GeminiAnalyzer', () => {
+  let analyzer: GeminiAnalyzer;
+  const mockApiKey = 'AIzaSyDummyKeyForTesting1234567890123456789';
+
+  beforeEach(() => {
+    analyzer = new GeminiAnalyzer(mockApiKey);
+    vi.clearAllMocks();
+  });
+
+  const mockViolation: Violation = {
+    feature: 'container-type',
+    featureId: 'container-queries',
+    file: 'src/Card.css',
+    line: 15,
+    column: 5,
+    context: '  container-type: inline-size;',
+    browser: 'safari',
+    required: '15',
+    actual: false,
+    baselineStatus: 'newly',
+    reason: 'Not supported in Safari 15'
+  };
+
+  describe('API Key Validation', () => {
+    it('should validate correct API key format', () => {
+      expect(GeminiAnalyzer.validateApiKey(mockApiKey)).toBe(true);
+    });
+
+    it('should reject invalid API key format', () => {
+      expect(GeminiAnalyzer.validateApiKey('invalid-key')).toBe(false);
+      expect(GeminiAnalyzer.validateApiKey('AIza123')).toBe(false); // too short
+    });
+  });
+
+  describe('Cache Management', () => {
+    it('should cache analysis results', async () => {
+      const mockResponse = {
+        ok: true,
+        json: () => Promise.resolve({
+          candidates: [{
+            content: {
+              parts: [{ text: 'Test analysis response with 5% market share impact.' }]
+            },
+            groundingMetadata: {
+              groundingChunks: [
+                { web: { uri: 'https://web.dev/container-queries' } }
+              ]
+            }
+          }]
+        })
+      };
+
+      (global.fetch as any).mockResolvedValue(mockResponse);
+
+      // First call should hit the API
+      const analysis1 = await analyzer.analyzeViolation(mockViolation);
+      expect(fetch).toHaveBeenCalledTimes(1);
+
+      // Second call should use cache
+      const analysis2 = await analyzer.analyzeViolation(mockViolation);
+      expect(fetch).toHaveBeenCalledTimes(1); // Still only 1 call
+      
+      expect(analysis1.violation.feature).toBe(analysis2.violation.feature);
+    });
+
+    it('should clear cache when requested', async () => {
+      analyzer.clearCache();
+      const stats = analyzer.getCacheStats();
+      expect(stats.size).toBe(0);
+    });
+  });
+
+  describe('Error Handling', () => {
+    it('should handle API errors gracefully', async () => {
+      (global.fetch as any).mockRejectedValue(new Error('Network error'));
+
+      const analysis = await analyzer.analyzeViolation(mockViolation);
+      
+      expect(analysis.confidence).toBe(0.3); // Fallback confidence
+      expect(analysis.plainEnglish).toContain('Analysis unavailable');
+      expect(analysis.fixStrategy).toBe('progressive enhancement');
+    });
+
+    it('should handle invalid API responses', async () => {
+      const mockResponse = {
+        ok: true,
+        json: () => Promise.resolve({ candidates: [] })
+      };
+
+      (global.fetch as any).mockResolvedValue(mockResponse);
+
+      const analysis = await analyzer.analyzeViolation(mockViolation);
+      
+      expect(analysis.confidence).toBe(0.3);
+      expect(analysis.plainEnglish).toContain('Analysis unavailable');
+    });
+  });
+
+  describe('Response Parsing', () => {
+    it('should extract market share from response', async () => {
+      const mockResponse = {
+        ok: true,
+        json: () => Promise.resolve({
+          candidates: [{
+            content: {
+              parts: [{ text: 'This affects approximately 8.5% of users on Safari 15.' }]
+            },
+            groundingMetadata: {
+              groundingChunks: [
+                { web: { uri: 'https://caniuse.com/css-container-queries' } }
+              ]
+            }
+          }]
+        })
+      };
+
+      (global.fetch as any).mockResolvedValue(mockResponse);
+
+      const analysis = await analyzer.analyzeViolation(mockViolation);
+      
+      expect(analysis.marketShare).toBe(0.085);
+      expect(analysis.sources).toContain('https://caniuse.com/css-container-queries');
+    });
+
+    it('should extract best practices from response', async () => {
+      const mockResponse = {
+        ok: true,
+        json: () => Promise.resolve({
+          candidates: [{
+            content: {
+              parts: [{ 
+                text: 'Use @supports for feature detection. Consider using polyfills. Test across target browsers.' 
+              }]
+            },
+            groundingMetadata: { groundingChunks: [] }
+          }]
+        })
+      };
+
+      (global.fetch as any).mockResolvedValue(mockResponse);
+
+      const analysis = await analyzer.analyzeViolation(mockViolation);
+      
+      expect(analysis.bestPractices).toContain('Use @supports for feature detection');
+      expect(analysis.bestPractices).toContain('Consider using polyfills');
+      expect(analysis.bestPractices).toContain('Test across target browsers');
+    });
+  });
+
+  describe('Batch Processing', () => {
+    it('should process multiple violations with concurrency control', async () => {
+      const mockResponse = {
+        ok: true,
+        json: () => Promise.resolve({
+          candidates: [{
+            content: {
+              parts: [{ text: 'Test analysis response.' }]
+            },
+            groundingMetadata: { groundingChunks: [] }
+          }]
+        })
+      };
+
+      (global.fetch as any).mockResolvedValue(mockResponse);
+
+      const violations = [mockViolation, { ...mockViolation, feature: 'dialog' }];
+      const analyses = await analyzer.analyzeViolations(violations, 2);
+      
+      expect(analyses).toHaveLength(2);
+      expect(analyses[0].violation.feature).toBe('container-type');
+      expect(analyses[1].violation.feature).toBe('dialog');
+    });
+  });
 });