@tellet/create 0.8.0

package/template/components/sections/Features.tsx

@@ -0,0 +1,51 @@
+"use client";
+
+import { motion } from "framer-motion";
+import { SiteIcon } from "./Icons";
+import config from "../../tellet.json";
+
+export function Features() {
+  const features = config.site.features as { title: string; description: string; icon: string }[];
+  if (!features || features.length === 0) return null;
+
+  return (
+    <section className="py-24 px-6">
+      <div className="max-w-5xl mx-auto">
+        <motion.div
+          className="text-center mb-16"
+          initial={{ opacity: 0, y: 20 }}
+          whileInView={{ opacity: 1, y: 0 }}
+          viewport={{ once: true }}
+          transition={{ duration: 0.5 }}
+        >
+          <h2 className="text-3xl md:text-4xl font-bold tracking-tight">
+            Why choose us
+          </h2>
+        </motion.div>
+
+        <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-5">
+          {features.map((feature, i) => (
+            <motion.div
+              key={feature.title}
+              className="group rounded-xl border border-border bg-bg-secondary/40 p-6 transition-all duration-200 hover:border-border-hover hover:-translate-y-0.5"
+              initial={{ opacity: 0, y: 20 }}
+              whileInView={{ opacity: 1, y: 0 }}
+              viewport={{ once: true }}
+              transition={{ delay: i * 0.06, duration: 0.4 }}
+            >
+              <div className="inline-flex items-center justify-center w-10 h-10 rounded-lg bg-accent/10 text-accent mb-4">
+                <SiteIcon name={feature.icon} />
+              </div>
+              <h3 className="text-lg font-semibold text-text-primary mb-2">
+                {feature.title}
+              </h3>
+              <p className="text-sm text-text-secondary leading-relaxed">
+                {feature.description}
+              </p>
+            </motion.div>
+          ))}
+        </div>
+      </div>
+    </section>
+  );
+}

package/template/components/sections/Footer.tsx

@@ -0,0 +1,22 @@
+import config from "../../tellet.json";
+
+export function Footer() {
+  return (
+    <footer className="border-t border-border py-8 px-6">
+      <div className="max-w-5xl mx-auto flex flex-col sm:flex-row items-center justify-between gap-4">
+        <div className="flex items-center gap-2">
+          <span className="text-sm font-semibold">{config.company.name}</span>
+          <span className="text-xs text-text-tertiary">&middot;</span>
+          <span className="text-xs text-text-tertiary">
+            Powered by <span className="text-text-secondary">tellet</span>
+          </span>
+        </div>
+        <div className="flex items-center gap-4 text-xs text-text-tertiary">
+          <a href="/dashboard" className="hover:text-text-secondary transition-colors">
+            Dashboard
+          </a>
+        </div>
+      </div>
+    </footer>
+  );
+}

package/template/components/sections/Hero.tsx

@@ -0,0 +1,86 @@
+"use client";
+
+import { motion } from "framer-motion";
+import config from "../../tellet.json";
+
+export function Hero() {
+  return (
+    <section className="relative min-h-[85vh] flex items-center justify-center px-6 overflow-hidden">
+      <div
+        className="absolute inset-0"
+        style={{
+          background:
+            "radial-gradient(ellipse 80% 60% at 50% 40%, rgba(139,92,246,0.08) 0%, transparent 70%)",
+        }}
+      />
+
+      <div className="relative z-10 text-center max-w-3xl mx-auto">
+        <motion.div
+          initial={{ opacity: 0, y: 24 }}
+          animate={{ opacity: 1, y: 0 }}
+          transition={{ duration: 0.5 }}
+        >
+          <div className="inline-flex items-center gap-2 rounded-full border border-border bg-bg-secondary/50 px-4 py-1.5 mb-8">
+            <span className="w-2 h-2 rounded-full bg-green-400 animate-pulse" />
+            <span className="text-xs text-text-secondary">
+              {config.agents.length} AI agents online
+            </span>
+          </div>
+
+          <h1 className="text-5xl md:text-6xl lg:text-7xl font-bold tracking-tight leading-[1.1]">
+            {config.company.name}
+          </h1>
+        </motion.div>
+
+        <motion.p
+          className="mt-3 text-xl md:text-2xl text-accent font-medium"
+          initial={{ opacity: 0, y: 16 }}
+          animate={{ opacity: 1, y: 0 }}
+          transition={{ duration: 0.5, delay: 0.1 }}
+        >
+          {config.site.tagline}
+        </motion.p>
+
+        <motion.p
+          className="mt-4 text-lg text-text-secondary max-w-xl mx-auto leading-relaxed"
+          initial={{ opacity: 0, y: 16 }}
+          animate={{ opacity: 1, y: 0 }}
+          transition={{ duration: 0.5, delay: 0.2 }}
+        >
+          {config.site.subtitle}
+        </motion.p>
+
+        <motion.div
+          className="mt-10 flex flex-col sm:flex-row items-center justify-center gap-4"
+          initial={{ opacity: 0, y: 16 }}
+          animate={{ opacity: 1, y: 0 }}
+          transition={{ duration: 0.5, delay: 0.3 }}
+        >
+          <button
+            onClick={() => {
+              const el = document.getElementById("chat-trigger");
+              el?.click();
+            }}
+            className="inline-flex items-center gap-2 rounded-xl bg-accent px-8 py-4 text-sm font-medium text-white hover:bg-accent-hover transition-all shadow-[0_0_30px_var(--color-accent-glow)] cursor-pointer"
+          >
+            <svg className="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={1.5}>
+              <path strokeLinecap="round" strokeLinejoin="round" d="M8.625 12a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0H8.25m4.125 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0H12m4.125 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0h-.375M21 12c0 4.556-4.03 8.25-9 8.25a9.764 9.764 0 0 1-2.555-.337A5.972 5.972 0 0 1 5.41 20.97a5.969 5.969 0 0 1-.474-.065 4.48 4.48 0 0 0 .978-2.025c.09-.457-.133-.901-.467-1.226C3.93 16.178 3 14.189 3 12c0-4.556 4.03-8.25 9-8.25s9 3.694 9 8.25Z" />
+            </svg>
+            Chat with us
+          </button>
+          <a
+            href="/dashboard"
+            className="inline-flex items-center gap-2 rounded-xl bg-bg-secondary border border-border px-8 py-4 text-sm font-medium text-text-primary hover:border-border-hover transition-all"
+          >
+            Dashboard
+            <svg className="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
+              <path strokeLinecap="round" strokeLinejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" />
+            </svg>
+          </a>
+        </motion.div>
+      </div>
+
+      <div className="absolute bottom-0 left-0 right-0 h-24 bg-gradient-to-t from-bg-primary to-transparent" />
+    </section>
+  );
+}

package/template/components/sections/Icons.tsx

@@ -0,0 +1,29 @@
+const iconPaths: Record<string, string> = {
+  sparkles:
+    "M9.813 15.904 9 18.75l-.813-2.846a4.5 4.5 0 0 0-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 0 0 3.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 0 0 3.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 0 0-3.09 3.09ZM18.259 8.715 18 9.75l-.259-1.035a3.375 3.375 0 0 0-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 0 0 2.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 0 0 2.455 2.456L21.75 6l-1.036.259a3.375 3.375 0 0 0-2.455 2.456ZM16.894 20.567 16.5 21.75l-.394-1.183a2.25 2.25 0 0 0-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 0 0 1.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 0 0 1.423 1.423l1.183.394-1.183.394a2.25 2.25 0 0 0-1.423 1.423Z",
+  shield:
+    "M9 12.75 11.25 15 15 9.75m-3-7.036A11.959 11.959 0 0 1 3.598 6 11.99 11.99 0 0 0 3 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285Z",
+  zap: "m3.75 13.5 10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75Z",
+  heart:
+    "M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z",
+  globe:
+    "M12 21a9.004 9.004 0 0 0 8.716-6.747M12 21a9.004 9.004 0 0 1-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 0 1 7.843 4.582M12 3a8.997 8.997 0 0 0-7.843 4.582m15.686 0A11.953 11.953 0 0 1 12 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0 1 21 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0 1 12 16.5a17.92 17.92 0 0 1-8.716-2.247m0 0A8.966 8.966 0 0 1 3 12c0-1.264.26-2.466.73-3.558",
+  chart:
+    "M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 0 1 3 19.875v-6.75ZM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V8.625ZM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V4.125Z",
+  clock:
+    "M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z",
+  users:
+    "M15 19.128a9.38 9.38 0 0 0 2.625.372 9.337 9.337 0 0 0 4.121-.952 4.125 4.125 0 0 0-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 0 1 8.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0 1 11.964-3.07M12 6.375a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0Zm8.25 2.25a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z",
+  star: "M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z",
+  target:
+    "M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7Z",
+};
+
+export function SiteIcon({ name, className = "w-6 h-6" }: { name: string; className?: string }) {
+  const d = iconPaths[name] || iconPaths.sparkles;
+  return (
+    <svg className={className} fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={1.5}>
+      <path strokeLinecap="round" strokeLinejoin="round" d={d} />
+    </svg>
+  );
+}

package/template/components/ui/Button.tsx

@@ -0,0 +1,26 @@
+import { cn } from "@/lib/utils";
+import { type ButtonHTMLAttributes } from "react";
+
+type Variant = "primary" | "secondary" | "ghost";
+
+const variants: Record<Variant, string> = {
+  primary: "bg-accent text-white hover:bg-accent-hover shadow-[0_0_20px_var(--color-accent-glow)]",
+  secondary: "bg-bg-secondary text-text-primary border border-border hover:border-border-hover",
+  ghost: "text-text-secondary hover:text-text-primary",
+};
+
+export function Button({
+  variant = "primary",
+  href,
+  className,
+  children,
+  ...props
+}: { variant?: Variant; href?: string } & ButtonHTMLAttributes<HTMLButtonElement>) {
+  const classes = cn(
+    "inline-flex items-center justify-center rounded-lg px-6 py-3 text-sm font-medium transition-all duration-200 cursor-pointer",
+    variants[variant],
+    className
+  );
+  if (href) return <a href={href} className={classes}>{children}</a>;
+  return <button className={classes} {...props}>{children}</button>;
+}

package/template/docker-compose.yml

@@ -0,0 +1,32 @@
+services:
+  app:
+    build: .
+    ports:
+      - "3000:3000"
+    environment:
+      - DATABASE_URL=postgresql://tellet:tellet@db:5432/tellet
+      - ANTHROPIC_API_KEY=${ANTHROPIC_API_KEY}
+      - OPENAI_API_KEY=${OPENAI_API_KEY:-}
+    depends_on:
+      db:
+        condition: service_healthy
+
+  db:
+    image: pgvector/pgvector:pg17
+    ports:
+      - "5432:5432"
+    environment:
+      - POSTGRES_USER=tellet
+      - POSTGRES_PASSWORD=tellet
+      - POSTGRES_DB=tellet
+    volumes:
+      - pgdata:/var/lib/postgresql/data
+      - ./supabase/migrations:/docker-entrypoint-initdb.d
+    healthcheck:
+      test: ["CMD-SHELL", "pg_isready -U tellet"]
+      interval: 5s
+      timeout: 3s
+      retries: 5
+
+volumes:
+  pgdata:

package/template/infra/bin/app.ts

@@ -0,0 +1,16 @@
+#!/usr/bin/env node
+import "source-map-support/register";
+import * as cdk from "aws-cdk-lib";
+import { TelletStack } from "../lib/tellet-stack";
+
+const app = new cdk.App();
+
+const projectName = app.node.tryGetContext("projectName") || "tellet";
+
+new TelletStack(app, `${projectName}-stack`, {
+  env: {
+    account: process.env.CDK_DEFAULT_ACCOUNT,
+    region: process.env.CDK_DEFAULT_REGION || "us-east-1",
+  },
+  projectName,
+});

package/template/infra/cdk.json

@@ -0,0 +1,6 @@
+{
+  "app": "npx ts-node bin/app.ts",
+  "context": {
+    "@aws-cdk/core:stackRelativeExports": true
+  }
+}

package/template/infra/lib/tellet-stack.ts

@@ -0,0 +1,216 @@
+import * as cdk from "aws-cdk-lib";
+import * as ec2 from "aws-cdk-lib/aws-ec2";
+import * as rds from "aws-cdk-lib/aws-rds";
+import * as lambda from "aws-cdk-lib/aws-lambda";
+import * as apigateway from "aws-cdk-lib/aws-apigatewayv2";
+import * as apiIntegrations from "aws-cdk-lib/aws-apigatewayv2-integrations";
+import * as s3 from "aws-cdk-lib/aws-s3";
+import * as s3deploy from "aws-cdk-lib/aws-s3-deployment";
+import * as cloudfront from "aws-cdk-lib/aws-cloudfront";
+import * as origins from "aws-cdk-lib/aws-cloudfront-origins";
+import * as secretsmanager from "aws-cdk-lib/aws-secretsmanager";
+import { Construct } from "constructs";
+
+interface TelletStackProps extends cdk.StackProps {
+  projectName: string;
+}
+
+export class TelletStack extends cdk.Stack {
+  constructor(scope: Construct, id: string, props: TelletStackProps) {
+    super(scope, id, props);
+
+    const { projectName } = props;
+
+    // ==========================================
+    // VPC — Minimal, no NAT Gateway ($0)
+    // ==========================================
+    const vpc = new ec2.Vpc(this, "Vpc", {
+      maxAzs: 2,
+      natGateways: 0, // Save ~$30/mo
+      subnetConfiguration: [
+        {
+          name: "public",
+          subnetType: ec2.SubnetType.PUBLIC,
+        },
+        {
+          name: "isolated",
+          subnetType: ec2.SubnetType.PRIVATE_ISOLATED,
+        },
+      ],
+    });
+
+    // ==========================================
+    // Secrets Manager — API keys
+    // ==========================================
+    const secrets = new secretsmanager.Secret(this, "Secrets", {
+      secretName: `${projectName}/api-keys`,
+      description: "tellet API keys",
+      generateSecretString: {
+        secretStringTemplate: JSON.stringify({
+          ANTHROPIC_API_KEY: "REPLACE_ME",
+          OPENAI_API_KEY: "",
+        }),
+        generateStringKey: "placeholder",
+      },
+    });
+
+    // ==========================================
+    // RDS PostgreSQL — Free Tier (~$0)
+    // ==========================================
+    const dbSecurityGroup = new ec2.SecurityGroup(this, "DbSg", {
+      vpc,
+      description: "RDS security group",
+    });
+
+    const database = new rds.DatabaseInstance(this, "Database", {
+      engine: rds.DatabaseInstanceEngine.postgres({
+        version: rds.PostgresEngineVersion.VER_17,
+      }),
+      instanceType: ec2.InstanceType.of(
+        ec2.InstanceClass.T4G,
+        ec2.InstanceSize.MICRO // Free Tier
+      ),
+      vpc,
+      vpcSubnets: { subnetType: ec2.SubnetType.PRIVATE_ISOLATED },
+      securityGroups: [dbSecurityGroup],
+      databaseName: "tellet",
+      credentials: rds.Credentials.fromGeneratedSecret("tellet", {
+        secretName: `${projectName}/db-credentials`,
+      }),
+      allocatedStorage: 20, // Free Tier max
+      maxAllocatedStorage: 20,
+      backupRetention: cdk.Duration.days(7),
+      deletionProtection: false, // Set true for production
+      removalPolicy: cdk.RemovalPolicy.DESTROY, // Change for production
+    });
+
+    // ==========================================
+    // Lambda — Next.js App (~$0 with free tier)
+    // ==========================================
+    const appFunction = new lambda.DockerImageFunction(this, "AppFunction", {
+      code: lambda.DockerImageCode.fromImageAsset(".."), // Parent dir (project root)
+      memorySize: 512,
+      timeout: cdk.Duration.seconds(30),
+      environment: {
+        NODE_ENV: "production",
+        DATABASE_URL: `postgresql://tellet:${database.secret?.secretValueFromJson("password").unsafeUnwrap()}@${database.dbInstanceEndpointAddress}:${database.dbInstanceEndpointPort}/tellet`,
+        SECRETS_ARN: secrets.secretArn,
+      },
+      vpc,
+      vpcSubnets: { subnetType: ec2.SubnetType.PRIVATE_ISOLATED },
+      architecture: lambda.Architecture.ARM_64, // 20% cheaper
+    });
+
+    // Grant Lambda access to secrets and DB
+    secrets.grantRead(appFunction);
+    database.connections.allowDefaultPortFrom(appFunction);
+
+    // ==========================================
+    // Agent Worker Lambda — Long tasks (15min)
+    // ==========================================
+    const workerFunction = new lambda.DockerImageFunction(this, "WorkerFunction", {
+      code: lambda.DockerImageCode.fromImageAsset(".."),
+      memorySize: 1024,
+      timeout: cdk.Duration.minutes(15), // Max Lambda timeout
+      environment: {
+        NODE_ENV: "production",
+        DATABASE_URL: `postgresql://tellet:${database.secret?.secretValueFromJson("password").unsafeUnwrap()}@${database.dbInstanceEndpointAddress}:${database.dbInstanceEndpointPort}/tellet`,
+        SECRETS_ARN: secrets.secretArn,
+        WORKER_MODE: "true",
+      },
+      vpc,
+      vpcSubnets: { subnetType: ec2.SubnetType.PRIVATE_ISOLATED },
+      architecture: lambda.Architecture.ARM_64,
+    });
+
+    secrets.grantRead(workerFunction);
+    database.connections.allowDefaultPortFrom(workerFunction);
+
+    // ==========================================
+    // API Gateway — HTTP API
+    // ==========================================
+    const httpApi = new apigateway.HttpApi(this, "HttpApi", {
+      apiName: `${projectName}-api`,
+      corsPreflight: {
+        allowOrigins: ["*"],
+        allowMethods: [apigateway.CorsHttpMethod.ANY],
+        allowHeaders: ["*"],
+      },
+    });
+
+    const appIntegration = new apiIntegrations.HttpLambdaIntegration(
+      "AppIntegration",
+      appFunction
+    );
+
+    httpApi.addRoutes({
+      path: "/{proxy+}",
+      methods: [apigateway.HttpMethod.ANY],
+      integration: appIntegration,
+    });
+
+    httpApi.addRoutes({
+      path: "/",
+      methods: [apigateway.HttpMethod.ANY],
+      integration: appIntegration,
+    });
+
+    // ==========================================
+    // S3 — Static assets
+    // ==========================================
+    const staticBucket = new s3.Bucket(this, "StaticBucket", {
+      removalPolicy: cdk.RemovalPolicy.DESTROY,
+      autoDeleteObjects: true,
+      blockPublicAccess: s3.BlockPublicAccess.BLOCK_ALL,
+    });
+
+    // ==========================================
+    // CloudFront — CDN
+    // ==========================================
+    const distribution = new cloudfront.Distribution(this, "Distribution", {
+      defaultBehavior: {
+        origin: new origins.HttpOrigin(
+          `${httpApi.httpApiId}.execute-api.${this.region}.amazonaws.com`
+        ),
+        viewerProtocolPolicy: cloudfront.ViewerProtocolPolicy.REDIRECT_TO_HTTPS,
+        cachePolicy: cloudfront.CachePolicy.CACHING_DISABLED,
+        originRequestPolicy: cloudfront.OriginRequestPolicy.ALL_VIEWER_EXCEPT_HOST_HEADER,
+      },
+      additionalBehaviors: {
+        "/_next/static/*": {
+          origin: origins.S3BucketOrigin.withOriginAccessControl(staticBucket),
+          viewerProtocolPolicy: cloudfront.ViewerProtocolPolicy.REDIRECT_TO_HTTPS,
+          cachePolicy: cloudfront.CachePolicy.CACHING_OPTIMIZED,
+        },
+      },
+    });
+
+    // ==========================================
+    // Outputs
+    // ==========================================
+    new cdk.CfnOutput(this, "SiteUrl", {
+      value: `https://${distribution.distributionDomainName}`,
+      description: "Your AI company URL",
+    });
+
+    new cdk.CfnOutput(this, "ApiUrl", {
+      value: httpApi.url || "",
+      description: "API Gateway URL",
+    });
+
+    new cdk.CfnOutput(this, "DatabaseEndpoint", {
+      value: database.dbInstanceEndpointAddress,
+      description: "RDS endpoint",
+    });
+
+    new cdk.CfnOutput(this, "SecretsArn", {
+      value: secrets.secretArn,
+      description: "Secrets Manager ARN — update with your API keys",
+    });
+
+    new cdk.CfnOutput(this, "EstimatedMonthlyCost", {
+      value: "$5-15 (Lambda free tier + RDS free tier + CloudFront free tier)",
+      description: "Estimated monthly cost",
+    });
+  }
+}

package/template/infra/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "tellet-infra",
+  "version": "1.0.0",
+  "private": true,
+  "scripts": {
+    "build": "tsc",
+    "synth": "cdk synth",
+    "deploy": "cdk deploy --all --require-approval never",
+    "destroy": "cdk destroy --all"
+  },
+  "dependencies": {
+    "aws-cdk-lib": "^2.180.0",
+    "constructs": "^10.4.0"
+  },
+  "devDependencies": {
+    "aws-cdk": "^2.180.0",
+    "typescript": "^5.0.0",
+    "@types/node": "^22.0.0"
+  }
+}

package/template/infra/tsconfig.json

@@ -0,0 +1,16 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "commonjs",
+    "lib": ["es2022"],
+    "declaration": true,
+    "strict": true,
+    "noImplicitAny": true,
+    "strictNullChecks": true,
+    "noImplicitThis": true,
+    "outDir": "dist",
+    "rootDir": ".",
+    "skipLibCheck": true
+  },
+  "include": ["bin/**/*.ts", "lib/**/*.ts"]
+}

package/template/lib/db.ts

@@ -0,0 +1,37 @@
+/**
+ * Database abstraction layer.
+ * - Quick Start mode: uses Supabase client
+ * - Cloud/Enterprise mode: uses DATABASE_URL with direct pg
+ *
+ * All server-side code should import from here instead of lib/supabase directly.
+ */
+
+import { createServerSupabase } from "./supabase";
+
+export type QueryResult<T = Record<string, unknown>> = {
+  data: T[] | null;
+  error: { message: string } | null;
+  count?: number;
+};
+
+function getMode(): "supabase" | "direct" {
+  return process.env.DATABASE_URL ? "direct" : "supabase";
+}
+
+/**
+ * Get a Supabase-compatible client.
+ * In Cloud mode with DATABASE_URL, we still use Supabase client
+ * pointed at the local/remote PostgreSQL via PostgREST or direct connection.
+ *
+ * For now, both modes use Supabase client — the DATABASE_URL mode
+ * will be implemented when we add direct pg support.
+ * This abstraction exists so we can swap without changing call sites.
+ */
+export async function getDB() {
+  // Both modes currently use Supabase client.
+  // Cloud mode: user sets NEXT_PUBLIC_SUPABASE_URL to their PostgREST endpoint
+  // or we add direct pg support later.
+  return createServerSupabase();
+}
+
+export { getMode };