create-prisma 0.1.4 → 0.2.0

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

@@ -0,0 +1,350 @@
+{{#if (eq schemaPreset "basic")}}
+<script lang="ts">
+	import type { PageProps } from './$types';
+
+	let { data }: PageProps = $props();
+</script>
+
+<svelte:head>
+	<title>create-prisma + sveltekit</title>
+</svelte:head>
+
+<script lang="ts" module>
+	const formatter = new Intl.DateTimeFormat('en', {
+		dateStyle: 'medium',
+		timeStyle: 'short'
+	});
+</script>
+
+<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">
+			This page reads from <code>+page.server.ts</code> using the Prisma instance in
+			<code>src/lib/server/prisma.ts</code>.
+		</p>
+	</div>
+
+	<div class="panel">
+		<div class="panel-header">
+			<h2>Seeded users</h2>
+			<span>{data.users?.length ?? 0} total</span>
+		</div>
+
+		{#if !data.users}
+			<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">No users yet. Run <code>db:seed</code> after 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>
+						</div>
+						<time datetime={new Date(user.createdAt).toISOString()}>
+							{formatter.format(new Date(user.createdAt))}
+						</time>
+					</li>
+				{/each}
+			</ul>
+		{/if}
+	</div>
+</section>
+
+<style>
+	:global(body) {
+		margin: 0;
+		font-family:
+			'Instrument Sans',
+			'Segoe UI',
+			sans-serif;
+		background: #f7f8fb;
+		color: #0f172a;
+	}
+
+	.shell {
+		max-width: 64rem;
+		margin: 0 auto;
+		padding: 4rem 1.5rem 5rem;
+	}
+
+	.hero {
+		margin-bottom: 2rem;
+	}
+
+	.eyebrow {
+		margin: 0 0 0.75rem;
+		color: #10b981;
+		font-size: 0.875rem;
+		font-weight: 700;
+		letter-spacing: 0.14em;
+		text-transform: uppercase;
+	}
+
+	h1 {
+		margin: 0;
+		max-width: 12ch;
+		font-size: clamp(2.75rem, 7vw, 5rem);
+		line-height: 0.95;
+	}
+
+	.lede {
+		max-width: 42rem;
+		font-size: 1.05rem;
+		line-height: 1.7;
+		color: #475569;
+	}
+
+	.panel {
+		padding: 1.5rem;
+		border: 1px solid #dbe2ea;
+		border-radius: 1.5rem;
+		background: #ffffff;
+		box-shadow: 0 12px 32px rgba(15, 23, 42, 0.06);
+	}
+
+	.panel-header {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		gap: 1rem;
+		margin-bottom: 1rem;
+	}
+
+	h2 {
+		margin: 0;
+		font-size: 1.125rem;
+	}
+
+	.panel-header span,
+	.empty,
+	time {
+		color: #64748b;
+	}
+
+	.panel p {
+		color: #64748b;
+	}
+
+	.users {
+		list-style: none;
+		margin: 0;
+		padding: 0;
+		display: grid;
+		gap: 0.75rem;
+	}
+
+	.users li {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		gap: 1rem;
+		padding: 1rem 1.125rem;
+		border-radius: 1rem;
+		background: #f8fafc;
+		border: 1px solid #dbe2ea;
+	}
+
+	.users p {
+		margin: 0.2rem 0 0;
+	}
+
+	time {
+		font-size: 0.875rem;
+		white-space: nowrap;
+	}
+
+	code {
+		padding: 0.15rem 0.4rem;
+		border-radius: 0.35rem;
+		background: #eef2f7;
+		font-family:
+			SFMono-Regular,
+			Consolas,
+			monospace;
+		font-size: 0.95em;
+	}
+
+	@media (max-width: 640px) {
+		.shell {
+			padding-top: 3rem;
+		}
+
+		.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:
+			'Instrument Sans',
+			'Segoe UI',
+			sans-serif;
+		background: #f7f8fb;
+		color: #0f172a;
+	}
+
+	.shell {
+		max-width: 64rem;
+		margin: 0 auto;
+		padding: 4rem 1.5rem 5rem;
+	}
+
+	.hero {
+		margin-bottom: 2rem;
+	}
+
+	.eyebrow {
+		margin: 0 0 0.75rem;
+		color: #10b981;
+		font-size: 0.875rem;
+		font-weight: 700;
+		letter-spacing: 0.14em;
+		text-transform: uppercase;
+	}
+
+	h1 {
+		margin: 0;
+		max-width: 12ch;
+		font-size: clamp(2.75rem, 7vw, 5rem);
+		line-height: 0.95;
+	}
+
+	.lede {
+		max-width: 42rem;
+		font-size: 1.05rem;
+		line-height: 1.7;
+		color: #475569;
+	}
+
+	.panel {
+		padding: 1.5rem;
+		border: 1px solid #dbe2ea;
+		border-radius: 1.5rem;
+		background: #ffffff;
+		box-shadow: 0 12px 32px rgba(15, 23, 42, 0.06);
+	}
+
+	.panel-header {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		gap: 1rem;
+		margin-bottom: 1rem;
+	}
+
+	h2 {
+		margin: 0;
+		font-size: 1.125rem;
+	}
+
+	.panel-header span,
+	time {
+		color: #64748b;
+	}
+
+	.panel p {
+		color: #64748b;
+	}
+
+	.users {
+		list-style: none;
+		margin: 0;
+		padding: 0;
+		display: grid;
+		gap: 0.75rem;
+	}
+
+	.users li {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		gap: 1rem;
+		padding: 1rem 1.125rem;
+		border-radius: 1rem;
+		background: #f8fafc;
+		border: 1px solid #dbe2ea;
+	}
+
+	.users p {
+		margin: 0.2rem 0 0;
+	}
+
+	code {
+		padding: 0.15rem 0.4rem;
+		border-radius: 0.35rem;
+		background: #eef2f7;
+		font-family:
+			SFMono-Regular,
+			Consolas,
+			monospace;
+		font-size: 0.95em;
+	}
+
+	@media (max-width: 640px) {
+		.shell {
+			padding-top: 3rem;
+		}
+
+		.users li,
+		.panel-header {
+			flex-direction: column;
+			align-items: flex-start;
+		}
+	}
+</style>
+{{/if}}

package/templates/create/svelte/static/robots.txt

@@ -0,0 +1,3 @@
+# allow crawling everything by default
+User-agent: *
+Disallow:

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/tsconfig.json

@@ -0,0 +1,20 @@
+{
+	"extends": "./.svelte-kit/tsconfig.json",
+	"compilerOptions": {
+		"rewriteRelativeImportExtensions": true,
+		"allowJs": true,
+		"checkJs": true,
+		"esModuleInterop": true,
+		"forceConsistentCasingInFileNames": true,
+		"resolveJsonModule": true,
+		"skipLibCheck": true,
+		"sourceMap": true,
+		"strict": true,
+		"moduleResolution": "bundler"
+	}
+	// Path aliases are handled by https://svelte.dev/docs/kit/configuration#alias
+	// except $lib which is handled by https://svelte.dev/docs/kit/configuration#files
+	//
+	// To make changes to top-level options such as include and exclude, we recommend extending
+	// the generated config; see https://svelte.dev/docs/kit/configuration#typescript
+}

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

@@ -0,0 +1,6 @@
+import { sveltekit } from '@sveltejs/kit/vite';
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+	plugins: [sveltekit()]
+});

package/templates/create/turborepo/.yarnrc.yml.hbs

@@ -0,0 +1,3 @@
+{{#if (eq packageManager "yarn")}}
+nodeLinker: node-modules
+{{/if}}

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

@@ -0,0 +1,29 @@
+# {{projectName}}
+
+Generated by `create-prisma` with the Turborepo template.
+
+## Structure
+
+- `apps/api` - Hono API app
+- `packages/db` - shared Prisma package
+
+## Scripts
+
+- `{{runScriptCommand packageManager "dev"}}` - run API dev server through Turborepo
+- `{{runScriptCommand packageManager "build"}}` - run package builds through Turborepo
+- `{{runScriptCommand packageManager "typecheck"}}` - run TypeScript checks through Turborepo
+- `{{runScriptCommand packageManager "db:generate"}}` - generate Prisma Client in `packages/db`
+- `{{runScriptCommand packageManager "db:migrate"}}` - create/apply migrations in `packages/db`
+- `{{runScriptCommand packageManager "db:seed"}}` - run seed script in `packages/db`
+
+## Prisma
+
+Prisma is scaffolded inside `packages/db`:
+
+- `packages/db/prisma/schema.prisma`
+- `packages/db/prisma/seed.ts`
+- `packages/db/src/client.ts`
+- `packages/db/prisma.config.ts`
+- `packages/db/src/generated/prisma`
+
+`apps/api/src/index.ts` imports the shared Prisma client from `@repo/db`.

package/templates/create/turborepo/apps/api/package.json.hbs

@@ -0,0 +1,21 @@
+{
+  "name": "@repo/api",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "tsx watch src/index.ts",
+    "build": "tsc",
+    "start": "node dist/src/index.js",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@hono/node-server": "^1.19.9",
+    "@repo/db": "{{#if (eq packageManager "npm")}}*{{else}}workspace:*{{/if}}",
+    "hono": "^4.12.2"
+  },
+  "devDependencies": {
+    "@types/node": "^24.3.0",
+    "tsx": "^4.7.1",
+    "typescript": "^5.9.3"
+  }
+}

package/templates/create/turborepo/apps/api/src/index.ts.hbs

@@ -0,0 +1,45 @@
+import { serve } from "@hono/node-server";
+import { Hono } from "hono";
+{{#if (eq schemaPreset "basic")}}
+import { prisma } from "@repo/db";
+{{/if}}
+
+const app = new Hono();
+
+app.get("/", (c) => {
+  return c.json({
+    ok: true,
+    message: "Turborepo API is running.",
+  });
+});
+{{#if (eq schemaPreset "basic")}}
+
+app.get("/users", async (c) => {
+  const users = await prisma.user
+    .findMany({
+      take: 10,
+      orderBy: {
+        createdAt: "desc",
+      },
+    })
+    .catch((error) => {
+      console.error("Failed to query users:", error);
+      return undefined;
+    });
+
+  if (!users) {
+    return c.json(
+      {
+        error: "Could not query users yet. Run db:migrate and db:seed first.",
+      },
+      500
+    );
+  }
+
+  return c.json(users);
+});
+{{/if}}
+
+const port = Number(process.env.PORT ?? 3000);
+console.log(`API listening at http://localhost:${port}`);
+serve({ fetch: app.fetch, port });

package/templates/create/turborepo/apps/api/tsconfig.json

@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "verbatimModuleSyntax": true,
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "outDir": "dist",
+    "rootDir": "."
+  },
+  "include": [
+    "src/**/*.ts"
+  ]
+}

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

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

package/templates/create/turborepo/package.json.hbs

@@ -0,0 +1,24 @@
+{
+  "name": "{{projectName}}",
+  "private": true,
+  "version": "0.0.1",
+  {{#if (packageManagerManifestValue packageManager)}}
+  "packageManager": "{{packageManagerManifestValue packageManager}}",
+  {{/if}}
+  "workspaces": [
+    "apps/*",
+    "packages/*"
+  ],
+  "scripts": {
+    "build": "turbo run build",
+    "dev": "turbo run dev --filter=@repo/api",
+    "typecheck": "turbo run typecheck",
+    "db:generate": "turbo run db:generate --filter=@repo/db",
+    "db:push": "turbo run db:push --filter=@repo/db",
+    "db:migrate": "turbo run db:migrate --filter=@repo/db",
+    "db:seed": "turbo run db:seed --filter=@repo/db"
+  },
+  "devDependencies": {
+    "turbo": "^2.5.6"
+  }
+}

package/templates/create/turborepo/packages/db/package.json.hbs

@@ -0,0 +1,17 @@
+{
+  "name": "@repo/db",
+  "private": true,
+  "type": "module",
+  "exports": {
+    ".": "./src/index.ts"
+  },
+  "scripts": {
+    "build": "tsc",
+    "typecheck": "tsc --noEmit"
+  },
+  "devDependencies": {
+    "@types/node": "^24.3.0",
+    "tsx": "^4.7.1",
+    "typescript": "^5.9.3"
+  }
+}

package/templates/create/turborepo/packages/db/prisma/schema.prisma.hbs

@@ -0,0 +1,21 @@
+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}}

package/templates/create/turborepo/packages/db/prisma/seed.ts.hbs

@@ -0,0 +1,38 @@
+import prisma from "../src/client";
+
+async function main() {
+{{#if (eq schemaPreset "basic")}}
+  const users = await Promise.all([
+    prisma.user.upsert({
+      where: { email: "alice@prisma.io" },
+      update: { name: "Alice" },
+      create: {
+        email: "alice@prisma.io",
+        name: "Alice",
+      },
+    }),
+    prisma.user.upsert({
+      where: { email: "bob@prisma.io" },
+      update: { name: "Bob" },
+      create: {
+        email: "bob@prisma.io",
+        name: "Bob",
+      },
+    }),
+  ]);
+
+  console.log(`Seeded ${users.length} users.`);
+{{else}}
+  console.log("No seed data defined for the empty schema preset.");
+{{/if}}
+}
+
+main()
+  .then(async () => {
+    await prisma.$disconnect();
+  })
+  .catch(async (error) => {
+    console.error(error);
+    await prisma.$disconnect();
+    process.exit(1);
+  });

package/templates/create/turborepo/packages/db/prisma.config.ts

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

package/templates/create/turborepo/packages/db/src/client.ts.hbs

@@ -0,0 +1,58 @@
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import dotenv from "dotenv";
+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}}
+
+const moduleDir = path.dirname(fileURLToPath(import.meta.url));
+dotenv.config({ path: path.resolve(moduleDir, "../.env"), quiet: true });
+
+{{#if (eq provider "sqlite")}}
+const databaseUrl = process.env.DATABASE_URL ?? "file:./dev.db";
+{{else}}
+const databaseUrl = process.env.DATABASE_URL;
+if (!databaseUrl) {
+  throw new Error("DATABASE_URL is required");
+}
+{{/if}}
+
+{{#if (eq provider "postgresql")}}
+const adapter = new PrismaPg({
+  connectionString: databaseUrl,
+});
+{{/if}}
+{{#if (eq provider "cockroachdb")}}
+const adapter = new PrismaPg({
+  connectionString: databaseUrl,
+});
+{{/if}}
+{{#if (eq provider "mysql")}}
+const adapter = new PrismaMariaDb(databaseUrl);
+{{/if}}
+{{#if (eq provider "sqlite")}}
+const adapter = new PrismaBetterSqlite3({
+  url: databaseUrl,
+});
+{{/if}}
+{{#if (eq provider "sqlserver")}}
+const adapter = new PrismaMssql(databaseUrl);
+{{/if}}
+
+const prisma = new PrismaClient({ adapter });
+
+export { prisma };
+export default prisma;