create-croissant 0.1.38 → 0.1.40

package/template/apps/platform/src/components/version-switcher.tsx

@@ -1,28 +1,24 @@
-"use client"
+"use client";
 
-import * as React from "react"
+import * as React from "react";
 
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger,
-} from "@workspace/ui/components/dropdown-menu"
-import {
-  SidebarMenu,
-  SidebarMenuButton,
-  SidebarMenuItem,
-} from "@workspace/ui/components/sidebar"
-import { CheckIcon, ChevronsUpDownIcon, GalleryVerticalEndIcon } from "lucide-react"
+} from "@workspace/ui/components/dropdown-menu";
+import { SidebarMenu, SidebarMenuButton, SidebarMenuItem } from "@workspace/ui/components/sidebar";
+import { CheckIcon, ChevronsUpDownIcon, GalleryVerticalEndIcon } from "lucide-react";
 
 export function VersionSwitcher({
   versions,
   defaultVersion,
 }: {
-  versions: Array<string>
-  defaultVersion: string
+  versions: Array<string>;
+  defaultVersion: string;
 }) {
-  const [selectedVersion, setSelectedVersion] = React.useState(defaultVersion)
+  const [selectedVersion, setSelectedVersion] = React.useState(defaultVersion);
   return (
     <SidebarMenu>
       <SidebarMenuItem>
@@ -46,19 +42,13 @@ export function VersionSwitcher({
           </DropdownMenuTrigger>
           <DropdownMenuContent align="start">
             {versions.map((version) => (
-              <DropdownMenuItem
-                key={version}
-                onSelect={() => setSelectedVersion(version)}
-              >
-                v{version}{" "}
-                {version === selectedVersion && (
-                  <CheckIcon className="ml-auto" />
-                )}
+              <DropdownMenuItem key={version} onSelect={() => setSelectedVersion(version)}>
+                v{version} {version === selectedVersion && <CheckIcon className="ml-auto" />}
               </DropdownMenuItem>
             ))}
           </DropdownMenuContent>
         </DropdownMenu>
       </SidebarMenuItem>
     </SidebarMenu>
-  )
+  );
 }

package/template/apps/platform/src/lib/auth-utils.ts

@@ -1,15 +1,13 @@
-import { createServerFn } from "@tanstack/react-start"
-import { getRequest } from "@tanstack/react-start/server"
-import { auth } from "@workspace/auth/lib/auth"
+import { createServerFn } from "@tanstack/react-start";
+import { getRequest } from "@tanstack/react-start/server";
+import { auth } from "@workspace/auth/lib/auth";
 
-export const getSessionFn = createServerFn({ method: "GET" }).handler(
-  async () => {
-    const request = getRequest()
-    
-    const session = await auth.api.getSession({
-      headers: request.headers,
-    })
-    
-    return session
-  }
-)
+export const getSessionFn = createServerFn({ method: "GET" }).handler(async () => {
+  const request = getRequest();
+
+  const session = await auth.api.getSession({
+    headers: request.headers,
+  });
+
+  return session;
+});

package/template/apps/platform/src/lib/orpc.ts

@@ -1,32 +1,32 @@
-import { createORPCClient } from '@orpc/client'
-import { RPCLink } from '@orpc/client/fetch'
-import { createIsomorphicFn } from '@tanstack/react-start'
-import { getRequestHeaders } from '@tanstack/react-start/server'
-import { createRouterClient } from '@orpc/server'
-import { router } from '@workspace/orpc/router'
-import { auth } from '@workspace/auth/lib/auth'
-import type { RouterClient } from '@orpc/server'
+import { createORPCClient } from "@orpc/client";
+import { RPCLink } from "@orpc/client/fetch";
+import { createIsomorphicFn } from "@tanstack/react-start";
+import { getRequestHeaders } from "@tanstack/react-start/server";
+import { createRouterClient } from "@orpc/server";
+import { router } from "@workspace/orpc/router";
+import { auth } from "@workspace/auth/lib/auth";
+import type { RouterClient } from "@orpc/server";
 
 const getORPCClient = createIsomorphicFn()
-  .server(() => 
+  .server(() =>
     createRouterClient(router, {
       context: async () => {
-        const headers = getRequestHeaders()
+        const headers = getRequestHeaders();
         const session = await auth.api.getSession({
           headers,
-        })
+        });
         return {
           session,
-        }
+        };
       },
-    })
+    }),
   )
   .client((): RouterClient<typeof router> => {
     const link = new RPCLink({
       url: `${window.location.origin}/api/rpc`,
-    })
+    });
 
-    return createORPCClient(link)
-  })
+    return createORPCClient(link);
+  });
 
-export const orpc = getORPCClient()
+export const orpc = getORPCClient();

package/template/apps/platform/src/router.tsx

@@ -1,5 +1,5 @@
-import { createRouter as createTanStackRouter } from "@tanstack/react-router"
-import { routeTree } from "./routeTree.gen"
+import { createRouter as createTanStackRouter } from "@tanstack/react-router";
+import { routeTree } from "./routeTree.gen";
 
 export function getRouter() {
   const router = createTanStackRouter({
@@ -8,13 +8,13 @@ export function getRouter() {
     scrollRestoration: true,
     defaultPreload: "intent",
     defaultPreloadStaleTime: 0,
-  })
+  });
 
-  return router
+  return router;
 }
 
 declare module "@tanstack/react-router" {
   interface Register {
-    router: ReturnType<typeof getRouter>
+    router: ReturnType<typeof getRouter>;
   }
 }

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

@@ -1,12 +1,11 @@
-import { HeadContent, Scripts, createRootRoute } from "@tanstack/react-router"
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query"
-import { Toaster } from "@workspace/ui/components/sonner"
-import { ThemeProvider } from "@workspace/ui/components/theme-provider"
+import { HeadContent, Scripts, createRootRoute } from "@tanstack/react-router";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { Toaster } from "@workspace/ui/components/sonner";
+import { ThemeProvider } from "@workspace/ui/components/theme-provider";
 
-import appCss from "@workspace/ui/globals.css?url"
+import appCss from "@workspace/ui/globals.css?url";
 
-
-const queryClient = new QueryClient()
+const queryClient = new QueryClient();
 
 export const Route = createRootRoute({
   head: () => ({
@@ -30,7 +29,7 @@ export const Route = createRootRoute({
     ],
   }),
   shellComponent: RootDocument,
-})
+});
 
 function RootDocument({ children }: { children: React.ReactNode }) {
   return (
@@ -39,15 +38,14 @@ function RootDocument({ children }: { children: React.ReactNode }) {
         <HeadContent />
       </head>
       <body>
-                <ThemeProvider defaultTheme="system" storageKey="theme">
-
-        <QueryClientProvider client={queryClient}>
-          {children}
-          <Toaster />
-        </QueryClientProvider>
+        <ThemeProvider defaultTheme="system" storageKey="theme">
+          <QueryClientProvider client={queryClient}>
+            {children}
+            <Toaster />
+          </QueryClientProvider>
         </ThemeProvider>
         <Scripts />
       </body>
     </html>
-  )
+  );
 }

package/template/apps/platform/src/routes/_auth/account.tsx

@@ -1,23 +1,30 @@
-import * as React from "react"
-import { createFileRoute, redirect } from "@tanstack/react-router"
-import { useForm } from "@tanstack/react-form"
-import { toast } from "sonner"
-import { Loader2, User } from "lucide-react"
-import { type } from "arktype"
+import * as React from "react";
+import { createFileRoute, redirect } from "@tanstack/react-router";
+import { useForm } from "@tanstack/react-form";
+import { toast } from "sonner";
+import { Loader2, User } from "lucide-react";
+import { type } from "arktype";
 
-import { Button } from "@workspace/ui/components/button"
-import { Input } from "@workspace/ui/components/input"
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@workspace/ui/components/card"
-import { Field, FieldError, FieldLabel } from "@workspace/ui/components/field"
-import { Avatar, AvatarFallback, AvatarImage } from "@workspace/ui/components/avatar"
-import { Separator } from "@workspace/ui/components/separator"
+import { Button } from "@workspace/ui/components/button";
+import { Input } from "@workspace/ui/components/input";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from "@workspace/ui/components/card";
+import { Field, FieldError, FieldLabel } from "@workspace/ui/components/field";
+import { Avatar, AvatarFallback, AvatarImage } from "@workspace/ui/components/avatar";
+import { Separator } from "@workspace/ui/components/separator";
 
-import { authClient } from "@/lib/auth-client"
-import { getSessionFn } from "@/lib/auth-utils"
+import { authClient } from "@/lib/auth-client";
+import { getSessionFn } from "@/lib/auth-utils";
 
 const profileSchema = type({
   name: "string>0",
-})
+});
 
 const passwordSchema = type({
   currentPassword: "string>0",
@@ -28,32 +35,32 @@ const passwordSchema = type({
     ctx.error({
       message: "Passwords do not match",
       path: ["confirmPassword"],
-    })
-    return false
+    });
+    return false;
   }
-  return true
-})
+  return true;
+});
 
 export const Route = createFileRoute("/_auth/account")({
   beforeLoad: async () => {
-    const session = await getSessionFn()
+    const session = await getSessionFn();
     if (!session) {
       throw redirect({
         to: "/login",
         search: {
           redirect: "/account",
         },
-      })
+      });
     }
-    return { session }
+    return { session };
   },
   component: AccountPage,
-})
+});
 
 function AccountPage() {
-  const { session } = Route.useRouteContext()
-  const [loading, setLoading] = React.useState(false)
-  const user = session.user
+  const { session } = Route.useRouteContext();
+  const [loading, setLoading] = React.useState(false);
+  const user = session.user;
 
   const profileForm = useForm({
     defaultValues: {
@@ -63,19 +70,19 @@ function AccountPage() {
       onChange: profileSchema,
     },
     onSubmit: async ({ value }) => {
-      setLoading(true)
+      setLoading(true);
       const { error } = await authClient.updateUser({
         name: value.name,
-      })
+      });
 
       if (error) {
-        toast.error(error.message || "Failed to update profile")
+        toast.error(error.message || "Failed to update profile");
       } else {
-        toast.success("Profile updated successfully")
+        toast.success("Profile updated successfully");
       }
-      setLoading(false)
+      setLoading(false);
     },
-  })
+  });
 
   const passwordForm = useForm({
     defaultValues: {
@@ -87,21 +94,21 @@ function AccountPage() {
       onChange: passwordSchema,
     },
     onSubmit: async ({ value }) => {
-      setLoading(true)
+      setLoading(true);
       const { error } = await authClient.changePassword({
         currentPassword: value.currentPassword,
         newPassword: value.newPassword,
-      })
+      });
 
       if (error) {
-        toast.error(error.message || "Failed to change password")
+        toast.error(error.message || "Failed to change password");
       } else {
-        toast.success("Password changed successfully")
-        passwordForm.reset()
+        toast.success("Password changed successfully");
+        passwordForm.reset();
       }
-      setLoading(false)
+      setLoading(false);
     },
-  })
+  });
 
   return (
     <div className="container max-w-4xl py-10">
@@ -136,9 +143,9 @@ function AccountPage() {
 
               <form
                 onSubmit={(e) => {
-                  e.preventDefault()
-                  e.stopPropagation()
-                  profileForm.handleSubmit()
+                  e.preventDefault();
+                  e.stopPropagation();
+                  profileForm.handleSubmit();
                 }}
                 className="space-y-4"
               >
@@ -174,9 +181,9 @@ function AccountPage() {
             <CardContent>
               <form
                 onSubmit={(e) => {
-                  e.preventDefault()
-                  e.stopPropagation()
-                  passwordForm.handleSubmit()
+                  e.preventDefault();
+                  e.stopPropagation();
+                  passwordForm.handleSubmit();
                 }}
                 className="space-y-4"
               >
@@ -248,12 +255,16 @@ function AccountPage() {
               <Button
                 variant="destructive"
                 onClick={async () => {
-                  if (confirm("Are you sure you want to delete your account? This action cannot be undone.")) {
-                    const { error } = await authClient.deleteUser()
+                  if (
+                    confirm(
+                      "Are you sure you want to delete your account? This action cannot be undone.",
+                    )
+                  ) {
+                    const { error } = await authClient.deleteUser();
                     if (error) {
-                      toast.error(error.message || "Failed to delete account")
+                      toast.error(error.message || "Failed to delete account");
                     } else {
-                      window.location.href = "/"
+                      window.location.href = "/";
                     }
                   }
                 }}
@@ -265,5 +276,5 @@ function AccountPage() {
         </div>
       </div>
     </div>
-  )
+  );
 }

package/template/apps/platform/src/routes/_auth/dashboard.tsx

@@ -1,32 +1,32 @@
-import { createFileRoute, redirect } from "@tanstack/react-router"
-import { getSessionFn } from "@/lib/auth-utils"
-import { authClient } from "@/lib/auth-client"
-import { orpc } from "@/lib/orpc"
+import { createFileRoute, redirect } from "@tanstack/react-router";
+import { getSessionFn } from "@/lib/auth-utils";
+import { authClient } from "@/lib/auth-client";
+import { orpc } from "@/lib/orpc";
 
 export const Route = createFileRoute("/_auth/dashboard")({
   beforeLoad: async () => {
-    const session = await getSessionFn()
+    const session = await getSessionFn();
     if (!session) {
       throw redirect({
         to: "/",
-      })
+      });
     }
-    return { session }
+    return { session };
   },
   loader: async () => {
     try {
-      const data = await orpc.getSecretData()
-      return { secretData: data.secret }
+      const data = await orpc.getSecretData();
+      return { secretData: data.secret };
     } catch (err: any) {
-      return { secretData: "Error: " + (err.message || "Unknown error") }
+      return { secretData: "Error: " + (err.message || "Unknown error") };
     }
   },
   component: Dashboard,
-})
+});
 
 function Dashboard() {
-  const { session } = Route.useRouteContext()
-  const { secretData } = Route.useLoaderData()
+  const { session } = Route.useRouteContext();
+  const { secretData } = Route.useLoaderData();
 
   return (
     <div className="flex min-h-svh p-6">
@@ -35,7 +35,7 @@ function Dashboard() {
           <h1 className="text-2xl font-bold">Dashboard</h1>
           <p>Welcome, {session.user.name}!</p>
           <p>This is a protected page. Only authenticated users can see this.</p>
-          
+
           <div className="mt-6 rounded-lg border bg-gray-50 p-4">
             <h2 className="font-semibold mb-2">Secure oRPC Data:</h2>
             <p className="font-mono text-xs">{secretData}</p>
@@ -44,8 +44,8 @@ function Dashboard() {
           <div className="mt-4 flex gap-2">
             <button
               onClick={async () => {
-                await authClient.signOut()
-                window.location.href = "/"
+                await authClient.signOut();
+                window.location.href = "/";
               }}
               className="rounded bg-red-500 px-4 py-2 text-white hover:bg-red-600"
             >
@@ -55,5 +55,5 @@ function Dashboard() {
         </div>
       </div>
     </div>
-  )
+  );
 }

package/template/apps/platform/src/routes/_auth/examples/client-orpc-auth.tsx

@@ -1,37 +1,37 @@
-import { createFileRoute, redirect } from "@tanstack/react-router"
-import { useQuery } from "@tanstack/react-query"
-import { getSessionFn } from "@/lib/auth-utils"
-import { orpc } from "@/lib/orpc"
+import { createFileRoute, redirect } from "@tanstack/react-router";
+import { useQuery } from "@tanstack/react-query";
+import { getSessionFn } from "@/lib/auth-utils";
+import { orpc } from "@/lib/orpc";
 
 export const Route = createFileRoute("/_auth/examples/client-orpc-auth")({
   beforeLoad: async () => {
-    const session = await getSessionFn()
+    const session = await getSessionFn();
     if (!session) {
       throw redirect({
         to: "/login",
         search: {
           redirect: "/examples/client-orpc-auth",
         },
-      })
+      });
     }
-    return { session }
+    return { session };
   },
   component: ClientORPCAuth,
-})
+});
 
 function ClientORPCAuth() {
-  const { session } = Route.useRouteContext()
-  
+  const { session } = Route.useRouteContext();
+
   const { data, isLoading } = useQuery({
     queryKey: ["secret-data"],
     queryFn: () => orpc.getSecretData(),
-  })
+  });
 
   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 using TanStack Query.</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>
@@ -46,5 +46,5 @@ function ClientORPCAuth() {
         )}
       </div>
     </div>
-  )
+  );
 }

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

@@ -1,43 +1,43 @@
-import { createFileRoute, redirect } from "@tanstack/react-router"
-import { createServerFn } from "@tanstack/react-start"
-import { getSessionFn } from "@/lib/auth-utils"
-import { orpc } from "@/lib/orpc"
+import { createFileRoute, redirect } from "@tanstack/react-router";
+import { createServerFn } from "@tanstack/react-start";
+import { getSessionFn } from "@/lib/auth-utils";
+import { orpc } from "@/lib/orpc";
 
 const getSecretData = createServerFn({ method: "GET" }).handler(async () => {
   try {
-    const secretData = await orpc.getSecretData()
-    return { secretData }
+    const secretData = await orpc.getSecretData();
+    return { secretData };
   } catch (err) {
-    return { secretData: null, error: "Failed to fetch secret data" }
+    return { secretData: null, error: "Failed to fetch secret data" };
   }
-})
+});
 
 export const Route = createFileRoute("/_auth/examples/ssr-orpc-auth")({
   beforeLoad: async () => {
-    const session = await getSessionFn()
+    const session = await getSessionFn();
     if (!session) {
       throw redirect({
         to: "/login",
         search: {
           redirect: "/examples/ssr-orpc-auth",
         },
-      })
+      });
     }
-    return { session }
+    return { session };
   },
   loader: () => getSecretData(),
   component: SSRORPCAuth,
-})
+});
 
 function SSRORPCAuth() {
-  const { session } = Route.useRouteContext()
-  const { secretData, error } = Route.useLoaderData()
+  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>
@@ -52,5 +52,5 @@ function SSRORPCAuth() {
         )}
       </div>
     </div>
-  )
+  );
 }

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

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