popeye-cli 1.0.1 → 1.2.0

package/dist/workflow/ui-designer.d.ts

@@ -0,0 +1,82 @@
+/**
+ * UI Designer Module
+ * Generates UI design specifications from natural language project ideas
+ * Ensures Popeye handles all UI/UX automatically without user intervention
+ */
+import { type DesignTheme } from './ui-setup.js';
+/**
+ * UI Design Intent - what the user wants their app to look like
+ */
+export interface UIDesignIntent {
+    /** Overall style preference */
+    style: 'modern' | 'elegant' | 'minimal' | 'vibrant' | 'professional' | 'playful';
+    /** Target audience */
+    audience: 'business' | 'consumer' | 'developer' | 'creative' | 'general';
+    /** Industry/domain */
+    industry?: string;
+    /** Color preferences */
+    colorPreference?: 'warm' | 'cool' | 'neutral' | 'colorful' | 'monochrome';
+    /** Key UI features needed */
+    features: string[];
+    /** Accessibility requirements */
+    accessibilityLevel: 'A' | 'AA' | 'AAA';
+    /** Dark mode support */
+    darkMode: boolean;
+    /** Mobile-first design */
+    mobileFirst: boolean;
+}
+/**
+ * Complete UI specification generated by the designer
+ */
+export interface UISpecification {
+    /** The design intent derived from the idea */
+    intent: UIDesignIntent;
+    /** Selected theme */
+    theme: DesignTheme;
+    /** Theme name for reference */
+    themeName: string;
+    /** Project type detection */
+    projectType: string;
+    /** Components recommended for this project */
+    recommendedComponents: string[];
+    /** Layout patterns to use */
+    layoutPatterns: string[];
+    /** Navigation style */
+    navigationStyle: 'sidebar' | 'topbar' | 'bottom-tabs' | 'hybrid';
+    /** Key pages to create */
+    keyPages: Array<{
+        name: string;
+        route: string;
+        description: string;
+        layout: string;
+    }>;
+    /** Design system notes for code generation */
+    designNotes: string;
+}
+/**
+ * Analyze the project idea and generate UI design intent
+ */
+export declare function analyzeUIIntent(idea: string, onProgress?: (message: string) => void): Promise<UIDesignIntent>;
+/**
+ * Generate complete UI specification from intent
+ */
+export declare function generateUISpecification(idea: string, intent: UIDesignIntent, onProgress?: (message: string) => void): Promise<UISpecification>;
+/**
+ * Generate design system prompt for code generation
+ * This is injected into Claude's context when generating UI code
+ */
+export declare function generateDesignSystemPrompt(spec: UISpecification): string;
+/**
+ * Main function: Design UI from idea
+ * Call this early in the Popeye workflow to establish UI direction
+ */
+export declare function designUI(idea: string, onProgress?: (message: string) => void): Promise<UISpecification>;
+/**
+ * Save UI specification to project
+ */
+export declare function saveUISpecification(projectDir: string, spec: UISpecification): Promise<void>;
+/**
+ * Load UI specification from project
+ */
+export declare function loadUISpecification(projectDir: string): Promise<UISpecification | null>;
+//# sourceMappingURL=ui-designer.d.ts.map

package/dist/workflow/ui-designer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-designer.d.ts","sourceRoot":"","sources":["../../src/workflow/ui-designer.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAA6B,KAAK,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5E;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,+BAA+B;IAC/B,KAAK,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,cAAc,GAAG,SAAS,CAAC;IAEjF,sBAAsB;IACtB,QAAQ,EAAE,UAAU,GAAG,UAAU,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,CAAC;IAEzE,sBAAsB;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,wBAAwB;IACxB,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,YAAY,CAAC;IAE1E,6BAA6B;IAC7B,QAAQ,EAAE,MAAM,EAAE,CAAC;IAEnB,iCAAiC;IACjC,kBAAkB,EAAE,GAAG,GAAG,IAAI,GAAG,KAAK,CAAC;IAEvC,wBAAwB;IACxB,QAAQ,EAAE,OAAO,CAAC;IAElB,0BAA0B;IAC1B,WAAW,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,8CAA8C;IAC9C,MAAM,EAAE,cAAc,CAAC;IAEvB,qBAAqB;IACrB,KAAK,EAAE,WAAW,CAAC;IAEnB,+BAA+B;IAC/B,SAAS,EAAE,MAAM,CAAC;IAElB,6BAA6B;IAC7B,WAAW,EAAE,MAAM,CAAC;IAEpB,8CAA8C;IAC9C,qBAAqB,EAAE,MAAM,EAAE,CAAC;IAEhC,6BAA6B;IAC7B,cAAc,EAAE,MAAM,EAAE,CAAC;IAEzB,uBAAuB;IACvB,eAAe,EAAE,SAAS,GAAG,QAAQ,GAAG,aAAa,GAAG,QAAQ,CAAC;IAEjE,0BAA0B;IAC1B,QAAQ,EAAE,KAAK,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;QACpB,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC,CAAC;IAEH,8CAA8C;IAC9C,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;GAEG;AACH,wBAAsB,eAAe,CACnC,IAAI,EAAE,MAAM,EACZ,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,GACrC,OAAO,CAAC,cAAc,CAAC,CAmDzB;AAED;;GAEG;AACH,wBAAsB,uBAAuB,CAC3C,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,cAAc,EACtB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,GACrC,OAAO,CAAC,eAAe,CAAC,CAgG1B;AAED;;;GAGG;AACH,wBAAgB,0BAA0B,CAAC,IAAI,EAAE,eAAe,GAAG,MAAM,CAuCxE;AAED;;;GAGG;AACH,wBAAsB,QAAQ,CAC5B,IAAI,EAAE,MAAM,EACZ,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,GACrC,OAAO,CAAC,eAAe,CAAC,CAY1B;AAED;;GAEG;AACH,wBAAsB,mBAAmB,CACvC,UAAU,EAAE,MAAM,EAClB,IAAI,EAAE,eAAe,GACpB,OAAO,CAAC,IAAI,CAAC,CAOf;AAED;;GAEG;AACH,wBAAsB,mBAAmB,CACvC,UAAU,EAAE,MAAM,GACjB,OAAO,CAAC,eAAe,GAAG,IAAI,CAAC,CAWjC"}

package/dist/workflow/ui-designer.js

@@ -0,0 +1,234 @@
+/**
+ * UI Designer Module
+ * Generates UI design specifications from natural language project ideas
+ * Ensures Popeye handles all UI/UX automatically without user intervention
+ */
+import { generateCode } from '../adapters/claude.js';
+import { THEMES, detectProjectType } from './ui-setup.js';
+/**
+ * Analyze the project idea and generate UI design intent
+ */
+export async function analyzeUIIntent(idea, onProgress) {
+    onProgress?.('Analyzing project idea for UI intent...');
+    const prompt = `Analyze this project idea and determine the UI design intent. Return ONLY a JSON object (no markdown, no explanation).
+
+Project Idea: "${idea}"
+
+Return JSON with this exact structure:
+{
+  "style": "modern" | "elegant" | "minimal" | "vibrant" | "professional" | "playful",
+  "audience": "business" | "consumer" | "developer" | "creative" | "general",
+  "industry": "string or null",
+  "colorPreference": "warm" | "cool" | "neutral" | "colorful" | "monochrome",
+  "features": ["list of UI features needed like forms, tables, charts, cards, etc"],
+  "accessibilityLevel": "AA",
+  "darkMode": true or false,
+  "mobileFirst": true or false
+}
+
+Consider:
+- Who will use this app (business users need clean/professional, consumers want modern/friendly)
+- What type of data/content will be displayed
+- What interactions are needed
+- The overall mood/tone of the application`;
+    try {
+        const result = await generateCode(prompt, '');
+        if (result.success && result.response) {
+            // Parse the JSON response
+            const jsonMatch = result.response.match(/\{[\s\S]*\}/);
+            if (jsonMatch) {
+                const intent = JSON.parse(jsonMatch[0]);
+                onProgress?.(`UI Intent: ${intent.style} style for ${intent.audience} audience`);
+                return intent;
+            }
+        }
+    }
+    catch {
+        onProgress?.('Using default UI intent (analysis failed)');
+    }
+    // Default intent if analysis fails
+    return {
+        style: 'modern',
+        audience: 'general',
+        colorPreference: 'cool',
+        features: ['cards', 'forms', 'buttons', 'navigation'],
+        accessibilityLevel: 'AA',
+        darkMode: true,
+        mobileFirst: true,
+    };
+}
+/**
+ * Generate complete UI specification from intent
+ */
+export async function generateUISpecification(idea, intent, onProgress) {
+    onProgress?.('Generating UI specification...');
+    // Select theme based on intent
+    let themeName;
+    switch (intent.style) {
+        case 'elegant':
+        case 'professional':
+            themeName = 'elegant';
+            break;
+        case 'minimal':
+            themeName = 'minimal';
+            break;
+        case 'vibrant':
+        case 'playful':
+            themeName = 'vibrant';
+            break;
+        default:
+            themeName = 'modern';
+    }
+    // Override based on audience if style is generic
+    if (intent.style === 'professional' && intent.audience === 'business') {
+        themeName = 'minimal';
+    }
+    const theme = THEMES[themeName];
+    const projectType = detectProjectType(idea);
+    onProgress?.(`Selected theme: ${theme.name}`);
+    onProgress?.(`Project type: ${projectType}`);
+    // Generate detailed specification using Claude
+    const prompt = `Generate a UI specification for this project. Return ONLY a JSON object (no markdown).
+
+Project Idea: "${idea}"
+Style: ${intent.style}
+Audience: ${intent.audience}
+Project Type: ${projectType}
+
+Return JSON:
+{
+  "recommendedComponents": ["list of shadcn/ui components needed"],
+  "layoutPatterns": ["grid", "flex", "etc"],
+  "navigationStyle": "sidebar" | "topbar" | "bottom-tabs" | "hybrid",
+  "keyPages": [
+    {
+      "name": "Page Name",
+      "route": "/route",
+      "description": "What this page does",
+      "layout": "dashboard" | "form" | "list" | "detail" | "kanban" | "landing"
+    }
+  ],
+  "designNotes": "Brief notes for consistent design (colors, spacing, component usage)"
+}`;
+    try {
+        const result = await generateCode(prompt, '');
+        if (result.success && result.response) {
+            const jsonMatch = result.response.match(/\{[\s\S]*\}/);
+            if (jsonMatch) {
+                const spec = JSON.parse(jsonMatch[0]);
+                return {
+                    intent,
+                    theme,
+                    themeName,
+                    projectType,
+                    recommendedComponents: spec.recommendedComponents || [],
+                    layoutPatterns: spec.layoutPatterns || ['flex', 'grid'],
+                    navigationStyle: spec.navigationStyle || 'sidebar',
+                    keyPages: spec.keyPages || [],
+                    designNotes: spec.designNotes || '',
+                };
+            }
+        }
+    }
+    catch {
+        onProgress?.('Using default specification (generation failed)');
+    }
+    // Default specification
+    return {
+        intent,
+        theme,
+        themeName,
+        projectType,
+        recommendedComponents: ['button', 'card', 'input', 'dialog', 'dropdown-menu', 'avatar', 'badge'],
+        layoutPatterns: ['flex', 'grid'],
+        navigationStyle: 'sidebar',
+        keyPages: [
+            { name: 'Dashboard', route: '/', description: 'Main dashboard', layout: 'dashboard' },
+            { name: 'Settings', route: '/settings', description: 'User settings', layout: 'form' },
+        ],
+        designNotes: `Use ${theme.name} theme consistently. Maintain ${intent.style} aesthetic throughout.`,
+    };
+}
+/**
+ * Generate design system prompt for code generation
+ * This is injected into Claude's context when generating UI code
+ */
+export function generateDesignSystemPrompt(spec) {
+    return `
+## UI Design System
+
+You are generating code for a ${spec.intent.style} ${spec.projectType} application.
+
+### Theme: ${spec.theme.name}
+- Primary color: hsl(${spec.theme.colors.primary})
+- Border radius: ${spec.theme.borderRadius}
+- Font: ${spec.theme.fontFamily}
+
+### Components to Use
+Always use these shadcn/ui components (from @/components/ui/):
+${spec.recommendedComponents.map(c => `- ${c}`).join('\n')}
+
+### Layout Patterns
+${spec.layoutPatterns.map(p => `- ${p}`).join('\n')}
+
+### Navigation
+Use ${spec.navigationStyle} navigation pattern.
+
+### Accessibility
+- Target WCAG ${spec.intent.accessibilityLevel} compliance
+- All interactive elements must be keyboard accessible
+- Use semantic HTML elements
+- Include proper ARIA labels
+
+### Mobile Responsiveness
+${spec.intent.mobileFirst ? 'Design mobile-first, then scale up for larger screens.' : 'Design for desktop, with responsive adjustments for mobile.'}
+
+### Dark Mode
+${spec.intent.darkMode ? 'Support dark mode with class-based toggling.' : 'Light mode only.'}
+
+### Design Notes
+${spec.designNotes}
+
+### Key Pages
+${spec.keyPages.map(p => `- ${p.name} (${p.route}): ${p.description} - Use ${p.layout} layout`).join('\n')}
+`;
+}
+/**
+ * Main function: Design UI from idea
+ * Call this early in the Popeye workflow to establish UI direction
+ */
+export async function designUI(idea, onProgress) {
+    onProgress?.('Starting UI design process...');
+    // Step 1: Analyze the idea to understand intent
+    const intent = await analyzeUIIntent(idea, onProgress);
+    // Step 2: Generate complete specification
+    const spec = await generateUISpecification(idea, intent, onProgress);
+    onProgress?.(`UI design complete: ${spec.theme.name} theme with ${spec.recommendedComponents.length} components`);
+    return spec;
+}
+/**
+ * Save UI specification to project
+ */
+export async function saveUISpecification(projectDir, spec) {
+    const { promises: fs } = await import('node:fs');
+    const path = await import('node:path');
+    const specPath = path.join(projectDir, '.popeye', 'ui-spec.json');
+    await fs.mkdir(path.dirname(specPath), { recursive: true });
+    await fs.writeFile(specPath, JSON.stringify(spec, null, 2));
+}
+/**
+ * Load UI specification from project
+ */
+export async function loadUISpecification(projectDir) {
+    const { promises: fs } = await import('node:fs');
+    const path = await import('node:path');
+    try {
+        const specPath = path.join(projectDir, '.popeye', 'ui-spec.json');
+        const content = await fs.readFile(specPath, 'utf-8');
+        return JSON.parse(content);
+    }
+    catch {
+        return null;
+    }
+}
+//# sourceMappingURL=ui-designer.js.map

package/dist/workflow/ui-designer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-designer.js","sourceRoot":"","sources":["../../src/workflow/ui-designer.ts"],"names":[],"mappings":"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"}

package/dist/workflow/ui-setup.d.ts

@@ -0,0 +1,58 @@
+/**
+ * UI Setup Module
+ * Automatically sets up component libraries, design systems, and styling
+ * for a polished, professional UI without manual configuration
+ */
+/**
+ * Design theme configuration
+ */
+export interface DesignTheme {
+    name: string;
+    colors: {
+        primary: string;
+        primaryForeground: string;
+        secondary: string;
+        secondaryForeground: string;
+        accent: string;
+        accentForeground: string;
+        background: string;
+        foreground: string;
+        card: string;
+        cardForeground: string;
+        muted: string;
+        mutedForeground: string;
+        destructive: string;
+        destructiveForeground: string;
+        border: string;
+        input: string;
+        ring: string;
+    };
+    borderRadius: string;
+    fontFamily: string;
+}
+/**
+ * Pre-defined professional themes
+ */
+export declare const THEMES: Record<string, DesignTheme>;
+/**
+ * UI Setup result
+ */
+export interface UISetupResult {
+    success: boolean;
+    theme: string;
+    componentsInstalled: string[];
+    error?: string;
+}
+/**
+ * Detect project type from idea/specification
+ */
+export declare function detectProjectType(idea: string): string;
+/**
+ * Setup complete UI system for a project
+ */
+export declare function setupUI(projectDir: string, options?: {
+    theme?: string;
+    projectType?: string;
+    idea?: string;
+}, onProgress?: (message: string) => void): Promise<UISetupResult>;
+//# sourceMappingURL=ui-setup.d.ts.map

package/dist/workflow/ui-setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-setup.d.ts","sourceRoot":"","sources":["../../src/workflow/ui-setup.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AASH;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE;QACN,OAAO,EAAE,MAAM,CAAC;QAChB,iBAAiB,EAAE,MAAM,CAAC;QAC1B,SAAS,EAAE,MAAM,CAAC;QAClB,mBAAmB,EAAE,MAAM,CAAC;QAC5B,MAAM,EAAE,MAAM,CAAC;QACf,gBAAgB,EAAE,MAAM,CAAC;QACzB,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;QACnB,IAAI,EAAE,MAAM,CAAC;QACb,cAAc,EAAE,MAAM,CAAC;QACvB,KAAK,EAAE,MAAM,CAAC;QACd,eAAe,EAAE,MAAM,CAAC;QACxB,WAAW,EAAE,MAAM,CAAC;QACpB,qBAAqB,EAAE,MAAM,CAAC;QAC9B,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAiG9C,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB,EAAE,MAAM,EAAE,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA8OD;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAiBtD;AAED;;GAEG;AACH,wBAAsB,OAAO,CAC3B,UAAU,EAAE,MAAM,EAClB,OAAO,GAAE;IACP,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;CACV,EACN,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,GACrC,OAAO,CAAC,aAAa,CAAC,CAqJxB"}