create-croissant 0.1.39 → 0.1.41

package/template/apps/platform/src/routes/_public/examples/ssr-orpc.tsx

@@ -1,25 +1,21 @@
-import * as React from "react"
-import { createFileRoute, useRouter } from "@tanstack/react-router"
-import { createServerFn } from "@tanstack/react-start"
-import { Check, Pencil, Plus, Trash2 } from "lucide-react"
-import { toast } from "sonner"
-import { useForm } from "@tanstack/react-form"
-import { type } from "arktype"
+import * as React from "react";
+import { createFileRoute, useRouter } from "@tanstack/react-router";
+import { createServerFn } from "@tanstack/react-start";
+import { Check, Pencil, Plus, Trash2 } from "lucide-react";
+import { toast } from "sonner";
+import { useForm } from "@tanstack/react-form";
+import { type } from "arktype";
 
-import { Button } from "@workspace/ui/components/button"
-import { Input } from "@workspace/ui/components/input"
-import {
-  Field,
-  FieldError,
-  FieldLabel,
-} from "@workspace/ui/components/field"
+import { Button } from "@workspace/ui/components/button";
+import { Input } from "@workspace/ui/components/input";
+import { Field, FieldError, FieldLabel } from "@workspace/ui/components/field";
 
-import type { router } from "@workspace/orpc/router"
-import type { InferRouterOutputs } from "@orpc/server"
-import { orpc } from "@/lib/orpc"
+import type { router } from "@workspace/orpc/router";
+import type { InferRouterOutputs } from "@orpc/server";
+import { orpc } from "@/lib/orpc";
 
-type Outputs = InferRouterOutputs<typeof router>
-type Planet = Outputs["planets"]["getPlanets"][number]
+type Outputs = InferRouterOutputs<typeof router>;
+type Planet = Outputs["planets"]["getPlanets"][number];
 
 const planetSchema = type({
   name: "string>0",
@@ -28,18 +24,18 @@ const planetSchema = type({
   diameter: "string",
 }).narrow((data, ctx) => {
   if (isNaN(parseFloat(data.distance))) {
-    ctx.error({ message: "Must be a number", path: ["distance"] })
+    ctx.error({ message: "Must be a number", path: ["distance"] });
   }
   if (isNaN(parseFloat(data.diameter))) {
-    ctx.error({ message: "Must be a number", path: ["diameter"] })
+    ctx.error({ message: "Must be a number", path: ["diameter"] });
   }
-  return true
-})
+  return true;
+});
 
 const getPlanets = createServerFn({ method: "GET" }).handler(async () => {
-  const planets = await orpc.planets.getPlanets()
-  return { planets }
-})
+  const planets = await orpc.planets.getPlanets();
+  return { planets };
+});
 
 export const Route = createFileRoute("/_public/examples/ssr-orpc")({
   head: () => ({
@@ -49,20 +45,19 @@ export const Route = createFileRoute("/_public/examples/ssr-orpc")({
       },
       {
         name: "description",
-        content:
-          "Learn how to use Server-Side Rendering (SSR) with oRPC in Croissant Stack.",
+        content: "Learn how to use Server-Side Rendering (SSR) with oRPC in Croissant Stack.",
       },
     ],
   }),
   loader: () => getPlanets(),
   component: SSRORPC,
-})
+});
 
 function SSRORPC() {
-  const { planets } = Route.useLoaderData()
-  const router = useRouter()
-  const [editingId, setEditingId] = React.useState<number | null>(null)
-  
+  const { planets } = Route.useLoaderData();
+  const router = useRouter();
+  const [editingId, setEditingId] = React.useState<number | null>(null);
+
   const form = useForm({
     defaultValues: {
       name: "",
@@ -74,7 +69,7 @@ function SSRORPC() {
       onChange: planetSchema,
     },
     onSubmit: async ({ value }) => {
-      const toastId = toast.loading(editingId ? "Updating planet..." : "Adding planet...")
+      const toastId = toast.loading(editingId ? "Updating planet..." : "Adding planet...");
       try {
         if (editingId) {
           await orpc.planets.updatePlanet({
@@ -84,8 +79,8 @@ function SSRORPC() {
             distanceFromSun: parseFloat(value.distance),
             diameter: parseFloat(value.diameter),
             hasRings: false,
-          })
-          toast.success("Planet updated successfully", { id: toastId })
+          });
+          toast.success("Planet updated successfully", { id: toastId });
         } else {
           await orpc.planets.createPlanet({
             name: value.name,
@@ -93,49 +88,51 @@ function SSRORPC() {
             distanceFromSun: parseFloat(value.distance),
             diameter: parseFloat(value.diameter),
             hasRings: false,
-          })
-          toast.success("Planet added successfully", { id: toastId })
+          });
+          toast.success("Planet added successfully", { id: toastId });
         }
-        await router.invalidate()
-        resetForm()
+        await router.invalidate();
+        resetForm();
       } catch (err: any) {
-        console.error(err)
-        toast.error(err.message || "Operation failed", { id: toastId })
+        console.error(err);
+        toast.error(err.message || "Operation failed", { id: toastId });
       }
     },
-  })
+  });
 
   const resetForm = () => {
-    form.reset()
-    setEditingId(null)
-  }
+    form.reset();
+    setEditingId(null);
+  };
 
   const handleDelete = async (id: number) => {
-    if (!confirm("Are you sure you want to delete this planet?")) return
-    const toastId = toast.loading("Deleting planet...")
+    if (!confirm("Are you sure you want to delete this planet?")) return;
+    const toastId = toast.loading("Deleting planet...");
     try {
-      await orpc.planets.deletePlanet({ id })
-      await router.invalidate()
-      toast.success("Planet deleted successfully", { id: toastId })
+      await orpc.planets.deletePlanet({ id });
+      await router.invalidate();
+      toast.success("Planet deleted successfully", { id: toastId });
     } catch (err: any) {
-      console.error(err)
-      toast.error(err.message || "Failed to delete planet", { id: toastId })
+      console.error(err);
+      toast.error(err.message || "Failed to delete planet", { id: toastId });
     }
-  }
+  };
 
   const startEdit = (planet: Planet) => {
-    setEditingId(planet.id)
-    form.setFieldValue("name", planet.name)
-    form.setFieldValue("description", planet.description || "")
-    form.setFieldValue("distance", planet.distanceFromSun.toString())
-    form.setFieldValue("diameter", planet.diameter.toString())
-  }
+    setEditingId(planet.id);
+    form.setFieldValue("name", planet.name);
+    form.setFieldValue("description", planet.description || "");
+    form.setFieldValue("distance", planet.distanceFromSun.toString());
+    form.setFieldValue("diameter", planet.diameter.toString());
+  };
 
   return (
     <div className="flex flex-col gap-8">
       <div>
         <h1 className="text-2xl font-bold mb-2">SSR + oRPC CRUD</h1>
-        <p className="text-muted-foreground">Manage planets using SSR loaders for fetching and oRPC mutations for actions.</p>
+        <p className="text-muted-foreground">
+          Manage planets using SSR loaders for fetching and oRPC mutations for actions.
+        </p>
       </div>
 
       <div className="rounded-lg border p-6 bg-muted/30">
@@ -145,16 +142,18 @@ function SSRORPC() {
         </h2>
         <form
           onSubmit={(e) => {
-            e.preventDefault()
-            e.stopPropagation()
-            form.handleSubmit()
+            e.preventDefault();
+            e.stopPropagation();
+            form.handleSubmit();
           }}
         >
           <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
             <form.Field
               name="name"
               children={(field) => (
-                <Field data-invalid={field.state.meta.isTouched && field.state.meta.errors.length > 0}>
+                <Field
+                  data-invalid={field.state.meta.isTouched && field.state.meta.errors.length > 0}
+                >
                   <FieldLabel htmlFor={field.name}>Name</FieldLabel>
                   <Input
                     id={field.name}
@@ -171,7 +170,9 @@ function SSRORPC() {
             <form.Field
               name="description"
               children={(field) => (
-                <Field data-invalid={field.state.meta.isTouched && field.state.meta.errors.length > 0}>
+                <Field
+                  data-invalid={field.state.meta.isTouched && field.state.meta.errors.length > 0}
+                >
                   <FieldLabel htmlFor={field.name}>Description</FieldLabel>
                   <Input
                     id={field.name}
@@ -188,7 +189,9 @@ function SSRORPC() {
             <form.Field
               name="distance"
               children={(field) => (
-                <Field data-invalid={field.state.meta.isTouched && field.state.meta.errors.length > 0}>
+                <Field
+                  data-invalid={field.state.meta.isTouched && field.state.meta.errors.length > 0}
+                >
                   <FieldLabel htmlFor={field.name}>Distance (M km)</FieldLabel>
                   <Input
                     id={field.name}
@@ -205,7 +208,9 @@ function SSRORPC() {
             <form.Field
               name="diameter"
               children={(field) => (
-                <Field data-invalid={field.state.meta.isTouched && field.state.meta.errors.length > 0}>
+                <Field
+                  data-invalid={field.state.meta.isTouched && field.state.meta.errors.length > 0}
+                >
                   <FieldLabel htmlFor={field.name}>Diameter (km)</FieldLabel>
                   <Input
                     id={field.name}
@@ -227,19 +232,24 @@ function SSRORPC() {
                 <>
                   {editingId ? (
                     <>
-                      <Button 
+                      <Button
                         type="submit"
                         className="flex items-center gap-2"
                         disabled={!canSubmit || isSubmitting}
                       >
                         <Check className="h-4 w-4" /> {isSubmitting ? "Saving..." : "Save Changes"}
                       </Button>
-                      <Button variant="outline" type="button" onClick={resetForm} disabled={isSubmitting}>
+                      <Button
+                        variant="outline"
+                        type="button"
+                        onClick={resetForm}
+                        disabled={isSubmitting}
+                      >
                         Cancel
                       </Button>
                     </>
                   ) : (
-                    <Button 
+                    <Button
                       type="submit"
                       className="flex items-center gap-2"
                       disabled={!canSubmit || isSubmitting}
@@ -261,13 +271,20 @@ function SSRORPC() {
         ) : (
           <div className="grid grid-cols-1 gap-3">
             {planets.map((planet) => (
-              <div key={planet.id} className="flex items-center justify-between rounded-lg border p-4 bg-background shadow-sm hover:shadow-md transition-shadow">
+              <div
+                key={planet.id}
+                className="flex items-center justify-between rounded-lg border p-4 bg-background shadow-sm hover:shadow-md transition-shadow"
+              >
                 <div className="flex-1">
                   <div className="flex items-center gap-2">
                     <span className="font-bold text-lg">{planet.name}</span>
-                    <span className="text-xs bg-muted px-2 py-0.5 rounded-full text-muted-foreground">ID: {planet.id}</span>
+                    <span className="text-xs bg-muted px-2 py-0.5 rounded-full text-muted-foreground">
+                      ID: {planet.id}
+                    </span>
                   </div>
-                  <p className="text-sm text-muted-foreground">{planet.description || "No description provided."}</p>
+                  <p className="text-sm text-muted-foreground">
+                    {planet.description || "No description provided."}
+                  </p>
                   <div className="mt-2 flex gap-4 text-xs text-muted-foreground font-mono">
                     <span>Distance: {planet.distanceFromSun} M km</span>
                     <span>Diameter: {planet.diameter} km</span>
@@ -287,5 +304,5 @@ function SSRORPC() {
         )}
       </div>
     </div>
-  )
+  );
 }

package/template/apps/platform/src/routes/_public/index.tsx

@@ -1,23 +1,23 @@
-import { Link, createFileRoute } from "@tanstack/react-router"
-import { createServerFn } from "@tanstack/react-start"
-import { Button } from "@workspace/ui/components/button"
-import type { router } from "@workspace/orpc/router"
-import type { InferRouterOutputs } from "@orpc/server"
-import { orpc } from "@/lib/orpc"
+import { Link, createFileRoute } from "@tanstack/react-router";
+import { createServerFn } from "@tanstack/react-start";
+import { Button } from "@workspace/ui/components/button";
+import type { router } from "@workspace/orpc/router";
+import type { InferRouterOutputs } from "@orpc/server";
+import { orpc } from "@/lib/orpc";
 
-type Outputs = InferRouterOutputs<typeof router>
-type Planet = Outputs["planets"]["getPlanets"][number]
+type Outputs = InferRouterOutputs<typeof router>;
+type Planet = Outputs["planets"]["getPlanets"][number];
 
 const getHomeData = createServerFn({ method: "GET" }).handler(async () => {
   const [helloRes, planets] = await Promise.all([
     orpc.hello({ name: "Croissant Stack" }),
     orpc.planets.getPlanets(),
-  ])
+  ]);
   return {
     message: helloRes.message,
     planets,
-  }
-})
+  };
+});
 
 export const Route = createFileRoute("/_public/")({
   head: () => ({
@@ -46,26 +46,29 @@ export const Route = createFileRoute("/_public/")({
   }),
   loader: () => getHomeData(),
   headers: () => ({
-    "Cache-Control":
-      "public, max-age=10, s-maxage=10, stale-while-revalidate=60",
+    "Cache-Control": "public, max-age=10, s-maxage=10, stale-while-revalidate=60",
   }),
   component: App,
-})
+});
 
 function App() {
-  const { message, planets } = Route.useLoaderData()
+  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>
-          
+          <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>
+              <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: Planet) => (
@@ -89,5 +92,5 @@ function App() {
         </div>
       </div>
     </div>
-  )
+  );
 }

package/template/apps/platform/src/routes/_public/login.tsx

@@ -1,5 +1,5 @@
-import { createFileRoute } from "@tanstack/react-router"
-import { LoginForm } from "@/components/login-form"
+import { createFileRoute } from "@tanstack/react-router";
+import { LoginForm } from "@/components/login-form";
 
 export const Route = createFileRoute("/_public/login")({
   head: () => ({
@@ -21,7 +21,7 @@ export const Route = createFileRoute("/_public/login")({
     "Cache-Control": "public, max-age=3600, s-maxage=3600, stale-while-revalidate=86400",
   }),
   component: Login,
-})
+});
 
 function Login() {
   return (
@@ -30,5 +30,5 @@ function Login() {
         <LoginForm />
       </div>
     </div>
-  )
+  );
 }

package/template/apps/platform/src/routes/_public/signup.tsx

@@ -1,5 +1,5 @@
-import { createFileRoute } from "@tanstack/react-router"
-import { SignupForm } from "@/components/signup-form"
+import { createFileRoute } from "@tanstack/react-router";
+import { SignupForm } from "@/components/signup-form";
 
 export const Route = createFileRoute("/_public/signup")({
   head: () => ({
@@ -9,7 +9,8 @@ export const Route = createFileRoute("/_public/signup")({
       },
       {
         name: "description",
-        content: "Join Croissant Stack today. Create an account to start building with the best stack.",
+        content:
+          "Join Croissant Stack today. Create an account to start building with the best stack.",
       },
     ],
   }),
@@ -17,7 +18,7 @@ export const Route = createFileRoute("/_public/signup")({
     "Cache-Control": "public, max-age=3600, s-maxage=3600, stale-while-revalidate=86400",
   }),
   component: Signup,
-})
+});
 
 function Signup() {
   return (
@@ -26,5 +27,5 @@ function Signup() {
         <SignupForm />
       </div>
     </div>
-  )
+  );
 }

package/template/apps/platform/src/routes/_public.tsx

@@ -1,10 +1,10 @@
-import { Outlet, createFileRoute } from "@tanstack/react-router"
-import { SidebarProvider, SidebarTrigger } from "@workspace/ui/components/sidebar"
-import { PublicSidebar } from "@/components/app-sidebar"
+import { Outlet, createFileRoute } from "@tanstack/react-router";
+import { SidebarProvider, SidebarTrigger } from "@workspace/ui/components/sidebar";
+import { PublicSidebar } from "@/components/app-sidebar";
 
 export const Route = createFileRoute("/_public")({
   component: PublicLayout,
-})
+});
 
 function PublicLayout() {
   return (
@@ -19,5 +19,5 @@ function PublicLayout() {
         </div>
       </main>
     </SidebarProvider>
-  )
+  );
 }

package/template/apps/platform/src/routes/api/auth/$.ts

@@ -1,15 +1,15 @@
-import { auth } from '@workspace/auth/lib/auth'
-import { createFileRoute } from '@tanstack/react-router'
+import { auth } from "@workspace/auth/lib/auth";
+import { createFileRoute } from "@tanstack/react-router";
 
-export const Route = createFileRoute('/api/auth/$')({
-    server: {
-        handlers: {
-            GET: async ({ request }:{ request: Request }) => {
-                return await auth.handler(request)
-            },
-            POST: async ({ request }:{ request: Request }) => {
-                return await auth.handler(request)
-            },
-        },
+export const Route = createFileRoute("/api/auth/$")({
+  server: {
+    handlers: {
+      GET: async ({ request }: { request: Request }) => {
+        return await auth.handler(request);
+      },
+      POST: async ({ request }: { request: Request }) => {
+        return await auth.handler(request);
+      },
     },
-})
+  },
+});

package/template/apps/platform/src/routes/api/rpc.$.ts

@@ -1,34 +1,34 @@
-import { RPCHandler } from '@orpc/server/fetch'
-import { createFileRoute } from '@tanstack/react-router'
-import { onError } from '@orpc/server'
-import { router } from '@workspace/orpc/router'
-import { auth } from '@workspace/auth/lib/auth'
+import { RPCHandler } from "@orpc/server/fetch";
+import { createFileRoute } from "@tanstack/react-router";
+import { onError } from "@orpc/server";
+import { router } from "@workspace/orpc/router";
+import { auth } from "@workspace/auth/lib/auth";
 
 const handler = new RPCHandler(router, {
   interceptors: [
     onError((error) => {
-      console.error(error)
+      console.error(error);
     }),
   ],
-})
+});
 
-export const Route = createFileRoute('/api/rpc/$')({
+export const Route = createFileRoute("/api/rpc/$")({
   server: {
     handlers: {
       ANY: async ({ request }) => {
         const session = await auth.api.getSession({
           headers: request.headers,
-        })
+        });
 
         const { response } = await handler.handle(request, {
-          prefix: '/api/rpc',
+          prefix: "/api/rpc",
           context: {
             session,
           },
-        })
+        });
 
-        return response ?? new Response('Not Found', { status: 404 })
+        return response ?? new Response("Not Found", { status: 404 });
       },
     },
   },
-})
+});

package/template/apps/platform/tsconfig.json

@@ -1,6 +1,6 @@
 {
   "extends": "@workspace/config-typescript/react.json",
-  "include": ["**/*.ts", "**/*.tsx", "vite.config.ts", "eslint.config.ts", "prettier.config.ts"],
+  "include": ["**/*.ts", "**/*.tsx", "vite.config.ts"],
   "compilerOptions": {
     "target": "ES2022",
     "lib": ["ES2022", "DOM", "DOM.Iterable"],

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

@@ -1,8 +1,8 @@
-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"
+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: [
@@ -18,7 +18,7 @@ const config = defineConfig({
   ],
   resolve: {
     tsconfigPaths: true,
-  }
-})
+  },
+});
 
-export default config
+export default config;

package/template/docker-compose.yml

@@ -1,4 +1,4 @@
-version: '3.8'
+version: "3.8"
 
 services:
   db:

package/template/package.json

@@ -2,11 +2,19 @@
   "name": "croissant-stack",
   "version": "0.0.1",
   "private": true,
+  "workspaces": [
+    "apps/*",
+    "packages/*"
+  ],
   "scripts": {
     "build": "turbo build",
     "dev": "turbo dev",
-    "lint": "turbo lint",
-    "format": "turbo format",
+    "lint": "oxlint --ignore-path .oxlintignore .",
+    "lint:fix": "oxlint --fix --ignore-path .oxlintignore .",
+    "format": "oxfmt --check --ignore-path .oxlintignore",
+    "format:fix": "oxfmt --ignore-path .oxlintignore .",
+    "quality": "turbo quality",
+    "quality:fix": "turbo quality:fix",
     "typecheck": "turbo typecheck",
     "ci": "npm run lint && npm run typecheck && npm run build",
     "db:up": "docker compose up -d",
@@ -21,32 +29,26 @@
   },
   "devDependencies": {
     "@better-auth/core": "^1.6.9",
-    "@tanstack/eslint-config": "0.3.4",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
     "arktype": "^2.2.0",
-    "eslint": "^9.39.4",
+    "expo": "^55.0.17",
+    "expo-router": "~55.0.13",
     "husky": "^9.1.7",
-    "prettier": "^3.8.3",
-    "prettier-plugin-tailwindcss": "^0.7.3",
+    "oxfmt": "^0.46.0",
+    "oxlint": "^1.61.0",
     "turbo": "^2.9.6",
     "typescript": "6.0.3",
-    "vite": "^8.0.10",
-    "expo": "^55.0.17",
-    "expo-router": "~55.0.13",
-    "@types/react": "^19.2.7",
-    "@types/react-dom": "^19.2.3"
+    "vite": "^8.0.10"
+  },
+  "overrides": {
+    "@noble/ciphers": "2.2.0",
+    "drizzle-orm": "^0.45.2",
+    "react": "19.2.5",
+    "react-dom": "19.2.5"
   },
-  "packageManager": "npm@11.13.0",
   "engines": {
     "node": ">=20"
   },
-  "workspaces": [
-    "apps/*",
-    "packages/*"
-  ],
-  "overrides": {
-    "react": "19.2.5",
-    "react-dom": "19.2.5",
-    "@noble/ciphers": "2.2.0",
-    "drizzle-orm": "^0.45.2"
-  }
+  "packageManager": "npm@11.13.0"
 }