npm - popeye-cli - Versions diffs - 1.5.0 → 1.6.0 - Mend

popeye-cli 1.5.0 → 1.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (161) hide show

package/CHANGELOG.md +54 -0
package/README.md +50 -8
package/dist/cli/commands/create.d.ts.map +1 -1
package/dist/cli/commands/create.js +54 -4
package/dist/cli/commands/create.js.map +1 -1
package/dist/cli/interactive.d.ts +29 -0
package/dist/cli/interactive.d.ts.map +1 -1
package/dist/cli/interactive.js +90 -7
package/dist/cli/interactive.js.map +1 -1
package/dist/generators/all.d.ts +4 -1
package/dist/generators/all.d.ts.map +1 -1
package/dist/generators/all.js +36 -316
package/dist/generators/all.js.map +1 -1
package/dist/generators/doc-parser.d.ts +18 -3
package/dist/generators/doc-parser.d.ts.map +1 -1
package/dist/generators/doc-parser.js +81 -10
package/dist/generators/doc-parser.js.map +1 -1
package/dist/generators/frontend-design-analyzer.d.ts +30 -0
package/dist/generators/frontend-design-analyzer.d.ts.map +1 -0
package/dist/generators/frontend-design-analyzer.js +208 -0
package/dist/generators/frontend-design-analyzer.js.map +1 -0
package/dist/generators/shared-packages.d.ts +45 -0
package/dist/generators/shared-packages.d.ts.map +1 -0
package/dist/generators/shared-packages.js +456 -0
package/dist/generators/shared-packages.js.map +1 -0
package/dist/generators/templates/index.d.ts +4 -0
package/dist/generators/templates/index.d.ts.map +1 -1
package/dist/generators/templates/index.js +4 -0
package/dist/generators/templates/index.js.map +1 -1
package/dist/generators/templates/website-components.d.ts.map +1 -1
package/dist/generators/templates/website-components.js +36 -11
package/dist/generators/templates/website-components.js.map +1 -1
package/dist/generators/templates/website-config.d.ts +15 -1
package/dist/generators/templates/website-config.d.ts.map +1 -1
package/dist/generators/templates/website-config.js +155 -13
package/dist/generators/templates/website-config.js.map +1 -1
package/dist/generators/templates/website-landing.d.ts +24 -0
package/dist/generators/templates/website-landing.d.ts.map +1 -0
package/dist/generators/templates/website-landing.js +276 -0
package/dist/generators/templates/website-landing.js.map +1 -0
package/dist/generators/templates/website-layout.d.ts +42 -0
package/dist/generators/templates/website-layout.d.ts.map +1 -0
package/dist/generators/templates/website-layout.js +408 -0
package/dist/generators/templates/website-layout.js.map +1 -0
package/dist/generators/templates/website-pricing.d.ts +11 -0
package/dist/generators/templates/website-pricing.d.ts.map +1 -0
package/dist/generators/templates/website-pricing.js +313 -0
package/dist/generators/templates/website-pricing.js.map +1 -0
package/dist/generators/templates/website-sections.d.ts +102 -0
package/dist/generators/templates/website-sections.d.ts.map +1 -0
package/dist/generators/templates/website-sections.js +444 -0
package/dist/generators/templates/website-sections.js.map +1 -0
package/dist/generators/templates/website.d.ts +10 -50
package/dist/generators/templates/website.d.ts.map +1 -1
package/dist/generators/templates/website.js +12 -788
package/dist/generators/templates/website.js.map +1 -1
package/dist/generators/website-content-scanner.d.ts +37 -0
package/dist/generators/website-content-scanner.d.ts.map +1 -0
package/dist/generators/website-content-scanner.js +165 -0
package/dist/generators/website-content-scanner.js.map +1 -0
package/dist/generators/website-context.d.ts +38 -2
package/dist/generators/website-context.d.ts.map +1 -1
package/dist/generators/website-context.js +179 -19
package/dist/generators/website-context.js.map +1 -1
package/dist/generators/website-debug.d.ts +68 -0
package/dist/generators/website-debug.d.ts.map +1 -0
package/dist/generators/website-debug.js +93 -0
package/dist/generators/website-debug.js.map +1 -0
package/dist/generators/website.d.ts +2 -0
package/dist/generators/website.d.ts.map +1 -1
package/dist/generators/website.js +66 -4
package/dist/generators/website.js.map +1 -1
package/dist/generators/workspace-root.d.ts +27 -0
package/dist/generators/workspace-root.d.ts.map +1 -0
package/dist/generators/workspace-root.js +100 -0
package/dist/generators/workspace-root.js.map +1 -0
package/dist/state/index.d.ts +8 -0
package/dist/state/index.d.ts.map +1 -1
package/dist/state/index.js +10 -0
package/dist/state/index.js.map +1 -1
package/dist/types/workflow.d.ts +6 -0
package/dist/types/workflow.d.ts.map +1 -1
package/dist/types/workflow.js +2 -0
package/dist/types/workflow.js.map +1 -1
package/dist/upgrade/handlers.d.ts +15 -0
package/dist/upgrade/handlers.d.ts.map +1 -1
package/dist/upgrade/handlers.js +52 -0
package/dist/upgrade/handlers.js.map +1 -1
package/dist/workflow/auto-fix-bundler.d.ts +37 -0
package/dist/workflow/auto-fix-bundler.d.ts.map +1 -0
package/dist/workflow/auto-fix-bundler.js +320 -0
package/dist/workflow/auto-fix-bundler.js.map +1 -0
package/dist/workflow/auto-fix.d.ts.map +1 -1
package/dist/workflow/auto-fix.js +10 -3
package/dist/workflow/auto-fix.js.map +1 -1
package/dist/workflow/index.d.ts +1 -0
package/dist/workflow/index.d.ts.map +1 -1
package/dist/workflow/index.js +12 -0
package/dist/workflow/index.js.map +1 -1
package/dist/workflow/overview.d.ts.map +1 -1
package/dist/workflow/overview.js +4 -0
package/dist/workflow/overview.js.map +1 -1
package/dist/workflow/plan-mode.d.ts +4 -3
package/dist/workflow/plan-mode.d.ts.map +1 -1
package/dist/workflow/plan-mode.js +69 -5
package/dist/workflow/plan-mode.js.map +1 -1
package/dist/workflow/website-strategy.d.ts +9 -0
package/dist/workflow/website-strategy.d.ts.map +1 -1
package/dist/workflow/website-strategy.js +73 -1
package/dist/workflow/website-strategy.js.map +1 -1
package/dist/workflow/website-updater.d.ts.map +1 -1
package/dist/workflow/website-updater.js +15 -4
package/dist/workflow/website-updater.js.map +1 -1
package/package.json +1 -1
package/src/cli/commands/create.ts +58 -4
package/src/cli/interactive.ts +96 -7
package/src/generators/all.ts +44 -332
package/src/generators/doc-parser.ts +87 -10
package/src/generators/frontend-design-analyzer.ts +261 -0
package/src/generators/shared-packages.ts +500 -0
package/src/generators/templates/index.ts +4 -0
package/src/generators/templates/website-components.ts +36 -11
package/src/generators/templates/website-config.ts +166 -13
package/src/generators/templates/website-landing.ts +331 -0
package/src/generators/templates/website-layout.ts +443 -0
package/src/generators/templates/website-pricing.ts +330 -0
package/src/generators/templates/website-sections.ts +541 -0
package/src/generators/templates/website.ts +38 -851
package/src/generators/website-content-scanner.ts +208 -0
package/src/generators/website-context.ts +248 -20
package/src/generators/website-debug.ts +130 -0
package/src/generators/website.ts +71 -3
package/src/generators/workspace-root.ts +113 -0
package/src/state/index.ts +14 -0
package/src/types/workflow.ts +6 -0
package/src/upgrade/handlers.ts +65 -0
package/src/workflow/auto-fix-bundler.ts +392 -0
package/src/workflow/auto-fix.ts +11 -3
package/src/workflow/index.ts +12 -0
package/src/workflow/overview.ts +6 -0
package/src/workflow/plan-mode.ts +81 -7
package/src/workflow/website-strategy.ts +75 -1
package/src/workflow/website-updater.ts +17 -6
package/tests/cli/project-naming.test.ts +136 -0
package/tests/generators/doc-parser.test.ts +121 -0
package/tests/generators/frontend-design-analyzer.test.ts +90 -0
package/tests/generators/quality-gate.test.ts +183 -0
package/tests/generators/shared-packages.test.ts +83 -0
package/tests/generators/website-components.test.ts +1 -1
package/tests/generators/website-config.test.ts +84 -0
package/tests/generators/website-content-scanner.test.ts +181 -0
package/tests/generators/website-context.test.ts +109 -0
package/tests/generators/website-debug.test.ts +77 -0
package/tests/generators/website-landing.test.ts +188 -0
package/tests/generators/website-pricing.test.ts +98 -0
package/tests/generators/website-sections.test.ts +245 -0
package/tests/generators/workspace-root.test.ts +105 -0
package/tests/upgrade/handlers.test.ts +162 -0
package/tests/workflow/auto-fix-bundler.test.ts +242 -0
package/tests/workflow/plan-mode.test.ts +111 -1
package/tests/workflow/website-strategy.test.ts +55 -0

package/src/generators/templates/website-layout.ts ADDED Viewed

@@ -0,0 +1,443 @@
+/**
+ * Website layout and utility page generators
+ * Layout, globals CSS, sitemap, robots, docs, blog, readme, spec, test
+ */
+import type { WebsiteContentContext } from '../website-context.js';
+/**
+ * Escape a string for safe use inside JSX template literals
+ */
+function escapeJsx(str: string): string {
+  return str
+    .replace(/\\/g, '\\\\')
+    .replace(/'/g, "\\'")
+    .replace(/`/g, '\\`')
+    .replace(/\$/g, '\\$');
+}
+/**
+ * Convert hex color to HSL string for CSS custom properties
+ * Returns format: "H S% L%"
+ */
+function hexToHslString(hex: string): string {
+  const h = hex.replace('#', '');
+  const r = parseInt(h.substring(0, 2), 16) / 255;
+  const g = parseInt(h.substring(2, 4), 16) / 255;
+  const b = parseInt(h.substring(4, 6), 16) / 255;
+  const max = Math.max(r, g, b);
+  const min = Math.min(r, g, b);
+  const l = (max + min) / 2;
+  if (max === min) {
+    return `0 0% ${Math.round(l * 100)}%`;
+  }
+  const d = max - min;
+  const s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+  let hue = 0;
+  if (max === r) {
+    hue = ((g - b) / d + (g < b ? 6 : 0)) / 6;
+  } else if (max === g) {
+    hue = ((b - r) / d + 2) / 6;
+  } else {
+    hue = ((r - g) / d + 4) / 6;
+  }
+  return `${Math.round(hue * 360)} ${Math.round(s * 100)}% ${Math.round(l * 100)}%`;
+}
+/**
+ * Generate root layout.tsx with metadata
+ */
+export function generateWebsiteLayout(
+  projectName: string,
+  context?: WebsiteContentContext
+): string {
+  const title = projectName
+    .split('-')
+    .map((w) => w.charAt(0).toUpperCase() + w.slice(1))
+    .join(' ');
+  const strategy = context?.strategy;
+  const displayName = context?.productName || title;
+  const desc = strategy?.messaging.longDescription
+    || context?.description
+    || `${displayName} - Your modern web application`;
+  const keywords = strategy?.seoStrategy.primaryKeywords
+    ? strategy.seoStrategy.primaryKeywords.map(k => `'${escapeJsx(k)}'`).join(', ')
+    : `'${projectName}', 'web app', 'nextjs'`;
+  return `import type { Metadata } from 'next';
+import { Inter } from 'next/font/google';
+import './globals.css';
+const inter = Inter({
+  subsets: ['latin'],
+  variable: '--font-inter',
+});
+const BASE_URL = process.env.NEXT_PUBLIC_SITE_URL || 'https://${projectName}.com';
+export const metadata: Metadata = {
+  metadataBase: new URL(BASE_URL),
+  title: {
+    default: '${escapeJsx(displayName)}',
+    template: '%s | ${escapeJsx(displayName)}',
+  },
+  description: '${escapeJsx(desc)}',
+  keywords: [${keywords}],
+  authors: [{ name: '${escapeJsx(displayName)} Team' }],
+  creator: '${escapeJsx(displayName)}',
+  openGraph: {
+    type: 'website',
+    locale: 'en_US',
+    url: BASE_URL,
+    siteName: '${escapeJsx(displayName)}',
+    title: '${escapeJsx(displayName)}',
+    description: '${escapeJsx(desc)}',
+  },
+  twitter: {
+    card: 'summary_large_image',
+    title: '${escapeJsx(displayName)}',
+    description: '${escapeJsx(desc)}',
+  },
+  robots: {
+    index: true,
+    follow: true,
+  },
+};
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html lang="en" className={inter.variable}>
+      <body className="min-h-screen bg-background text-foreground antialiased">
+        {children}
+      </body>
+    </html>
+  );
+}
+`;
+}
+/**
+ * Generate globals.css with full CSS variable set
+ */
+export function generateWebsiteGlobalsCss(
+  context?: WebsiteContentContext
+): string {
+  const primaryHsl = context?.brand?.primaryColor
+    ? hexToHslString(context.brand.primaryColor)
+    : '199 89% 48%';
+  return `@tailwind base;
+@tailwind components;
+@tailwind utilities;
+@layer base {
+  :root {
+    --background: 0 0% 100%;
+    --foreground: 222.2 84% 4.9%;
+    --primary: ${primaryHsl};
+    --primary-foreground: 210 40% 98%;
+    --muted: 210 40% 96%;
+    --muted-foreground: 215 16% 47%;
+    --accent: 210 40% 96%;
+    --accent-foreground: 222.2 47% 11%;
+    --card: 0 0% 100%;
+    --card-foreground: 222.2 84% 4.9%;
+    --border: 214 32% 91%;
+    --ring: ${primaryHsl};
+    --radius: 0.5rem;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}
+html {
+  scroll-behavior: smooth;
+}
+@layer components {
+  .container {
+    @apply mx-auto max-w-7xl px-4 sm:px-6 lg:px-8;
+  }
+}
+`;
+}
+/**
+ * Generate sitemap.ts
+ */
+export function generateWebsiteSitemap(projectName: string): string {
+  return `import { MetadataRoute } from 'next';
+export default function sitemap(): MetadataRoute.Sitemap {
+  const baseUrl = process.env.NEXT_PUBLIC_SITE_URL || 'https://${projectName}.com';
+  return [
+    {
+      url: baseUrl,
+      lastModified: new Date(),
+      changeFrequency: 'weekly',
+      priority: 1,
+    },
+    {
+      url: \`\${baseUrl}/pricing\`,
+      lastModified: new Date(),
+      changeFrequency: 'monthly',
+      priority: 0.8,
+    },
+    {
+      url: \`\${baseUrl}/docs\`,
+      lastModified: new Date(),
+      changeFrequency: 'weekly',
+      priority: 0.8,
+    },
+    {
+      url: \`\${baseUrl}/blog\`,
+      lastModified: new Date(),
+      changeFrequency: 'daily',
+      priority: 0.7,
+    },
+  ];
+}
+`;
+}
+/**
+ * Generate robots.ts
+ */
+export function generateWebsiteRobots(projectName: string): string {
+  return `import { MetadataRoute } from 'next';
+export default function robots(): MetadataRoute.Robots {
+  const baseUrl = process.env.NEXT_PUBLIC_SITE_URL || 'https://${projectName}.com';
+  return {
+    rules: [
+      {
+        userAgent: '*',
+        allow: '/',
+        disallow: ['/api/', '/admin/'],
+      },
+    ],
+    sitemap: \`\${baseUrl}/sitemap.xml\`,
+  };
+}
+`;
+}
+/**
+ * Generate website README
+ */
+export function generateWebsiteReadme(projectName: string): string {
+  const title = projectName
+    .split('-')
+    .map((w) => w.charAt(0).toUpperCase() + w.slice(1))
+    .join(' ');
+  return `# ${title} Website
+Next.js marketing website with SEO optimization.
+## Getting Started
+\`\`\`bash
+# Install dependencies
+npm install
+# Run development server (port 3001)
+npm run dev
+# Build for production
+npm run build
+# Run production server
+npm start
+\`\`\`
+## SEO Features
+- Server-side rendering (SSR)
+- Auto-generated sitemap
+- robots.txt configuration
+- OpenGraph and Twitter meta tags
+- Structured data support (Organization + SoftwareApplication + FAQ)
+## Project Structure
+\`\`\`
+src/
+  app/
+    layout.tsx      # Root layout with metadata
+    page.tsx        # Landing page (10 sections)
+    pricing/        # Pricing page with comparison
+    docs/           # Documentation
+    blog/           # Blog
+    sitemap.ts      # Auto-generated sitemap
+    robots.ts       # robots.txt config
+  components/       # UI components (Header, Footer, JsonLd)
+  lib/              # Utilities
+content/
+  blog/             # MDX blog posts
+  docs/             # MDX documentation
+\`\`\`
+## Development
+- Port: 3001 (to avoid conflicts with frontend on 5173)
+- API URL: Configure via NEXT_PUBLIC_APP_URL
+`;
+}
+/**
+ * Generate website spec JSON with optional context
+ */
+export function generateWebsiteSpec(
+  projectName: string,
+  context?: WebsiteContentContext
+): string {
+  const title = projectName
+    .split('-')
+    .map((w) => w.charAt(0).toUpperCase() + w.slice(1))
+    .join(' ');
+  const displayName = context?.productName || title;
+  const tagline = context?.tagline || context?.description || 'Build something amazing';
+  const primaryColor = context?.brand?.primaryColor || '#0ea5e9';
+  return JSON.stringify(
+    {
+      version: '1.0',
+      brand: {
+        name: displayName,
+        tagline,
+        colors: {
+          primary: primaryColor,
+          secondary: '#64748b',
+          accent: '#f59e0b',
+          background: '#ffffff',
+          foreground: '#0f172a',
+        },
+        typography: {
+          headingFont: 'Inter',
+          bodyFont: 'Inter',
+        },
+      },
+      seo: {
+        title: displayName,
+        description: context?.description || `${displayName} - Your modern web application`,
+        keywords: [projectName, 'web app', 'nextjs', 'saas'],
+        locale: 'en_US',
+      },
+      pages: [
+        { name: 'Home', path: '/', type: 'landing' },
+        { name: 'Pricing', path: '/pricing', type: 'pricing' },
+        { name: 'Documentation', path: '/docs', type: 'docs' },
+        { name: 'Blog', path: '/blog', type: 'blog' },
+      ],
+      cta: {
+        primary: { text: 'Get Started', href: '/pricing' },
+        secondary: { text: 'Learn More', href: '/docs' },
+      },
+      features: {
+        analytics: true,
+        newsletter: false,
+        mdxBlog: true,
+        docsSearch: false,
+      },
+    },
+    null,
+    2
+  );
+}
+/**
+ * Generate sample test for website
+ */
+export function generateWebsiteTest(projectName: string): string {
+  const title = projectName
+    .split('-')
+    .map((w) => w.charAt(0).toUpperCase() + w.slice(1))
+    .join(' ');
+  return `import { describe, it, expect } from 'vitest';
+import { render, screen } from '@testing-library/react';
+import HomePage from '@/app/page';
+describe('HomePage', () => {
+  it('renders the title', () => {
+    render(<HomePage />);
+    expect(screen.getByRole('heading', { level: 1 })).toHaveTextContent('${title}');
+  });
+  it('renders the call-to-action buttons', () => {
+    render(<HomePage />);
+    expect(screen.getByRole('link', { name: /get started/i })).toBeInTheDocument();
+    expect(screen.getByRole('link', { name: /learn more/i })).toBeInTheDocument();
+  });
+});
+`;
+}
+/**
+ * Generate docs page placeholder
+ */
+export function generateWebsiteDocsPage(): string {
+  return `import type { Metadata } from 'next';
+export const metadata: Metadata = {
+  title: 'Documentation',
+  description: 'Learn how to use our platform with comprehensive documentation.',
+};
+export default function DocsPage() {
+  return (
+    <main className="py-20">
+      <div className="container">
+        <h1 className="text-4xl font-bold text-foreground">Documentation</h1>
+        <p className="mt-4 text-lg text-muted-foreground">
+          Documentation coming soon...
+        </p>
+      </div>
+    </main>
+  );
+}
+`;
+}
+/**
+ * Generate blog listing page placeholder
+ */
+export function generateWebsiteBlogPage(): string {
+  return `import type { Metadata } from 'next';
+export const metadata: Metadata = {
+  title: 'Blog',
+  description: 'Latest news, updates, and insights from our team.',
+};
+export default function BlogPage() {
+  return (
+    <main className="py-20">
+      <div className="container">
+        <h1 className="text-4xl font-bold text-foreground">Blog</h1>
+        <p className="mt-4 text-lg text-muted-foreground">
+          Blog posts coming soon...
+        </p>
+      </div>
+    </main>
+  );
+}
+`;
+}