create-better-t-stack 2.17.1 → 2.18.1

package/dist/index.js

@@ -46,8 +46,8 @@ const DEFAULT_CONFIG = {
 	api: "trpc"
 };
 const dependencyVersionMap = {
-	"better-auth": "^1.2.8",
-	"@better-auth/expo": "^1.2.8",
+	"better-auth": "^1.2.9",
+	"@better-auth/expo": "^1.2.9",
 	"drizzle-orm": "^0.38.4",
 	"drizzle-kit": "^0.30.5",
 	"@libsql/client": "^0.14.0",
@@ -86,9 +86,9 @@ const dependencyVersionMap = {
 	"@ai-sdk/svelte": "^2.1.9",
 	"@ai-sdk/react": "^1.2.12",
 	"@prisma/extension-accelerate": "^1.3.0",
-	"@orpc/server": "^1.4.1",
-	"@orpc/client": "^1.4.1",
-	"@orpc/tanstack-query": "^1.4.1",
+	"@orpc/server": "^1.5.0",
+	"@orpc/client": "^1.5.0",
+	"@orpc/tanstack-query": "^1.5.0",
 	"@trpc/tanstack-react-query": "^11.0.0",
 	"@trpc/server": "^11.0.0",
 	"@trpc/client": "^11.0.0",
@@ -2894,7 +2894,7 @@ async function getFrontendChoice(frontendOptions, backend) {
 			},
 			{
 				value: "tanstack-start",
-				label: "TanStack Start (beta)",
+				label: "TanStack Start (devinxi)",
 				hint: "SSR, Server Functions, API Routes and more with TanStack Router"
 			}
 		];
@@ -3120,70 +3120,6 @@ async function gatherConfig(flags, projectName, projectDir, relativePath) {
 	};
 }
 
-//#endregion
-//#region src/prompts/project-name.ts
-const INVALID_CHARS = [
-	"<",
-	">",
-	":",
-	"\"",
-	"|",
-	"?",
-	"*"
-];
-const MAX_LENGTH = 255;
-function validateDirectoryName(name) {
-	if (name === ".") return void 0;
-	if (!name) return "Project name cannot be empty";
-	if (name.length > MAX_LENGTH) return `Project name must be less than ${MAX_LENGTH} characters`;
-	if (INVALID_CHARS.some((char) => name.includes(char))) return "Project name contains invalid characters";
-	if (name.startsWith(".") || name.startsWith("-")) return "Project name cannot start with a dot or dash";
-	if (name.toLowerCase() === "node_modules") return "Project name is reserved";
-	return void 0;
-}
-async function getProjectName(initialName) {
-	if (initialName) {
-		if (initialName === ".") return initialName;
-		const finalDirName = path.basename(initialName);
-		const validationError = validateDirectoryName(finalDirName);
-		if (!validationError) return initialName;
-	}
-	let isValid = false;
-	let projectPath = "";
-	let defaultName = DEFAULT_CONFIG.projectName;
-	let counter = 1;
-	while (fs.pathExistsSync(path.resolve(process.cwd(), defaultName)) && fs.readdirSync(path.resolve(process.cwd(), defaultName)).length > 0) {
-		defaultName = `${DEFAULT_CONFIG.projectName}-${counter}`;
-		counter++;
-	}
-	while (!isValid) {
-		const response = await text({
-			message: "Enter your project name or path (relative to current directory)",
-			placeholder: defaultName,
-			initialValue: initialName,
-			defaultValue: defaultName,
-			validate: (value) => {
-				const nameToUse = value.trim() || defaultName;
-				const finalDirName = path.basename(nameToUse);
-				const validationError = validateDirectoryName(finalDirName);
-				if (validationError) return validationError;
-				if (nameToUse !== ".") {
-					const projectDir = path.resolve(process.cwd(), nameToUse);
-					if (!projectDir.startsWith(process.cwd())) return "Project path must be within current directory";
-				}
-				return void 0;
-			}
-		});
-		if (isCancel(response)) {
-			cancel(pc.red("Operation cancelled."));
-			process.exit(0);
-		}
-		projectPath = response || defaultName;
-		isValid = true;
-	}
-	return projectPath;
-}
-
 //#endregion
 //#region src/types.ts
 const DatabaseSchema = z.enum([
@@ -3257,6 +3193,69 @@ const APISchema = z.enum([
 	"orpc",
 	"none"
 ]).describe("API type");
+const ProjectNameSchema = z.string().min(1, "Project name cannot be empty").max(255, "Project name must be less than 255 characters").refine((name) => name === "." || !name.startsWith("."), "Project name cannot start with a dot (except for '.')").refine((name) => name === "." || !name.startsWith("-"), "Project name cannot start with a dash").refine((name) => {
+	const invalidChars = [
+		"<",
+		">",
+		":",
+		"\"",
+		"|",
+		"?",
+		"*"
+	];
+	return !invalidChars.some((char) => name.includes(char));
+}, "Project name contains invalid characters").refine((name) => name.toLowerCase() !== "node_modules", "Project name is reserved").describe("Project name or path");
+
+//#endregion
+//#region src/prompts/project-name.ts
+function validateDirectoryName(name) {
+	if (name === ".") return void 0;
+	const result = ProjectNameSchema.safeParse(name);
+	if (!result.success) return result.error.issues[0]?.message || "Invalid project name";
+	return void 0;
+}
+async function getProjectName(initialName) {
+	if (initialName) {
+		if (initialName === ".") return initialName;
+		const finalDirName = path.basename(initialName);
+		const validationError = validateDirectoryName(finalDirName);
+		if (!validationError) return initialName;
+	}
+	let isValid = false;
+	let projectPath = "";
+	let defaultName = DEFAULT_CONFIG.projectName;
+	let counter = 1;
+	while (fs.pathExistsSync(path.resolve(process.cwd(), defaultName)) && fs.readdirSync(path.resolve(process.cwd(), defaultName)).length > 0) {
+		defaultName = `${DEFAULT_CONFIG.projectName}-${counter}`;
+		counter++;
+	}
+	while (!isValid) {
+		const response = await text({
+			message: "Enter your project name or path (relative to current directory)",
+			placeholder: defaultName,
+			initialValue: initialName,
+			defaultValue: defaultName,
+			validate: (value) => {
+				const nameToUse = value.trim() || defaultName;
+				const finalDirName = path.basename(nameToUse);
+				const validationError = validateDirectoryName(finalDirName);
+				if (validationError) return validationError;
+				if (nameToUse !== ".") {
+					const projectDir = path.resolve(process.cwd(), nameToUse);
+					if (!projectDir.startsWith(process.cwd())) return "Project path must be within current directory";
+				}
+				return void 0;
+			}
+		});
+		if (isCancel(response)) {
+			cancel(pc.red("Operation cancelled."));
+			process.exit(0);
+		}
+		projectPath = response || defaultName;
+		isValid = true;
+	}
+	return projectPath;
+}
 
 //#endregion
 //#region src/utils/get-latest-cli-version.ts
@@ -3442,8 +3441,22 @@ function processAndValidateFlags(options, providedFlags, projectName) {
 	if (options.runtime) config.runtime = options.runtime;
 	if (options.dbSetup) config.dbSetup = options.dbSetup;
 	if (options.packageManager) config.packageManager = options.packageManager;
-	if (projectName) config.projectName = projectName;
-	else if (options.projectDirectory) config.projectName = path.basename(path.resolve(process.cwd(), options.projectDirectory));
+	if (projectName) {
+		const result = ProjectNameSchema.safeParse(path.basename(projectName));
+		if (!result.success) {
+			consola$1.fatal(`Invalid project name: ${result.error.issues[0]?.message || "Invalid project name"}`);
+			process.exit(1);
+		}
+		config.projectName = projectName;
+	} else if (options.projectDirectory) {
+		const baseName = path.basename(path.resolve(process.cwd(), options.projectDirectory));
+		const result = ProjectNameSchema.safeParse(baseName);
+		if (!result.success) {
+			consola$1.fatal(`Invalid project name: ${result.error.issues[0]?.message || "Invalid project name"}`);
+			process.exit(1);
+		}
+		config.projectName = baseName;
+	}
 	if (options.frontend && options.frontend.length > 0) if (options.frontend.includes("none")) {
 		if (options.frontend.length > 1) {
 			consola$1.fatal(`Cannot combine 'none' with other frontend options.`);
@@ -3587,9 +3600,6 @@ function getProvidedFlags(options) {
 
 //#endregion
 //#region src/index.ts
-const exit = () => process.exit(0);
-process.on("SIGINT", exit);
-process.on("SIGTERM", exit);
 const t = trpcServer.initTRPC.create();
 async function handleDirectoryConflict(currentPathInput) {
 	while (true) {
@@ -3739,17 +3749,17 @@ async function createProjectHandler(input) {
 const router = t.router({ init: t.procedure.meta({
 	description: "Create a new Better-T Stack project",
 	default: true
-}).input(zod.tuple([zod.string().optional().describe("project-name"), zod.object({
-	yes: zod.boolean().optional().default(false).describe("Use default configuration and skip prompts"),
+}).input(zod.tuple([ProjectNameSchema.optional(), zod.object({
+	yes: zod.boolean().optional().default(false).describe("Use default configuration"),
 	database: DatabaseSchema.optional(),
 	orm: ORMSchema.optional(),
-	auth: zod.boolean().optional().describe("Include authentication"),
-	frontend: zod.array(FrontendSchema).optional().describe("Frontend frameworks"),
-	addons: zod.array(AddonsSchema).optional().describe("Additional addons"),
-	examples: zod.array(ExamplesSchema).optional().describe("Examples to include"),
-	git: zod.boolean().optional().describe("Initialize git repository"),
+	auth: zod.boolean().optional(),
+	frontend: zod.array(FrontendSchema).optional(),
+	addons: zod.array(AddonsSchema).optional(),
+	examples: zod.array(ExamplesSchema).optional(),
+	git: zod.boolean().optional(),
 	packageManager: PackageManagerSchema.optional(),
-	install: zod.boolean().optional().describe("Install dependencies"),
+	install: zod.boolean().optional(),
 	dbSetup: DatabaseSetupSchema.optional(),
 	backend: BackendSchema.optional(),
 	runtime: RuntimeSchema.optional(),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-better-t-stack",
-  "version": "2.17.1",
+  "version": "2.18.1",
   "description": "A modern CLI tool for scaffolding end-to-end type-safe TypeScript projects with best practices and customizable configurations",
   "type": "module",
   "license": "MIT",

package/templates/auth/server/base/src/lib/auth.ts.hbs

@@ -1,7 +1,7 @@
 {{#if (eq orm "prisma")}}
 import { betterAuth } from "better-auth";
 import { prismaAdapter } from "better-auth/adapters/prisma";
-{{#if (includes frontend "native")}}
+{{#if (or (includes frontend "native-nativewind") (includes frontend "native-unistyles"))}}
 import { expo } from "@better-auth/expo";
 {{/if}}
 import prisma from "../../prisma";
@@ -14,24 +14,24 @@ export const auth = betterAuth({
     {{#if (eq database "mongodb")}}provider: "mongodb"{{/if}}
   }),
   trustedOrigins: [
-    process.env.CORS_ORIGIN || "",{{#if (includes frontend "native")}}
+    process.env.CORS_ORIGIN || "",{{#if (or (includes frontend "native-nativewind") (includes frontend "native-unistyles"))}}
     "my-better-t-app://",{{/if}}
   ],
   emailAndPassword: {
     enabled: true,
   }
 
-  {{~#if (includes frontend "native")}}
+  {{#if (or (includes frontend "native-nativewind") (includes frontend "native-unistyles"))}}
   ,
   plugins: [expo()]
-  {{/if~}}
+  {{/if}}
 });
 {{/if}}
 
 {{#if (eq orm "drizzle")}}
 import { betterAuth } from "better-auth";
 import { drizzleAdapter } from "better-auth/adapters/drizzle";
-{{#if (includes frontend "native")}}
+{{#if (or (includes frontend "native-nativewind") (includes frontend "native-unistyles"))}}
 import { expo } from "@better-auth/expo";
 {{/if}}
 import { db } from "../db";
@@ -45,64 +45,64 @@ export const auth = betterAuth({
     schema: schema,
   }),
   trustedOrigins: [
-    process.env.CORS_ORIGIN || "",{{#if (includes frontend "native")}}
+    process.env.CORS_ORIGIN || "",{{#if (or (includes frontend "native-nativewind") (includes frontend "native-unistyles"))}}
     "my-better-t-app://",{{/if}}
   ],
   emailAndPassword: {
     enabled: true,
   }
 
-  {{~#if (includes frontend "native")}}
+  {{#if (or (includes frontend "native-nativewind") (includes frontend "native-unistyles"))}}
   ,
   plugins: [expo()]
-  {{/if~}}
+  {{/if}}
 });
 {{/if}}
 
 {{#if (eq orm "mongoose")}}
 import { betterAuth } from "better-auth";
 import { mongodbAdapter } from "better-auth/adapters/mongodb";
-{{#if (includes frontend "native")}}
+{{#if (or (includes frontend "native-nativewind") (includes frontend "native-unistyles"))}}
 import { expo } from "@better-auth/expo";
 {{/if}}
 import { client } from "../db";
 
 export const auth = betterAuth({
-    database: mongodbAdapter(client),
-    trustedOrigins: [
-        process.env.CORS_ORIGIN || "",{{#if (includes frontend "native")}}
-        "my-better-t-app://",{{/if}}
-    ],
-    emailAndPassword: {
-        enabled: true,
-    }
+  database: mongodbAdapter(client),
+  trustedOrigins: [
+    process.env.CORS_ORIGIN || "",{{#if (or (includes frontend "native-nativewind") (includes frontend "native-unistyles"))}}
+    "my-better-t-app://",{{/if}}
+  ],
+  emailAndPassword: {
+    enabled: true,
+  }
 
-    {{~#if (includes frontend "native")}}
-        ,
-        plugins: [expo()]
-    {{/if~}}
+  {{#if (or (includes frontend "native-nativewind") (includes frontend "native-unistyles"))}}
+  ,
+  plugins: [expo()]
+  {{/if}}
 });
 {{/if}}
 
 {{#if (eq orm "none")}}
 import { betterAuth } from "better-auth";
-{{#if (includes frontend "native")}}
+{{#if (or (includes frontend "native-nativewind") (includes frontend "native-unistyles"))}}
 import { expo } from "@better-auth/expo";
 {{/if}}
 
 export const auth = betterAuth({
   database: "", // Invalid configuration
   trustedOrigins: [
-    process.env.CORS_ORIGIN || "",{{#if (includes frontend "native")}}
+    process.env.CORS_ORIGIN || "",{{#if (or (includes frontend "native-nativewind") (includes frontend "native-unistyles"))}}
     "my-better-t-app://",{{/if}}
   ],
   emailAndPassword: {
     enabled: true,
   }
 
-  {{~#if (includes frontend "native")}}
+  {{#if (or (includes frontend "native-nativewind") (includes frontend "native-unistyles"))}}
   ,
   plugins: [expo()]
-  {{/if~}}
+  {{/if}}
 });
 {{/if}}

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

@@ -9,10 +9,7 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@radix-ui/react-checkbox": "^1.1.5",
-    "@radix-ui/react-dropdown-menu": "^2.1.7",
-    "@radix-ui/react-label": "^2.1.3",
-    "@radix-ui/react-slot": "^1.2.0",
+    "radix-ui": "^1.4.2",
     "@tanstack/react-form": "^1.3.2",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",

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

@@ -9,10 +9,7 @@
     "typecheck": "react-router typegen && tsc"
   },
   "dependencies": {
-    "@radix-ui/react-checkbox": "^1.3.2",
-    "@radix-ui/react-dropdown-menu": "^2.1.15",
-    "@radix-ui/react-label": "^2.1.7",
-    "@radix-ui/react-slot": "^1.2.3",
+    "radix-ui": "^1.4.2",
     "@react-router/fs-routes": "^7.6.1",
     "@react-router/node": "^7.6.1",
     "@react-router/serve": "^7.6.1",

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

@@ -23,10 +23,7 @@
 	},
 	"dependencies": {
 		"@hookform/resolvers": "^3.10.0",
-		"@radix-ui/react-checkbox": "^1.1.4",
-		"@radix-ui/react-dropdown-menu": "^2.1.6",
-		"@radix-ui/react-label": "^2.1.2",
-		"@radix-ui/react-slot": "^1.1.2",
+    "radix-ui": "^1.4.2",
 		"@tanstack/react-form": "^1.0.5",
 		"@tailwindcss/vite": "^4.0.15",
 		"@tanstack/react-router": "^1.114.25",

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

@@ -3,23 +3,19 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "start": "vinxi start",
-    "build": "vinxi build",
+    "build": "vite build",
     "serve": "vite preview",
-    "dev": "vinxi dev --port=3001"
+    "dev": "vite dev --port=3001"
   },
   "dependencies": {
-    "@radix-ui/react-checkbox": "^1.1.4",
-    "@radix-ui/react-dropdown-menu": "^2.1.6",
-    "@radix-ui/react-label": "^2.1.2",
-    "@radix-ui/react-slot": "^1.1.2",
+    "radix-ui": "^1.4.2",
     "@tanstack/react-form": "^1.0.5",
     "@tailwindcss/vite": "^4.1.8",
-    "@tanstack/react-query": "^5.80.5",
-    "@tanstack/react-router": "^1.120.15",
-    "@tanstack/react-router-with-query": "^1.120.15",
-    "@tanstack/react-start": "^1.120.15",
-    "@tanstack/router-plugin": "^1.120.15",
+    "@tanstack/react-query": "^5.80.6",
+    "@tanstack/react-router": "^1.121.0-alpha.27",
+    "@tanstack/react-router-with-query": "^1.121.0",
+    "@tanstack/react-start": "^1.121.0-alpha.27",
+    "@tanstack/router-plugin": "^1.121.0",
     "class-variance-authority": "^0.7.1",
 		"clsx": "^2.1.1",
     "lucide-react": "^0.473.0",
@@ -30,17 +26,16 @@
     "tailwindcss": "^4.1.3",
     "tailwind-merge": "^2.6.0",
     "tw-animate-css": "^1.2.5",
-    "vinxi": "^0.5.3",
     "vite-tsconfig-paths": "^5.1.4",
     "zod": "^3.25.16"
   },
   "devDependencies": {
-    "@tanstack/react-router-devtools": "^1.120.15",
+    "@tanstack/react-router-devtools": "^1.121.0-alpha.27",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/react": "^16.2.0",
     "@types/react": "^19.0.12",
     "@types/react-dom": "^19.0.4",
-    "@vitejs/plugin-react": "^4.3.4",
+    "@vitejs/plugin-react": "^4.5.2",
     "jsdom": "^26.0.0",
     "typescript": "^5.7.2",
     "vite": "^6.3.5",

package/templates/frontend/react/tanstack-start/src/router.tsx.hbs

@@ -8,7 +8,7 @@ import { routeTree } from "./routeTree.gen";
 import Loader from "./components/loader";
 import "./index.css";
 {{else}}
-import { createRouter as createTanstackRouter } from "@tanstack/react-router";
+import { createRouter as createTanStackRouter } from "@tanstack/react-router";
 import Loader from "./components/loader";
 import "./index.css";
 import { routeTree } from "./routeTree.gen";
@@ -102,7 +102,7 @@ const trpc = createTRPCOptionsProxy({
   {{/if}}
 
 export const createRouter = () => {
-  const router = createTanstackRouter({
+  const router = createTanStackRouter({
     routeTree,
     scrollRestoration: true,
     defaultPreloadStaleTime: 0,
@@ -111,7 +111,7 @@ export const createRouter = () => {
     {{else if (eq api "orpc")}}
     context: { orpc, queryClient },
     {{else}}
-    context: { },
+    context: {},
     {{/if}}
     defaultPendingComponent: () => <Loader />,
     defaultNotFoundComponent: () => <div>Not Found</div>,

package/templates/frontend/react/tanstack-start/vite.config.ts

@@ -0,0 +1,8 @@
+import { defineConfig } from "vite";
+import tsconfigPaths from "vite-tsconfig-paths";
+import { tanstackStart } from "@tanstack/react-start/plugin/vite";
+import tailwindcss from "@tailwindcss/vite";
+
+export default defineConfig({
+  plugins: [tsconfigPaths(), tailwindcss(), tanstackStart({})],
+});

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

@@ -1,8 +1,8 @@
-import * as React from "react";
-import { Slot } from "@radix-ui/react-slot";
-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",
@@ -33,7 +33,7 @@ const buttonVariants = cva(
       size: "default",
     },
   }
-);
+)
 
 function Button({
   className,
@@ -43,9 +43,9 @@ function Button({
   ...props
 }: React.ComponentProps<"button"> &
   VariantProps<typeof buttonVariants> & {
-    asChild?: boolean;
+    asChild?: boolean
   }) {
-  const Comp = asChild ? Slot : "button";
+  const Comp = asChild ? SlotPrimitive.Slot : "button"
 
   return (
     <Comp
@@ -53,7 +53,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 (
@@ -12,7 +12,7 @@ function Card({ className, ...props }: React.ComponentProps<"div">) {
       )}
       {...props}
     />
-  );
+  )
 }
 
 function CardHeader({ className, ...props }: React.ComponentProps<"div">) {
@@ -25,7 +25,7 @@ function CardHeader({ className, ...props }: React.ComponentProps<"div">) {
       )}
       {...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,7 +45,7 @@ function CardDescription({ className, ...props }: React.ComponentProps<"div">) {
       className={cn("text-muted-foreground text-sm", className)}
       {...props}
     />
-  );
+  )
 }
 
 function CardAction({ className, ...props }: React.ComponentProps<"div">) {
@@ -58,7 +58,7 @@ function CardAction({ className, ...props }: React.ComponentProps<"div">) {
       )}
       {...props}
     />
-  );
+  )
 }
 
 function CardContent({ className, ...props }: React.ComponentProps<"div">) {
@@ -68,7 +68,7 @@ function CardContent({ className, ...props }: React.ComponentProps<"div">) {
       className={cn("px-6", className)}
       {...props}
     />
-  );
+  )
 }
 
 function CardFooter({ className, ...props }: React.ComponentProps<"div">) {
@@ -78,7 +78,7 @@ function CardFooter({ className, ...props }: React.ComponentProps<"div">) {
       className={cn("flex items-center px-6 [.border-t]:pt-6", className)}
       {...props}
     />
-  );
+  )
 }
 
 export {
@@ -89,4 +89,4 @@ export {
   CardAction,
   CardDescription,
   CardContent,
-};
+}

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

@@ -1,8 +1,8 @@
-import * as React from "react";
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-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,
@@ -24,7 +24,7 @@ function Checkbox({
         <CheckIcon className="size-3.5" />
       </CheckboxPrimitive.Indicator>
     </CheckboxPrimitive.Root>
-  );
+  )
 }
 
-export { Checkbox };
+export { Checkbox }

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

@@ -1,13 +1,15 @@
-import * as React from "react";
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
+"use client"
 
-import { cn } from "@/lib/utils";
+import * as React from "react"
+import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui"
+import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react"
+
+import { cn } from "@/lib/utils"
 
 function DropdownMenu({
   ...props
 }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {
-  return <DropdownMenuPrimitive.Root data-slot="dropdown-menu" {...props} />;
+  return <DropdownMenuPrimitive.Root data-slot="dropdown-menu" {...props} />
 }
 
 function DropdownMenuPortal({
@@ -15,7 +17,7 @@ function DropdownMenuPortal({
 }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {
   return (
     <DropdownMenuPrimitive.Portal data-slot="dropdown-menu-portal" {...props} />
-  );
+  )
 }
 
 function DropdownMenuTrigger({
@@ -26,7 +28,7 @@ function DropdownMenuTrigger({
       data-slot="dropdown-menu-trigger"
       {...props}
     />
-  );
+  )
 }
 
 function DropdownMenuContent({
@@ -46,7 +48,7 @@ function DropdownMenuContent({
         {...props}
       />
     </DropdownMenuPrimitive.Portal>
-  );
+  )
 }
 
 function DropdownMenuGroup({
@@ -54,7 +56,7 @@ function DropdownMenuGroup({
 }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {
   return (
     <DropdownMenuPrimitive.Group data-slot="dropdown-menu-group" {...props} />
-  );
+  )
 }
 
 function DropdownMenuItem({
@@ -63,8 +65,8 @@ function DropdownMenuItem({
   variant = "default",
   ...props
 }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
-  inset?: boolean;
-  variant?: "default" | "destructive";
+  inset?: boolean
+  variant?: "default" | "destructive"
 }) {
   return (
     <DropdownMenuPrimitive.Item
@@ -77,7 +79,7 @@ function DropdownMenuItem({
       )}
       {...props}
     />
-  );
+  )
 }
 
 function DropdownMenuCheckboxItem({
@@ -103,7 +105,7 @@ function DropdownMenuCheckboxItem({
       </span>
       {children}
     </DropdownMenuPrimitive.CheckboxItem>
-  );
+  )
 }
 
 function DropdownMenuRadioGroup({
@@ -114,7 +116,7 @@ function DropdownMenuRadioGroup({
       data-slot="dropdown-menu-radio-group"
       {...props}
     />
-  );
+  )
 }
 
 function DropdownMenuRadioItem({
@@ -138,7 +140,7 @@ function DropdownMenuRadioItem({
       </span>
       {children}
     </DropdownMenuPrimitive.RadioItem>
-  );
+  )
 }
 
 function DropdownMenuLabel({
@@ -146,7 +148,7 @@ function DropdownMenuLabel({
   inset,
   ...props
 }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
-  inset?: boolean;
+  inset?: boolean
 }) {
   return (
     <DropdownMenuPrimitive.Label
@@ -158,7 +160,7 @@ function DropdownMenuLabel({
       )}
       {...props}
     />
-  );
+  )
 }
 
 function DropdownMenuSeparator({
@@ -171,7 +173,7 @@ function DropdownMenuSeparator({
       className={cn("bg-border -mx-1 my-1 h-px", className)}
       {...props}
     />
-  );
+  )
 }
 
 function DropdownMenuShortcut({
@@ -187,13 +189,13 @@ function DropdownMenuShortcut({
       )}
       {...props}
     />
-  );
+  )
 }
 
 function DropdownMenuSub({
   ...props
 }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {
-  return <DropdownMenuPrimitive.Sub data-slot="dropdown-menu-sub" {...props} />;
+  return <DropdownMenuPrimitive.Sub data-slot="dropdown-menu-sub" {...props} />
 }
 
 function DropdownMenuSubTrigger({
@@ -202,7 +204,7 @@ function DropdownMenuSubTrigger({
   children,
   ...props
 }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
-  inset?: boolean;
+  inset?: boolean
 }) {
   return (
     <DropdownMenuPrimitive.SubTrigger
@@ -217,7 +219,7 @@ function DropdownMenuSubTrigger({
       {children}
       <ChevronRightIcon className="ml-auto size-4" />
     </DropdownMenuPrimitive.SubTrigger>
-  );
+  )
 }
 
 function DropdownMenuSubContent({
@@ -233,7 +235,7 @@ function DropdownMenuSubContent({
       )}
       {...props}
     />
-  );
+  )
 }
 
 export {
@@ -252,4 +254,4 @@ export {
   DropdownMenuSub,
   DropdownMenuSubTrigger,
   DropdownMenuSubContent,
-};
+}

package/templates/frontend/react/web-base/src/components/ui/input.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 Input({ className, type, ...props }: React.ComponentProps<"input">) {
   return (
@@ -15,7 +15,7 @@ function Input({ className, type, ...props }: React.ComponentProps<"input">) {
       )}
       {...props}
     />
-  );
+  )
 }
 
-export { Input };
+export { Input }

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

@@ -1,9 +1,7 @@
-"use client";
+import * as React from "react"
+import { Label as LabelPrimitive } from "radix-ui"
 
-import * as React from "react";
-import * as LabelPrimitive from "@radix-ui/react-label";
-
-import { cn } from "@/lib/utils";
+import { cn } from "@/lib/utils"
 
 function Label({
   className,
@@ -18,7 +16,7 @@ function Label({
       )}
       {...props}
     />
-  );
+  )
 }
 
-export { Label };
+export { Label }

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

@@ -1,4 +1,4 @@
-import { cn } from "@/lib/utils";
+import { cn } from "@/lib/utils"
 
 function Skeleton({ className, ...props }: React.ComponentProps<"div">) {
   return (
@@ -7,7 +7,7 @@ function Skeleton({ className, ...props }: React.ComponentProps<"div">) {
       className={cn("bg-accent animate-pulse rounded-md", className)}
       {...props}
     />
-  );
+  )
 }
 
-export { Skeleton };
+export { Skeleton }

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

@@ -1,3 +1,5 @@
+"use client";
+
 import { useTheme } from "next-themes";
 import { Toaster as Sonner, type ToasterProps } from "sonner";
 

package/templates/frontend/react/tanstack-start/app.config.ts

@@ -1,17 +0,0 @@
-import { defineConfig } from "@tanstack/react-start/config";
-import viteTsConfigPaths from "vite-tsconfig-paths";
-import tailwindcss from "@tailwindcss/vite";
-
-export default defineConfig({
-  tsr: {
-    appDirectory: "src",
-  },
-  vite: {
-    plugins: [
-      viteTsConfigPaths({
-        projects: ["./tsconfig.json"],
-      }),
-      tailwindcss(),
-    ],
-  },
-});

package/templates/frontend/react/tanstack-start/src/api.ts

@@ -1,6 +0,0 @@
-import {
-	createStartAPIHandler,
-	defaultAPIFileRouteHandler,
-} from "@tanstack/react-start/api";
-
-export default createStartAPIHandler(defaultAPIFileRouteHandler);

package/templates/frontend/react/tanstack-start/src/client.tsx

@@ -1,8 +0,0 @@
-import { StartClient } from "@tanstack/react-start";
-import { hydrateRoot } from "react-dom/client";
-
-import { createRouter } from "./router";
-
-const router = createRouter();
-
-hydrateRoot(document, <StartClient router={router} />);

package/templates/frontend/react/tanstack-start/src/ssr.tsx

@@ -1,12 +0,0 @@
-import { getRouterManifest } from "@tanstack/react-start/router-manifest";
-import {
-	createStartHandler,
-	defaultStreamHandler,
-} from "@tanstack/react-start/server";
-
-import { createRouter } from "./router";
-
-export default createStartHandler({
-	createRouter,
-	getRouterManifest,
-})(defaultStreamHandler);