scale-stack 0.0.1-alpha.1 → 0.0.1

package/templates/orm/prisma.config.ts.ejs

@@ -0,0 +1,12 @@
+import "dotenv/config";
+import { defineConfig, env } from "prisma/config";
+
+export default defineConfig({
+  schema: "prisma/schema.prisma",
+  migrations: {
+    path: "prisma/migrations",
+  },
+  datasource: {
+    url: env("DATABASE_URL"),
+  },
+});

package/templates/orm/prisma.ts.ejs

@@ -0,0 +1,17 @@
+import { env } from "@/env";
+import { PrismaPg } from "@prisma/adapter-pg";
+import { PrismaClient } from "../../prisma/generated/client";
+
+const globalForPrisma = globalThis as unknown as {
+  prisma?: PrismaClient;
+};
+
+export const prisma =
+  globalForPrisma.prisma ??
+  new PrismaClient({
+    adapter: new PrismaPg({ connectionString: env.DATABASE_URL }),
+  });
+
+if (process.env.NODE_ENV !== "production") {
+  globalForPrisma.prisma = prisma;
+}

package/templates/orm/schema.prisma.ejs

@@ -0,0 +1,8 @@
+generator client {
+  provider = "prisma-client"
+  output   = "./generated"
+}
+
+datasource db {
+  provider = "postgresql"
+}

package/templates/pre-commit/prek.toml.ejs

@@ -0,0 +1,35 @@
+# --- Built-in fast hooks (offline, zero setup) ---
+[[repos]]
+repo = "builtin"
+hooks = [
+  { id = "trailing-whitespace" },
+  { id = "end-of-file-fixer" },
+  { id = "check-yaml" },
+  { id = "check-json" },
+]
+
+# --- Local project hooks (use package.json scripts) ---
+[[repos]]
+repo = "local"
+
+[[repos.hooks]]
+id = "eslint"
+name = "eslint"
+language = "system"
+entry = "pnpm lint"
+files = { glob = "*.{ts,tsx,js,jsx,mjs}" }
+pass_filenames = false
+
+[[repos.hooks]]
+id = "prettier"
+name = "prettier"
+language = "system"
+entry = "pnpm format"
+files = { glob = "*.{ts,tsx,js,jsx,json,css,md}" }
+
+[[repos.hooks]]
+id = "typecheck"
+name = "typecheck"
+language = "system"
+entry = "pnpm typecheck"
+pass_filenames = false

package/templates/proxy/proxy.ts.ejs

@@ -0,0 +1,81 @@
+import type { NextRequest } from "next/server";
+<% if (hasAuth || !hasI18n) { %>
+import { NextResponse } from "next/server";
+<% } %>
+<% if (hasI18n) { %>import createMiddleware from "next-intl/middleware";
+<% } %><% if (hasAuth) { %>import { getSessionCookie } from "better-auth/cookies";
+<% } %><% if (hasI18n) { %>import { routing } from "./i18n/routing";
+<% if (hasAuth) { %>import { getPathname } from "./i18n/navigation";
+<% } %><% } %>
+<% if (hasI18n) { %>const intlProxy = createMiddleware(routing);
+
+<% } %><% if (hasAuth) { %>const PROTECTED_ROUTE_PREFIXES = ["/dashboard"] as const;
+
+function normalizePathname(pathname: string): string {
+<% if (hasI18n) { %>  const [, maybeLocale, ...rest] = pathname.split("/");
+  const normalizedPathname = routing.locales.some(
+    (locale) => locale === maybeLocale,
+  )
+    ? `/${rest.join("/")}`
+    : pathname;
+
+<% } else { %>  const normalizedPathname = pathname;
+<% } %>  return normalizedPathname === "/"
+    ? "/"
+    : normalizedPathname.replace(/\/$/, "");
+}
+
+function isProtectedRoute(pathname: string): boolean {
+  const normalizedPathname = normalizePathname(pathname);
+
+  return PROTECTED_ROUTE_PREFIXES.some(
+    (prefix) =>
+      normalizedPathname === prefix ||
+      normalizedPathname.startsWith(`${prefix}/`),
+  );
+}
+
+function buildSignInUrl(request: NextRequest): URL {
+  const url = request.nextUrl.clone();
+<% if (hasI18n) { %>  const [, maybeLocale] = request.nextUrl.pathname.split("/");
+  const locale =
+    routing.locales.find((item) => item === maybeLocale) ??
+    routing.defaultLocale;
+
+  url.pathname = getPathname({ locale, href: "/sign-in" });
+<% } else { %>  url.pathname = "/sign-in";
+<% } %>  url.searchParams.set(
+    "callbackUrl",
+    `${request.nextUrl.pathname}${request.nextUrl.search}`,
+  );
+  return url;
+}
+
+function authProxy(request: NextRequest): NextResponse | null {
+  if (!isProtectedRoute(request.nextUrl.pathname)) {
+    return null;
+  }
+
+  // This proxy check is only for fast redirects; validate the session again
+  // before reading protected data in pages, route handlers, and actions.
+  if (getSessionCookie(request)) {
+    return null;
+  }
+
+  return NextResponse.redirect(buildSignInUrl(request));
+}
+
+<% } %>export default function proxy(<% if (hasAuth || hasI18n) { %>request<% } else { %>_request<% } %>: NextRequest) {
+<% if (hasAuth) { %>  const authResponse = authProxy(request);
+
+  if (authResponse) {
+    return authResponse;
+  }
+
+<% } %><% if (hasI18n) { %>  return intlProxy(request);
+<% } else { %>  return NextResponse.next();
+<% } %>}
+
+export const config = {
+  matcher: "/((?!api|trpc|_next|_vercel|.*\\..*).*)",
+};

package/templates/server-actions/safe-action.ts.ejs

@@ -0,0 +1,51 @@
+import { createSafeActionClient } from "next-safe-action";
+<% if (hasAuth) { %>import { betterAuth } from "@next-safe-action/adapter-better-auth";
+import { auth } from "@/lib/auth";
+<% } %>import { z } from "zod";
+
+const actionMetadataSchema = z.object({
+  actionName: z.string().min(1),
+});
+
+type ActionMetadata = z.infer<typeof actionMetadataSchema>;
+type ActionOutcome = "success" | "error";
+
+function logAction(
+  metadata: ActionMetadata | undefined,
+  durationMs: number,
+  outcome: ActionOutcome,
+): void {
+  console.info("[safe-action]", {
+    actionName: metadata?.actionName ?? "unknown",
+    durationMs,
+    outcome,
+  });
+}
+export const actionClient = createSafeActionClient({
+  defaultValidationErrorsShape: "flattened",
+  defineMetadataSchema() {
+    return actionMetadataSchema;
+  },
+  handleServerError(error, { metadata }) {
+    console.error("[safe-action] server error", {
+      actionName: metadata?.actionName ?? "unknown",
+      error,
+    });
+
+    return "Something went wrong. Please try again.";
+  },
+}).use(async ({ next, metadata }) => {
+  const startedAt = performance.now();
+
+  try {
+    const result = await next();
+    logAction(metadata, Math.round(performance.now() - startedAt), "success");
+    return result;
+  } catch (error) {
+    logAction(metadata, Math.round(performance.now() - startedAt), "error");
+    throw error;
+  }
+});
+<% if (hasAuth) { %>
+export const authActionClient = actionClient.use(betterAuth(auth));
+<% } %>

package/templates/ui/client-side-wrappers.tsx.ejs

@@ -0,0 +1,19 @@
+"use client";
+
+import type { ReactNode } from "react";
+import { NuqsAdapter } from "nuqs/adapters/next/app";
+import { Toaster } from "@/components/ui/sonner";
+import { TooltipProvider } from "@/components/ui/tooltip";
+<% if (hasAnalyticsProvider) { %>import { AnalyticsProvider } from "./analytics-provider";
+<% } %>
+
+export function ClientSideWrappers({ children }: { children: ReactNode }) {
+  return (
+    <NuqsAdapter>
+      <TooltipProvider>
+        <% if (hasAnalyticsProvider) { %><AnalyticsProvider>{children}</AnalyticsProvider><% } else { %>{children}<% } %>
+        <Toaster />
+      </TooltipProvider>
+    </NuqsAdapter>
+  );
+}

package/templates/ui/page.tsx.ejs

@@ -0,0 +1,111 @@
+<% if (i18n) { %>import { getTranslations } from "next-intl/server";
+import { Link } from "@/i18n/navigation";
+<% } else { %>import Link from "next/link";
+<% } %>import { Button } from "@/components/ui/button";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
+
+export default <% if (i18n) { %>async <% } %>function Home() {
+<% if (i18n) { %>  const t = await getTranslations("Home");
+
+<% } %>
+  return (
+    <main className="relative flex flex-1 flex-col overflow-hidden px-6 py-16">
+      <div className="absolute inset-0 -z-10 bg-[radial-gradient(circle_at_top_left,var(--muted),transparent_34rem),radial-gradient(circle_at_bottom_right,var(--accent),transparent_28rem)]" />
+      <section className="mx-auto flex w-full max-w-6xl flex-col gap-10">
+        <div className="max-w-3xl space-y-6">
+          <p className="text-sm font-medium tracking-[0.2em] text-muted-foreground uppercase">
+            <% if (i18n) { %>{t("eyebrow")}<% } else { %>Scale Stack<% } %>
+          </p>
+          <div className="space-y-4">
+            <h1 className="max-w-3xl text-4xl font-semibold tracking-tight text-balance sm:text-6xl">
+              <%= projectName %>
+            </h1>
+            <p className="max-w-2xl text-lg text-muted-foreground text-balance">
+              <% if (i18n) { %>{t("description")}<% } else { %>Your app is wired with shadcn/ui, Tailwind CSS 4, typed server
+              actions, form handling, and the Scale Stack guardrails agents
+              need to keep moving safely.<% } %>
+            </p>
+          </div>
+        </div>
+
+        <div className="space-y-3">
+          <div>
+            <h2 className="text-2xl font-semibold tracking-tight">
+              <% if (i18n) { %>{t("explorePages")}<% } else { %>Explore generated pages<% } %>
+            </h2>
+            <p className="text-muted-foreground">
+              <% if (i18n) { %>{t("explorePagesDescription")}<% } else { %>Each card links to a real route in this scaffold.<% } %>
+            </p>
+          </div>
+          <div className="grid gap-4 md:grid-cols-2<% if (hasAuth && hasAiChat) { %> xl:grid-cols-4<% } else { %> xl:grid-cols-3<% } %>">
+          <Card className="transition-colors hover:border-primary/50">
+            <CardHeader>
+              <CardTitle><% if (i18n) { %>{t("dashboard")}<% } else { %>Dashboard<% } %></CardTitle>
+              <CardDescription>
+                <% if (i18n) { %>{t("dashboardCardDescription")}<% } else { %>Try the generated React Hook Form example backed by Zod,
+                shadcn/ui fields, and next-safe-action.<% } %>
+              </CardDescription>
+            </CardHeader>
+            <CardContent>
+              <Button asChild variant="secondary">
+                <Link href="/dashboard"><% if (i18n) { %>{t("exploreForms")}<% } else { %>Explore forms<% } %></Link>
+              </Button>
+            </CardContent>
+          </Card>
+<% if (hasAiChat) { %>
+          <Card className="transition-colors hover:border-primary/50">
+            <CardHeader>
+              <CardTitle><% if (i18n) { %>{t("aiChat")}<% } else { %>AI chat<% } %></CardTitle>
+              <CardDescription>
+                <% if (i18n) { %>{t("aiChatCardDescription")}<% } else { %>Open the provider-free AI Elements mock and see the AI SDK
+                transport contract ready for your backend.<% } %>
+              </CardDescription>
+            </CardHeader>
+            <CardContent>
+              <Button asChild variant="secondary">
+                <Link href="/chat"><% if (i18n) { %>{t("openChat")}<% } else { %>Open chat<% } %></Link>
+              </Button>
+            </CardContent>
+          </Card>
+<% } %><% if (hasAuth) { %>
+          <Card className="transition-colors hover:border-primary/50">
+            <CardHeader>
+              <CardTitle><% if (i18n) { %>{t("signIn")}<% } else { %>Sign in<% } %></CardTitle>
+              <CardDescription>
+                <% if (i18n) { %>{t("<% if (isStatefulAuth) { %>signInStatefulCardDescription<% } else { %>signInCardDescription<% } %>")}<% } else { %>Exercise Better Auth with Microsoft Entra OAuth<% if (isStatefulAuth) { %>
+                and Prisma-backed email/password sessions<% } %>.<% } %>
+              </CardDescription>
+            </CardHeader>
+            <CardContent>
+              <Button asChild variant="secondary">
+                <Link href="/sign-in"><% if (i18n) { %>{t("signIn")}<% } else { %>Sign in<% } %></Link>
+              </Button>
+            </CardContent>
+          </Card>
+          <Card className="transition-colors hover:border-primary/50">
+            <CardHeader>
+              <CardTitle><% if (i18n) { %>{t("signUp")}<% } else { %>Sign up<% } %></CardTitle>
+              <CardDescription>
+                <% if (i18n) { %>{t("signUpCardDescription")}<% } else { %>Create an account through the same Better Auth setup and keep
+                the onboarding route ready for customization.<% } %>
+              </CardDescription>
+            </CardHeader>
+            <CardContent>
+              <Button asChild variant="secondary">
+                <Link href="/sign-up"><% if (i18n) { %>{t("signUp")}<% } else { %>Sign up<% } %></Link>
+              </Button>
+            </CardContent>
+          </Card>
+<% } %>
+          </div>
+        </div>
+      </section>
+    </main>
+  );
+}