create-edhor-stack 0.1.0

package/templates/packages/stripe/src/client.ts

@@ -0,0 +1,110 @@
+import Stripe from 'stripe';
+
+if (!process.env.STRIPE_SECRET_KEY) {
+  throw new Error('STRIPE_SECRET_KEY is not set');
+}
+
+export const stripe = new Stripe(process.env.STRIPE_SECRET_KEY, {
+  apiVersion: '2024-12-18.acacia',
+  typescript: true,
+});
+
+// ============================================================================
+// CUSTOMERS
+// ============================================================================
+
+export async function createCustomer(params: {
+  email: string;
+  name?: string;
+  metadata?: Record<string, string>;
+}) {
+  return stripe.customers.create({
+    email: params.email,
+    name: params.name,
+    metadata: params.metadata,
+  });
+}
+
+export async function getCustomer(customerId: string) {
+  return stripe.customers.retrieve(customerId);
+}
+
+export async function getCustomerByEmail(email: string) {
+  const customers = await stripe.customers.list({ email, limit: 1 });
+  return customers.data[0] ?? null;
+}
+
+// ============================================================================
+// CHECKOUT SESSIONS
+// ============================================================================
+
+export async function createCheckoutSession(params: {
+  customerId?: string;
+  customerEmail?: string;
+  priceId: string;
+  successUrl: string;
+  cancelUrl: string;
+  metadata?: Record<string, string>;
+}) {
+  return stripe.checkout.sessions.create({
+    customer: params.customerId,
+    customer_email: params.customerId ? undefined : params.customerEmail,
+    mode: 'subscription',
+    line_items: [{ price: params.priceId, quantity: 1 }],
+    success_url: params.successUrl,
+    cancel_url: params.cancelUrl,
+    metadata: params.metadata,
+  });
+}
+
+export async function createOneTimeCheckoutSession(params: {
+  customerId?: string;
+  customerEmail?: string;
+  priceId: string;
+  successUrl: string;
+  cancelUrl: string;
+  metadata?: Record<string, string>;
+}) {
+  return stripe.checkout.sessions.create({
+    customer: params.customerId,
+    customer_email: params.customerId ? undefined : params.customerEmail,
+    mode: 'payment',
+    line_items: [{ price: params.priceId, quantity: 1 }],
+    success_url: params.successUrl,
+    cancel_url: params.cancelUrl,
+    metadata: params.metadata,
+  });
+}
+
+// ============================================================================
+// SUBSCRIPTIONS
+// ============================================================================
+
+export async function getSubscription(subscriptionId: string) {
+  return stripe.subscriptions.retrieve(subscriptionId);
+}
+
+export async function cancelSubscription(subscriptionId: string) {
+  return stripe.subscriptions.cancel(subscriptionId);
+}
+
+export async function getCustomerSubscriptions(customerId: string) {
+  return stripe.subscriptions.list({
+    customer: customerId,
+    status: 'all',
+  });
+}
+
+// ============================================================================
+// BILLING PORTAL
+// ============================================================================
+
+export async function createBillingPortalSession(params: {
+  customerId: string;
+  returnUrl: string;
+}) {
+  return stripe.billingPortal.sessions.create({
+    customer: params.customerId,
+    return_url: params.returnUrl,
+  });
+}

package/templates/packages/stripe/src/index.ts

@@ -0,0 +1,3 @@
+export { stripe } from './client';
+export * from './schemas';
+export * from './webhooks';

package/templates/packages/stripe/src/schemas.ts

@@ -0,0 +1,65 @@
+import { z } from 'zod';
+
+// ============================================================================
+// CHECKOUT SCHEMAS
+// ============================================================================
+
+export const CreateCheckoutSchema = z.object({
+  priceId: z.string().startsWith('price_'),
+  successUrl: z.string().url(),
+  cancelUrl: z.string().url(),
+});
+
+export const CheckoutSessionSchema = z.object({
+  id: z.string().startsWith('cs_'),
+  url: z.string().url().nullable(),
+  status: z.enum(['open', 'complete', 'expired']),
+  customer: z.string().nullable(),
+  subscription: z.string().nullable(),
+});
+
+// ============================================================================
+// SUBSCRIPTION SCHEMAS
+// ============================================================================
+
+export const SubscriptionStatusSchema = z.enum([
+  'active',
+  'canceled',
+  'incomplete',
+  'incomplete_expired',
+  'past_due',
+  'paused',
+  'trialing',
+  'unpaid',
+]);
+
+export const SubscriptionSchema = z.object({
+  id: z.string().startsWith('sub_'),
+  status: SubscriptionStatusSchema,
+  currentPeriodStart: z.number(),
+  currentPeriodEnd: z.number(),
+  cancelAtPeriodEnd: z.boolean(),
+  priceId: z.string(),
+});
+
+// ============================================================================
+// WEBHOOK SCHEMAS
+// ============================================================================
+
+export const WebhookEventSchema = z.object({
+  id: z.string().startsWith('evt_'),
+  type: z.string(),
+  data: z.object({
+    object: z.record(z.unknown()),
+  }),
+});
+
+// ============================================================================
+// TYPES
+// ============================================================================
+
+export type CreateCheckout = z.infer<typeof CreateCheckoutSchema>;
+export type CheckoutSession = z.infer<typeof CheckoutSessionSchema>;
+export type SubscriptionStatus = z.infer<typeof SubscriptionStatusSchema>;
+export type Subscription = z.infer<typeof SubscriptionSchema>;
+export type WebhookEvent = z.infer<typeof WebhookEventSchema>;

package/templates/packages/stripe/src/webhooks.ts

@@ -0,0 +1,91 @@
+import type Stripe from 'stripe';
+import { stripe } from './client';
+
+if (!process.env.STRIPE_WEBHOOK_SECRET) {
+  console.warn('STRIPE_WEBHOOK_SECRET is not set - webhooks will not be verified');
+}
+
+// ============================================================================
+// WEBHOOK VERIFICATION
+// ============================================================================
+
+export function constructWebhookEvent(
+  payload: string | Buffer,
+  signature: string
+): Stripe.Event {
+  if (!process.env.STRIPE_WEBHOOK_SECRET) {
+    throw new Error('STRIPE_WEBHOOK_SECRET is not set');
+  }
+
+  return stripe.webhooks.constructEvent(
+    payload,
+    signature,
+    process.env.STRIPE_WEBHOOK_SECRET
+  );
+}
+
+// ============================================================================
+// WEBHOOK HANDLER TYPES
+// ============================================================================
+
+export type WebhookHandler<T = unknown> = (data: T) => Promise<void>;
+
+export interface WebhookHandlers {
+  'checkout.session.completed'?: WebhookHandler<Stripe.Checkout.Session>;
+  'customer.subscription.created'?: WebhookHandler<Stripe.Subscription>;
+  'customer.subscription.updated'?: WebhookHandler<Stripe.Subscription>;
+  'customer.subscription.deleted'?: WebhookHandler<Stripe.Subscription>;
+  'invoice.payment_succeeded'?: WebhookHandler<Stripe.Invoice>;
+  'invoice.payment_failed'?: WebhookHandler<Stripe.Invoice>;
+}
+
+// ============================================================================
+// WEBHOOK PROCESSOR
+// ============================================================================
+
+export async function processWebhook(
+  event: Stripe.Event,
+  handlers: WebhookHandlers
+): Promise<void> {
+  const handler = handlers[event.type as keyof WebhookHandlers];
+
+  if (handler) {
+    await handler(event.data.object);
+  } else {
+    console.log(`Unhandled webhook event: ${event.type}`);
+  }
+}
+
+// ============================================================================
+// EXAMPLE USAGE
+// ============================================================================
+/*
+// In your API route (e.g., /api/webhooks/stripe):
+
+import { constructWebhookEvent, processWebhook } from '@your-app/stripe/webhooks';
+
+export async function POST(request: Request) {
+  const payload = await request.text();
+  const signature = request.headers.get('stripe-signature')!;
+
+  try {
+    const event = constructWebhookEvent(payload, signature);
+
+    await processWebhook(event, {
+      'checkout.session.completed': async (session) => {
+        // Handle successful checkout
+        console.log('Checkout completed:', session.id);
+      },
+      'customer.subscription.updated': async (subscription) => {
+        // Handle subscription update
+        console.log('Subscription updated:', subscription.id);
+      },
+    });
+
+    return new Response('OK', { status: 200 });
+  } catch (error) {
+    console.error('Webhook error:', error);
+    return new Response('Webhook Error', { status: 400 });
+  }
+}
+*/

package/templates/packages/stripe/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "declaration": true,
+    "declarationMap": true,
+    "composite": true
+  },
+  "include": ["src/**/*"]
+}

package/templates/packages/ui/components.json

@@ -0,0 +1,19 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "src/styles.css",
+    "baseColor": "zinc",
+    "cssVariables": true
+  },
+  "aliases": {
+    "components": "src/components",
+    "utils": "src/lib/utils",
+    "ui": "src/components",
+    "lib": "src/lib"
+  },
+  "iconLibrary": "lucide"
+}

package/templates/packages/ui/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@{{name}}/ui",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "exports": {
+    ".": "./src/index.ts",
+    "./components/*": "./src/components/*.tsx",
+    "./lib/*": "./src/lib/*.ts",
+    "./styles.css": "./src/styles.css"
+  },
+  "scripts": {
+    "ui:add": "bunx shadcn@latest add"
+  },
+  "dependencies": {
+    "@radix-ui/react-slot": "^1.1.0",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "tailwind-merge": "^3.0.0",
+    "lucide-react": "^0.460.0"
+  },
+  "devDependencies": {
+    "tailwindcss": "^4.0.0",
+    "@types/react": "^19.0.0"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0"
+  }
+}

package/templates/packages/ui/src/components/button.tsx

@@ -0,0 +1,58 @@
+import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { cva, type VariantProps } from 'class-variance-authority';
+
+import { cn } from '../lib/utils';
+
+const buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+  {
+    variants: {
+      variant: {
+        default:
+          'bg-primary text-primary-foreground shadow-xs hover:bg-primary/90',
+        destructive:
+          'bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',
+        outline:
+          'border border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground',
+        secondary:
+          'bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80',
+        ghost: 'hover:bg-accent hover:text-accent-foreground',
+        link: 'text-primary underline-offset-4 hover:underline',
+      },
+      size: {
+        default: 'h-9 px-4 py-2 has-[>svg]:px-3',
+        sm: 'h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5',
+        lg: 'h-10 rounded-md px-6 has-[>svg]:px-4',
+        icon: 'size-9',
+      },
+    },
+    defaultVariants: {
+      variant: 'default',
+      size: 'default',
+    },
+  }
+);
+
+function Button({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ...props
+}: React.ComponentProps<'button'> &
+  VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+  }) {
+  const Comp = asChild ? Slot : 'button';
+
+  return (
+    <Comp
+      data-slot="button"
+      className={cn(buttonVariants({ variant, size, className }))}
+      {...props}
+    />
+  );
+}
+
+export { Button, buttonVariants };

package/templates/packages/ui/src/index.ts

@@ -0,0 +1,5 @@
+// Components
+export * from './components/button';
+
+// Utilities
+export * from './lib/utils';

package/templates/packages/ui/src/lib/utils.ts

@@ -0,0 +1,6 @@
+import { type ClassValue, clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}

package/templates/packages/ui/src/styles.css

@@ -0,0 +1,120 @@
+@import "tailwindcss";
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-destructive-foreground: var(--destructive-foreground);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+}
+
+:root {
+  --radius: 0.625rem;
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.145 0 0);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.145 0 0);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.145 0 0);
+  --primary: oklch(0.205 0 0);
+  --primary-foreground: oklch(0.985 0 0);
+  --secondary: oklch(0.97 0 0);
+  --secondary-foreground: oklch(0.205 0 0);
+  --muted: oklch(0.97 0 0);
+  --muted-foreground: oklch(0.556 0 0);
+  --accent: oklch(0.97 0 0);
+  --accent-foreground: oklch(0.205 0 0);
+  --destructive: oklch(0.577 0.245 27.325);
+  --destructive-foreground: oklch(0.577 0.245 27.325);
+  --border: oklch(0.922 0 0);
+  --input: oklch(0.922 0 0);
+  --ring: oklch(0.708 0 0);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.145 0 0);
+  --sidebar-primary: oklch(0.205 0 0);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.97 0 0);
+  --sidebar-accent-foreground: oklch(0.205 0 0);
+  --sidebar-border: oklch(0.922 0 0);
+  --sidebar-ring: oklch(0.708 0 0);
+}
+
+.dark {
+  --background: oklch(0.145 0 0);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.145 0 0);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.145 0 0);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.985 0 0);
+  --primary-foreground: oklch(0.205 0 0);
+  --secondary: oklch(0.269 0 0);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.269 0 0);
+  --muted-foreground: oklch(0.708 0 0);
+  --accent: oklch(0.269 0 0);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.396 0.141 25.723);
+  --destructive-foreground: oklch(0.637 0.237 25.331);
+  --border: oklch(0.269 0 0);
+  --input: oklch(0.269 0 0);
+  --ring: oklch(0.439 0 0);
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: oklch(0.205 0 0);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.269 0 0);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(0.269 0 0);
+  --sidebar-ring: oklch(0.439 0 0);
+}
+
+@layer base {
+  * {
+    @apply border-border;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}

package/templates/packages/ui/tsconfig.json

@@ -0,0 +1,10 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "jsx": "react-jsx",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["src"]
+}