popeye-cli 1.4.7 → 1.6.0

package/tests/generators/website-components.test.ts

@@ -0,0 +1,159 @@
+/**
+ * Website shared component tests
+ * Validates Header, Footer, and Navigation generation with strategy data
+ */
+
+import { describe, it, expect } from 'vitest';
+import {
+  generateWebsiteHeader,
+  generateWebsiteFooter,
+  generateWebsiteNavigation,
+} from '../../src/generators/templates/website-components.js';
+import type { WebsiteContentContext } from '../../src/generators/website-context.js';
+import type { WebsiteStrategyDocument } from '../../src/types/website-strategy.js';
+
+const mockStrategy: WebsiteStrategyDocument = {
+  icp: { primaryPersona: 'Developers', painPoints: [], goals: [], objections: [] },
+  positioning: { category: 'DevTools', differentiators: [], valueProposition: 'Fast deploys', proofPoints: [] },
+  messaging: { headline: 'Ship Fast', subheadline: 'AI CI/CD', elevatorPitch: 'Deploy faster.', longDescription: 'AI CI/CD platform.' },
+  seoStrategy: { primaryKeywords: [], secondaryKeywords: [], longTailKeywords: [], titleTemplates: {}, metaDescriptions: {} },
+  siteArchitecture: {
+    pages: [
+      { path: '/', title: 'Home', purpose: 'conversion', pageType: 'landing', sections: [], seoKeywords: [], conversionGoal: 'trial' },
+    ],
+    navigation: [
+      { label: 'Features', href: '/#features' },
+      { label: 'Pricing', href: '/pricing' },
+      { label: 'API Docs', href: '/docs' },
+    ],
+    footerSections: [
+      { title: 'Product', links: [{ label: 'Features', href: '/#features' }, { label: 'Pricing', href: '/pricing' }] },
+      { title: 'Company', links: [{ label: 'About', href: '/about' }] },
+      { title: 'Legal', links: [{ label: 'Privacy', href: '/privacy' }] },
+    ],
+  },
+  conversionStrategy: {
+    primaryCta: { text: 'Get Started Free', href: '/signup' },
+    secondaryCta: { text: 'View Docs', href: '/docs' },
+    trustSignals: [], socialProof: [], leadCapture: 'webhook',
+  },
+  competitiveContext: { category: 'DevTools', competitors: [], differentiators: [] },
+};
+
+const contextWithLogo: WebsiteContentContext = {
+  productName: 'DeployAI',
+  features: [],
+  rawDocs: '',
+  brandAssets: {
+    logoPath: '/path/to/logo.png',
+    logoOutputPath: 'public/brand/logo.png',
+  },
+};
+
+const contextNoLogo: WebsiteContentContext = {
+  productName: 'DeployAI',
+  features: [],
+  rawDocs: '',
+};
+
+describe('generateWebsiteHeader', () => {
+  it('renders logo image when brandAssets.logoOutputPath provided', () => {
+    const header = generateWebsiteHeader('deploy-ai', contextWithLogo, mockStrategy);
+    expect(header).toContain('Image');
+    expect(header).toContain('logo.png');
+    expect(header).toContain('alt="DeployAI"');
+  });
+
+  it('renders text fallback when no logo', () => {
+    const header = generateWebsiteHeader('deploy-ai', contextNoLogo, mockStrategy);
+    expect(header).toContain('DeployAI');
+    expect(header).toContain('font-bold text-foreground');
+  });
+
+  it('includes navigation links from strategy', () => {
+    const header = generateWebsiteHeader('deploy-ai', contextNoLogo, mockStrategy);
+    expect(header).toContain('Features');
+    expect(header).toContain('/#features');
+    expect(header).toContain('Pricing');
+    expect(header).toContain('/pricing');
+    expect(header).toContain('API Docs');
+  });
+
+  it('includes primary CTA from strategy', () => {
+    const header = generateWebsiteHeader('deploy-ai', contextNoLogo, mockStrategy);
+    expect(header).toContain('Get Started Free');
+    expect(header).toContain('/signup');
+  });
+
+  it('includes mobile hamburger menu', () => {
+    const header = generateWebsiteHeader('deploy-ai', contextNoLogo, mockStrategy);
+    expect(header).toContain('mobileMenuOpen');
+    expect(header).toContain('md:hidden');
+  });
+
+  it('uses default nav items when no strategy', () => {
+    const header = generateWebsiteHeader('deploy-ai', contextNoLogo);
+    expect(header).toContain('Features');
+    expect(header).toContain('Pricing');
+    expect(header).toContain('Docs');
+    expect(header).toContain('Blog');
+  });
+});
+
+describe('generateWebsiteFooter', () => {
+  it('includes multi-column sections from strategy', () => {
+    const footer = generateWebsiteFooter('deploy-ai', contextNoLogo, mockStrategy);
+    expect(footer).toContain('Product');
+    expect(footer).toContain('Company');
+    expect(footer).toContain('Legal');
+    expect(footer).toContain('Privacy');
+    expect(footer).toContain('/about');
+  });
+
+  it('includes brand name and tagline', () => {
+    const ctxWithTagline: WebsiteContentContext = {
+      ...contextNoLogo,
+      tagline: 'Ship Code 10x Faster',
+    };
+    const footer = generateWebsiteFooter('deploy-ai', ctxWithTagline, mockStrategy);
+    expect(footer).toContain('DeployAI');
+    expect(footer).toContain('Ship Code 10x Faster');
+  });
+
+  it('includes copyright notice', () => {
+    const footer = generateWebsiteFooter('deploy-ai', contextNoLogo);
+    expect(footer).toContain('All rights reserved');
+    expect(footer).toContain('DeployAI');
+  });
+
+  it('uses default sections when no strategy', () => {
+    const footer = generateWebsiteFooter('deploy-ai', contextNoLogo);
+    expect(footer).toContain('Product');
+    expect(footer).toContain('Resources');
+    expect(footer).toContain('Legal');
+  });
+});
+
+describe('generateWebsiteNavigation', () => {
+  it('generates nav config from strategy', () => {
+    const nav = generateWebsiteNavigation(mockStrategy);
+    expect(nav).toContain('NAV_ITEMS');
+    expect(nav).toContain('Features');
+    expect(nav).toContain('/#features');
+    expect(nav).toContain('Pricing');
+  });
+
+  it('uses default nav items when no strategy', () => {
+    const nav = generateWebsiteNavigation();
+    expect(nav).toContain('Features');
+    expect(nav).toContain('Pricing');
+    expect(nav).toContain('Docs');
+    expect(nav).toContain('Blog');
+  });
+
+  it('exports NavItem interface', () => {
+    const nav = generateWebsiteNavigation();
+    expect(nav).toContain('export interface NavItem');
+    expect(nav).toContain('children?: NavItem[]');
+  });
+});

package/tests/generators/website-config.test.ts

@@ -0,0 +1,84 @@
+/**
+ * Tests for website-config tailwind generation with brand colors
+ * Extended to verify full color token set, animations, and CSS vars
+ */
+
+import { describe, it, expect } from 'vitest';
+import { generateWebsiteTailwindConfig } from '../../src/generators/templates/website-config.js';
+
+describe('generateWebsiteTailwindConfig', () => {
+  it('generates config with brand primary color', () => {
+    const config = generateWebsiteTailwindConfig({
+      primaryColor: '#2563EB',
+    });
+
+    // Should contain generated color scale, NOT default sky-blue
+    expect(config).not.toContain('#0ea5e9');
+    expect(config).not.toContain('#0284c7');
+    // Should be valid TypeScript with Config type
+    expect(config).toContain("import type { Config } from 'tailwindcss'");
+    expect(config).toContain('primary:');
+  });
+
+  it('includes workspace design-tokens preset import', () => {
+    const config = generateWebsiteTailwindConfig({
+      workspaceMode: true,
+      projectName: 'gateco',
+    });
+
+    expect(config).toContain("import designPreset from '@gateco/design-tokens/tailwind'");
+    expect(config).toContain('presets: [designPreset]');
+  });
+
+  it('uses default sky-blue when no options provided', () => {
+    const config = generateWebsiteTailwindConfig();
+
+    // Should contain default sky-blue palette
+    expect(config).toContain('#0ea5e9');
+    expect(config).toContain('#0284c7');
+    // Should NOT have preset import
+    expect(config).not.toContain('designPreset');
+  });
+
+  it('includes full shadcn-compatible color token set', () => {
+    const config = generateWebsiteTailwindConfig();
+
+    // Background/foreground
+    expect(config).toContain("background: 'hsl(var(--background))'");
+    expect(config).toContain("foreground: 'hsl(var(--foreground))'");
+
+    // Muted with sub-tokens
+    expect(config).toContain("muted:");
+    expect(config).toContain("hsl(var(--muted))");
+    expect(config).toContain("hsl(var(--muted-foreground))");
+
+    // Accent
+    expect(config).toContain("accent:");
+    expect(config).toContain("hsl(var(--accent))");
+
+    // Card
+    expect(config).toContain("card:");
+    expect(config).toContain("hsl(var(--card))");
+
+    // Border and ring
+    expect(config).toContain("border: 'hsl(var(--border))'");
+    expect(config).toContain("ring: 'hsl(var(--ring))'");
+  });
+
+  it('includes animation utilities', () => {
+    const config = generateWebsiteTailwindConfig();
+
+    expect(config).toContain('keyframes:');
+    expect(config).toContain('fadeIn:');
+    expect(config).toContain('slideUp:');
+    expect(config).toContain('animation:');
+  });
+
+  it('includes borderColor and borderRadius extensions', () => {
+    const config = generateWebsiteTailwindConfig();
+
+    expect(config).toContain('borderColor:');
+    expect(config).toContain('borderRadius:');
+    expect(config).toContain('var(--radius)');
+  });
+});

package/tests/generators/website-content-scanner.test.ts

@@ -0,0 +1,181 @@
+/**
+ * Tests for post-generation website content scanner
+ * Verifies detection of placeholder fingerprints in generated files
+ */
+
+import { describe, it, expect, beforeEach, afterEach } from 'vitest';
+import { promises as fs } from 'node:fs';
+import path from 'node:path';
+import os from 'node:os';
+import { scanGeneratedContent } from '../../src/generators/website-content-scanner.js';
+
+let tmpDir: string;
+
+beforeEach(async () => {
+  tmpDir = await fs.mkdtemp(path.join(os.tmpdir(), 'scanner-test-'));
+  await fs.mkdir(path.join(tmpDir, 'src', 'app'), { recursive: true });
+  await fs.mkdir(path.join(tmpDir, 'src', 'components'), { recursive: true });
+});
+
+afterEach(async () => {
+  await fs.rm(tmpDir, { recursive: true, force: true });
+});
+
+describe('scanGeneratedContent', () => {
+  it('produces no issues for clean files', async () => {
+    await fs.writeFile(
+      path.join(tmpDir, 'src', 'app', 'page.tsx'),
+      `export default function Home() {
+  return <main><h1>Welcome to Gateco</h1></main>;
+}
+`,
+    );
+
+    const result = await scanGeneratedContent(tmpDir);
+
+    expect(result.issues).toHaveLength(0);
+    expect(result.filesScanned).toBe(1);
+    expect(result.score).toBe(100);
+  });
+
+  it('flags TODO block comments as errors', async () => {
+    await fs.writeFile(
+      path.join(tmpDir, 'src', 'app', 'page.tsx'),
+      `export default function Home() {
+  return <main>/* TODO: Replace with real content */</main>;
+}
+`,
+    );
+
+    const result = await scanGeneratedContent(tmpDir);
+
+    expect(result.issues.length).toBeGreaterThan(0);
+    const todoIssue = result.issues.find((i) => /TODO/i.test(i.message));
+    expect(todoIssue).toBeDefined();
+    expect(todoIssue!.severity).toBe('error');
+  });
+
+  it('flags TODO line comments as errors', async () => {
+    await fs.writeFile(
+      path.join(tmpDir, 'src', 'components', 'Header.tsx'),
+      `// TODO: add real navigation
+export function Header() { return <header />; }
+`,
+    );
+
+    const result = await scanGeneratedContent(tmpDir);
+
+    expect(result.issues.some((i) => /TODO/i.test(i.message))).toBe(true);
+  });
+
+  it('detects default pricing pattern in file content', async () => {
+    await fs.writeFile(
+      path.join(tmpDir, 'src', 'app', 'page.tsx'),
+      `const tiers = [
+  { name: 'Starter', price: '$0/mo', features: ['1 user'] },
+  { name: 'Pro', price: '$29/mo', features: ['10 users'] },
+  { name: 'Enterprise', price: 'Custom', features: ['Unlimited'] },
+];
+export default function Page() { return <div />; }
+`,
+    );
+
+    const result = await scanGeneratedContent(tmpDir);
+
+    expect(result.issues.some((i) => /pricing/i.test(i.message))).toBe(true);
+    expect(result.issues.some((i) => /\$29/i.test(i.message))).toBe(true);
+  });
+
+  it('detects default tagline text', async () => {
+    await fs.writeFile(
+      path.join(tmpDir, 'src', 'components', 'Footer.tsx'),
+      `export function Footer() { return <p>Build something amazing</p>; }
+`,
+    );
+
+    const result = await scanGeneratedContent(tmpDir);
+
+    expect(result.issues.some((i) => /tagline/i.test(i.message))).toBe(true);
+  });
+
+  it('detects generic description text', async () => {
+    await fs.writeFile(
+      path.join(tmpDir, 'src', 'app', 'page.tsx'),
+      `export default function Page() { return <p>Your modern web application</p>; }
+`,
+    );
+
+    const result = await scanGeneratedContent(tmpDir);
+
+    expect(result.issues.some((i) => /generic description/i.test(i.message))).toBe(true);
+  });
+
+  it('detects default How It Works steps', async () => {
+    await fs.writeFile(
+      path.join(tmpDir, 'src', 'app', 'page.tsx'),
+      `const steps = [
+  { title: 'Sign Up', desc: 'Create account' },
+  { title: 'Configure', desc: 'Set preferences' },
+  { title: 'Deploy', desc: 'Go live' },
+];
+export default function Page() { return <div />; }
+`,
+    );
+
+    const result = await scanGeneratedContent(tmpDir);
+
+    expect(result.issues.some((i) => /How It Works/i.test(i.message))).toBe(true);
+  });
+
+  it('returns score of 100 when no issues found', async () => {
+    await fs.writeFile(
+      path.join(tmpDir, 'src', 'app', 'page.tsx'),
+      `export default function Page() { return <h1>Gateco</h1>; }
+`,
+    );
+
+    const result = await scanGeneratedContent(tmpDir);
+
+    expect(result.score).toBe(100);
+  });
+
+  it('decreases score with multiple issues', async () => {
+    await fs.writeFile(
+      path.join(tmpDir, 'src', 'app', 'page.tsx'),
+      `// TODO: fix this
+export default function Page() {
+  return <div>
+    <p>Build something amazing</p>
+    <p>Your modern web application costs $29/mo</p>
+  </div>;
+}
+`,
+    );
+
+    const result = await scanGeneratedContent(tmpDir);
+
+    expect(result.score).toBeLessThan(80);
+    expect(result.issues.length).toBeGreaterThanOrEqual(3);
+  });
+
+  it('handles empty src directory gracefully', async () => {
+    const result = await scanGeneratedContent(tmpDir);
+
+    expect(result.issues).toHaveLength(0);
+    expect(result.filesScanned).toBe(0);
+    expect(result.score).toBe(100);
+  });
+
+  it('skips node_modules directory', async () => {
+    await fs.mkdir(path.join(tmpDir, 'src', 'node_modules'), { recursive: true });
+    await fs.writeFile(
+      path.join(tmpDir, 'src', 'node_modules', 'bad.tsx'),
+      '// TODO: should be ignored',
+    );
+
+    const result = await scanGeneratedContent(tmpDir);
+
+    expect(result.filesScanned).toBe(0);
+    expect(result.issues).toHaveLength(0);
+  });
+});