create-prisma 0.4.1 → 0.4.2-next.37.102.1

package/templates/create/svelte/src/routes/+page.svelte.hbs

@@ -1,4 +1,3 @@
-{{#if (eq schemaPreset "basic")}}
 <script lang="ts">
 	import type { PageProps } from './$types';
 
@@ -18,10 +17,10 @@
 
 <section class="shell">
 	<div class="hero">
-		<p class="eyebrow">SvelteKit + Prisma 7</p>
+		<p class="eyebrow">SvelteKit + Prisma Next</p>
 		<h1>Users from your database, loaded on the server.</h1>
 		<p class="lede">
-			This page reads from <code>+page.server.ts</code> using the Prisma instance in
+			This page reads from <code>+page.server.ts</code> using the Prisma Next helper in
 			<code>src/lib/server/prisma.ts</code>.
 		</p>
 	</div>
@@ -34,22 +33,26 @@
 
 		{#if !data.users}
 			<p class="empty">
-				Could not query users yet. Run <code>db:migrate</code>, then <code>db:seed</code>, then
+				Could not query users yet. Run <code>contract:emit</code> and apply your schema, then
 				refresh.
 			</p>
 		{:else if data.users.length === 0}
-			<p class="empty">No users yet. Run <code>db:seed</code> after your first migration.</p>
+			<p class="empty">No users yet. Run db:seed after applying your first migration.</p>
 		{:else}
 			<ul class="users">
 				{#each data.users as user}
 					<li>
 						<div>
 							<strong>{user.name ?? 'Unnamed user'}</strong>
-							<p>{user.email}</p>
+							<p>{user.username ? `@${user.username}` : user.email}</p>
 						</div>
-						<time datetime={new Date(user.createdAt).toISOString()}>
-							{formatter.format(new Date(user.createdAt))}
-						</time>
+						{#if user.createdAt}
+							<time datetime={new Date(user.createdAt).toISOString()}>
+								{formatter.format(new Date(user.createdAt))}
+							</time>
+						{:else}
+							<span class="muted">No timestamp</span>
+						{/if}
 					</li>
 				{/each}
 			</ul>
@@ -120,6 +123,7 @@
 
 	.panel-header span,
 	.empty,
+	.muted,
 	time {
 		color: #888;
 		font-size: 0.8rem;
@@ -173,157 +177,3 @@
 		}
 	}
 </style>
-{{else}}
-<svelte:head>
-	<title>create-prisma + sveltekit</title>
-</svelte:head>
-
-<section class="shell">
-	<div class="hero">
-		<p class="eyebrow">SvelteKit + Prisma 7</p>
-		<h1>Your SvelteKit app is ready.</h1>
-		<p class="lede">
-			Edit <code>prisma/schema.prisma</code>, run <code>db:migrate</code>, then load your data from
-			<code>+page.server.ts</code> with the Prisma instance in <code>src/lib/server/prisma.ts</code>.
-		</p>
-	</div>
-
-	<div class="panel">
-		<div class="panel-header">
-			<h2>What's included</h2>
-			<span>Starter kit</span>
-		</div>
-
-		<ul class="users">
-			<li>
-				<div>
-					<strong>Prisma client</strong>
-					<p>Use the server-only instance from <code>src/lib/server/prisma.ts</code>.</p>
-				</div>
-			</li>
-			<li>
-				<div>
-					<strong>Seed script</strong>
-					<p>Run <code>db:seed</code> after your first migration.</p>
-				</div>
-			</li>
-			<li>
-				<div>
-					<strong>Generated client output</strong>
-					<p>Prisma Client is generated into <code>src/generated/prisma</code>.</p>
-				</div>
-			</li>
-		</ul>
-	</div>
-</section>
-
-<style>
-	:global(body) {
-		margin: 0;
-		font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
-		background: #fff;
-		color: #111;
-	}
-
-	.shell {
-		max-width: 40rem;
-		margin: 0 auto;
-		padding: 3rem 1.5rem;
-	}
-
-	.hero {
-		margin-bottom: 1.5rem;
-	}
-
-	.eyebrow {
-		margin: 0 0 0.5rem;
-		color: #666;
-		font-size: 0.75rem;
-		font-weight: 600;
-		letter-spacing: 0.06em;
-		text-transform: uppercase;
-	}
-
-	h1 {
-		margin: 0;
-		font-size: 1.25rem;
-		font-weight: 600;
-		line-height: 1.4;
-	}
-
-	.lede {
-		margin: 0.5rem 0 0;
-		color: #666;
-		font-size: 0.875rem;
-		line-height: 1.6;
-	}
-
-	.panel {
-		border: 1px solid #e5e5e5;
-		border-radius: 0.5rem;
-		padding: 1rem;
-	}
-
-	.panel-header {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		gap: 1rem;
-		margin-bottom: 0.75rem;
-	}
-
-	h2 {
-		margin: 0;
-		font-size: 0.875rem;
-		font-weight: 600;
-	}
-
-	.panel-header span {
-		color: #888;
-		font-size: 0.8rem;
-	}
-
-	.panel p {
-		color: #666;
-		font-size: 0.8rem;
-	}
-
-	.users {
-		list-style: none;
-		margin: 0;
-		padding: 0;
-		display: grid;
-		gap: 0.5rem;
-	}
-
-	.users li {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		gap: 1rem;
-		padding: 0.625rem 0.75rem;
-		border: 1px solid #eee;
-		border-radius: 0.375rem;
-	}
-
-	.users p {
-		margin: 0.125rem 0 0;
-	}
-
-	code {
-		padding: 0.125rem 0.25rem;
-		border-radius: 0.25rem;
-		background: #f5f5f5;
-		font-family: SFMono-Regular, Consolas, monospace;
-		font-size: 0.875em;
-	}
-
-	@media (max-width: 640px) {
-		.users li,
-		.panel-header {
-			flex-direction: column;
-			align-items: flex-start;
-		}
-	}
-</style>
-{{/if}}

package/templates/create/svelte/vite.config.ts

@@ -1,6 +1,7 @@
+import { prismaVitePlugin } from "@prisma-next/vite-plugin-contract-emit";
 import { sveltekit } from "@sveltejs/kit/vite";
 import { defineConfig } from "vite";
 
 export default defineConfig({
-  plugins: [sveltekit()],
+  plugins: [prismaVitePlugin(), sveltekit()],
 });

package/templates/create/tanstack-start/README.md.hbs

@@ -9,23 +9,36 @@ Generated by `create-prisma` with the TanStack Start template.
 - `{{runScriptCommand packageManager "preview"}}` - preview the production build
 - `{{runScriptCommand packageManager "typecheck"}}` - run TypeScript checks
 
-## Prisma
+## Prisma Next
 
-Prisma setup is scaffolded automatically in:
+Prisma Next setup is scaffolded in:
 
-- `prisma/schema.prisma`
-- `prisma/seed.ts`
+- `prisma/contract{{#if (eq authoring "typescript")}}.ts{{else}}.prisma{{/if}}`
+- `prisma-next.config.ts`
 - `src/lib/prisma.server.ts`
-- `prisma.config.ts`
-- `src/generated/prisma`
 
 Database helper scripts are added to `package.json`:
 
-- `db:generate`
-- `db:push`
-- `db:migrate`
-- `db:seed`
-{{#if (eq schemaPreset "basic")}}
-
-The home route uses a TanStack Start server function to load users with the Prisma client from `src/lib/prisma.server.ts`, so you can verify a real database query without adding an API route first.
+- `{{runScriptCommand packageManager "contract:emit"}}` - emit contract artifacts after contract changes
+{{#if (eq provider "mongo")}}
+- `{{runScriptCommand packageManager "db:up"}}` - start the local MongoDB replica set with `mongodb-memory-server`. Data persists in `.mongo-data/` across restarts.
+- `{{runScriptCommand packageManager "db:down"}}` - stop the local MongoDB process (data preserved)
+- `{{runScriptCommand packageManager "db:reset"}}` - stop and wipe `.mongo-data/` for a clean slate
+- `{{runScriptCommand packageManager "migration:plan"}}` - create a MongoDB migration plan
+- `{{runScriptCommand packageManager "migrate"}}` - apply the planned MongoDB migration
+{{else}}
+- `{{runScriptCommand packageManager "db:init"}}` - initialize database state manually
+- `{{runScriptCommand packageManager "db:update"}}` - update database state manually
+- `{{runScriptCommand packageManager "migration:plan"}}` - create a migration plan
+- `{{runScriptCommand packageManager "migrate"}}` - apply a planned migration
 {{/if}}
+
+- `{{runScriptCommand packageManager "db:seed"}}` - insert sample users manually
+
+For provider-specific Prisma Next reference docs, see `prisma-next.md`. Prisma Next skills live in the upstream `skills/` directory: https://github.com/prisma/prisma-next/tree/main/skills.
+The TanStack Start Vite dev server also auto-emits Prisma Next contract artifacts when the contract changes.
+
+Node-based Prisma Next projects expect Node.js 24 LTS or newer.
+
+The home route uses a TanStack Start server function to load users through the Prisma Next helper in `src/lib/prisma.server.ts`.
+

package/templates/create/tanstack-start/deno.json.hbs

@@ -1,6 +1,6 @@
 {{#if (eq packageManager "deno")}}
 {
-  "nodeModulesDir": "auto",
+  "nodeModulesDir": "manual",
   "unstable": [
     "bare-node-builtins",
     "detect-cjs",
@@ -10,4 +10,3 @@
   ]
 }
 {{/if}}
-

package/templates/create/tanstack-start/package.json.hbs

@@ -26,8 +26,7 @@
     "@vitejs/plugin-react": "^5.1.4",
     "tsx": "^4.7.1",
     "typescript": "^5.9.3",
-    "vite": "^7.3.1",
+    "vite": "^7.3.3",
     "vite-tsconfig-paths": "^5.1.4"
   }
 }
-

package/templates/create/tanstack-start/src/lib/prisma.server.ts.hbs

@@ -1,53 +1,73 @@
 import "dotenv/config";
-import { PrismaClient } from "../generated/prisma/client";
-{{#if (eq provider "postgresql")}}
-import { PrismaPg } from "@prisma/adapter-pg";
-{{/if}}
-{{#if (eq provider "cockroachdb")}}
-import { PrismaPg } from "@prisma/adapter-pg";
-{{/if}}
-{{#if (eq provider "mysql")}}
-import { PrismaMariaDb } from "@prisma/adapter-mariadb";
-{{/if}}
-{{#if (eq provider "sqlite")}}
-import { PrismaBetterSqlite3 } from "@prisma/adapter-better-sqlite3";
-{{/if}}
-{{#if (eq provider "sqlserver")}}
-import { PrismaMssql } from "@prisma/adapter-mssql";
+{{#if (eq provider "mongo")}}
+import mongo from "@prisma-next/mongo/runtime";
+{{else}}
+import postgres from "@prisma-next/postgres/runtime";
 {{/if}}
 
-{{#if (eq provider "sqlite")}}
-const databaseUrl = process.env.DATABASE_URL ?? "file:./dev.db";
+{{#if (eq provider "mongo")}}
+import type { DefaultModelRow } from "@prisma-next/mongo-orm";
 {{else}}
-const databaseUrl = process.env.DATABASE_URL;
-if (!databaseUrl) {
-  throw new Error("DATABASE_URL is required");
-}
+import type { DefaultModelRow } from "@prisma-next/sql-orm-client";
 {{/if}}
 
-{{#if (eq provider "postgresql")}}
-const adapter = new PrismaPg({
-  connectionString: databaseUrl,
+import type { Contract } from "../../prisma/contract.d";
+import contractJson from "../../prisma/contract.json" with { type: "json" };
+
+{{#if (eq provider "mongo")}}
+export const db = mongo<Contract>({
+  contractJson,
+  url: process.env["DATABASE_URL"]!,
 });
-{{/if}}
-{{#if (eq provider "cockroachdb")}}
-const adapter = new PrismaPg({
-  connectionString: databaseUrl,
+{{else}}
+export const db = postgres<Contract>({
+  contractJson,
+  url: process.env["DATABASE_URL"]!,
 });
 {{/if}}
-{{#if (eq provider "mysql")}}
-const adapter = new PrismaMariaDb(databaseUrl);
-{{/if}}
-{{#if (eq provider "sqlite")}}
-const adapter = new PrismaBetterSqlite3({
-  url: databaseUrl,
-});
+
+type UserRow = DefaultModelRow<Contract, "User">;
+
+{{#if (eq provider "mongo")}}
+function toStarterUser(user: Pick<UserRow, "_id" | "email" | "username" | "name">) {
+  return {
+    id: String(user._id),
+    email: user.email,
+    username: user.username ?? null,
+    name: user.name ?? null,
+    createdAt: null as Date | null,
+  };
+}
+{{else}}
+function toStarterUser(user: Pick<UserRow, "id" | "email" | "username" | "name" | "createdAt">) {
+  return {
+    id: String(user.id),
+    email: user.email,
+    username: user.username ?? null,
+    name: user.name ?? null,
+    createdAt: user.createdAt,
+  };
+}
 {{/if}}
-{{#if (eq provider "sqlserver")}}
-const adapter = new PrismaMssql(databaseUrl);
+
+export async function listUsers(limit = 10) {
+
+{{#if (eq provider "mongo")}}
+  const users: ReturnType<typeof toStarterUser>[] = [];
+
+  for await (const user of db.orm.users.select("_id", "email", "username", "name").take(limit).all()) {
+    users.push(toStarterUser(user));
+  }
+
+  return users;
+{{else}}
+  const users = await db.orm.User.select("id", "email", "username", "name", "createdAt").take(limit).all();
+
+  return users.map(toStarterUser);
 {{/if}}
 
-const prisma = new PrismaClient({ adapter });
+}
+
+export type StarterUser = Awaited<ReturnType<typeof listUsers>>[number];
 
-export { prisma };
-export default prisma;
+export default db;

package/templates/create/tanstack-start/src/routes/__root.tsx.hbs

@@ -18,7 +18,7 @@ export const Route = createRootRoute({
       },
       {
         name: "description",
-        content: "TanStack Start + Prisma starter generated by create-prisma.",
+        content: "TanStack Start + Prisma Next starter generated by create-prisma.",
       },
     ],
     links: [
@@ -42,7 +42,7 @@ function RootDocument({ children }: { children: ReactNode }) {
           <header className="topbar">
             <div>
               <p className="eyebrow">create-prisma</p>
-              <h1>TanStack Start + Prisma</h1>
+              <h1>TanStack Start + Prisma Next</h1>
             </div>
 
             <nav className="nav">
@@ -68,4 +68,3 @@ function RootDocument({ children }: { children: ReactNode }) {
     </html>
   );
 }
-

package/templates/create/tanstack-start/src/routes/index.tsx.hbs

@@ -1,62 +1,43 @@
 import { createFileRoute } from "@tanstack/react-router";
 import { createServerFn } from "@tanstack/react-start";
-{{#if (eq schemaPreset "basic")}}
-import { prisma } from "../lib/prisma.server";
-{{/if}}
 
-{{#if (eq schemaPreset "basic")}}
-function isBootstrapQueryError(error: unknown): error is { code?: string } {
-  return (
-    typeof error === "object" &&
-    error !== null &&
-    "code" in error &&
-    (error as { code?: string }).code === "P2021"
-  );
-}
+import { listUsers as listStarterUsers } from "../lib/prisma.server";
 
 const listUsers = createServerFn({ method: "GET" }).handler(async () => {
-  try {
-    return await prisma.user.findMany({
-      take: 10,
-      orderBy: {
-        createdAt: "desc",
-      },
-    });
-  } catch (error) {
-    if (isBootstrapQueryError(error)) {
-      return undefined;
-    }
-
-    throw error;
-  }
+  return listStarterUsers(10)
+    .then((rows) =>
+      rows.map((user) => ({
+        ...user,
+        createdAt: user.createdAt?.toISOString() ?? null,
+      }))
+    )
+    .catch(() => undefined);
 });
-{{/if}}
 
 export const Route = createFileRoute("/")({
-{{#if (eq schemaPreset "basic")}}
+
   loader: async () => listUsers(),
-{{/if}}
+
   component: Home,
 });
 
 function Home() {
-{{#if (eq schemaPreset "basic")}}
+
   const formatter = new Intl.DateTimeFormat("en", {
     dateStyle: "medium",
     timeStyle: "short",
     timeZone: "UTC",
   });
   const users = Route.useLoaderData();
-{{/if}}
 
   return (
     <main className="shell">
       <div className="hero">
-        <p className="eyebrow">TanStack Start + Prisma 7</p>
-{{#if (eq schemaPreset "basic")}}
+        <p className="eyebrow">TanStack Start + Prisma Next</p>
+
         <h1>Users from your database, loaded through a server function.</h1>
         <p className="lede">
-          This route uses TanStack Start&apos;s server function API and the Prisma client in{" "}
+          This route uses TanStack Start&apos;s server function API and the Prisma Next helper in{" "}
           <code>src/lib/prisma.server.ts</code>.
         </p>
       </div>
@@ -69,63 +50,31 @@ function Home() {
 
         {!users ? (
           <p className="empty">
-            Could not query users yet. Run <code>db:migrate</code>, then <code>db:seed</code>,
+            Could not query users yet. Run <code>contract:emit</code> and apply your schema,
             then refresh.
           </p>
         ) : users.length === 0 ? (
-          <p className="empty">No users yet. Run <code>db:seed</code> after your first migration.</p>
+          <p className="empty">No users yet. Run db:seed after applying your first migration.</p>
         ) : (
           <ul className="users">
             {users.map((user) => (
               <li key={user.id}>
                 <div>
                   <strong>{user.name ?? "Unnamed user"}</strong>
-                  <p>{user.email}</p>
+                  <p>{user.username ? `@${user.username}` : user.email}</p>
                 </div>
-                <time dateTime={user.createdAt.toISOString()}>
-                  {formatter.format(user.createdAt)}
-                </time>
+                {user.createdAt ? (
+                  <time dateTime={user.createdAt}>
+                    {formatter.format(new Date(user.createdAt))}
+                  </time>
+                ) : (
+                  <span className="empty">No timestamp</span>
+                )}
               </li>
             ))}
           </ul>
         )}
       </section>
-{{else}}
-        <h1>Your TanStack Start app is ready.</h1>
-        <p className="lede">
-          Edit <code>prisma/schema.prisma</code>, run <code>db:migrate</code>, then query your
-          database from server functions or route loaders.
-        </p>
-      </div>
-
-      <section className="panel">
-        <div className="panelHeader">
-          <h2>What&apos;s included</h2>
-          <span>Starter kit</span>
-        </div>
-
-        <ul className="users">
-          <li>
-            <div>
-              <strong>File-based routing</strong>
-              <p>Add new routes in <code>src/routes</code>.</p>
-            </div>
-          </li>
-          <li>
-            <div>
-              <strong>Prisma client</strong>
-              <p>Use the shared instance from <code>src/lib/prisma.server.ts</code>.</p>
-            </div>
-          </li>
-          <li>
-            <div>
-              <strong>Seed script</strong>
-              <p>Run <code>db:seed</code> after your first migration.</p>
-            </div>
-          </li>
-        </ul>
-      </section>
-{{/if}}
 
       <section className="panel">
         <div className="panelHeader">
@@ -133,7 +82,7 @@ function Home() {
         </div>
 
         <ul className="steps">
-          <li>Run <code>db:generate</code> after schema changes.</li>
+          <li>Run <code>contract:emit</code> after contract changes.</li>
           <li>Use TanStack Start server functions for server-only logic.</li>
           <li>Preview production output with <code>preview</code>.</li>
         </ul>

package/templates/create/tanstack-start/tsconfig.json

@@ -4,6 +4,7 @@
     "jsx": "react-jsx",
     "module": "ESNext",
     "moduleResolution": "Bundler",
+    "resolveJsonModule": true,
     "allowImportingTsExtensions": true,
     "strict": true,
     "noEmit": true,

package/templates/create/tanstack-start/vite.config.ts

@@ -1,8 +1,14 @@
+import { prismaVitePlugin } from "@prisma-next/vite-plugin-contract-emit";
 import { defineConfig } from "vite";
 import viteReact from "@vitejs/plugin-react";
 import { tanstackStart } from "@tanstack/react-start/plugin/vite";
 import tsconfigPaths from "vite-tsconfig-paths";
 
 export default defineConfig({
-  plugins: [tsconfigPaths({ projects: ["./tsconfig.json"] }), tanstackStart(), viteReact()],
+  plugins: [
+    prismaVitePlugin(),
+    tsconfigPaths({ projects: ["./tsconfig.json"] }),
+    tanstackStart(),
+    viteReact(),
+  ],
 });

package/templates/create/astro/prisma/schema.prisma.hbs

@@ -1,21 +0,0 @@
-generator client {
-  provider = "prisma-client"
-  output   = "../src/generated/prisma"
-{{#if (eq packageManager "deno")}}
-  runtime  = "deno"
-{{/if}}
-}
-
-datasource db {
-  provider = "{{provider}}"
-}
-{{#if (eq schemaPreset "basic")}}
-
-model User {
-  id        String   @id @default(cuid())
-  email     String   @unique
-  name      String?
-  createdAt DateTime @default(now())
-  updatedAt DateTime @updatedAt
-}
-{{/if}}