@primstack/cli 0.0.1

package/dist/integrations/stripe/templates/web/src/components/billing-settings.tsx.template

@@ -0,0 +1,123 @@
+'use client';
+
+import { Card, CardHeader, CardContent } from '@primstack/ui/card';
+import { Badge } from '@primstack/ui/badge';
+import { Button } from '@primstack/ui/button';
+import { Separator } from '@primstack/ui/separator';
+import { Progress } from '@primstack/ui/progress';
+import { formatPrice } from '@{{PROJECT_NAME}}/shared/pricing';
+
+interface BillingSettingsProps {
+  plan: {
+    name: string;
+    slug: string;
+    /** The billed price in cents for the current interval */
+    price: number;
+    interval: 'monthly' | 'yearly';
+  };
+  status: 'active' | 'trialing' | 'canceled' | 'past_due';
+  currentPeriodEnd: string;
+  usage?: {
+    label: string;
+    current: number;
+    limit: number;
+  }[];
+  portalUrl: string;
+  onChangePlan?: () => void;
+}
+
+const statusVariant: Record<string, 'default' | 'secondary' | 'destructive' | 'outline'> = {
+  active: 'default',
+  trialing: 'secondary',
+  canceled: 'destructive',
+  past_due: 'destructive',
+};
+
+const statusLabel: Record<string, string> = {
+  active: 'Active',
+  trialing: 'Trial',
+  canceled: 'Canceled',
+  past_due: 'Past Due',
+};
+
+export function BillingSettings({
+  plan,
+  status,
+  currentPeriodEnd,
+  usage,
+  portalUrl,
+  onChangePlan,
+}: BillingSettingsProps) {
+  return (
+    <div className="space-y-6">
+      <Card>
+        <CardHeader>
+          <div className="flex items-center justify-between">
+            <h3 className="text-lg font-semibold">Current Plan</h3>
+            <Badge variant={statusVariant[status] ?? 'outline'}>
+              {statusLabel[status] ?? status}
+            </Badge>
+          </div>
+        </CardHeader>
+        <CardContent className="space-y-4">
+          <div className="flex items-baseline justify-between">
+            <div>
+              <p className="text-2xl font-bold">{plan.name}</p>
+              <p className="text-sm text-muted-foreground">
+                {formatPrice(plan.price)}/{plan.interval === 'yearly' ? 'yr' : 'mo'}
+              </p>
+            </div>
+            {onChangePlan && (
+              <Button variant="outline" onClick={onChangePlan}>
+                Change Plan
+              </Button>
+            )}
+          </div>
+
+          <Separator />
+
+          <div className="flex items-center justify-between text-sm">
+            <span className="text-muted-foreground">Next billing date</span>
+            <span>
+              {new Date(currentPeriodEnd).toLocaleDateString('en-US', {
+                month: 'long',
+                day: 'numeric',
+                year: 'numeric',
+              })}
+            </span>
+          </div>
+
+          <div>
+            <Button variant="outline" className="w-full" asChild>
+              <a href={portalUrl}>Manage Billing</a>
+            </Button>
+          </div>
+        </CardContent>
+      </Card>
+
+      {usage && usage.length > 0 && (
+        <Card>
+          <CardHeader>
+            <h3 className="text-lg font-semibold">Usage</h3>
+          </CardHeader>
+          <CardContent className="space-y-4">
+            {usage.map((item) => {
+              const percent = item.limit > 0 ? Math.round((item.current / item.limit) * 100) : 0;
+              return (
+                <div key={item.label}>
+                  <div className="mb-1 flex justify-between text-sm">
+                    <span>{item.label}</span>
+                    <span className="text-muted-foreground">
+                      {item.current.toLocaleString()} / {item.limit.toLocaleString()}
+                    </span>
+                  </div>
+                  <Progress value={percent} />
+                </div>
+              );
+            })}
+          </CardContent>
+        </Card>
+      )}
+    </div>
+  );
+}

package/dist/integrations/stripe/templates/web/src/components/pricing-cards.tsx.template

@@ -0,0 +1,115 @@
+'use client';
+
+import { Card, CardHeader, CardContent, CardFooter } from '@primstack/ui/card';
+import { Badge } from '@primstack/ui/badge';
+import { Button } from '@primstack/ui/button';
+import { Switch } from '@primstack/ui/switch';
+import { Separator } from '@primstack/ui/separator';
+import {
+  PRICING_PLANS,
+  formatPrice,
+  getYearlySavingsPercent,
+} from '@{{PROJECT_NAME}}/shared/pricing';
+import { useState } from 'react';
+
+interface PricingCardsProps {
+  onSelectPlan: (slug: string, interval: 'monthly' | 'yearly') => void;
+}
+
+export function PricingCards({ onSelectPlan }: PricingCardsProps) {
+  const [yearly, setYearly] = useState(false);
+  const interval = yearly ? 'yearly' : 'monthly';
+
+  return (
+    <div className="space-y-8">
+      <div className="flex items-center justify-center gap-3">
+        <span className={yearly ? 'text-muted-foreground' : 'font-medium'}>Monthly</span>
+        <Switch checked={yearly} onCheckedChange={setYearly} />
+        <span className={yearly ? 'font-medium' : 'text-muted-foreground'}>Yearly</span>
+        {yearly && (
+          <Badge variant="secondary" className="ml-1">
+            Save up to {Math.max(...PRICING_PLANS.map(getYearlySavingsPercent))}%
+          </Badge>
+        )}
+      </div>
+
+      <div className="grid grid-cols-1 gap-6 md:grid-cols-3">
+        {PRICING_PLANS.map((plan) => {
+          const price = yearly ? plan.priceYearly : plan.priceMonthly;
+          const savings = getYearlySavingsPercent(plan);
+
+          return (
+            <Card
+              key={plan.slug}
+              className={
+                plan.highlighted
+                  ? 'relative border-primary ring-2 ring-primary'
+                  : ''
+              }
+            >
+              {plan.highlighted && (
+                <div className="absolute -top-3 left-1/2 -translate-x-1/2">
+                  <Badge>Popular</Badge>
+                </div>
+              )}
+              <CardHeader className="text-center">
+                <h3 className="text-lg font-semibold">{plan.name}</h3>
+                <p className="text-sm text-muted-foreground">{plan.description}</p>
+                <div className="mt-4">
+                  <span className="text-4xl font-bold">
+                    {formatPrice(price)}
+                  </span>
+                  {price > 0 && (
+                    <span className="text-muted-foreground">
+                      /{yearly ? 'yr' : 'mo'}
+                    </span>
+                  )}
+                  {yearly && savings > 0 && (
+                    <p className="mt-1 text-sm text-primary">
+                      Save {savings}% vs monthly
+                    </p>
+                  )}
+                </div>
+              </CardHeader>
+
+              <Separator />
+
+              <CardContent className="pt-6">
+                <ul className="space-y-3">
+                  {plan.features.map((feature) => (
+                    <li key={feature} className="flex items-start gap-2 text-sm">
+                      <svg
+                        className="mt-0.5 h-4 w-4 shrink-0 text-primary"
+                        fill="none"
+                        viewBox="0 0 24 24"
+                        stroke="currentColor"
+                        strokeWidth={2}
+                      >
+                        <path
+                          strokeLinecap="round"
+                          strokeLinejoin="round"
+                          d="M5 13l4 4L19 7"
+                        />
+                      </svg>
+                      {feature}
+                    </li>
+                  ))}
+                </ul>
+              </CardContent>
+
+              <CardFooter>
+                <Button
+                  className="w-full"
+                  variant={plan.highlighted ? 'default' : 'outline'}
+                  onClick={() => onSelectPlan(plan.slug, interval)}
+                >
+                  {plan.cta || 'Get Started'}
+                </Button>
+              </CardFooter>
+            </Card>
+          );
+        })}
+      </div>
+    </div>
+  );
+}

package/dist/integrations/stripe/templates/web/src/pages/pricing.tsx.template

@@ -0,0 +1,95 @@
+'use client';
+
+import { PricingCards } from '../components/pricing-cards';
+import {
+  Accordion,
+  AccordionItem,
+  AccordionTrigger,
+  AccordionContent,
+} from '@primstack/ui/accordion';
+import { Separator } from '@primstack/ui/separator';
+
+const faqs = [
+  {
+    question: 'Can I change my plan later?',
+    answer:
+      'Yes! You can upgrade or downgrade your plan at any time. When upgrading, you'll be prorated for the remainder of your billing cycle. When downgrading, the new rate applies at the next billing period.',
+  },
+  {
+    question: 'What happens when my trial ends?',
+    answer:
+      'When your trial ends, you'll be automatically subscribed to the plan you selected. You can cancel at any time before the trial ends to avoid being charged.',
+  },
+  {
+    question: 'Do you offer refunds?',
+    answer:
+      'We offer a 14-day money-back guarantee on all paid plans. If you're not satisfied, contact support for a full refund.',
+  },
+  {
+    question: 'What payment methods do you accept?',
+    answer:
+      'We accept all major credit cards (Visa, Mastercard, American Express) as well as ACH direct debit for annual plans. All payments are securely processed through Stripe.',
+  },
+];
+
+export default function PricingPage() {
+  const handleSelectPlan = async (slug: string, interval: 'monthly' | 'yearly') => {
+    if (slug === 'free') {
+      window.location.href = '/signup';
+      return;
+    }
+
+    try {
+      const res = await fetch('/api/stripe/checkout', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ planSlug: slug, interval }),
+      });
+
+      if (!res.ok) {
+        throw new Error('Checkout request failed');
+      }
+
+      const { url } = await res.json();
+      if (url) {
+        window.location.href = url;
+      }
+    } catch (err) {
+      console.error('Failed to create checkout session:', err);
+      // TODO: Show user-facing error (e.g. toast notification)
+    }
+  };
+
+  return (
+    <div className="mx-auto max-w-5xl px-4 py-16">
+      <div className="mb-12 text-center">
+        <h1 className="text-4xl font-bold tracking-tight">
+          Simple, transparent pricing
+        </h1>
+        <p className="mt-4 text-lg text-muted-foreground">
+          Choose the plan that fits your needs. No hidden fees.
+        </p>
+      </div>
+
+      <PricingCards onSelectPlan={handleSelectPlan} />
+
+      <Separator className="my-16" />
+
+      <div className="mx-auto max-w-2xl">
+        <h2 className="mb-6 text-center text-2xl font-bold">
+          Frequently Asked Questions
+        </h2>
+        <Accordion type="single" collapsible className="w-full">
+          {faqs.map((faq, i) => (
+            <AccordionItem key={i} value={`faq-${i}`}>
+              <AccordionTrigger>{faq.question}</AccordionTrigger>
+              <AccordionContent>
+                <p className="text-muted-foreground">{faq.answer}</p>
+              </AccordionContent>
+            </AccordionItem>
+          ))}
+        </Accordion>
+      </div>
+    </div>
+  );
+}

package/dist/templates/api/fastify/.env.example.template

@@ -0,0 +1,7 @@
+# Server configuration
+PORT={{PORT}}
+HOST=0.0.0.0
+NODE_ENV=development
+
+# CORS (optional, defaults to allow all in development)
+# CORS_ORIGIN=https://your-frontend.com

package/dist/templates/api/fastify/.gitignore.template

@@ -0,0 +1,24 @@
+# Dependencies
+node_modules/
+
+# Build output
+dist/
+
+# Environment
+.env
+.env.local
+.env.*.local
+
+# IDE
+.idea/
+.vscode/
+*.swp
+*.swo
+
+# OS
+.DS_Store
+Thumbs.db
+
+# Logs
+*.log
+npm-debug.log*

package/dist/templates/api/fastify/package.json.template

@@ -0,0 +1,23 @@
+{
+  "name": "{{PROJECT_NAME}}",
+  "version": "0.0.1",
+  "type": "module",
+  "scripts": {
+    "dev": "tsx watch src/index.ts",
+    "build": "tsc",
+    "start": "node dist/index.js",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@fastify/cors": "^10.0.0",
+    "@fastify/helmet": "^13.0.0",
+    "@fastify/sensible": "^6.0.0",
+    "fastify": "^5.0.0",
+    "zod": "^3.23.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20.0.0",
+    "tsx": "^4.0.0",
+    "typescript": "^5.7.0"
+  }
+}

package/dist/templates/api/fastify/src/index.ts.template

@@ -0,0 +1,52 @@
+import Fastify from 'fastify';
+import cors from '@fastify/cors';
+import helmet from '@fastify/helmet';
+import sensible from '@fastify/sensible';
+import { env } from './lib/env.js';
+import healthRoutes from './routes/health.js';
+
+const app = Fastify({
+  logger: {
+    level: env.NODE_ENV === 'development' ? 'info' : 'warn',
+  },
+});
+
+// Plugins
+app.register(helmet);
+app.register(cors, {
+  origin: env.NODE_ENV === 'development'
+    ? true
+    : (env.CORS_ORIGIN?.split(',').map((o) => o.trim()).filter(Boolean) ?? false),
+});
+app.register(sensible);
+
+// Routes
+app.register(healthRoutes, { prefix: '/health' });
+
+// Graceful shutdown
+const shutdown = async (signal: string) => {
+  app.log.info(`Received ${signal}, shutting down gracefully...`);
+  try {
+    await app.close();
+    process.exit(0);
+  } catch (err) {
+    app.log.error('Error during shutdown:', err);
+    process.exit(1);
+  }
+};
+
+process.on('SIGTERM', () => shutdown('SIGTERM'));
+process.on('SIGINT', () => shutdown('SIGINT'));
+
+// Start server
+const start = async () => {
+  try {
+    await app.listen({ port: env.PORT, host: env.HOST });
+    app.log.info(`Server running at http://${env.HOST}:${env.PORT}`);
+  } catch (err) {
+    app.log.error(err);
+    process.exit(1);
+  }
+};
+
+start();

package/dist/templates/api/fastify/src/lib/env.ts.template

@@ -0,0 +1,20 @@
+import { z } from 'zod';
+
+const envSchema = z.object({
+  PORT: z.coerce.number().default({{PORT}}),
+  HOST: z.string().default('0.0.0.0'),
+  NODE_ENV: z.enum(['development', 'production', 'test']).default('development'),
+  CORS_ORIGIN: z.string().min(1).optional(),
+});
+
+export const env = envSchema
+  .superRefine((val, ctx) => {
+    if (val.NODE_ENV === 'production' && !val.CORS_ORIGIN) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        message: 'CORS_ORIGIN is required when NODE_ENV=production',
+        path: ['CORS_ORIGIN'],
+      });
+    }
+  })
+  .parse(process.env);

package/dist/templates/api/fastify/src/routes/health.ts.template

@@ -0,0 +1,12 @@
+import type { FastifyPluginAsync } from 'fastify';
+
+const healthRoutes: FastifyPluginAsync = async (fastify) => {
+  fastify.get('/', async () => {
+    return {
+      status: 'ok',
+      timestamp: new Date().toISOString(),
+    };
+  });
+};
+
+export default healthRoutes;

package/dist/templates/api/fastify/tsconfig.json.template

@@ -0,0 +1,18 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "NodeNext",
+    "moduleResolution": "NodeNext",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "outDir": "dist",
+    "rootDir": "src",
+    "declaration": true,
+    "declarationMap": true,
+    "sourceMap": true
+  },
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "dist"]
+}

package/dist/templates/api/fastify-postgres/.env.example.template

@@ -0,0 +1,10 @@
+# Server configuration
+PORT={{PORT}}
+HOST=0.0.0.0
+NODE_ENV=development
+
+# CORS (optional, defaults to allow all in development)
+# CORS_ORIGIN=https://your-frontend.com
+
+# Database
+DATABASE_URL=postgresql://user:password@localhost:5432/{{PROJECT_NAME}}

package/dist/templates/api/fastify-postgres/drizzle.config.ts.template

@@ -0,0 +1,10 @@
+import { defineConfig } from 'drizzle-kit';
+
+export default defineConfig({
+  schema: './src/db/schema',
+  out: './src/db/migrations',
+  dialect: 'postgresql',
+  dbCredentials: {
+    url: process.env.DATABASE_URL!,
+  },
+});

package/dist/templates/api/fastify-postgres/package.json.template

@@ -0,0 +1,16 @@
+{
+  "scripts": {
+    "db:generate": "drizzle-kit generate",
+    "db:migrate": "drizzle-kit migrate",
+    "db:push": "drizzle-kit push",
+    "db:studio": "drizzle-kit studio"
+  },
+  "dependencies": {
+    "drizzle-orm": "^0.36.0",
+    "pg": "^8.13.0"
+  },
+  "devDependencies": {
+    "@types/pg": "^8.11.0",
+    "drizzle-kit": "^0.28.0"
+  }
+}

package/dist/templates/api/fastify-postgres/src/db/index.ts.template

@@ -0,0 +1,9 @@
+import { drizzle } from 'drizzle-orm/node-postgres';
+import pg from 'pg';
+import * as schema from './schema/users.js';
+
+const pool = new pg.Pool({
+  connectionString: process.env.DATABASE_URL,
+});
+
+export const db = drizzle(pool, { schema });

package/dist/templates/api/fastify-postgres/src/db/schema/users.ts.template

@@ -0,0 +1,12 @@
+import { pgTable, uuid, varchar, timestamp } from 'drizzle-orm/pg-core';
+
+export const users = pgTable('users', {
+  id: uuid('id').primaryKey().defaultRandom(),
+  email: varchar('email', { length: 255 }).notNull().unique(),
+  name: varchar('name', { length: 255 }),
+  createdAt: timestamp('created_at').defaultNow().notNull(),
+  updatedAt: timestamp('updated_at').defaultNow().notNull(),
+});
+
+export type User = typeof users.$inferSelect;
+export type NewUser = typeof users.$inferInsert;

package/dist/templates/api/fastify-sqlite/.env.example.template

@@ -0,0 +1,10 @@
+# Server configuration
+PORT={{PORT}}
+HOST=0.0.0.0
+NODE_ENV=development
+
+# CORS (optional, defaults to allow all in development)
+# CORS_ORIGIN=https://your-frontend.com
+
+# Database (SQLite file path)
+DATABASE_URL=sqlite.db

package/dist/templates/api/fastify-sqlite/drizzle.config.ts.template

@@ -0,0 +1,10 @@
+import { defineConfig } from 'drizzle-kit';
+
+export default defineConfig({
+  schema: './src/db/schema',
+  out: './src/db/migrations',
+  dialect: 'sqlite',
+  dbCredentials: {
+    url: process.env.DATABASE_URL || 'sqlite.db',
+  },
+});

package/dist/templates/api/fastify-sqlite/package.json.template

@@ -0,0 +1,16 @@
+{
+  "scripts": {
+    "db:generate": "drizzle-kit generate",
+    "db:migrate": "drizzle-kit migrate",
+    "db:push": "drizzle-kit push",
+    "db:studio": "drizzle-kit studio"
+  },
+  "dependencies": {
+    "better-sqlite3": "^11.6.0",
+    "drizzle-orm": "^0.36.0"
+  },
+  "devDependencies": {
+    "@types/better-sqlite3": "^7.6.0",
+    "drizzle-kit": "^0.28.0"
+  }
+}

package/dist/templates/api/fastify-sqlite/src/db/index.ts.template

@@ -0,0 +1,6 @@
+import { drizzle } from 'drizzle-orm/better-sqlite3';
+import Database from 'better-sqlite3';
+import * as schema from './schema/users.js';
+
+const sqlite = new Database(process.env.DATABASE_URL || 'sqlite.db');
+export const db = drizzle(sqlite, { schema });

package/dist/templates/api/fastify-sqlite/src/db/schema/users.ts.template

@@ -0,0 +1,12 @@
+import { sqliteTable, text, integer } from 'drizzle-orm/sqlite-core';
+
+export const users = sqliteTable('users', {
+  id: integer('id').primaryKey({ autoIncrement: true }),
+  email: text('email').notNull().unique(),
+  name: text('name'),
+  createdAt: text('created_at').notNull().default('CURRENT_TIMESTAMP'),
+  updatedAt: text('updated_at').notNull().default('CURRENT_TIMESTAMP'),
+});
+
+export type User = typeof users.$inferSelect;
+export type NewUser = typeof users.$inferInsert;

package/dist/templates/api/fastify-supabase/.env.example.template

@@ -0,0 +1,10 @@
+# Server configuration
+PORT={{PORT}}
+HOST=0.0.0.0
+NODE_ENV=development
+
+# CORS (optional, defaults to allow all in development)
+# CORS_ORIGIN=https://your-frontend.com
+
+# Supabase Database
+SUPABASE_DATABASE_URL=postgresql://postgres.[ref]:[password]@aws-0-[region].pooler.supabase.com:6543/postgres

package/dist/templates/api/fastify-supabase/drizzle.config.ts.template

@@ -0,0 +1,10 @@
+import { defineConfig } from 'drizzle-kit';
+
+export default defineConfig({
+  schema: './src/db/schema',
+  out: './src/db/migrations',
+  dialect: 'postgresql',
+  dbCredentials: {
+    url: process.env.SUPABASE_DATABASE_URL!,
+  },
+});

package/dist/templates/api/fastify-supabase/package.json.template

@@ -0,0 +1,15 @@
+{
+  "scripts": {
+    "db:generate": "drizzle-kit generate",
+    "db:migrate": "drizzle-kit migrate",
+    "db:push": "drizzle-kit push",
+    "db:studio": "drizzle-kit studio"
+  },
+  "dependencies": {
+    "drizzle-orm": "^0.36.0",
+    "postgres": "^3.4.0"
+  },
+  "devDependencies": {
+    "drizzle-kit": "^0.28.0"
+  }
+}

package/dist/templates/api/fastify-supabase/src/db/index.ts.template

@@ -0,0 +1,9 @@
+import { drizzle } from 'drizzle-orm/postgres-js';
+import postgres from 'postgres';
+import * as schema from './schema/users.js';
+
+const client = postgres(process.env.SUPABASE_DATABASE_URL!, {
+  prepare: false, // Required for Supabase connection pooler (Supavisor)
+});
+
+export const db = drizzle(client, { schema });