create-prisma 0.7.1-pr.52.181.1 → 0.7.2

package/templates/create/nuxt/server/utils/prisma.ts.hbs

@@ -1,8 +1,7 @@
+{{#if (requiresDotenvConfigImport packageManager)}}
 import "dotenv/config";
-
-import service from "../../service";
-
-import { PrismaClient } from "../generated/prisma/client";
+{{/if}}
+import { PrismaClient } from "../generated/prisma/client{{#if (eq packageManager "deno")}}.ts{{/if}}";
 {{#if (eq provider "postgresql")}}
 import { PrismaPg } from "@prisma/adapter-pg";
 {{/if}}
@@ -19,20 +18,7 @@ import { {{sqliteAdapterClass packageManager}} } from "{{sqliteAdapterPackage pa
 import { PrismaMssql } from "@prisma/adapter-mssql";
 {{/if}}
 
-function getComposerDatabaseUrl(): string | undefined {
-  try {
-    {{#if composerPostgres}}
-    return service.load().database.url;
-    {{else}}
-    return service.input().databaseUrl.expose();
-    {{/if}}
-  } catch {
-    return undefined;
-  }
-}
-
-const rawDatabaseUrl = getComposerDatabaseUrl() ?? process.env.DATABASE_URL;
-
+const rawDatabaseUrl = process.env.DATABASE_URL;
 {{#if (eq provider "sqlite")}}
 const databaseUrl = (rawDatabaseUrl ?? "").trim() || "file:./dev.db";
 {{else}}

package/templates/create/svelte/README.md.hbs

@@ -8,7 +8,9 @@ Generated by `create-prisma` with the SvelteKit template.
 - `{{runScriptCommand packageManager "build"}}` - build for production
 - `{{runScriptCommand packageManager "preview"}}` - preview the production build
 - `{{runScriptCommand packageManager "check"}}` - run SvelteKit sync and type checks
-- `{{runScriptCommand packageManager "deploy"}}` - build and deploy with Prisma Composer
+{{#if compute}}
+- `{{runScriptCommand packageManager "compute:deploy"}}` - redeploy to Prisma Compute with environment variables from `.env`
+{{/if}}
 
 ## Prisma
 
@@ -26,11 +28,18 @@ Database helper scripts are added to `package.json`:
 - `db:push`
 - `db:migrate`
 - `db:seed`
+{{#if (eq schemaPreset "basic")}}
 
 The starter page loads users in `+page.server.ts`, renders them in `+page.svelte`, and `prisma/seed.ts` inserts starter users.
+{{else}}
 
-## Prisma Composer
+The starter page keeps the official SvelteKit minimal structure and points you to `prisma/schema.prisma` for your first model.
+{{/if}}
+{{#if compute}}
 
-The application topology is declared in `module.ts` and `service.ts`, with deploy configuration in `prisma-composer.config.ts`. SvelteKit builds a self-contained Node server through `@sveltejs/adapter-node` and Vite's SSR dependency bundling, and Composer deploys the resulting `build/index.js` artifact. {{#if composerPostgres}}Composer provisions Prisma Postgres and injects its connection into the service.{{else}}The database URL is bound as a secret service input from `.env`.{{/if}}
+## Prisma Compute
 
-If needed, sign in with `{{prismaAuthLoginCommand packageManager}}`. Run `{{runScriptCommand packageManager "deploy"}}` to deploy later changes.
+This project includes a Prisma Compute deploy script. Deploys load environment variables from `.env`; if setup created a Prisma Postgres database, its `DATABASE_URL` is already written there.
+
+After local changes, run `{{runScriptCommand packageManager "compute:deploy"}}` to redeploy.
+{{/if}}

package/templates/create/svelte/deno.json.hbs

@@ -0,0 +1,5 @@
+{{#if (eq packageManager "deno")}}
+{
+  "nodeModulesDir": "auto"
+}
+{{/if}}

package/templates/create/svelte/package.json.hbs

@@ -9,7 +9,6 @@
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build",
-		"start": "node build/index.js",
 		"preview": "vite preview",
 		"prepare": "svelte-kit sync || echo ''",
 		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
@@ -17,7 +16,7 @@
 		"db:generate": "svelte-kit sync && {{prismaCommand packageManager "generate"}}"
 	},
 	"devDependencies": {
-		"@sveltejs/adapter-node": "^5.5.7",
+		"@sveltejs/adapter-auto": "^7.0.1",
 		"@sveltejs/kit": "^2.67.0",
 		"@sveltejs/vite-plugin-svelte": "^7.1.2",
 		"@types/node": "^26.0.0",

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

@@ -1,11 +1,15 @@
 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())
@@ -14,3 +18,4 @@ model User {
   createdAt DateTime @default(now())
   updatedAt DateTime @updatedAt
 }
+{{/if}}

package/templates/create/svelte/prisma/seed.ts.hbs

@@ -1,6 +1,7 @@
-import prisma from "../src/lib/server/prisma";
+import prisma from "../src/lib/server/prisma{{#if (eq packageManager "deno")}}.ts{{/if}}";
 
 async function main() {
+{{#if (eq schemaPreset "basic")}}
   const users = await Promise.all([
     prisma.user.upsert({
       where: { email: "alice@prisma.io" },
@@ -21,6 +22,9 @@ async function main() {
   ]);
 
   console.log(`Seeded ${users.length} users.`);
+{{else}}
+  console.log("No seed data defined for the empty schema preset.");
+{{/if}}
 }
 
 main()

package/templates/create/svelte/src/lib/server/prisma.ts.hbs

@@ -1,7 +1,4 @@
-import "dotenv/config";
-import service from "../../../service";
-
-import { PrismaClient } from "../../generated/prisma/client";
+import { PrismaClient } from "../../generated/prisma/client{{#if (eq packageManager "deno")}}.ts{{/if}}";
 {{#if (eq provider "postgresql")}}
 import { PrismaPg } from "@prisma/adapter-pg";
 {{/if}}
@@ -18,20 +15,7 @@ import { {{sqliteAdapterClass packageManager}} } from "{{sqliteAdapterPackage pa
 import { PrismaMssql } from "@prisma/adapter-mssql";
 {{/if}}
 
-function getComposerDatabaseUrl(): string | undefined {
-  try {
-    {{#if composerPostgres}}
-    return service.load().database.url;
-    {{else}}
-    return service.input().databaseUrl.expose();
-    {{/if}}
-  } catch {
-    return undefined;
-  }
-}
-
-const rawDatabaseUrl = getComposerDatabaseUrl() ?? process.env.DATABASE_URL;
-
+const rawDatabaseUrl = process.env.DATABASE_URL;
 {{#if (eq provider "sqlite")}}
 const databaseUrl = (rawDatabaseUrl ?? "").trim() || "file:./dev.db";
 {{else}}

package/templates/create/svelte/src/routes/+layout.svelte

@@ -1,6 +1,5 @@
 <script lang="ts">
 	import favicon from '$lib/assets/favicon.svg';
-	import '../app.css';
 
 	let { children } = $props();
 </script>

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

@@ -1,5 +1,5 @@
 import type { PageServerLoad } from "./$types";
-
+{{#if (eq schemaPreset "basic")}}
 import prisma from "$lib/server/prisma";
 
 export const load: PageServerLoad = async () => {
@@ -20,3 +20,9 @@ export const load: PageServerLoad = async () => {
 
   return { users };
 };
+{{else}}
+
+export const load: PageServerLoad = async () => {
+  return {};
+};
+{{/if}}

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

@@ -1,3 +1,4 @@
+{{#if (eq schemaPreset "basic")}}
 <script lang="ts">
 	import type { PageProps } from './$types';
 
@@ -5,55 +6,46 @@
 </script>
 
 <svelte:head>
-	<title>{{projectName}} · Prisma</title>
-	<meta name="description" content="A minimal Prisma starter generated by create-prisma." />
+	<title>create-prisma + sveltekit</title>
 </svelte:head>
 
 <script lang="ts" module>
 	const formatter = new Intl.DateTimeFormat('en', {
-		dateStyle: 'medium'
+		dateStyle: 'medium',
+		timeStyle: 'short'
 	});
 </script>
 
-<main class="shell">
-	<header class="intro">
-		<div class="product">
-			<span class="product-mark" aria-hidden="true">P</span>
-			<span class="product-name">{{projectName}}</span>
-			<span class="framework">SvelteKit</span>
-		</div>
-		<h1>Start building with Prisma.</h1>
+<section class="shell">
+	<div class="hero">
+		<p class="eyebrow">SvelteKit + Prisma 7</p>
+		<h1>Users from your database, loaded on the server.</h1>
 		<p class="lede">
-			Your app is connected and ready to query. The latest users from your database are shown
-			below.
+			This page reads from <code>+page.server.ts</code> using the Prisma instance in
+			<code>src/lib/server/prisma.ts</code>.
 		</p>
-	</header>
+	</div>
 
-	<section class="user-panel" aria-labelledby="users-heading">
+	<div class="panel">
 		<div class="panel-header">
-			<div class="panel-title">
-				<h2 id="users-heading">Users</h2>
-				<p>Latest records</p>
-			</div>
-			<span class="count">{data.users?.length ?? 0}</span>
+			<h2>Seeded users</h2>
+			<span>{data.users?.length ?? 0} total</span>
 		</div>
 
 		{#if !data.users}
-			<p class="empty-state">
-				The database is not ready yet. Check the setup steps in <code>README.md</code>.
+			<p class="empty">
+				Could not query users yet. Run <code>db:migrate</code>, then <code>db:seed</code>, then
+				refresh.
 			</p>
 		{:else if data.users.length === 0}
-			<p class="empty-state">No users yet. Run <code>db:seed</code>, then refresh.</p>
+			<p class="empty">No users yet. Run <code>db:seed</code> after your first migration.</p>
 		{:else}
-			<ul class="user-list">
-				{#each data.users as user (user.id)}
-					<li class="user-row">
-						<span class="avatar" aria-hidden="true">
-							{(user.name ?? user.email).charAt(0).toUpperCase()}
-						</span>
-						<div class="user-copy">
-							<p class="user-name">{user.name ?? 'Unnamed user'}</p>
-							<p class="user-email">{user.email}</p>
+			<ul class="users">
+				{#each data.users as user}
+					<li>
+						<div>
+							<strong>{user.name ?? 'Unnamed user'}</strong>
+							<p>{user.email}</p>
 						</div>
 						<time datetime={new Date(user.createdAt).toISOString()}>
 							{formatter.format(new Date(user.createdAt))}
@@ -62,12 +54,276 @@
 				{/each}
 			</ul>
 		{/if}
-	</section>
-
-	<footer class="footer">
-		<p>Start with <code>prisma/schema.prisma</code></p>
-		<a class="docs-link" href="https://pris.ly/d/prisma-schema" target="_blank" rel="noreferrer">
-			Prisma docs <span aria-hidden="true">↗</span>
-		</a>
-	</footer>
-</main>
+	</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,
+	.empty,
+	time {
+		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;
+	}
+
+	time {
+		font-size: 0.75rem;
+		white-space: nowrap;
+	}
+
+	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>
+{{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/svelte.config.js

@@ -0,0 +1,13 @@
+import adapter from "@sveltejs/adapter-auto";
+
+/** @type {import('@sveltejs/kit').Config} */
+const config = {
+  kit: {
+    // adapter-auto only supports some environments, see https://svelte.dev/docs/kit/adapter-auto for a list.
+    // If your environment is not supported, or you settled on a specific environment, switch out the adapter.
+    // See https://svelte.dev/docs/kit/adapters for more information about adapters.
+    adapter: adapter(),
+  },
+};
+
+export default config;

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

@@ -3,7 +3,4 @@ import { defineConfig } from "vite";
 
 export default defineConfig({
   plugins: [sveltekit()],
-  ssr: {
-    noExternal: true,
-  },
 });

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

@@ -8,7 +8,9 @@ Generated by `create-prisma` with the TanStack Start template.
 - `{{runScriptCommand packageManager "build"}}` - build for production
 - `{{runScriptCommand packageManager "preview"}}` - preview the production build
 - `{{runScriptCommand packageManager "typecheck"}}` - run TypeScript checks
-- `{{runScriptCommand packageManager "deploy"}}` - build and deploy with Prisma Composer
+{{#if compute}}
+- `{{runScriptCommand packageManager "compute:deploy"}}` - redeploy to Prisma Compute with environment variables from `.env`
+{{/if}}
 
 ## Prisma
 
@@ -18,9 +20,7 @@ Prisma setup is scaffolded automatically in:
 - `prisma/seed.ts`
 - `src/lib/prisma.server.ts`
 - `prisma.config.ts`
-- `module.ts`
-- `service.ts`
-- `prisma-composer.config.ts`
+- `prisma.compute.ts`
 - `src/generated/prisma`
 
 Database helper scripts are added to `package.json`:
@@ -29,11 +29,15 @@ Database helper scripts are added to `package.json`:
 - `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.
+{{/if}}
+{{#if compute}}
 
-## Prisma Composer
+## Prisma Compute
 
-The application topology is declared in `module.ts` and `service.ts`, with deploy configuration in `prisma-composer.config.ts`. {{#if composerPostgres}}Composer provisions Prisma Postgres and injects its connection into the service.{{else}}The database URL is bound as a secret service input from `.env`.{{/if}}
+This project includes a Prisma Compute deploy script and deploy defaults in `prisma.compute.ts`. Deploys load environment variables from `.env`; if setup created a Prisma Postgres database, its `DATABASE_URL` is already written there.
 
-If needed, sign in with `{{prismaAuthLoginCommand packageManager}}`. Run `{{runScriptCommand packageManager "deploy"}}` to deploy later changes.
+After local changes, run `{{runScriptCommand packageManager "compute:deploy"}}` to redeploy.
+{{/if}}

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

@@ -0,0 +1,13 @@
+{{#if (eq packageManager "deno")}}
+{
+  "nodeModulesDir": "auto",
+  "unstable": [
+    "bare-node-builtins",
+    "detect-cjs",
+    "node-globals",
+    "unsafe-proto",
+    "sloppy-imports"
+  ]
+}
+{{/if}}
+

package/templates/create/tanstack-start/prisma/schema.prisma.hbs

@@ -1,11 +1,15 @@
 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())
@@ -14,3 +18,4 @@ model User {
   createdAt DateTime @default(now())
   updatedAt DateTime @updatedAt
 }
+{{/if}}

package/templates/create/tanstack-start/prisma/seed.ts.hbs

@@ -1,6 +1,7 @@
-import prisma from "../src/lib/prisma.server";
+import prisma from "../src/lib/prisma.server{{#if (eq packageManager "deno")}}.ts{{/if}}";
 
 async function main() {
+{{#if (eq schemaPreset "basic")}}
   const users = await Promise.all([
     prisma.user.upsert({
       where: { email: "alice@prisma.io" },
@@ -21,6 +22,9 @@ async function main() {
   ]);
 
   console.log(`Seeded ${users.length} users.`);
+{{else}}
+  console.log("No seed data defined for the empty schema preset.");
+{{/if}}
 }
 
 main()