create-croissant 0.1.0 → 0.1.1

package/template/apps/web/src/routes/index.tsx

@@ -0,0 +1,57 @@
+import { Link, createFileRoute } from "@tanstack/react-router"
+import { Button } from "@workspace/ui/components/button"
+import { orpc } from "../lib/orpc"
+
+export const Route = createFileRoute("/")({
+  loader: async () => {
+    const [helloRes, planets] = await Promise.all([
+      orpc.hello({ name: "TanStack Start" }),
+      orpc.getPlanets(),
+    ])
+    return { 
+      message: helloRes.message,
+      planets,
+    }
+  },
+  component: App,
+})
+
+function App() {
+  const { message, planets } = Route.useLoaderData()
+
+  return (
+    <div className="flex min-h-svh p-6">
+      <div className="flex max-w-lg min-w-0 flex-col gap-4 text-sm leading-loose">
+        <div>
+          <h1 className="font-medium text-2xl mb-4">Project ready!</h1>
+          <p>oRPC integration: <span className="font-bold">{message}</span></p>
+          
+          <div className="mt-8">
+            <h2 className="text-xl font-semibold mb-2">Planets from Database:</h2>
+            {planets.length === 0 ? (
+              <p className="text-gray-500 italic">No planets found in the database. Run `db:push` and seed data if needed.</p>
+            ) : (
+              <ul className="grid grid-cols-1 gap-2">
+                {planets.map((planet) => (
+                  <li key={planet.id} className="rounded-md border p-3 bg-white shadow-sm">
+                    <span className="font-bold">{planet.name}</span> - {planet.description}
+                  </li>
+                ))}
+              </ul>
+            )}
+          </div>
+
+          <div className="mt-8 flex gap-2">
+            <Link to="/login">
+              <Button>Go to Login</Button>
+            </Link>
+            <Link to="/dashboard">
+              <Button variant="outline">Go to Dashboard</Button>
+            </Link>
+          </div>
+          <p className="mt-4 text-gray-500">You may now add components and start building.</p>
+        </div>
+      </div>
+    </div>
+  )
+}

package/template/apps/web/src/routes/login.tsx

@@ -0,0 +1,16 @@
+import { createFileRoute } from "@tanstack/react-router"
+import { LoginForm } from "../components/login-form"
+
+export const Route = createFileRoute("/login")({
+  component: Login,
+})
+
+function Login() {
+  return (
+    <div className="flex min-h-svh items-center justify-center p-6">
+      <div className="w-full max-w-sm">
+        <LoginForm />
+      </div>
+    </div>
+  )
+}

package/template/apps/web/src/routes/signup.tsx

@@ -0,0 +1,16 @@
+import { createFileRoute } from "@tanstack/react-router"
+import { SignupForm } from "../components/signup-form"
+
+export const Route = createFileRoute("/signup")({
+  component: Signup,
+})
+
+function Signup() {
+  return (
+    <div className="flex min-h-svh items-center justify-center p-6">
+      <div className="w-full max-w-sm">
+        <SignupForm />
+      </div>
+    </div>
+  )
+}

package/template/apps/web/tsconfig.json

@@ -0,0 +1,29 @@
+{
+  "include": ["**/*.ts", "**/*.tsx", "eslint.config.js", "prettier.config.js", "vite.config.js"],
+  "compilerOptions": {
+    "target": "ES2022",
+    "jsx": "react-jsx",
+    "module": "ESNext",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "types": ["vite/client"],
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "noEmit": true,
+
+    /* Linting */
+    "skipLibCheck": true,
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true,
+    "allowJs": true,
+    "paths": {
+      "@/*": ["./src/*"],
+      "@workspace/ui/*": ["../../packages/ui/src/*"]
+    }
+  }
+}

package/template/apps/web/vite.config.ts

@@ -0,0 +1,19 @@
+import { defineConfig } from "vite"
+import { tanstackStart } from "@tanstack/react-start/plugin/vite"
+import viteReact from "@vitejs/plugin-react"
+import tailwindcss from "@tailwindcss/vite"
+import { nitro } from "nitro/vite"
+
+const config = defineConfig({
+  plugins: [
+    nitro(),
+    tailwindcss(),
+    tanstackStart(),
+    viteReact(),
+  ],
+  resolve: {
+    tsconfigPaths: true,
+  }
+})
+
+export default config

package/template/docker-compose.yml

@@ -0,0 +1,16 @@
+version: '3.8'
+
+services:
+  db:
+    image: postgres:latest
+    container_name: croissant-stack
+    environment:
+      POSTGRES_PASSWORD: postgres
+      POSTGRES_DB: auth
+    ports:
+      - "5432:5432"
+    volumes:
+      - postgres_data:/var/lib/postgresql/data
+
+volumes:
+  postgres_data:

package/template/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "croissant-stack",
+  "version": "0.0.1",
+  "private": true,
+  "scripts": {
+    "build": "turbo build",
+    "dev": "turbo dev",
+    "lint": "turbo lint",
+    "format": "turbo format",
+    "typecheck": "turbo typecheck",
+    "db:up": "docker compose up -d",
+    "db:down": "docker compose down",
+    "db:logs": "docker compose logs -f",
+    "update-deps": "npx npm-check-updates -u -w --root && npm install"
+  },
+  "devDependencies": {
+    "@tanstack/eslint-config": "0.3.4",
+    "eslint": "9.39.4",
+    "prettier": "^3.8.1",
+    "prettier-plugin-tailwindcss": "^0.7.2",
+    "turbo": "^2.8.17",
+    "typescript": "6.0.3"
+  },
+  "packageManager": "npm@11.12.1",
+  "engines": {
+    "node": ">=20"
+  },
+  "workspaces": [
+    "apps/*",
+    "packages/*"
+  ],
+  "overrides": {
+    "@noble/ciphers": "2.2.0"
+  }
+}

package/template/packages/auth/eslint.config.ts

@@ -0,0 +1,3 @@
+import { tanstackConfig } from "@tanstack/eslint-config"
+
+export default [...tanstackConfig]

package/template/packages/auth/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "@workspace/auth",
+  "version": "0.0.0",
+  "type": "module",
+  "private": true,
+  "scripts": {
+    "lint": "eslint",
+    "format": "prettier --write \"**/*.{ts,tsx}\"",
+    "typecheck": "tsc --noEmit",
+    "generate": "better-auth generate --output ../db/src/lib/auth-schema.ts"
+  },
+  "dependencies": {
+    "better-auth": "^1.6.6",
+    "@workspace/db": "*"
+  },
+  "devDependencies": {
+    "@better-auth/cli": "^1.4.21",
+    "drizzle-kit": "^0.31.10"
+  },
+  "exports": {
+    "./lib/*": "./src/lib/*.ts",
+    "./hooks/*": "./src/hooks/*.ts"
+  }
+}

package/template/packages/auth/src/lib/auth.ts

@@ -0,0 +1,13 @@
+import { betterAuth } from "better-auth";
+import { drizzleAdapter } from "better-auth/adapters/drizzle";
+import { db } from "@workspace/db";
+
+export const auth = betterAuth({
+  database: drizzleAdapter(db, {
+    provider: "pg",
+  }),
+  baseURL: process.env.BETTER_AUTH_URL,
+  emailAndPassword: { enabled: true },
+});
+
+export type Session = typeof auth.$Infer.Session

package/template/packages/auth/tsconfig.json

@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "jsx": "react-jsx",
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "paths": {
+      "@workspace/auth/*": ["./src/*"]
+    }
+  },
+  "include": ["."],
+  "exclude": ["node_modules", "dist"]
+}

package/template/packages/auth/tsconfig.lint.json

@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "jsx": "react-jsx",
+    "skipLibCheck": true,
+    "strict": true,
+    "outDir": "dist"
+  },
+  "include": ["src", "turbo"],
+  "exclude": ["node_modules", "dist"]
+}

package/template/packages/db/eslint.config.ts

@@ -0,0 +1,3 @@
+import { tanstackConfig } from "@tanstack/eslint-config"
+
+export default [...tanstackConfig]

package/template/packages/db/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "@workspace/db",
+  "version": "0.0.0",
+  "type": "module",
+  "private": true,
+  "scripts": {
+    "lint": "eslint",
+    "format": "prettier --write \"**/*.{ts,tsx}\"",
+    "typecheck": "tsc --noEmit",
+    "db:push": "drizzle-kit push",
+    "db:studio": "drizzle-kit studio"
+  },
+  "dependencies": {
+    "dotenv": "^17.4.2",
+    "drizzle-orm": "^0.45.2",
+    "pg": "^8.20.0"
+  },
+  "devDependencies": {
+    "@types/pg": "^8.20.0",
+    "drizzle-kit": "^0.31.10",
+    "tsx": "^4.21.0"
+  },
+  "exports": {
+    ".": "./src/index.ts",
+    "./schema": "./src/schema.ts"
+  }
+}

package/template/packages/db/src/auth-schema.ts

@@ -0,0 +1,93 @@
+import { relations } from "drizzle-orm";
+import { boolean, index, pgTable, text, timestamp } from "drizzle-orm/pg-core";
+
+export const user = pgTable("user", {
+  id: text("id").primaryKey(),
+  name: text("name").notNull(),
+  email: text("email").notNull().unique(),
+  emailVerified: boolean("email_verified").default(false).notNull(),
+  image: text("image"),
+  createdAt: timestamp("created_at").defaultNow().notNull(),
+  updatedAt: timestamp("updated_at")
+    .defaultNow()
+    .$onUpdate(() => /* @__PURE__ */ new Date())
+    .notNull(),
+});
+
+export const session = pgTable(
+  "session",
+  {
+    id: text("id").primaryKey(),
+    expiresAt: timestamp("expires_at").notNull(),
+    token: text("token").notNull().unique(),
+    createdAt: timestamp("created_at").defaultNow().notNull(),
+    updatedAt: timestamp("updated_at")
+      .$onUpdate(() => /* @__PURE__ */ new Date())
+      .notNull(),
+    ipAddress: text("ip_address"),
+    userAgent: text("user_agent"),
+    userId: text("user_id")
+      .notNull()
+      .references(() => user.id, { onDelete: "cascade" }),
+  },
+  (table) => [index("session_userId_idx").on(table.userId)],
+);
+
+export const account = pgTable(
+  "account",
+  {
+    id: text("id").primaryKey(),
+    accountId: text("account_id").notNull(),
+    providerId: text("provider_id").notNull(),
+    userId: text("user_id")
+      .notNull()
+      .references(() => user.id, { onDelete: "cascade" }),
+    accessToken: text("access_token"),
+    refreshToken: text("refresh_token"),
+    idToken: text("id_token"),
+    accessTokenExpiresAt: timestamp("access_token_expires_at"),
+    refreshTokenExpiresAt: timestamp("refresh_token_expires_at"),
+    scope: text("scope"),
+    password: text("password"),
+    createdAt: timestamp("created_at").defaultNow().notNull(),
+    updatedAt: timestamp("updated_at")
+      .$onUpdate(() => /* @__PURE__ */ new Date())
+      .notNull(),
+  },
+  (table) => [index("account_userId_idx").on(table.userId)],
+);
+
+export const verification = pgTable(
+  "verification",
+  {
+    id: text("id").primaryKey(),
+    identifier: text("identifier").notNull(),
+    value: text("value").notNull(),
+    expiresAt: timestamp("expires_at").notNull(),
+    createdAt: timestamp("created_at").defaultNow().notNull(),
+    updatedAt: timestamp("updated_at")
+      .defaultNow()
+      .$onUpdate(() => /* @__PURE__ */ new Date())
+      .notNull(),
+  },
+  (table) => [index("verification_identifier_idx").on(table.identifier)],
+);
+
+export const userRelations = relations(user, ({ many }) => ({
+  sessions: many(session),
+  accounts: many(account),
+}));
+
+export const sessionRelations = relations(session, ({ one }) => ({
+  user: one(user, {
+    fields: [session.userId],
+    references: [user.id],
+  }),
+}));
+
+export const accountRelations = relations(account, ({ one }) => ({
+  user: one(user, {
+    fields: [account.userId],
+    references: [user.id],
+  }),
+}));

package/template/packages/db/src/index.ts

@@ -0,0 +1,7 @@
+import 'dotenv/config';
+import { drizzle } from 'drizzle-orm/node-postgres';
+import * as schema from './schema';
+
+export const db = drizzle(process.env.DATABASE_URL!, { schema });
+
+export { schema };

package/template/packages/db/src/planets-schema.ts

@@ -0,0 +1,13 @@
+import { boolean, pgTable, real, serial, text, timestamp } from "drizzle-orm/pg-core";
+
+export const planets = pgTable("planets", {
+  id: serial("id").primaryKey(),
+  name: text("name").notNull().unique(),
+  description: text("description"),
+  distanceFromSun: real("distance_from_sun").notNull(), // In millions of kilometers
+  diameter: real("diameter").notNull(), // In kilometers
+  hasRings: boolean("has_rings").notNull().default(false),
+  atmosphere: text("atmosphere"),
+  createdAt: timestamp("created_at").notNull().defaultNow(),
+  updatedAt: timestamp("updated_at").notNull().defaultNow(),
+});

package/template/packages/db/src/schema.ts

@@ -0,0 +1,2 @@
+export * from "./auth-schema"
+export * from "./planets-schema"

package/template/packages/db/tsconfig.json

@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "jsx": "react-jsx",
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "paths": {
+      "@workspace/db/*": ["./src/*"]
+    }
+  },
+  "include": ["."],
+  "exclude": ["node_modules", "dist"]
+}

package/template/packages/db/tsconfig.lint.json

@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "jsx": "react-jsx",
+    "skipLibCheck": true,
+    "strict": true,
+    "outDir": "dist"
+  },
+  "include": ["src", "turbo"],
+  "exclude": ["node_modules", "dist"]
+}

package/template/packages/orpc/eslint.config.ts

@@ -0,0 +1,3 @@
+import { tanstackConfig } from "@tanstack/eslint-config"
+
+export default [...tanstackConfig]

package/template/packages/orpc/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "@workspace/orpc",
+  "version": "0.0.0",
+  "type": "module",
+  "private": true,
+  "scripts": {
+    "lint": "eslint",
+    "format": "prettier --write \"**/*.{ts,tsx}\"",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@orpc/client": "*",
+    "@orpc/server": "*",
+    "@workspace/auth": "*",
+    "@workspace/db": "*",
+    "zod": "^4.3.6"
+  },
+  "devDependencies": {
+  },
+  "exports": {
+    "./router": "./src/lib/router.ts"
+  }
+}

package/template/packages/orpc/src/lib/router.ts

@@ -0,0 +1,52 @@
+import { ORPCError, os } from '@orpc/server'
+import { db, schema } from '@workspace/db'
+import { z } from 'zod'
+import type { Session } from '@workspace/auth/lib/auth'
+
+export type RPCContext = {
+  session: Session | null
+}
+
+const { planets } = schema
+
+const o = os.$context<RPCContext>()
+
+export const router = o.router({
+  hello: o
+    .input(
+      z.object({
+        name: z.string().optional(),
+      }),
+    )
+    .handler(({ input }) => {
+      return {
+        message: `Hello, ${input.name ?? 'world'}!`,
+      }
+    }),
+
+  getPlanets: o
+    .handler(async () => {
+      const allPlanets = await db.select().from(planets)
+      return allPlanets
+    }),
+
+  getSecretData: o
+    .use(async ({ context, next }) => {
+      if (!context.session) {
+        throw new ORPCError('UNAUTHORIZED')
+      }
+      return next({
+        context: {
+          session: context.session,
+        },
+      })
+    })
+    .handler(({ context }) => {
+      return {
+        secret: `This is secret data for ${context.session.user.name}`,
+        email: context.session.user.email,
+      }
+    }),
+})
+
+export type AppRouter = typeof router

package/template/packages/orpc/tsconfig.json

@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "jsx": "react-jsx",
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "paths": {
+      "@workspace/orpc/*": ["./src/*"]
+    }
+  },
+  "include": ["."],
+  "exclude": ["node_modules", "dist"]
+}

package/template/packages/orpc/tsconfig.lint.json

@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "jsx": "react-jsx",
+    "skipLibCheck": true,
+    "strict": true,
+    "outDir": "dist"
+  },
+  "include": ["src", "turbo"],
+  "exclude": ["node_modules", "dist"]
+}

package/template/packages/ui/components.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "base-nova",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "src/styles/globals.css",
+    "baseColor": "neutral",
+    "cssVariables": true
+  },
+  "iconLibrary": "lucide",
+  "aliases": {
+    "components": "@workspace/ui/components",
+    "utils": "@workspace/ui/lib/utils",
+    "hooks": "@workspace/ui/hooks",
+    "lib": "@workspace/ui/lib",
+    "ui": "@workspace/ui/components"
+  },
+  "rtl": false,
+  "menuColor": "default",
+  "menuAccent": "subtle"
+}

package/template/packages/ui/eslint.config.ts

@@ -0,0 +1,3 @@
+import { tanstackConfig } from "@tanstack/eslint-config"
+
+export default [...tanstackConfig]

package/template/packages/ui/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "@workspace/ui",
+  "version": "0.0.0",
+  "type": "module",
+  "private": true,
+  "scripts": {
+    "lint": "eslint",
+    "format": "prettier --write \"**/*.{ts,tsx}\"",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@base-ui/react": "^1.4.1",
+    "@fontsource-variable/geist": "^5.2.8",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
+    "date-fns": "^4.1.0",
+    "embla-carousel-react": "^8.6.0",
+    "input-otp": "^1.4.2",
+    "lucide-react": "^1.8.0",
+    "next-themes": "^0.4.6",
+    "react": "^19.2.4",
+    "react-day-picker": "^9.14.0",
+    "react-dom": "^19.2.4",
+    "react-resizable-panels": "^4.10.0",
+    "recharts": "^3.8.1",
+    "shadcn": "^4.4.0",
+    "sonner": "^2.0.7",
+    "tailwind-merge": "^3.5.0",
+    "tw-animate-css": "^1.4.0",
+    "vaul": "^1.1.2",
+    "zod": "^4.3.6"
+  },
+  "devDependencies": {
+    "@tailwindcss/vite": "^4.2.4",
+    "@turbo/gen": "^2.8.1",
+    "@types/node": "^25.6.0",
+    "@types/react": "^19.2.10",
+    "@types/react-dom": "^19.2.3",
+    "tailwindcss": "^4.1.18"
+  },
+  "exports": {
+    "./globals.css": "./src/styles/globals.css",
+    "./lib/*": "./src/lib/*.ts",
+    "./components/*": "./src/components/*.tsx",
+    "./hooks/*": "./src/hooks/*.ts"
+  }
+}