create-better-t-stack 3.7.1 → 3.7.3-canary.53fc0031

package/templates/db/base/package.json.hbs

@@ -10,8 +10,5 @@
     }
   },
   "scripts": {},
-  "devDependencies": {},
-  "peerDependencies": {
-    "typescript": "^5"
-  }
+  "devDependencies": {}
 }

package/templates/examples/ai/native/bare/polyfills.js

@@ -3,13 +3,10 @@ import { Platform } from "react-native";
 
 if (Platform.OS !== "web") {
   const setupPolyfills = async () => {
-    const { polyfillGlobal } = await import(
-      "react-native/Libraries/Utilities/PolyfillFunctions"
-    );
+    const { polyfillGlobal } = await import("react-native/Libraries/Utilities/PolyfillFunctions");
 
-    const { TextEncoderStream, TextDecoderStream } = await import(
-      "@stardazed/streams-text-encoding"
-    );
+    const { TextEncoderStream, TextDecoderStream } =
+      await import("@stardazed/streams-text-encoding");
 
     if (!("structuredClone" in global)) {
       polyfillGlobal("structuredClone", () => structuredClone);
@@ -23,4 +20,3 @@ if (Platform.OS !== "web") {
 }
 
 export {};
-

package/templates/examples/ai/native/unistyles/polyfills.js

@@ -3,13 +3,10 @@ import { Platform } from "react-native";
 
 if (Platform.OS !== "web") {
   const setupPolyfills = async () => {
-    const { polyfillGlobal } = await import(
-      "react-native/Libraries/Utilities/PolyfillFunctions"
-    );
+    const { polyfillGlobal } = await import("react-native/Libraries/Utilities/PolyfillFunctions");
 
-    const { TextEncoderStream, TextDecoderStream } = await import(
-      "@stardazed/streams-text-encoding"
-    );
+    const { TextEncoderStream, TextDecoderStream } =
+      await import("@stardazed/streams-text-encoding");
 
     if (!("structuredClone" in global)) {
       polyfillGlobal("structuredClone", () => structuredClone);

package/templates/examples/ai/native/uniwind/polyfills.js

@@ -3,13 +3,10 @@ import { Platform } from "react-native";
 
 if (Platform.OS !== "web") {
   const setupPolyfills = async () => {
-    const { polyfillGlobal } = await import(
-      "react-native/Libraries/Utilities/PolyfillFunctions"
-    );
+    const { polyfillGlobal } = await import("react-native/Libraries/Utilities/PolyfillFunctions");
 
-    const { TextEncoderStream, TextDecoderStream } = await import(
-      "@stardazed/streams-text-encoding"
-    );
+    const { TextEncoderStream, TextDecoderStream } =
+      await import("@stardazed/streams-text-encoding");
 
     if (!("structuredClone" in global)) {
       polyfillGlobal("structuredClone", () => structuredClone);
@@ -23,4 +20,3 @@ if (Platform.OS !== "web") {
 }
 
 export {};
-

package/templates/examples/todo/server/drizzle/postgres/src/schema/todo.ts

@@ -3,5 +3,5 @@ import { pgTable, text, boolean, serial } from "drizzle-orm/pg-core";
 export const todo = pgTable("todo", {
   id: serial("id").primaryKey(),
   text: text("text").notNull(),
-  completed: boolean("completed").default(false).notNull()
+  completed: boolean("completed").default(false).notNull(),
 });

package/templates/frontend/native/bare/package.json.hbs

@@ -44,8 +44,7 @@
   },
   "devDependencies": {
     "@babel/core": "^7.26.10",
-    "@types/react": "~19.1.10",
-    "typescript": "~5.8.2"
+    "@types/react": "~19.1.10"
   },
   "private": true
 }

package/templates/frontend/native/unistyles/package.json.hbs

@@ -46,7 +46,6 @@
   "devDependencies": {
     "ajv": "^8.17.1",
     "@babel/core": "^7.28.0",
-    "@types/react": "~19.1.10",
-    "typescript": "~5.9.2"
+    "@types/react": "~19.1.10"
   }
 }

package/templates/frontend/native/uniwind/package.json.hbs

@@ -48,8 +48,7 @@
   },
   "devDependencies": {
     "@types/node": "^24.10.0",
-    "@types/react": "~19.1.0",
-    "typescript": "~5.9.2"
+    "@types/react": "~19.1.0"
   },
   "private": true
 }

package/templates/frontend/nuxt/package.json.hbs

@@ -14,10 +14,8 @@
     "@nuxt/content": "^3.7.1",
     "@nuxtjs/mdc": "^0.17.4",
     "nuxt": "^4.1.2",
-    "typescript": "^5.9.2",
     "vue": "^3.5.21",
-    "vue-router": "^4.5.1",
-    "zod": "^4.1.5"
+    "vue-router": "^4.5.1"
   },
   "devDependencies": {
     "tailwindcss": "^4.1.13",

package/templates/frontend/react/next/package.json.hbs

@@ -20,7 +20,6 @@
     "sonner": "^2.0.5",
     "tailwind-merge": "^3.3.1",
     "tw-animate-css": "^1.3.4",
-    "zod": "^4.1.12",
     "babel-plugin-react-compiler": "^1.0.0"
   },
   "devDependencies": {
@@ -28,7 +27,6 @@
     "@types/node": "^20",
     "@types/react": "19.2.2",
     "@types/react-dom": "19.2.2",
-    "tailwindcss": "^4.1.10",
-    "typescript": "^5"
+    "tailwindcss": "^4.1.10"
   }
 }

package/templates/frontend/react/react-router/package.json.hbs

@@ -24,8 +24,7 @@
     "react-router": "^7.6.1",
     "sonner": "^2.0.3",
     "tailwind-merge": "^3.3.0",
-    "tw-animate-css": "^1.3.2",
-    "zod": "^4.0.2"
+    "tw-animate-css": "^1.3.2"
   },
   "devDependencies": {
     "@react-router/dev": "^7.6.1",
@@ -35,7 +34,6 @@
     "@types/react-dom": "^19.0.4",
     "react-router-devtools": "^1.1.0",
     "tailwindcss": "^4.1.8",
-    "typescript": "^5.8.3",
     "vite": "^6.3.5",
     "vite-tsconfig-paths": "^5.1.4"
   }

package/templates/frontend/react/react-router/src/components/mode-toggle.tsx

@@ -22,15 +22,9 @@ export function ModeToggle() {
         </Button>
       </DropdownMenuTrigger>
       <DropdownMenuContent align="end">
-        <DropdownMenuItem onClick={() => setTheme("light")}>
-          Light
-        </DropdownMenuItem>
-        <DropdownMenuItem onClick={() => setTheme("dark")}>
-          Dark
-        </DropdownMenuItem>
-        <DropdownMenuItem onClick={() => setTheme("system")}>
-          System
-        </DropdownMenuItem>
+        <DropdownMenuItem onClick={() => setTheme("light")}>Light</DropdownMenuItem>
+        <DropdownMenuItem onClick={() => setTheme("dark")}>Dark</DropdownMenuItem>
+        <DropdownMenuItem onClick={() => setTheme("system")}>System</DropdownMenuItem>
       </DropdownMenuContent>
     </DropdownMenu>
   );

package/templates/frontend/react/tanstack-router/package.json.hbs

@@ -24,8 +24,7 @@
 		"react-dom": "19.1.2",
         "sonner": "^2.0.5",
 		"tailwind-merge": "^3.3.1",
-		"tw-animate-css": "^1.2.5",
-		"zod": "^4.0.2"
+		"tw-animate-css": "^1.2.5"
 	},
 	"devDependencies": {
 		"@tanstack/react-router-devtools": "^1.114.27",
@@ -35,7 +34,6 @@
 		"@types/react-dom": "^19.0.4",
 		"@vitejs/plugin-react": "^4.3.4",
 		"postcss": "^8.5.3",
-		"typescript": "^5.8.3",
 		"tailwindcss": "^4.0.15",
 		"vite": "^6.2.2"
 	}

package/templates/frontend/react/tanstack-router/src/components/mode-toggle.tsx

@@ -22,15 +22,9 @@ export function ModeToggle() {
         </Button>
       </DropdownMenuTrigger>
       <DropdownMenuContent align="end">
-        <DropdownMenuItem onClick={() => setTheme("light")}>
-          Light
-        </DropdownMenuItem>
-        <DropdownMenuItem onClick={() => setTheme("dark")}>
-          Dark
-        </DropdownMenuItem>
-        <DropdownMenuItem onClick={() => setTheme("system")}>
-          System
-        </DropdownMenuItem>
+        <DropdownMenuItem onClick={() => setTheme("light")}>Light</DropdownMenuItem>
+        <DropdownMenuItem onClick={() => setTheme("dark")}>Dark</DropdownMenuItem>
+        <DropdownMenuItem onClick={() => setTheme("system")}>System</DropdownMenuItem>
       </DropdownMenuContent>
     </DropdownMenu>
   );

package/templates/frontend/react/tanstack-start/package.json.hbs

@@ -26,8 +26,7 @@
     "tailwindcss": "^4.1.3",
     "tailwind-merge": "^3.3.1",
     "tw-animate-css": "^1.2.5",
-    "vite-tsconfig-paths": "^5.1.4",
-    "zod": "^4.0.2"
+    "vite-tsconfig-paths": "^5.1.4"
   },
   "devDependencies": {
     "@tanstack/react-router-devtools": {{#if (eq auth "clerk")}}"1.134.4"{{else}}"^1.132.31"{{/if}},
@@ -37,7 +36,6 @@
     "@types/react-dom": "^19.0.4",
     "@vitejs/plugin-react": "^5.0.4",
     "jsdom": "^26.0.0",
-    "typescript": "^5.7.2",
     "vite": "^7.0.2",
     "web-vitals": "^5.0.3"
   }

package/templates/frontend/react/web-base/src/components/ui/button.tsx

@@ -1,24 +1,21 @@
-import * as React from "react"
-import { Slot as SlotPrimitive } from "radix-ui"
-import { cva, type VariantProps } from "class-variance-authority"
+import * as React from "react";
+import { Slot as SlotPrimitive } from "radix-ui";
+import { cva, type VariantProps } from "class-variance-authority";
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
 const buttonVariants = cva(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
   {
     variants: {
       variant: {
-        default:
-          "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
+        default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
         destructive:
           "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
         outline:
           "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
-        secondary:
-          "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
-        ghost:
-          "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+        secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
         link: "text-primary underline-offset-4 hover:underline",
       },
       size: {
@@ -32,8 +29,8 @@ const buttonVariants = cva(
       variant: "default",
       size: "default",
     },
-  }
-)
+  },
+);
 
 function Button({
   className,
@@ -43,9 +40,9 @@ function Button({
   ...props
 }: React.ComponentProps<"button"> &
   VariantProps<typeof buttonVariants> & {
-    asChild?: boolean
+    asChild?: boolean;
   }) {
-  const Comp = asChild ? SlotPrimitive.Slot : "button"
+  const Comp = asChild ? SlotPrimitive.Slot : "button";
 
   return (
     <Comp
@@ -53,7 +50,7 @@ function Button({
       className={cn(buttonVariants({ variant, size, className }))}
       {...props}
     />
-  )
+  );
 }
 
-export { Button, buttonVariants }
+export { Button, buttonVariants };

package/templates/frontend/react/web-base/src/components/ui/card.tsx

@@ -1,6 +1,6 @@
-import * as React from "react"
+import * as React from "react";
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
 function Card({ className, ...props }: React.ComponentProps<"div">) {
   return (
@@ -8,11 +8,11 @@ function Card({ className, ...props }: React.ComponentProps<"div">) {
       data-slot="card"
       className={cn(
         "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
-        className
+        className,
       )}
       {...props}
     />
-  )
+  );
 }
 
 function CardHeader({ className, ...props }: React.ComponentProps<"div">) {
@@ -21,11 +21,11 @@ function CardHeader({ className, ...props }: React.ComponentProps<"div">) {
       data-slot="card-header"
       className={cn(
         "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
-        className
+        className,
       )}
       {...props}
     />
-  )
+  );
 }
 
 function CardTitle({ className, ...props }: React.ComponentProps<"div">) {
@@ -35,7 +35,7 @@ function CardTitle({ className, ...props }: React.ComponentProps<"div">) {
       className={cn("leading-none font-semibold", className)}
       {...props}
     />
-  )
+  );
 }
 
 function CardDescription({ className, ...props }: React.ComponentProps<"div">) {
@@ -45,30 +45,21 @@ function CardDescription({ className, ...props }: React.ComponentProps<"div">) {
       className={cn("text-muted-foreground text-sm", className)}
       {...props}
     />
-  )
+  );
 }
 
 function CardAction({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
       data-slot="card-action"
-      className={cn(
-        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
-        className
-      )}
+      className={cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className)}
       {...props}
     />
-  )
+  );
 }
 
 function CardContent({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="card-content"
-      className={cn("px-6", className)}
-      {...props}
-    />
-  )
+  return <div data-slot="card-content" className={cn("px-6", className)} {...props} />;
 }
 
 function CardFooter({ className, ...props }: React.ComponentProps<"div">) {
@@ -78,15 +69,7 @@ function CardFooter({ className, ...props }: React.ComponentProps<"div">) {
       className={cn("flex items-center px-6 [.border-t]:pt-6", className)}
       {...props}
     />
-  )
+  );
 }
 
-export {
-  Card,
-  CardHeader,
-  CardFooter,
-  CardTitle,
-  CardAction,
-  CardDescription,
-  CardContent,
-}
+export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent };

package/templates/frontend/react/web-base/src/components/ui/checkbox.tsx

@@ -1,19 +1,16 @@
-import * as React from "react"
-import { Checkbox as CheckboxPrimitive } from "radix-ui"
-import { CheckIcon } from "lucide-react"
+import * as React from "react";
+import { Checkbox as CheckboxPrimitive } from "radix-ui";
+import { CheckIcon } from "lucide-react";
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
-function Checkbox({
-  className,
-  ...props
-}: React.ComponentProps<typeof CheckboxPrimitive.Root>) {
+function Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>) {
   return (
     <CheckboxPrimitive.Root
       data-slot="checkbox"
       className={cn(
         "peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
-        className
+        className,
       )}
       {...props}
     >
@@ -24,7 +21,7 @@ function Checkbox({
         <CheckIcon className="size-3.5" />
       </CheckboxPrimitive.Indicator>
     </CheckboxPrimitive.Root>
-  )
+  );
 }
 
-export { Checkbox }
+export { Checkbox };