popeye-cli 1.4.7 → 1.5.0

package/dist/generators/templates/website-conversion.js

@@ -0,0 +1,326 @@
+/**
+ * Lead capture and conversion templates
+ * Generates API route handlers for lead capture and contact form components
+ */
+/**
+ * Escape a string for safe use inside JSX template literals
+ */
+function escapeJsx(str) {
+    return str
+        .replace(/\\/g, '\\\\')
+        .replace(/'/g, "\\'")
+        .replace(/`/g, '\\`')
+        .replace(/\$/g, '\\$');
+}
+/**
+ * Generate lead capture API route handler
+ *
+ * @param provider - Lead capture provider type
+ * @returns API route source code (src/app/api/lead/route.ts)
+ */
+export function generateLeadCaptureRoute(provider = 'webhook') {
+    if (provider === 'none') {
+        return `import { NextResponse } from 'next/server';
+
+export async function POST() {
+  return NextResponse.json(
+    { error: 'Lead capture not configured' },
+    { status: 501 }
+  );
+}
+`;
+    }
+    if (provider === 'resend') {
+        return `import { NextResponse } from 'next/server';
+
+interface LeadPayload {
+  name: string;
+  email: string;
+  message?: string;
+}
+
+export async function POST(request: Request) {
+  try {
+    const body: LeadPayload = await request.json();
+
+    if (!body.name || !body.email) {
+      return NextResponse.json(
+        { error: 'Name and email are required' },
+        { status: 400 }
+      );
+    }
+
+    const apiKey = process.env.RESEND_API_KEY;
+    if (!apiKey) {
+      console.error('RESEND_API_KEY not configured');
+      return NextResponse.json(
+        { error: 'Lead capture not configured' },
+        { status: 500 }
+      );
+    }
+
+    const response = await fetch('https://api.resend.com/emails', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        'Authorization': \`Bearer \${apiKey}\`,
+      },
+      body: JSON.stringify({
+        from: process.env.RESEND_FROM_EMAIL || 'onboarding@resend.dev',
+        to: process.env.LEAD_NOTIFICATION_EMAIL || 'team@example.com',
+        subject: \`New lead: \${body.name}\`,
+        text: \`Name: \${body.name}\\nEmail: \${body.email}\\nMessage: \${body.message || 'N/A'}\`,
+      }),
+    });
+
+    if (!response.ok) {
+      console.error('Resend API error:', await response.text());
+      return NextResponse.json({ error: 'Failed to send' }, { status: 500 });
+    }
+
+    return NextResponse.json({ success: true });
+  } catch (error) {
+    console.error('Lead capture error:', error);
+    return NextResponse.json({ error: 'Internal error' }, { status: 500 });
+  }
+}
+`;
+    }
+    if (provider === 'postmark') {
+        return `import { NextResponse } from 'next/server';
+
+interface LeadPayload {
+  name: string;
+  email: string;
+  message?: string;
+}
+
+export async function POST(request: Request) {
+  try {
+    const body: LeadPayload = await request.json();
+
+    if (!body.name || !body.email) {
+      return NextResponse.json(
+        { error: 'Name and email are required' },
+        { status: 400 }
+      );
+    }
+
+    const apiKey = process.env.POSTMARK_API_KEY;
+    if (!apiKey) {
+      console.error('POSTMARK_API_KEY not configured');
+      return NextResponse.json(
+        { error: 'Lead capture not configured' },
+        { status: 500 }
+      );
+    }
+
+    const response = await fetch('https://api.postmarkapp.com/email', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        'X-Postmark-Server-Token': apiKey,
+      },
+      body: JSON.stringify({
+        From: process.env.POSTMARK_FROM_EMAIL || 'no-reply@example.com',
+        To: process.env.LEAD_NOTIFICATION_EMAIL || 'team@example.com',
+        Subject: \`New lead: \${body.name}\`,
+        TextBody: \`Name: \${body.name}\\nEmail: \${body.email}\\nMessage: \${body.message || 'N/A'}\`,
+      }),
+    });
+
+    if (!response.ok) {
+      console.error('Postmark API error:', await response.text());
+      return NextResponse.json({ error: 'Failed to send' }, { status: 500 });
+    }
+
+    return NextResponse.json({ success: true });
+  } catch (error) {
+    console.error('Lead capture error:', error);
+    return NextResponse.json({ error: 'Internal error' }, { status: 500 });
+  }
+}
+`;
+    }
+    // Default: webhook provider
+    return `import { NextResponse } from 'next/server';
+
+interface LeadPayload {
+  name: string;
+  email: string;
+  message?: string;
+}
+
+export async function POST(request: Request) {
+  try {
+    const body: LeadPayload = await request.json();
+
+    if (!body.name || !body.email) {
+      return NextResponse.json(
+        { error: 'Name and email are required' },
+        { status: 400 }
+      );
+    }
+
+    const webhookUrl = process.env.LEAD_WEBHOOK_URL;
+    if (!webhookUrl) {
+      console.error('LEAD_WEBHOOK_URL not configured');
+      return NextResponse.json(
+        { error: 'Lead capture not configured' },
+        { status: 500 }
+      );
+    }
+
+    const response = await fetch(webhookUrl, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({
+        name: body.name,
+        email: body.email,
+        message: body.message || '',
+        timestamp: new Date().toISOString(),
+        source: 'website',
+      }),
+    });
+
+    if (!response.ok) {
+      console.error('Webhook error:', response.status);
+      return NextResponse.json({ error: 'Failed to submit' }, { status: 500 });
+    }
+
+    return NextResponse.json({ success: true });
+  } catch (error) {
+    console.error('Lead capture error:', error);
+    return NextResponse.json({ error: 'Internal error' }, { status: 500 });
+  }
+}
+`;
+}
+/**
+ * Generate contact form component
+ *
+ * @param strategy - Optional strategy for CTA text
+ * @returns ContactForm component source code
+ */
+export function generateContactForm(strategy) {
+    const ctaText = strategy?.conversionStrategy.primaryCta.text || 'Get Started';
+    return `'use client';
+
+import { useState, type FormEvent } from 'react';
+
+/**
+ * Lead capture contact form
+ * Submits to /api/lead endpoint
+ */
+export default function ContactForm() {
+  const [status, setStatus] = useState<'idle' | 'submitting' | 'success' | 'error'>('idle');
+
+  async function handleSubmit(e: FormEvent<HTMLFormElement>) {
+    e.preventDefault();
+    setStatus('submitting');
+
+    const formData = new FormData(e.currentTarget);
+    const data = {
+      name: formData.get('name') as string,
+      email: formData.get('email') as string,
+      message: formData.get('message') as string,
+    };
+
+    try {
+      const response = await fetch('/api/lead', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(data),
+      });
+
+      if (response.ok) {
+        setStatus('success');
+        e.currentTarget.reset();
+      } else {
+        setStatus('error');
+      }
+    } catch {
+      setStatus('error');
+    }
+  }
+
+  if (status === 'success') {
+    return (
+      <div className="rounded-lg bg-green-50 p-6 text-center">
+        <p className="text-lg font-medium text-green-800">Thank you for reaching out!</p>
+        <p className="mt-2 text-sm text-green-700">We will get back to you shortly.</p>
+      </div>
+    );
+  }
+
+  return (
+    <form onSubmit={handleSubmit} className="space-y-4">
+      <div>
+        <label htmlFor="name" className="block text-sm font-medium text-gray-700">
+          Name
+        </label>
+        <input
+          type="text"
+          id="name"
+          name="name"
+          required
+          className="mt-1 block w-full rounded-md border border-gray-300 px-3 py-2 shadow-sm focus:border-primary-500 focus:outline-none focus:ring-1 focus:ring-primary-500"
+        />
+      </div>
+      <div>
+        <label htmlFor="email" className="block text-sm font-medium text-gray-700">
+          Email
+        </label>
+        <input
+          type="email"
+          id="email"
+          name="email"
+          required
+          className="mt-1 block w-full rounded-md border border-gray-300 px-3 py-2 shadow-sm focus:border-primary-500 focus:outline-none focus:ring-1 focus:ring-primary-500"
+        />
+      </div>
+      <div>
+        <label htmlFor="message" className="block text-sm font-medium text-gray-700">
+          Message
+        </label>
+        <textarea
+          id="message"
+          name="message"
+          rows={4}
+          className="mt-1 block w-full rounded-md border border-gray-300 px-3 py-2 shadow-sm focus:border-primary-500 focus:outline-none focus:ring-1 focus:ring-primary-500"
+        />
+      </div>
+      <button
+        type="submit"
+        disabled={status === 'submitting'}
+        className="w-full rounded-md bg-primary-600 px-4 py-2 text-sm font-semibold text-white shadow-sm hover:bg-primary-500 disabled:opacity-50"
+      >
+        {status === 'submitting' ? 'Sending...' : '${escapeJsx(ctaText)}'}
+      </button>
+      {status === 'error' && (
+        <p className="text-sm text-red-600">Something went wrong. Please try again.</p>
+      )}
+    </form>
+  );
+}
+`;
+}
+/**
+ * Generate .env.example entries for lead capture provider
+ *
+ * @param provider - Lead capture provider type
+ * @returns Environment variable example lines
+ */
+export function generateLeadCaptureEnvExample(provider) {
+    switch (provider) {
+        case 'webhook':
+            return 'LEAD_WEBHOOK_URL=https://your-webhook-endpoint.com/leads\n';
+        case 'resend':
+            return 'RESEND_API_KEY=re_xxxxxxxxxxxx\nRESEND_FROM_EMAIL=onboarding@resend.dev\nLEAD_NOTIFICATION_EMAIL=team@example.com\n';
+        case 'postmark':
+            return 'POSTMARK_API_KEY=xxxxxxxxxxxx\nPOSTMARK_FROM_EMAIL=no-reply@example.com\nLEAD_NOTIFICATION_EMAIL=team@example.com\n';
+        default:
+            return '';
+    }
+}
+//# sourceMappingURL=website-conversion.js.map

package/dist/generators/templates/website-conversion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"website-conversion.js","sourceRoot":"","sources":["../../../src/generators/templates/website-conversion.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH;;GAEG;AACH,SAAS,SAAS,CAAC,GAAW;IAC5B,OAAO,GAAG;SACP,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC;SACtB,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC;SACpB,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC;SACpB,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AAC3B,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,wBAAwB,CACtC,WAAuD,SAAS;IAEhE,IAAI,QAAQ,KAAK,MAAM,EAAE,CAAC;QACxB,OAAO;;;;;;;;CAQV,CAAC;IACA,CAAC;IAED,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC;QAC1B,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqDV,CAAC;IACA,CAAC;IAED,IAAI,QAAQ,KAAK,UAAU,EAAE,CAAC;QAC5B,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqDV,CAAC;IACA,CAAC;IAED,4BAA4B;IAC5B,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmDR,CAAC;AACF,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,mBAAmB,CACjC,QAAkC;IAElC,MAAM,OAAO,GAAG,QAAQ,EAAE,kBAAkB,CAAC,UAAU,CAAC,IAAI,IAAI,aAAa,CAAC;IAE9E,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qDA2F4C,SAAS,CAAC,OAAO,CAAC;;;;;;;;CAQtE,CAAC;AACF,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,6BAA6B,CAC3C,QAAoD;IAEpD,QAAQ,QAAQ,EAAE,CAAC;QACjB,KAAK,SAAS;YACZ,OAAO,4DAA4D,CAAC;QACtE,KAAK,QAAQ;YACX,OAAO,qHAAqH,CAAC;QAC/H,KAAK,UAAU;YACb,OAAO,qHAAqH,CAAC;QAC/H;YACE,OAAO,EAAE,CAAC;IACd,CAAC;AACH,CAAC"}

package/dist/generators/templates/website-seo.d.ts

@@ -0,0 +1,76 @@
+/**
+ * SEO infrastructure templates for Next.js marketing websites
+ * Generates JSON-LD components, enhanced sitemap, robots.txt,
+ * error pages, web manifest, and meta helpers
+ */
+import type { WebsiteContentContext } from '../website-context.js';
+import type { WebsiteStrategyDocument } from '../../types/website-strategy.js';
+/**
+ * Generate reusable JSON-LD component
+ *
+ * @returns JsonLd component source code
+ */
+export declare function generateJsonLdComponent(): string;
+/**
+ * Generate Organization JSON-LD schema data
+ *
+ * @param projectName - Product name
+ * @param context - Optional content context
+ * @returns Organization schema as string constant
+ */
+export declare function generateOrganizationJsonLd(projectName: string, context?: WebsiteContentContext): string;
+/**
+ * Generate SoftwareApplication JSON-LD schema data
+ *
+ * @param projectName - Product name
+ * @param context - Optional content context
+ * @returns Software application schema as string constant
+ */
+export declare function generateProductJsonLd(projectName: string, context?: WebsiteContentContext): string;
+/**
+ * Generate enhanced sitemap with all strategy pages
+ *
+ * @param projectName - Project name for base URL fallback
+ * @param strategy - Optional strategy for page list
+ * @returns Enhanced sitemap.ts source code
+ */
+export declare function generateEnhancedSitemap(projectName: string, strategy?: WebsiteStrategyDocument): string;
+/**
+ * Generate enhanced robots.txt
+ *
+ * @param projectName - Project name for base URL fallback
+ * @returns robots.ts source code
+ */
+export declare function generateEnhancedRobots(projectName: string): string;
+/**
+ * Generate branded 404 Not Found page
+ *
+ * @param projectName - Product name for branding
+ * @param context - Optional content context
+ * @returns not-found.tsx source code
+ */
+export declare function generate404Page(projectName: string, context?: WebsiteContentContext): string;
+/**
+ * Generate error boundary page (500)
+ *
+ * @param projectName - Product name for branding
+ * @returns error.tsx source code
+ */
+export declare function generate500Page(_projectName: string): string;
+/**
+ * Generate PWA web manifest
+ *
+ * @param projectName - Product name
+ * @param context - Optional content context
+ * @returns manifest.webmanifest JSON content
+ */
+export declare function generateWebManifest(projectName: string, context?: WebsiteContentContext): string;
+/**
+ * Generate shared metadata helper utility
+ *
+ * @param projectName - Product name
+ * @param strategy - Optional strategy for SEO data
+ * @returns Metadata helper source code
+ */
+export declare function generateMetaHelper(projectName: string, strategy?: WebsiteStrategyDocument): string;
+//# sourceMappingURL=website-seo.d.ts.map

package/dist/generators/templates/website-seo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"website-seo.d.ts","sourceRoot":"","sources":["../../../src/generators/templates/website-seo.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAa/E;;;;GAIG;AACH,wBAAgB,uBAAuB,IAAI,MAAM,CAoBhD;AAED;;;;;;GAMG;AACH,wBAAgB,0BAA0B,CACxC,WAAW,EAAE,MAAM,EACnB,OAAO,CAAC,EAAE,qBAAqB,GAC9B,MAAM,CAWR;AAED;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CACnC,WAAW,EAAE,MAAM,EACnB,OAAO,CAAC,EAAE,qBAAqB,GAC9B,MAAM,CAaR;AAED;;;;;;GAMG;AACH,wBAAgB,uBAAuB,CACrC,WAAW,EAAE,MAAM,EACnB,QAAQ,CAAC,EAAE,uBAAuB,GACjC,MAAM,CAuDR;AAED;;;;;GAKG;AACH,wBAAgB,sBAAsB,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CAkBlE;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAC7B,WAAW,EAAE,MAAM,EACnB,OAAO,CAAC,EAAE,qBAAqB,GAC9B,MAAM,CA8BR;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CA8B5D;AAED;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CACjC,WAAW,EAAE,MAAM,EACnB,OAAO,CAAC,EAAE,qBAAqB,GAC9B,MAAM,CA2BR;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAChC,WAAW,EAAE,MAAM,EACnB,QAAQ,CAAC,EAAE,uBAAuB,GACjC,MAAM,CAoDR"}