@auto-engineer/component-implementer 0.13.3 → 0.15.0

package/package.json

@@ -19,24 +19,20 @@
     "openai": "^5.7.0",
     "vite": "^5.4.1",
     "zod": "^3.25.67",
-    "@auto-engineer/ai-gateway": "0.13.3",
-    "@auto-engineer/message-bus": "0.13.3"
+    "@auto-engineer/ai-gateway": "0.15.0",
+    "@auto-engineer/message-bus": "0.15.0"
   },
   "devDependencies": {
     "playwright": "^1.54.1",
-    "@auto-engineer/cli": "0.13.3"
+    "@auto-engineer/cli": "0.15.0"
   },
-  "version": "0.13.3",
+  "version": "0.15.0",
   "scripts": {
     "start": "tsx src/index.ts",
     "build": "tsc && tsx ../../scripts/fix-esm-imports.ts && cp src/*.html dist/src/ 2>/dev/null || true",
     "test": "vitest run --reporter=dot",
     "ai-agent": "tsx -r dotenv/config src/agent-cli.ts",
-    "lint": "eslint 'src/**/*.ts' --max-warnings 0 --config ../../eslint.config.ts",
     "type-check": "tsc --noEmit",
-    "format": "prettier --write \"**/*.{js,ts,json,md,yml,yaml}\" --ignore-path ../../.prettierignore --log-level warn",
-    "lint:fix": "eslint 'src/**/*.ts' --fix --config ../../eslint.config.ts",
-    "format:fix": "prettier --write \"**/*.{js,ts,json,md,yml,yaml}\" --ignore-path ../../.prettierignore --log-level warn",
     "link:dev": "pnpm build && pnpm link --global",
     "unlink:dev": "pnpm unlink --global"
   }

package/src/agent.ts

@@ -1,8 +1,8 @@
+import * as fs from 'node:fs/promises';
+import * as path from 'node:path';
 import { generateTextWithAI } from '@auto-engineer/ai-gateway';
-import * as fs from 'fs/promises';
-import * as path from 'path';
-import * as ts from 'typescript';
 import createDebug from 'debug';
+import * as ts from 'typescript';
 
 const debug = createDebug('frontend-impl:agent');
 const debugPlan = createDebug('frontend-impl:agent:plan');
@@ -102,7 +102,7 @@ const provider = undefined;
 function extractJsonArray(text: string): string {
   debugAI('Extracting JSON array from text of length: %d', text.length);
   const codeBlockMatch = text.match(/```(?:json)?\s*([\s\S]*?)\s*```/);
-  if (codeBlockMatch && codeBlockMatch[1]) {
+  if (codeBlockMatch?.[1]) {
     debugAI('Found JSON in code block');
     return codeBlockMatch[1].trim();
   }
@@ -250,7 +250,7 @@ async function getTheme(designSystem: string): Promise<string> {
   debugContext('Extracting theme from design system, content length: %d', designSystem.length);
   try {
     const themeMatch = designSystem.match(/## Theme\s*\n([\s\S]*?)(?=\n## |\n# |\n*$)/);
-    if (themeMatch && themeMatch[1]) {
+    if (themeMatch?.[1]) {
       const theme = themeMatch[1].trim();
       debugContext('Theme extracted, length: %d', theme.length);
       return theme;

package/src/commands/implement-component.ts

@@ -1,11 +1,11 @@
+import * as fs from 'node:fs/promises';
+import * as path from 'node:path';
+import { performance } from 'node:perf_hooks';
 import { type Command, defineCommandHandler, type Event } from '@auto-engineer/message-bus';
-import * as fs from 'fs/promises';
-import * as path from 'path';
-import * as ts from 'typescript';
 import createDebug from 'debug';
-import { callAI, loadScheme } from '../agent';
 import { execa } from 'execa';
-import { performance } from 'perf_hooks';
+import * as ts from 'typescript';
+import { callAI, loadScheme } from '../agent';
 
 const debug = createDebug('auto:client-implementer:component');
 const debugTypeCheck = createDebug('auto:client-implementer:component:typecheck');
@@ -64,6 +64,7 @@ export const commandHandler = defineCommandHandler<
   (command: ImplementComponentCommand) => Promise<ComponentImplementedEvent | ComponentImplementationFailedEvent>
 >({
   name: 'ImplementComponent',
+  displayName: 'Implement Component',
   alias: 'implement:component',
   description: 'AI implements a single component (atom, molecule, organism, or page)',
   category: 'implement',
@@ -87,7 +88,10 @@ export const commandHandler = defineCommandHandler<
   examples: [
     '$ auto implement:component --project-dir=./client --ia-scheme-dir=./.context --design-system-path=./design-system.md --component-type=molecule --component-name=SurveyCard',
   ],
-  events: ['ComponentImplemented', 'ComponentImplementationFailed'],
+  events: [
+    { name: 'ComponentImplemented', displayName: 'Component Implemented' },
+    { name: 'ComponentImplementationFailed', displayName: 'Component Failed' },
+  ],
   handle: async (
     command: ImplementComponentCommand,
   ): Promise<ComponentImplementedEvent | ComponentImplementationFailedEvent> => {
@@ -132,7 +136,7 @@ async function loadComponentDataForImplementation(
   const componentDef = items[componentName] as Record<string, unknown> | undefined;
   if (!componentDef) throw new Error(`Component ${componentType}:${componentName} not found in IA schema`);
 
-  const outPath = path.join(projectDir, '..', filePath);
+  const outPath = path.isAbsolute(filePath) ? filePath : path.join(projectDir, '..', filePath);
 
   const t2 = performance.now();
   let existingScaffold = '';
@@ -1403,8 +1407,7 @@ function validateImports(code: string, registry: ComponentRegistry): { valid: bo
   const errors: string[] = [];
 
   const componentImportPattern = /import\s+[^'"]*from\s+['"]@\/components\/([^/]+)\/([^'"]+)['"]/g;
-  let match;
-  while ((match = componentImportPattern.exec(code)) !== null) {
+  for (const match of code.matchAll(componentImportPattern)) {
     const error = validateComponentImport(match[1], match[2], registry);
     if (error !== null) {
       errors.push(error);
@@ -1412,7 +1415,7 @@ function validateImports(code: string, registry: ComponentRegistry): { valid: bo
   }
 
   const allImportPattern = /import\s+[^'"]*from\s+['"](@\/[^'"]+)['"]/g;
-  while ((match = allImportPattern.exec(code)) !== null) {
+  for (const match of code.matchAll(allImportPattern)) {
     const error = validateNonComponentImport(match[1]);
     if (error !== null) {
       errors.push(error);

package/src/index.ts

@@ -4,7 +4,7 @@ import { commandHandler as implementComponentHandler } from './commands/implemen
 export const COMMANDS = [implementComponentHandler];
 
 export type {
-  ImplementComponentCommand,
-  ComponentImplementedEvent,
   ComponentImplementationFailedEvent,
+  ComponentImplementedEvent,
+  ImplementComponentCommand,
 } from './commands/implement-component.js';