create-croissant 0.1.1 → 0.1.2

package/template/apps/web/src/routeTree.gen.ts

@@ -9,13 +9,28 @@
 // Additionally, you should also exclude this file from your linter and/or formatter to prevent it from being checked or modified.
 
 import { Route as rootRouteImport } from './routes/__root'
+import { Route as SsrOrpcAuthRouteImport } from './routes/ssr-orpc-auth'
+import { Route as SsrOrpcRouteImport } from './routes/ssr-orpc'
 import { Route as SignupRouteImport } from './routes/signup'
 import { Route as LoginRouteImport } from './routes/login'
+import { Route as IsrRouteImport } from './routes/isr'
 import { Route as DashboardRouteImport } from './routes/dashboard'
+import { Route as ClientOrpcAuthRouteImport } from './routes/client-orpc-auth'
+import { Route as ClientOrpcRouteImport } from './routes/client-orpc'
 import { Route as IndexRouteImport } from './routes/index'
 import { Route as ApiRpcSplatRouteImport } from './routes/api/rpc.$'
 import { Route as ApiAuthSplatRouteImport } from './routes/api/auth/$'
 
+const SsrOrpcAuthRoute = SsrOrpcAuthRouteImport.update({
+  id: '/ssr-orpc-auth',
+  path: '/ssr-orpc-auth',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const SsrOrpcRoute = SsrOrpcRouteImport.update({
+  id: '/ssr-orpc',
+  path: '/ssr-orpc',
+  getParentRoute: () => rootRouteImport,
+} as any)
 const SignupRoute = SignupRouteImport.update({
   id: '/signup',
   path: '/signup',
@@ -26,11 +41,26 @@ const LoginRoute = LoginRouteImport.update({
   path: '/login',
   getParentRoute: () => rootRouteImport,
 } as any)
+const IsrRoute = IsrRouteImport.update({
+  id: '/isr',
+  path: '/isr',
+  getParentRoute: () => rootRouteImport,
+} as any)
 const DashboardRoute = DashboardRouteImport.update({
   id: '/dashboard',
   path: '/dashboard',
   getParentRoute: () => rootRouteImport,
 } as any)
+const ClientOrpcAuthRoute = ClientOrpcAuthRouteImport.update({
+  id: '/client-orpc-auth',
+  path: '/client-orpc-auth',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const ClientOrpcRoute = ClientOrpcRouteImport.update({
+  id: '/client-orpc',
+  path: '/client-orpc',
+  getParentRoute: () => rootRouteImport,
+} as any)
 const IndexRoute = IndexRouteImport.update({
   id: '/',
   path: '/',
@@ -49,26 +79,41 @@ const ApiAuthSplatRoute = ApiAuthSplatRouteImport.update({
 
 export interface FileRoutesByFullPath {
   '/': typeof IndexRoute
+  '/client-orpc': typeof ClientOrpcRoute
+  '/client-orpc-auth': typeof ClientOrpcAuthRoute
   '/dashboard': typeof DashboardRoute
+  '/isr': typeof IsrRoute
   '/login': typeof LoginRoute
   '/signup': typeof SignupRoute
+  '/ssr-orpc': typeof SsrOrpcRoute
+  '/ssr-orpc-auth': typeof SsrOrpcAuthRoute
   '/api/auth/$': typeof ApiAuthSplatRoute
   '/api/rpc/$': typeof ApiRpcSplatRoute
 }
 export interface FileRoutesByTo {
   '/': typeof IndexRoute
+  '/client-orpc': typeof ClientOrpcRoute
+  '/client-orpc-auth': typeof ClientOrpcAuthRoute
   '/dashboard': typeof DashboardRoute
+  '/isr': typeof IsrRoute
   '/login': typeof LoginRoute
   '/signup': typeof SignupRoute
+  '/ssr-orpc': typeof SsrOrpcRoute
+  '/ssr-orpc-auth': typeof SsrOrpcAuthRoute
   '/api/auth/$': typeof ApiAuthSplatRoute
   '/api/rpc/$': typeof ApiRpcSplatRoute
 }
 export interface FileRoutesById {
   __root__: typeof rootRouteImport
   '/': typeof IndexRoute
+  '/client-orpc': typeof ClientOrpcRoute
+  '/client-orpc-auth': typeof ClientOrpcAuthRoute
   '/dashboard': typeof DashboardRoute
+  '/isr': typeof IsrRoute
   '/login': typeof LoginRoute
   '/signup': typeof SignupRoute
+  '/ssr-orpc': typeof SsrOrpcRoute
+  '/ssr-orpc-auth': typeof SsrOrpcAuthRoute
   '/api/auth/$': typeof ApiAuthSplatRoute
   '/api/rpc/$': typeof ApiRpcSplatRoute
 }
@@ -76,34 +121,74 @@ export interface FileRouteTypes {
   fileRoutesByFullPath: FileRoutesByFullPath
   fullPaths:
     | '/'
+    | '/client-orpc'
+    | '/client-orpc-auth'
     | '/dashboard'
+    | '/isr'
     | '/login'
     | '/signup'
+    | '/ssr-orpc'
+    | '/ssr-orpc-auth'
     | '/api/auth/$'
     | '/api/rpc/$'
   fileRoutesByTo: FileRoutesByTo
-  to: '/' | '/dashboard' | '/login' | '/signup' | '/api/auth/$' | '/api/rpc/$'
+  to:
+    | '/'
+    | '/client-orpc'
+    | '/client-orpc-auth'
+    | '/dashboard'
+    | '/isr'
+    | '/login'
+    | '/signup'
+    | '/ssr-orpc'
+    | '/ssr-orpc-auth'
+    | '/api/auth/$'
+    | '/api/rpc/$'
   id:
     | '__root__'
     | '/'
+    | '/client-orpc'
+    | '/client-orpc-auth'
     | '/dashboard'
+    | '/isr'
     | '/login'
     | '/signup'
+    | '/ssr-orpc'
+    | '/ssr-orpc-auth'
     | '/api/auth/$'
     | '/api/rpc/$'
   fileRoutesById: FileRoutesById
 }
 export interface RootRouteChildren {
   IndexRoute: typeof IndexRoute
+  ClientOrpcRoute: typeof ClientOrpcRoute
+  ClientOrpcAuthRoute: typeof ClientOrpcAuthRoute
   DashboardRoute: typeof DashboardRoute
+  IsrRoute: typeof IsrRoute
   LoginRoute: typeof LoginRoute
   SignupRoute: typeof SignupRoute
+  SsrOrpcRoute: typeof SsrOrpcRoute
+  SsrOrpcAuthRoute: typeof SsrOrpcAuthRoute
   ApiAuthSplatRoute: typeof ApiAuthSplatRoute
   ApiRpcSplatRoute: typeof ApiRpcSplatRoute
 }
 
 declare module '@tanstack/react-router' {
   interface FileRoutesByPath {
+    '/ssr-orpc-auth': {
+      id: '/ssr-orpc-auth'
+      path: '/ssr-orpc-auth'
+      fullPath: '/ssr-orpc-auth'
+      preLoaderRoute: typeof SsrOrpcAuthRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/ssr-orpc': {
+      id: '/ssr-orpc'
+      path: '/ssr-orpc'
+      fullPath: '/ssr-orpc'
+      preLoaderRoute: typeof SsrOrpcRouteImport
+      parentRoute: typeof rootRouteImport
+    }
     '/signup': {
       id: '/signup'
       path: '/signup'
@@ -118,6 +203,13 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof LoginRouteImport
       parentRoute: typeof rootRouteImport
     }
+    '/isr': {
+      id: '/isr'
+      path: '/isr'
+      fullPath: '/isr'
+      preLoaderRoute: typeof IsrRouteImport
+      parentRoute: typeof rootRouteImport
+    }
     '/dashboard': {
       id: '/dashboard'
       path: '/dashboard'
@@ -125,6 +217,20 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof DashboardRouteImport
       parentRoute: typeof rootRouteImport
     }
+    '/client-orpc-auth': {
+      id: '/client-orpc-auth'
+      path: '/client-orpc-auth'
+      fullPath: '/client-orpc-auth'
+      preLoaderRoute: typeof ClientOrpcAuthRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/client-orpc': {
+      id: '/client-orpc'
+      path: '/client-orpc'
+      fullPath: '/client-orpc'
+      preLoaderRoute: typeof ClientOrpcRouteImport
+      parentRoute: typeof rootRouteImport
+    }
     '/': {
       id: '/'
       path: '/'
@@ -151,9 +257,14 @@ declare module '@tanstack/react-router' {
 
 const rootRouteChildren: RootRouteChildren = {
   IndexRoute: IndexRoute,
+  ClientOrpcRoute: ClientOrpcRoute,
+  ClientOrpcAuthRoute: ClientOrpcAuthRoute,
   DashboardRoute: DashboardRoute,
+  IsrRoute: IsrRoute,
   LoginRoute: LoginRoute,
   SignupRoute: SignupRoute,
+  SsrOrpcRoute: SsrOrpcRoute,
+  SsrOrpcAuthRoute: SsrOrpcAuthRoute,
   ApiAuthSplatRoute: ApiAuthSplatRoute,
   ApiRpcSplatRoute: ApiRpcSplatRoute,
 }

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

@@ -1,6 +1,8 @@
 import { HeadContent, Scripts, createRootRoute } from "@tanstack/react-router"
+import { SidebarProvider, SidebarTrigger } from "@workspace/ui/components/sidebar"
 
 import appCss from "@workspace/ui/globals.css?url"
+import { AppSidebar } from "@/components/app-sidebar"
 
 export const Route = createRootRoute({
   head: () => ({
@@ -33,7 +35,17 @@ function RootDocument({ children }: { children: React.ReactNode }) {
         <HeadContent />
       </head>
       <body>
-        {children}
+        <SidebarProvider>
+          <AppSidebar />
+          <main className="flex flex-1 flex-col overflow-hidden">
+            <header className="flex h-16 shrink-0 items-center gap-2 border-b px-4">
+              <SidebarTrigger />
+            </header>
+            <div className="flex-1 overflow-auto p-4">
+              {children}
+            </div>
+          </main>
+        </SidebarProvider>
         <Scripts />
       </body>
     </html>

package/template/apps/web/src/routes/client-orpc-auth.tsx

@@ -0,0 +1,62 @@
+import * as React from "react"
+import { createFileRoute, redirect } from "@tanstack/react-router"
+import { getSessionFn } from "../lib/auth-utils"
+import { orpc } from "../lib/orpc"
+
+export const Route = createFileRoute("/client-orpc-auth")({
+  beforeLoad: async () => {
+    const session = await getSessionFn()
+    if (!session) {
+      throw redirect({
+        to: "/login",
+        search: {
+          redirect: "/client-orpc-auth",
+        },
+      })
+    }
+    return { session }
+  },
+  component: ClientORPCAuth,
+})
+
+function ClientORPCAuth() {
+  const { session } = Route.useRouteContext()
+  const [data, setData] = React.useState<any>(null)
+  const [loading, setLoading] = React.useState(true)
+
+  React.useEffect(() => {
+    const fetchData = async () => {
+      try {
+        const res = await orpc.getSecretData()
+        setData(res)
+      } catch (err) {
+        console.error(err)
+      } finally {
+        setLoading(false)
+      }
+    }
+
+    fetchData()
+  }, [])
+
+  return (
+    <div className="flex flex-col gap-4">
+      <h1 className="text-2xl font-bold">Client + oRPC (Authenticated)</h1>
+      <p>This page is protected and fetches secret data on the client.</p>
+      
+      <div className="rounded-lg border p-4">
+        <h2 className="font-semibold">User Session:</h2>
+        <pre className="text-xs bg-muted p-2 rounded">{JSON.stringify(session, null, 2)}</pre>
+      </div>
+
+      <div className="rounded-lg border p-4">
+        <h2 className="font-semibold">Secret Data (Client-side):</h2>
+        {loading ? (
+          <p>Loading...</p>
+        ) : (
+          <pre className="text-xs bg-muted p-2 rounded">{JSON.stringify(data, null, 2)}</pre>
+        )}
+      </div>
+    </div>
+  )
+}

package/template/apps/web/src/routes/client-orpc.tsx

@@ -0,0 +1,43 @@
+import * as React from "react"
+import { createFileRoute } from "@tanstack/react-router"
+import { orpc } from "../lib/orpc"
+
+export const Route = createFileRoute("/client-orpc")({
+  component: ClientORPC,
+})
+
+function ClientORPC() {
+  const [data, setData] = React.useState<any>(null)
+  const [loading, setLoading] = React.useState(true)
+
+  React.useEffect(() => {
+    const fetchData = async () => {
+      try {
+        const res = await orpc.hello({ name: "Client User" })
+        setData(res)
+      } catch (err) {
+        console.error(err)
+      } finally {
+        setLoading(false)
+      }
+    }
+
+    fetchData()
+  }, [])
+
+  return (
+    <div className="flex flex-col gap-4">
+      <h1 className="text-2xl font-bold">Client + oRPC Example</h1>
+      <p>This page fetches data on the client using the oRPC client.</p>
+      
+      <div className="rounded-lg border p-4">
+        <h2 className="font-semibold">Message from oRPC (Client-side):</h2>
+        {loading ? (
+          <p>Loading...</p>
+        ) : (
+          <p>{data?.message}</p>
+        )}
+      </div>
+    </div>
+  )
+}

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

@@ -0,0 +1,33 @@
+import { createFileRoute } from "@tanstack/react-router"
+
+export const Route = createFileRoute("/isr")({
+  loader: () => {
+    // In a real ISR scenario, this would be cached on the server
+    // For this example, we'll just show the time it was "generated"
+    return {
+      generatedAt: new Date().toISOString(),
+      message: "This page is an example of ISR. In a production build with proper configuration, this data would be cached and updated in the background.",
+    }
+  },
+  component: ISRExample,
+})
+
+function ISRExample() {
+  const { generatedAt, message } = Route.useLoaderData()
+
+  return (
+    <div className="flex flex-col gap-4">
+      <h1 className="text-2xl font-bold">ISR Example</h1>
+      <p>{message}</p>
+      
+      <div className="rounded-lg border p-4">
+        <h2 className="font-semibold">Generated At:</h2>
+        <p className="font-mono">{generatedAt}</p>
+      </div>
+      
+      <p className="text-sm text-muted-foreground">
+        Refresh the page to see if the time updates. In a true ISR setup, it would only update after a certain interval.
+      </p>
+    </div>
+  )
+}

package/template/apps/web/src/routes/ssr-orpc-auth.tsx

@@ -0,0 +1,53 @@
+import { createFileRoute, redirect } from "@tanstack/react-router"
+import { getSessionFn } from "../lib/auth-utils"
+import { orpc } from "../lib/orpc"
+
+export const Route = createFileRoute("/ssr-orpc-auth")({
+  beforeLoad: async () => {
+    const session = await getSessionFn()
+    if (!session) {
+      throw redirect({
+        to: "/login",
+        search: {
+          redirect: "/ssr-orpc-auth",
+        },
+      })
+    }
+    return { session }
+  },
+  loader: async () => {
+    try {
+      const secretData = await orpc.getSecretData()
+      return { secretData }
+    } catch (err) {
+      return { secretData: null, error: "Failed to fetch secret data" }
+    }
+  },
+  component: SSRORPCAuth,
+})
+
+function SSRORPCAuth() {
+  const { session } = Route.useRouteContext()
+  const { secretData, error } = Route.useLoaderData()
+
+  return (
+    <div className="flex flex-col gap-4">
+      <h1 className="text-2xl font-bold">SSR + oRPC (Authenticated)</h1>
+      <p>This page is protected and fetches secret data on the server.</p>
+      
+      <div className="rounded-lg border p-4">
+        <h2 className="font-semibold">User Session:</h2>
+        <pre className="text-xs bg-muted p-2 rounded">{JSON.stringify(session, null, 2)}</pre>
+      </div>
+
+      <div className="rounded-lg border p-4">
+        <h2 className="font-semibold">Secret Data:</h2>
+        {error ? (
+          <p className="text-destructive">{error}</p>
+        ) : (
+          <pre className="text-xs bg-muted p-2 rounded">{JSON.stringify(secretData, null, 2)}</pre>
+        )}
+      </div>
+    </div>
+  )
+}

package/template/apps/web/src/routes/ssr-orpc.tsx

@@ -0,0 +1,36 @@
+import { createFileRoute } from "@tanstack/react-router"
+import { orpc } from "../lib/orpc"
+
+export const Route = createFileRoute("/ssr-orpc")({
+  loader: async () => {
+    const data = await orpc.hello({ name: "SSR User" })
+    const planets = await orpc.getPlanets()
+    return { data, planets }
+  },
+  component: SSRORPC,
+})
+
+function SSRORPC() {
+  const { data, planets } = Route.useLoaderData()
+
+  return (
+    <div className="flex flex-col gap-4">
+      <h1 className="text-2xl font-bold">SSR + oRPC Example</h1>
+      <p>This page fetches data on the server using oRPC in a loader.</p>
+      
+      <div className="rounded-lg border p-4">
+        <h2 className="font-semibold">Message from oRPC:</h2>
+        <p>{data.message}</p>
+      </div>
+
+      <div className="rounded-lg border p-4">
+        <h2 className="font-semibold">Planets from DB:</h2>
+        <ul className="list-disc ml-6">
+          {planets.map((planet) => (
+            <li key={planet.id}>{planet.name}</li>
+          ))}
+        </ul>
+      </div>
+    </div>
+  )
+}

package/template/package.json

@@ -14,8 +14,8 @@
     "update-deps": "npx npm-check-updates -u -w --root && npm install"
   },
   "devDependencies": {
-    "@tanstack/eslint-config": "0.3.4",
-    "eslint": "9.39.4",
+    "@tanstack/eslint-config": "0.4.0",
+    "eslint": "10.2.1",
     "prettier": "^3.8.1",
     "prettier-plugin-tailwindcss": "^0.7.2",
     "turbo": "^2.8.17",

package/template/packages/auth/package.json

@@ -10,7 +10,7 @@
     "generate": "better-auth generate --output ../db/src/lib/auth-schema.ts"
   },
   "dependencies": {
-    "better-auth": "^1.6.6",
+    "better-auth": "^1.6.7",
     "@workspace/db": "*"
   },
   "devDependencies": {

package/template/packages/orpc/package.json

@@ -9,14 +9,12 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@orpc/client": "*",
-    "@orpc/server": "*",
+    "@orpc/client": "^1.14.0",
+    "@orpc/server": "^1.14.0",
     "@workspace/auth": "*",
     "@workspace/db": "*",
     "zod": "^4.3.6"
   },
-  "devDependencies": {
-  },
   "exports": {
     "./router": "./src/lib/router.ts"
   }