claude-flow 2.0.0-alpha.61 → 2.0.0-alpha.62

package/src/ui/web-ui/views/WorkflowAutomationView.js

@@ -66,7 +66,7 @@ class WorkflowAutomationView {
       { label: '🚀 Pipelines', content: this.createPipelinesTab() },
       { label: '📅 Scheduler', content: this.createSchedulerTab() },
       { label: '🎯 SPARC Modes', content: this.createSparcModesTab() },
-      { label: '📦 Batch & Parallel', content: this.createBatchTab() }
+      { label: '📦 Batch & Parallel', content: this.createBatchTab() },
     ];
 
     if (this.componentLibrary) {
@@ -713,7 +713,7 @@ npm run lint</textarea>
     console.log('  🎯 sparc_mode       - SPARC development modes');
     console.log('  🎭 task_orchestrate - Task orchestration');
     console.log('═'.repeat(50));
-    
+
     if (params.tool) {
       console.log(`\n🔧 Executing: ${params.tool}`);
       this.quickAction(params.tool, params);
@@ -726,14 +726,14 @@ npm run lint</textarea>
   async quickAction(toolName, params = {}) {
     try {
       console.log(`🔧 Executing ${toolName}...`);
-      
+
       // Emit tool execution event
       this.eventBus.emit('tool:execute', {
         tool: toolName,
         params: params,
-        source: 'workflow-view'
+        source: 'workflow-view',
       });
-      
+
       // Handle specific tool actions
       switch (toolName) {
         case 'workflow_create':
@@ -748,7 +748,6 @@ npm run lint</textarea>
         default:
           console.log(`Tool ${toolName} executed`);
       }
-      
     } catch (error) {
       console.error(`❌ Error executing ${toolName}:`, error);
     }
@@ -761,11 +760,11 @@ npm run lint</textarea>
     const workflowParams = {
       name: params.name || 'New Workflow',
       steps: params.steps || [],
-      triggers: params.triggers || []
+      triggers: params.triggers || [],
     };
-    
+
     console.log('🔄 Creating workflow with parameters:', workflowParams);
-    
+
     // Update UI if in browser mode
     if (this.container) {
       const listEl = document.getElementById('workflows-list');
@@ -781,11 +780,11 @@ npm run lint</textarea>
    */
   async handleAutomationSetup(params) {
     const automationParams = {
-      rules: params.rules || []
+      rules: params.rules || [],
     };
-    
+
     console.log('⚡ Setting up automation with parameters:', automationParams);
-    
+
     // Update UI if in browser mode
     if (this.container) {
       const listEl = document.getElementById('automation-rules-list');
@@ -803,11 +802,11 @@ npm run lint</textarea>
     const sparcParams = {
       mode: params.mode || 'code',
       task_description: params.task_description || 'Build feature',
-      options: params.options || {}
+      options: params.options || {},
     };
-    
+
     console.log('🎯 Executing SPARC mode with parameters:', sparcParams);
-    
+
     // Update UI if in browser mode
     if (this.container) {
       const historyEl = document.getElementById('sparc-history-list');
@@ -885,7 +884,7 @@ npm run lint</textarea>
 
     // Setup draggable components
     const draggables = this.container.querySelectorAll('.draggable-component');
-    draggables.forEach(draggable => {
+    draggables.forEach((draggable) => {
       draggable.addEventListener('dragstart', this.handleDragStart.bind(this));
       draggable.addEventListener('dragend', this.handleDragEnd.bind(this));
     });
@@ -943,16 +942,16 @@ npm run lint</textarea>
     const component = document.createElement('div');
     component.className = 'workflow-component';
     component.dataset.type = type;
-    
+
     const icons = {
       trigger: '🎯',
       action: '⚡',
       condition: '🔀',
       loop: '🔁',
       parallel: '🔀',
-      sparc: '🎯'
+      sparc: '🎯',
     };
-    
+
     component.innerHTML = `
       <div class="component-header">
         <span class="component-icon">${icons[type]}</span>
@@ -966,7 +965,7 @@ npm run lint</textarea>
         <div class="connector output"></div>
       </div>
     `;
-    
+
     canvas.appendChild(component);
   }
 
@@ -976,9 +975,9 @@ npm run lint</textarea>
   updateSparcDescription() {
     const modeSelect = document.getElementById('sparc-mode');
     const descriptionEl = document.getElementById('sparc-description');
-    
+
     if (!modeSelect || !descriptionEl) return;
-    
+
     const descriptions = {
       architect: '🏗️ Design system architecture and create technical specifications',
       code: '💻 Implement features with clean, maintainable code',
@@ -994,9 +993,9 @@ npm run lint</textarea>
       swarm: '🐝 Orchestrate multi-agent workflows',
       ask: '❓ Interactive problem-solving assistant',
       tutorial: '🎓 Create step-by-step tutorials',
-      generic: '🔨 Handle any development task'
+      generic: '🔨 Handle any development task',
     };
-    
+
     const selectedMode = modeSelect.value;
     descriptionEl.innerHTML = `<p>${descriptions[selectedMode] || 'Select a SPARC mode to see its description.'}</p>`;
   }
@@ -1011,17 +1010,17 @@ npm run lint</textarea>
         this.handleToolResult(data);
       }
     });
-    
+
     // Listen for real-time updates
     this.eventBus.on('ui:real-time:update', () => {
       this.updateStats();
     });
-    
+
     // Listen for theme changes
     this.eventBus.on('ui:theme:changed', (theme) => {
       this.updateTheme(theme);
     });
-    
+
     // Initialize drag and drop when view is rendered
     this.eventBus.on('view:rendered', () => {
       this.initializeDragDrop();
@@ -1033,7 +1032,7 @@ npm run lint</textarea>
    */
   handleToolResult(data) {
     console.log(`✅ Tool ${data.tool} completed:`, data.result);
-    
+
     // Update UI based on result
     if (this.container) {
       this.updateUIWithResult(data.tool, data.result);
@@ -1067,21 +1066,21 @@ npm run lint</textarea>
       const valueEl = workflowsStatEl.querySelector('.stat-value');
       if (valueEl) valueEl.textContent = this.workflows.size;
     }
-    
+
     // Update pipeline count
     const pipelinesStatEl = document.getElementById('pipelines-stat');
     if (pipelinesStatEl) {
       const valueEl = pipelinesStatEl.querySelector('.stat-value');
       if (valueEl) valueEl.textContent = this.pipelines.size;
     }
-    
+
     // Update automation rules count
     const rulesStatEl = document.getElementById('rules-stat');
     if (rulesStatEl) {
       const valueEl = rulesStatEl.querySelector('.stat-value');
       if (valueEl) valueEl.textContent = this.automationRules.size;
     }
-    
+
     // Update scheduled tasks count
     const scheduledStatEl = document.getElementById('scheduled-stat');
     if (scheduledStatEl) {
@@ -1513,4 +1512,4 @@ if (typeof document !== 'undefined') {
 }
 
 export default WorkflowAutomationView;
-export { WorkflowAutomationView };
+export { WorkflowAutomationView };

package/src/utils/error-handler.js

@@ -1,2 +1,2 @@
 // Re-export from TypeScript file
-export * from './error-handler.ts';
+export * from './error-handler.ts';

package/src/utils/error-handler.ts

@@ -2,13 +2,17 @@
  * Utility for proper error handling in TypeScript
  */
 
-import { getErrorMessage as getErrorMsg, getErrorStack as getErrorStk, isError as isErr } from './type-guards.js';
+import {
+  getErrorMessage as getErrorMsg,
+  getErrorStack as getErrorStk,
+  isError as isErr,
+} from './type-guards.js';
 
 export class AppError extends Error {
   constructor(
     message: string,
     public code?: string,
-    public statusCode?: number
+    public statusCode?: number,
   ) {
     super(message);
     this.name = 'AppError';
@@ -24,11 +28,11 @@ export const getErrorStack = getErrorStk;
 export function handleError(error: unknown, context?: string): never {
   const message = getErrorMessage(error);
   const stack = getErrorStack(error);
-  
+
   console.error(`Error${context ? ` in ${context}` : ''}: ${message}`);
   if (stack && process.env.NODE_ENV === 'development') {
     console.error('Stack trace:', stack);
   }
-  
+
   process.exit(1);
-}
+}

package/src/utils/errors.ts

@@ -1,4 +1,3 @@
-import { getErrorMessage } from '../utils/error-handler.js';
 /**
  * Custom error types for Claude-Flow
  */
@@ -40,7 +39,7 @@ export class TerminalError extends ClaudeFlowError {
 
 export class TerminalSpawnError extends TerminalError {
   override readonly code = 'TERMINAL_SPAWN_ERROR';
-  
+
   constructor(message: string, details?: unknown) {
     super(message, details);
   }
@@ -48,7 +47,7 @@ export class TerminalSpawnError extends TerminalError {
 
 export class TerminalCommandError extends TerminalError {
   override readonly code = 'TERMINAL_COMMAND_ERROR';
-  
+
   constructor(message: string, details?: unknown) {
     super(message, details);
   }
@@ -66,7 +65,7 @@ export class MemoryError extends ClaudeFlowError {
 
 export class MemoryBackendError extends MemoryError {
   override readonly code = 'MEMORY_BACKEND_ERROR';
-  
+
   constructor(message: string, details?: unknown) {
     super(message, details);
   }
@@ -74,7 +73,7 @@ export class MemoryBackendError extends MemoryError {
 
 export class MemoryConflictError extends MemoryError {
   override readonly code = 'MEMORY_CONFLICT_ERROR';
-  
+
   constructor(message: string, details?: unknown) {
     super(message, details);
   }
@@ -92,7 +91,7 @@ export class CoordinationError extends ClaudeFlowError {
 
 export class DeadlockError extends CoordinationError {
   override readonly code = 'DEADLOCK_ERROR';
-  
+
   constructor(
     message: string,
     public readonly agents: string[],
@@ -104,7 +103,7 @@ export class DeadlockError extends CoordinationError {
 
 export class ResourceLockError extends CoordinationError {
   override readonly code = 'RESOURCE_LOCK_ERROR';
-  
+
   constructor(message: string, details?: unknown) {
     super(message, details);
   }
@@ -122,7 +121,7 @@ export class MCPError extends ClaudeFlowError {
 
 export class MCPTransportError extends MCPError {
   override readonly code = 'MCP_TRANSPORT_ERROR';
-  
+
   constructor(message: string, details?: unknown) {
     super(message, details);
   }
@@ -130,7 +129,7 @@ export class MCPTransportError extends MCPError {
 
 export class MCPMethodNotFoundError extends MCPError {
   override readonly code = 'MCP_METHOD_NOT_FOUND';
-  
+
   constructor(method: string) {
     super(`Method not found: ${method}`, { method });
   }
@@ -148,7 +147,7 @@ export class ConfigError extends ClaudeFlowError {
 
 export class ValidationError extends ConfigError {
   override readonly code = 'VALIDATION_ERROR';
-  
+
   constructor(message: string, details?: unknown) {
     super(message, details);
   }
@@ -166,7 +165,7 @@ export class TaskError extends ClaudeFlowError {
 
 export class TaskTimeoutError extends TaskError {
   override readonly code = 'TASK_TIMEOUT_ERROR';
-  
+
   constructor(taskId: string, timeout: number) {
     super(`Task ${taskId} timed out after ${timeout}ms`, { taskId, timeout });
   }
@@ -174,7 +173,7 @@ export class TaskTimeoutError extends TaskError {
 
 export class TaskDependencyError extends TaskError {
   override readonly code = 'TASK_DEPENDENCY_ERROR';
-  
+
   constructor(taskId: string, dependencies: string[]) {
     super(`Task ${taskId} has unmet dependencies`, { taskId, dependencies });
   }
@@ -192,19 +191,22 @@ export class SystemError extends ClaudeFlowError {
 
 export class InitializationError extends SystemError {
   override readonly code = 'INITIALIZATION_ERROR';
-  
+
   constructor(componentOrMessage: string, details?: unknown) {
     // If the message already contains the word "initialize", use it as-is
-    const message = componentOrMessage.includes('initialize') 
-      ? componentOrMessage 
+    const message = componentOrMessage.includes('initialize')
+      ? componentOrMessage
       : `Failed to initialize ${componentOrMessage}`;
-    super(message, details ? { component: componentOrMessage, ...details } : { component: componentOrMessage });
+    super(
+      message,
+      details ? { component: componentOrMessage, ...details } : { component: componentOrMessage },
+    );
   }
 }
 
 export class ShutdownError extends SystemError {
   override readonly code = 'SHUTDOWN_ERROR';
-  
+
   constructor(message: string, details?: unknown) {
     super(message, details);
   }
@@ -229,4 +231,4 @@ export function getErrorDetails(error: unknown): unknown {
     return error.details;
   }
   return undefined;
-}
+}

package/src/utils/formatters.ts

@@ -12,11 +12,11 @@ export function formatDuration(ms: number): string {
 
 export function formatBytes(bytes: number): string {
   if (bytes === 0) return '0 B';
-  
+
   const k = 1024;
   const sizes = ['B', 'KB', 'MB', 'GB', 'TB'];
   const i = Math.floor(Math.log(bytes) / Math.log(k));
-  
+
   return `${parseFloat((bytes / Math.pow(k, i)).toFixed(2))} ${sizes[i]}`;
 }
 
@@ -31,7 +31,7 @@ export function formatNumber(num: number): string {
 export function formatRelativeTime(date: Date): string {
   const now = new Date();
   const diff = now.getTime() - date.getTime();
-  
+
   if (diff < 60000) return 'just now';
   if (diff < 3600000) return `${Math.floor(diff / 60000)}m ago`;
   if (diff < 86400000) return `${Math.floor(diff / 3600000)}h ago`;
@@ -61,10 +61,10 @@ export function formatStatus(status: string): string {
 export function formatHealth(health: number): string {
   const percentage = Math.round(health * 100);
   let emoji = '🟢';
-  
+
   if (health < 0.3) emoji = '🔴';
   else if (health < 0.7) emoji = '🟡';
-  
+
   return `${emoji} ${percentage}%`;
 }
 
@@ -72,4 +72,4 @@ export function formatMetric(value: number, unit: string): string {
   if (value < 1000) return `${value.toFixed(1)} ${unit}`;
   if (value < 1000000) return `${(value / 1000).toFixed(1)}K ${unit}`;
   return `${(value / 1000000).toFixed(1)}M ${unit}`;
-}
+}

package/src/utils/helpers.ts

@@ -1,4 +1,3 @@
-import { getErrorMessage } from '../utils/error-handler.js';
 /**
  * Utility helper functions for Claude-Flow
  */
@@ -24,7 +23,7 @@ export function add(a: number, b: number): number {
  * Simple hello world function
  */
 export function helloWorld(): string {
-  return "Hello, World!";
+  return 'Hello, World!';
 }
 
 /**
@@ -42,7 +41,7 @@ export function generateId(prefix?: string): string {
 export function timeout<T>(promise: Promise<T>, ms: number, message?: string): Promise<T> {
   let timeoutId: ReturnType<typeof setTimeout> | undefined;
   let completed = false;
-  
+
   const timeoutPromise = new Promise<never>((_, reject) => {
     timeoutId = setTimeout(() => {
       if (!completed) {
@@ -52,24 +51,24 @@ export function timeout<T>(promise: Promise<T>, ms: number, message?: string): P
     }, ms);
   });
 
-  const wrappedPromise = promise.then((result) => {
-    completed = true;
-    if (timeoutId !== undefined) {
-      clearTimeout(timeoutId);
-    }
-    return result;
-  }, (error) => {
-    completed = true;
-    if (timeoutId !== undefined) {
-      clearTimeout(timeoutId);
-    }
-    throw error;
-  });
+  const wrappedPromise = promise.then(
+    (result) => {
+      completed = true;
+      if (timeoutId !== undefined) {
+        clearTimeout(timeoutId);
+      }
+      return result;
+    },
+    (error) => {
+      completed = true;
+      if (timeoutId !== undefined) {
+        clearTimeout(timeoutId);
+      }
+      throw error;
+    },
+  );
 
-  return Promise.race([
-    wrappedPromise,
-    timeoutPromise,
-  ]);
+  return Promise.race([wrappedPromise, timeoutPromise]);
 }
 
 /**
@@ -92,13 +91,7 @@ export async function retry<T>(
     onRetry?: (attempt: number, error: Error) => void;
   } = {},
 ): Promise<T> {
-  const {
-    maxAttempts = 3,
-    initialDelay = 1000,
-    maxDelay = 30000,
-    factor = 2,
-    onRetry,
-  } = options;
+  const { maxAttempts = 3, initialDelay = 1000, maxDelay = 30000, factor = 2, onRetry } = options;
 
   let lastError: Error;
   let delayMs = initialDelay;
@@ -225,7 +218,7 @@ export function deepMerge<T extends Record<string, unknown>>(
 ): T {
   // Create a deep clone of the target to avoid mutation
   const result = deepClone(target);
-  
+
   if (!sources.length) return result;
 
   const source = sources.shift();
@@ -317,7 +310,7 @@ export function formatBytes(bytes: number, decimals = 2): string {
 
   const value = parseFloat((absBytes / Math.pow(k, i)).toFixed(dm));
   const sign = bytes < 0 ? '-' : '';
-  
+
   return sign + value + ' ' + sizes[i];
 }
 
@@ -363,14 +356,17 @@ export function groupBy<T, K extends string | number | symbol>(
   items: T[],
   keyFn: (item: T) => K,
 ): Record<K, T[]> {
-  return items.reduce((groups, item) => {
-    const key = keyFn(item);
-    if (!groups[key]) {
-      groups[key] = [];
-    }
-    groups[key].push(item);
-    return groups;
-  }, {} as Record<K, T[]>);
+  return items.reduce(
+    (groups, item) => {
+      const key = keyFn(item);
+      if (!groups[key]) {
+        groups[key] = [];
+      }
+      groups[key].push(item);
+      return groups;
+    },
+    {} as Record<K, T[]>,
+  );
 }
 
 /**
@@ -403,7 +399,6 @@ export function safeParseJSON<T>(json: string, fallback?: T): T | undefined {
   }
 }
 
-
 /**
  * Circuit breaker state
  */
@@ -434,7 +429,11 @@ export interface CircuitBreaker {
 /**
  * Simple calculator function with basic operations
  */
-export function calculator(a: number, b: number, operation: '+' | '-' | '*' | '/' | '^' | '%'): number {
+export function calculator(
+  a: number,
+  b: number,
+  operation: '+' | '-' | '*' | '/' | '^' | '%',
+): number {
   switch (operation) {
     case '+':
       return a + b;
@@ -462,10 +461,7 @@ export function calculator(a: number, b: number, operation: '+' | '-' | '*' | '/
 /**
  * Creates a circuit breaker
  */
-export function circuitBreaker(
-  name: string,
-  options: CircuitBreakerOptions,
-): CircuitBreaker {
+export function circuitBreaker(name: string, options: CircuitBreakerOptions): CircuitBreaker {
   const state: CircuitBreakerState = {
     failureCount: 0,
     lastFailureTime: 0,
@@ -492,7 +488,7 @@ export function circuitBreaker(
   const recordFailure = (): void => {
     state.failureCount++;
     state.lastFailureTime = Date.now();
-    
+
     if (state.failureCount >= options.threshold) {
       state.state = 'open';
     }
@@ -529,16 +525,19 @@ export function circuitBreaker(
 /**
  * Greeting function that returns a personalized greeting
  */
-export function greeting(name?: string, options?: {
-  timeOfDay?: boolean;
-  formal?: boolean;
-  locale?: 'en' | 'es' | 'fr' | 'de' | 'it' | 'pt' | 'ja' | 'zh';
-}): string {
+export function greeting(
+  name?: string,
+  options?: {
+    timeOfDay?: boolean;
+    formal?: boolean;
+    locale?: 'en' | 'es' | 'fr' | 'de' | 'it' | 'pt' | 'ja' | 'zh';
+  },
+): string {
   const opts = {
     timeOfDay: false,
     formal: false,
     locale: 'en' as const,
-    ...options
+    ...options,
   };
 
   // Determine time-based greeting
@@ -560,7 +559,7 @@ export function greeting(name?: string, options?: {
       it: { informal: 'Ciao', formal: 'Salve' },
       pt: { informal: 'Olá', formal: 'Saudações' },
       ja: { informal: 'こんにちは', formal: 'ご挨拶' },
-      zh: { informal: '你好', formal: '您好' }
+      zh: { informal: '你好', formal: '您好' },
     };
 
     const localeGreeting = greetings[opts.locale] || greetings.en;
@@ -569,13 +568,12 @@ export function greeting(name?: string, options?: {
 
   // Build the greeting
   let greetingText = opts.timeOfDay ? getTimeGreeting() : getLocaleGreeting();
-  
+
   if (name) {
     greetingText += `, ${name}`;
   }
-  
+
   greetingText += '!';
-  
+
   return greetingText;
 }
-