create-croissant 0.1.50 → 0.1.52

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-croissant",
-  "version": "0.1.50",
+  "version": "0.1.52",
   "description": "Scaffold a new project using the Croissant Stack",
   "repository": {
     "type": "git",

package/template/apps/desktop/package.json

@@ -21,17 +21,11 @@
   "dependencies": {
     "@electron-toolkit/preload": "^3.0.2",
     "@electron-toolkit/utils": "^4.0.0",
-    "@orpc/client": "^1.14.3",
-    "@orpc/server": "^1.14.3",
-    "@orpc/tanstack-query": "^1.14.3",
     "@tailwindcss/vite": "^4.2.4",
-    "@tanstack/react-form": "^1.32.0",
-    "@tanstack/react-query": "^5.100.10",
     "@tanstack/react-router": "^1.169.2",
     "@workspace/auth": "workspace:*",
     "@workspace/orpc": "workspace:*",
     "@workspace/ui": "workspace:*",
-    "better-auth": "^1.6.11",
     "electron-updater": "^6.3.9",
     "lucide-react": "^1.14.0",
     "react": "19.2.5",
@@ -44,6 +38,8 @@
     "@tanstack/react-router-devtools": "^1.166.13",
     "@tanstack/router-plugin": "^1.167.35",
     "@types/node": "^22.19.1",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^5.1.1",
     "@workspace/config-typescript": "workspace:*",
     "electron": "39.8.9",

package/template/apps/desktop/src/renderer/src/components/app-sidebar.tsx

@@ -18,7 +18,7 @@ import {
 import { Avatar, AvatarFallback, AvatarImage } from "@workspace/ui/components/avatar";
 import { ModeToggle } from "@workspace/ui/components/mode-toggle";
 
-import { authClient } from "@/lib/auth-client";
+import { authClient } from "@renderer/lib/auth-client";
 
 // This is sample data.
 export const authNavItems = [

package/template/apps/desktop/src/renderer/src/components/login-form.tsx

@@ -20,7 +20,7 @@ import { Link, useNavigate } from "@tanstack/react-router";
 import { useForm } from "@tanstack/react-form";
 import { z } from "zod";
 
-import { authClient } from "@/lib/auth-client";
+import { authClient } from "@renderer/lib/auth-client";
 
 const loginSchema = z.object({
   email: z.string().email("Invalid email address"),
@@ -128,13 +128,17 @@ export function LoginForm({ className, ...props }: React.ComponentProps<"div">)
               />
               <Field>
                 <form.Subscribe
-                  selector={(state) => [state.canSubmit, state.isSubmitting]}
-                  children={([canSubmit, isSubmitting]) => (
-                    <Button type="submit" disabled={!canSubmit || isSubmitting || loading}>
-                      {isSubmitting || loading ? "Logging in..." : "Login"}
+                  selector={(state) => ({
+                    canSubmit: state.canSubmit,
+                    isSubmitting: state.isSubmitting,
+                  })}
+                >
+                  {(state: { canSubmit: boolean; isSubmitting: boolean }) => (
+                    <Button type="submit" disabled={!state.canSubmit || state.isSubmitting || loading}>
+                      {state.isSubmitting || loading ? "Logging in..." : "Login"}
                     </Button>
                   )}
-                />
+                </form.Subscribe>
                 <Button variant="outline" type="button" disabled={loading}>
                   Login with Google
                 </Button>

package/template/apps/desktop/src/renderer/src/components/signup-form.tsx

@@ -18,7 +18,7 @@ import { useState } from "react";
 import { Link, useNavigate } from "@tanstack/react-router";
 import { useForm } from "@tanstack/react-form";
 import { z } from "zod";
-import { authClient } from "@/lib/auth-client";
+import { authClient } from "@renderer/lib/auth-client";
 
 const signupSchema = z
   .object({
@@ -174,14 +174,18 @@ export function SignupForm({ ...props }: React.ComponentProps<typeof Card>) {
             />
             <FieldGroup>
               <Field>
-                <form.Subscribe
-                  selector={(state) => [state.canSubmit, state.isSubmitting]}
-                  children={([canSubmit, isSubmitting]) => (
-                    <Button type="submit" disabled={!canSubmit || isSubmitting || loading}>
-                      {isSubmitting || loading ? "Creating..." : "Create Account"}
-                    </Button>
-                  )}
-                />
+              <form.Subscribe
+                selector={(state) => ({
+                  canSubmit: state.canSubmit,
+                  isSubmitting: state.isSubmitting,
+                })}
+              >
+                {(state: { canSubmit: boolean; isSubmitting: boolean }) => (
+                  <Button type="submit" disabled={!state.canSubmit || state.isSubmitting || loading}>
+                    {state.isSubmitting || loading ? "Creating..." : "Create Account"}
+                  </Button>
+                )}
+              </form.Subscribe>
                 <Button variant="outline" type="button" disabled={loading}>
                   Sign up with Google
                 </Button>

package/template/apps/desktop/src/renderer/src/env.d.ts

@@ -1 +1,6 @@
 /// <reference types="vite/client" />
+
+declare module "@workspace/ui/globals.css" {
+  const content: any;
+  export default content;
+}

package/template/apps/desktop/src/renderer/src/routes/__root.tsx

@@ -3,7 +3,7 @@ import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { Toaster } from "@workspace/ui/components/sonner";
 import { ThemeProvider } from "@workspace/ui/components/theme-provider";
 import { ORPCProvider } from "@workspace/orpc/react";
-import { orpc } from "@/lib/orpc";
+import { orpc } from "@renderer/lib/orpc";
 import { TanStackRouterDevtools } from "@tanstack/react-router-devtools";
 
 import "@workspace/ui/globals.css";

package/template/apps/desktop/src/renderer/src/routes/_auth/account.tsx

@@ -19,7 +19,7 @@ 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 { authClient } from "@renderer/lib/auth-client";
 
 const profileSchema = z.object({
   name: z.string().min(1, "Name is required"),

package/template/apps/desktop/src/renderer/src/routes/_auth/dashboard.tsx

@@ -1,5 +1,5 @@
 import { createFileRoute } from "@tanstack/react-router";
-import { authClient } from "@/lib/auth-client";
+import { authClient } from "@renderer/lib/auth-client";
 import { useSecretData } from "@workspace/orpc/react";
 
 export const Route = createFileRoute("/_auth/dashboard")({

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

@@ -1,6 +1,6 @@
 import { createFileRoute } from "@tanstack/react-router";
 import { useSecretData } from "@workspace/orpc/react";
-import { authClient } from "@/lib/auth-client";
+import { authClient } from "@renderer/lib/auth-client";
 
 export const Route = createFileRoute("/_auth/examples/client-orpc-auth")({
   component: ClientORPCAuth,

package/template/apps/desktop/src/renderer/src/routes/_auth.tsx

@@ -1,7 +1,7 @@
 import { Outlet, createFileRoute, redirect } from "@tanstack/react-router";
 import { SidebarProvider, SidebarTrigger } from "@workspace/ui/components/sidebar";
-import { AuthSidebar } from "@/components/app-sidebar";
-import { authClient } from "@/lib/auth-client";
+import { AuthSidebar } from "@renderer/components/app-sidebar";
+import { authClient } from "@renderer/lib/auth-client";
 
 export const Route = createFileRoute("/_auth")({
   beforeLoad: async ({ location }) => {

package/template/apps/desktop/src/renderer/src/routes/_public/examples/client-orpc.tsx

@@ -216,24 +216,28 @@ function ClientORPC() {
           </div>
           <div className="mt-6 flex gap-2">
             <form.Subscribe
-              selector={(state) => [state.canSubmit, state.isSubmitting]}
-              children={([canSubmit, isSubmitting]) => (
+              selector={(state) => ({
+                canSubmit: state.canSubmit,
+                isSubmitting: state.isSubmitting,
+              })}
+            >
+              {(state: { canSubmit: boolean; isSubmitting: boolean }) => (
                 <>
                   {editingId ? (
                     <>
                       <Button
                         type="submit"
                         className="flex items-center gap-2"
-                        disabled={!canSubmit || isSubmitting || updateMutation.isPending}
+                        disabled={!state.canSubmit || state.isSubmitting || updateMutation.isPending}
                       >
                         <Check className="h-4 w-4" />{" "}
-                        {isSubmitting || updateMutation.isPending ? "Saving..." : "Save Changes"}
+                        {state.isSubmitting || updateMutation.isPending ? "Saving..." : "Save Changes"}
                       </Button>
                       <Button
                         variant="outline"
                         type="button"
                         onClick={resetForm}
-                        disabled={isSubmitting || updateMutation.isPending}
+                        disabled={state.isSubmitting || updateMutation.isPending}
                       >
                         Cancel
                       </Button>
@@ -242,15 +246,15 @@ function ClientORPC() {
                     <Button
                       type="submit"
                       className="flex items-center gap-2"
-                      disabled={!canSubmit || isSubmitting || createMutation.isPending}
+                      disabled={!state.canSubmit || state.isSubmitting || createMutation.isPending}
                     >
                       <Plus className="h-4 w-4" />{" "}
-                      {isSubmitting || createMutation.isPending ? "Adding..." : "Add Planet"}
+                      {state.isSubmitting || createMutation.isPending ? "Adding..." : "Add Planet"}
                     </Button>
                   )}
                 </>
               )}
-            />
+            </form.Subscribe>
           </div>
         </form>
       </div>

package/template/apps/desktop/src/renderer/src/routes/_public/login.tsx

@@ -1,5 +1,5 @@
 import { createFileRoute } from "@tanstack/react-router";
-import { LoginForm } from "@/components/login-form";
+import { LoginForm } from "@renderer/components/login-form";
 
 export const Route = createFileRoute("/_public/login")({
   component: Login,

package/template/apps/desktop/src/renderer/src/routes/_public/signup.tsx

@@ -1,5 +1,5 @@
 import { createFileRoute } from "@tanstack/react-router";
-import { SignupForm } from "@/components/signup-form";
+import { SignupForm } from "@renderer/components/signup-form";
 
 export const Route = createFileRoute("/_public/signup")({
   component: Signup,

package/template/apps/desktop/src/renderer/src/routes/_public.tsx

@@ -1,6 +1,6 @@
 import { Outlet, createFileRoute } from "@tanstack/react-router";
 import { SidebarProvider, SidebarTrigger } from "@workspace/ui/components/sidebar";
-import { PublicSidebar } from "@/components/app-sidebar";
+import { PublicSidebar } from "@renderer/components/app-sidebar";
 
 export const Route = createFileRoute("/_public")({
   component: PublicLayout,

package/template/apps/desktop/tsconfig.web.json

@@ -10,7 +10,6 @@
   "compilerOptions": {
     "composite": true,
     "paths": {
-      "@/*": ["./src/renderer/src/*"],
       "@renderer/*": ["./src/renderer/src/*"],
       "@main/*": ["./src/main/src/*"],
       "@preload/*": ["./src/preload/src/*"]

package/template/apps/mobile/package.json

@@ -27,8 +27,8 @@
     "expo-symbols": "~1.0.8",
     "expo-system-ui": "~6.0.9",
     "expo-web-browser": "~15.0.10",
-    "react": "19.1.0",
-    "react-dom": "19.1.0",
+    "react": "19.2.5",
+    "react-dom": "19.2.5",
     "react-native": "0.81.5",
     "react-native-gesture-handler": "~2.28.0",
     "react-native-worklets": "0.5.1",
@@ -39,7 +39,8 @@
   },
   "devDependencies": {
     "@workspace/config-typescript": "workspace:*",
-    "@types/react": "~19.1.0"
+    "@types/react": "19.2.14",
+    "@types/react-dom": "19.2.3"
   },
   "private": true
 }

package/template/apps/platform/package.json

@@ -13,28 +13,25 @@
   },
   "dependencies": {
     "@noble/ciphers": "^2.2.0",
-    "@orpc/client": "^1.14.0",
-    "@orpc/server": "^1.14.0",
-    "@orpc/tanstack-query": "^1.14.0",
     "@tailwindcss/vite": "^4.2.4",
-    "@tanstack/react-form": "^1.29.1",
-    "@tanstack/react-query": "^5.100.5",
     "@tanstack/react-router": "^1.168.24",
     "@tanstack/react-start": "^1.167.49",
     "@tanstack/router-plugin": "^1.167.27",
     "@workspace/auth": "workspace:*",
     "@workspace/orpc": "workspace:*",
     "@workspace/ui": "workspace:*",
-    "better-auth": "^1.6.9",
     "lucide-react": "^1.11.0",
     "nitro": "latest",
     "sonner": "^2.0.7",
+    "react": "19.2.5",
+    "react-dom": "19.2.5",
     "tailwindcss": "^4.2.4",
-    "vite-tsconfig-paths": "^6.1.1",
-    "zod": "4.3.6"
+    "vite-tsconfig-paths": "^6.1.1"
   },
   "devDependencies": {
     "@types/node": "^25.6.0",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
     "@workspace/config-typescript": "workspace:*",
     "dotenv": "^17.4.2",

package/template/apps/platform/src/components/login-form.tsx

@@ -126,13 +126,17 @@ export function LoginForm({ className, ...props }: React.ComponentProps<"div">)
               />
               <Field>
                 <form.Subscribe
-                  selector={(state) => [state.canSubmit, state.isSubmitting]}
-                  children={([canSubmit, isSubmitting]) => (
-                    <Button type="submit" disabled={!canSubmit || isSubmitting || loading}>
-                      {isSubmitting || loading ? "Logging in..." : "Login"}
+                  selector={(state) => ({
+                    canSubmit: state.canSubmit,
+                    isSubmitting: state.isSubmitting,
+                  })}
+                >
+                  {(state: { canSubmit: boolean; isSubmitting: boolean }) => (
+                    <Button type="submit" disabled={!state.canSubmit || state.isSubmitting || loading}>
+                      {state.isSubmitting || loading ? "Logging in..." : "Login"}
                     </Button>
                   )}
-                />
+                </form.Subscribe>
                 <Button variant="outline" type="button" disabled={loading}>
                   Login with Google
                 </Button>

package/template/apps/platform/src/components/signup-form.tsx

@@ -172,14 +172,18 @@ export function SignupForm({ ...props }: React.ComponentProps<typeof Card>) {
             />
             <FieldGroup>
               <Field>
-                <form.Subscribe
-                  selector={(state) => [state.canSubmit, state.isSubmitting]}
-                  children={([canSubmit, isSubmitting]) => (
-                    <Button type="submit" disabled={!canSubmit || isSubmitting || loading}>
-                      {isSubmitting || loading ? "Creating..." : "Create Account"}
-                    </Button>
-                  )}
-                />
+              <form.Subscribe
+                selector={(state) => ({
+                  canSubmit: state.canSubmit,
+                  isSubmitting: state.isSubmitting,
+                })}
+              >
+                {(state: { canSubmit: boolean; isSubmitting: boolean }) => (
+                  <Button type="submit" disabled={!state.canSubmit || state.isSubmitting || loading}>
+                    {state.isSubmitting || loading ? "Creating..." : "Create Account"}
+                  </Button>
+                )}
+              </form.Subscribe>
                 <Button variant="outline" type="button" disabled={loading}>
                   Sign up with Google
                 </Button>

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

@@ -2,7 +2,6 @@ import * as React from "react";
 import { createFileRoute } from "@tanstack/react-router";
 import { Check, Pencil, Plus, Trash2 } from "lucide-react";
 import { toast } from "sonner";
-import { useQueryClient } from "@tanstack/react-query";
 import { useForm } from "@tanstack/react-form";
 import { z } from "zod";
 
@@ -11,10 +10,9 @@ 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 { InferRouterInputs, InferRouterOutputs } from "@orpc/server";
+import type { InferRouterOutputs } from "@orpc/server";
 import { usePlanets, useCreatePlanet, useUpdatePlanet, useDeletePlanet } from "@workspace/orpc/react";
 
-type Inputs = InferRouterInputs<typeof router>;
 type Outputs = InferRouterOutputs<typeof router>;
 type Planet = Outputs["planets"]["getPlanets"][number];
 
@@ -45,7 +43,6 @@ export const Route = createFileRoute("/_public/examples/client-orpc")({
 });
 
 function ClientORPC() {
-  const queryClient = useQueryClient();
   const [editingId, setEditingId] = React.useState<number | null>(null);
 
   const { data: planets = [], isLoading } = usePlanets();
@@ -230,24 +227,28 @@ function ClientORPC() {
           </div>
           <div className="mt-6 flex gap-2">
             <form.Subscribe
-              selector={(state) => [state.canSubmit, state.isSubmitting]}
-              children={([canSubmit, isSubmitting]) => (
+              selector={(state) => ({
+                canSubmit: state.canSubmit,
+                isSubmitting: state.isSubmitting,
+              })}
+            >
+              {(state: { canSubmit: boolean; isSubmitting: boolean }) => (
                 <>
                   {editingId ? (
                     <>
                       <Button
                         type="submit"
                         className="flex items-center gap-2"
-                        disabled={!canSubmit || isSubmitting || updateMutation.isPending}
+                        disabled={!state.canSubmit || state.isSubmitting || updateMutation.isPending}
                       >
                         <Check className="h-4 w-4" />{" "}
-                        {isSubmitting || updateMutation.isPending ? "Saving..." : "Save Changes"}
+                        {state.isSubmitting || updateMutation.isPending ? "Saving..." : "Save Changes"}
                       </Button>
                       <Button
                         variant="outline"
                         type="button"
                         onClick={resetForm}
-                        disabled={isSubmitting || updateMutation.isPending}
+                        disabled={state.isSubmitting || updateMutation.isPending}
                       >
                         Cancel
                       </Button>
@@ -256,15 +257,15 @@ function ClientORPC() {
                     <Button
                       type="submit"
                       className="flex items-center gap-2"
-                      disabled={!canSubmit || isSubmitting || createMutation.isPending}
+                      disabled={!state.canSubmit || state.isSubmitting || createMutation.isPending}
                     >
                       <Plus className="h-4 w-4" />{" "}
-                      {isSubmitting || createMutation.isPending ? "Adding..." : "Add Planet"}
+                      {state.isSubmitting || createMutation.isPending ? "Adding..." : "Add Planet"}
                     </Button>
                   )}
                 </>
               )}
-            />
+            </form.Subscribe>
           </div>
         </form>
       </div>

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

@@ -223,23 +223,27 @@ function SSRORPC() {
           </div>
           <div className="mt-6 flex gap-2">
             <form.Subscribe
-              selector={(state) => [state.canSubmit, state.isSubmitting]}
-              children={([canSubmit, isSubmitting]) => (
+              selector={(state) => ({
+                canSubmit: state.canSubmit,
+                isSubmitting: state.isSubmitting,
+              })}
+            >
+              {(state: { canSubmit: boolean; isSubmitting: boolean }) => (
                 <>
                   {editingId ? (
                     <>
                       <Button
                         type="submit"
                         className="flex items-center gap-2"
-                        disabled={!canSubmit || isSubmitting}
+                        disabled={!state.canSubmit || state.isSubmitting}
                       >
-                        <Check className="h-4 w-4" /> {isSubmitting ? "Saving..." : "Save Changes"}
+                        <Check className="h-4 w-4" /> {state.isSubmitting ? "Saving..." : "Save Changes"}
                       </Button>
                       <Button
                         variant="outline"
                         type="button"
                         onClick={resetForm}
-                        disabled={isSubmitting}
+                        disabled={state.isSubmitting}
                       >
                         Cancel
                       </Button>
@@ -248,14 +252,14 @@ function SSRORPC() {
                     <Button
                       type="submit"
                       className="flex items-center gap-2"
-                      disabled={!canSubmit || isSubmitting}
+                      disabled={!state.canSubmit || state.isSubmitting}
                     >
-                      <Plus className="h-4 w-4" /> {isSubmitting ? "Adding..." : "Add Planet"}
+                      <Plus className="h-4 w-4" /> {state.isSubmitting ? "Adding..." : "Add Planet"}
                     </Button>
                   )}
                 </>
               )}
-            />
+            </form.Subscribe>
           </div>
         </form>
       </div>

package/template/package.json

@@ -21,24 +21,22 @@
     "prepare": "husky"
   },
   "dependencies": {
-    "@orpc/client": "^1.14.2",
-    "@orpc/server": "^1.14.2",
-    "@tanstack/react-start": "^1.167.65",
-    "react": "19.2.5",
-    "react-dom": "19.2.5"
+    "@orpc/client": "latest",
+    "@orpc/server": "latest",
+    "@orpc/tanstack-query": "latest",
+    "@tanstack/react-form": "latest",
+    "@tanstack/react-query": "latest",
+    "better-auth": "^1.6.11"
   },
   "devDependencies": {
-    "@better-auth/core": "^1.6.9",
-    "@types/react": "^19.2.7",
-    "@types/react-dom": "^19.2.3",
+    "@better-auth/core": "^1.6.11",
     "husky": "latest",
     "oxfmt": "latest",
     "oxlint": "latest",
-    "portless": "^0.11.0",
-    "turbo": "^2.9.6",
+    "portless": "latest",
+    "turbo": "latest",
     "typescript": "6.0.3",
-    "vite": "^8.0.10",
-    "zod": "4.3.6"
+    "zod": "latest"
   },
   "pnpm": {
     "onlyBuiltDependencies": [
@@ -54,5 +52,5 @@
   "engines": {
     "node": ">=20"
   },
-  "packageManager": "pnpm@11.1.0"
+  "packageManager": "pnpm@11.1.2"
 }

package/template/packages/auth/package.json

@@ -12,8 +12,7 @@
     "generate": "better-auth generate --output ../db/src/lib/auth-schema.ts"
   },
   "dependencies": {
-    "@workspace/db": "workspace:*",
-    "better-auth": "^1.6.9"
+    "@workspace/db": "workspace:*"
   },
   "devDependencies": {
     "@better-auth/cli": "^1.4.22",

package/template/packages/orpc/package.json

@@ -24,6 +24,8 @@
   },
   "devDependencies": {
     "@types/node": "^22.19.1",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
     "@workspace/config-typescript": "workspace:*"
   }
 }

package/template/packages/ui/package.json

@@ -17,7 +17,6 @@
     "@base-ui/react": "^1.4.1",
     "@fontsource-variable/geist": "^5.2.8",
     "@tanstack/react-router": "^1.168.24",
-    "better-auth": "^1.6.10",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",

package/template/packages/ui/src/components/input-otp.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { OTPInput, OTPInputContext } from "input-otp";
+import { OTPInput, OTPInputContext, type RenderProps } from "input-otp";
 
 import { MinusIcon } from "lucide-react";
 import { cn } from "@workspace/ui/lib/utils";
@@ -45,8 +45,19 @@ function InputOTPSlot({
 }: React.ComponentProps<"div"> & {
   index: number;
 }) {
-  const inputOTPContext = React.useContext(OTPInputContext);
-  const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
+  const inputOTPContext = React.useContext(OTPInputContext) as RenderProps | null;
+
+  if (!inputOTPContext) {
+    return null;
+  }
+
+  const slot = inputOTPContext.slots[index];
+
+  if (!slot) {
+    return null;
+  }
+
+  const { char, hasFakeCaret, isActive } = slot;
 
   return (
     <div