create-better-t-stack 2.23.1 → 2.24.1

package/dist/index.js

@@ -130,6 +130,15 @@ const ADDON_COMPATIBILITY = {
 	starlight: [],
 	none: []
 };
+const WEB_FRAMEWORKS = [
+	"tanstack-router",
+	"react-router",
+	"tanstack-start",
+	"next",
+	"nuxt",
+	"svelte",
+	"solid"
+];
 
 //#endregion
 //#region src/types.ts
@@ -834,14 +843,9 @@ async function getRuntimeChoice(runtime, backend) {
 
 //#endregion
 //#region src/prompts/web-deploy.ts
-const WORKERS_COMPATIBLE_FRONTENDS = [
-	"tanstack-router",
-	"react-router",
-	"solid",
-	"next",
-	"nuxt",
-	"svelte"
-];
+function hasWebFrontend(frontends) {
+	return frontends.some((f) => WEB_FRAMEWORKS.includes(f));
+}
 function getDeploymentDisplay(deployment) {
 	if (deployment === "workers") return {
 		label: "Cloudflare Workers",
@@ -854,8 +858,7 @@ function getDeploymentDisplay(deployment) {
 }
 async function getDeploymentChoice(deployment, _runtime, _backend, frontend = []) {
 	if (deployment !== void 0) return deployment;
-	const hasCompatibleFrontend = frontend.some((f) => WORKERS_COMPATIBLE_FRONTENDS.includes(f));
-	if (!hasCompatibleFrontend) return "none";
+	if (!hasWebFrontend(frontend)) return "none";
 	const options = [{
 		value: "workers",
 		label: "Cloudflare Workers",
@@ -877,8 +880,9 @@ async function getDeploymentChoice(deployment, _runtime, _backend, frontend = []
 	return response;
 }
 async function getDeploymentToAdd(frontend, existingDeployment) {
+	if (!hasWebFrontend(frontend)) return "none";
 	const options = [];
-	if (frontend.some((f) => WORKERS_COMPATIBLE_FRONTENDS.includes(f)) && existingDeployment !== "workers") {
+	if (existingDeployment !== "workers") {
 		const { label, hint } = getDeploymentDisplay("workers");
 		options.push({
 			value: "workers",
@@ -1322,7 +1326,7 @@ function processAndValidateFlags(options, providedFlags, projectName) {
 		config.frontend = [];
 	} else {
 		const validOptions = options.frontend.filter((f) => f !== "none");
-		const webFrontends = validOptions.filter((f) => f === "tanstack-router" || f === "react-router" || f === "tanstack-start" || f === "next" || f === "nuxt" || f === "svelte" || f === "solid");
+		const webFrontends = validOptions.filter((f) => WEB_FRAMEWORKS.includes(f));
 		const nativeFrontends = validOptions.filter((f) => f === "native-nativewind" || f === "native-unistyles");
 		if (webFrontends.length > 1) {
 			consola$1.fatal("Cannot select multiple web frameworks. Choose only one of: tanstack-router, tanstack-start, react-router, next, nuxt, svelte, solid");
@@ -1483,12 +1487,10 @@ function processAndValidateFlags(options, providedFlags, projectName) {
 		consola$1.fatal("MongoDB database is not compatible with Cloudflare Workers runtime. MongoDB requires Prisma or Mongoose ORM, but Workers runtime only supports Drizzle ORM. Please use a different database or runtime.");
 		process.exit(1);
 	}
-	if (config.webDeploy === "workers" && config.frontend && config.frontend.length > 0) {
-		const incompatibleFrontends = config.frontend.filter((f) => f === "tanstack-start");
-		if (incompatibleFrontends.length > 0) {
-			consola$1.fatal(`The following frontends are not compatible with '--web-deploy workers': ${incompatibleFrontends.join(", ")}. Please choose a different frontend or remove '--web-deploy workers'.`);
-			process.exit(1);
-		}
+	const hasWebFrontendFlag = (config.frontend ?? []).some((f) => WEB_FRAMEWORKS.includes(f));
+	if (config.webDeploy && config.webDeploy !== "none" && !hasWebFrontendFlag) {
+		consola$1.fatal("'--web-deploy' requires a web frontend. Please select a web frontend or set '--web-deploy none'.");
+		process.exit(1);
 	}
 	return config;
 }
@@ -2283,6 +2285,7 @@ async function setupDeploymentTemplates(projectDir, context) {
 		const frontends = context.frontend;
 		const templateMap = {
 			"tanstack-router": "react/tanstack-router",
+			"tanstack-start": "react/tanstack-start",
 			"react-router": "react/react-router",
 			solid: "solid",
 			next: "react/next",
@@ -2450,6 +2453,44 @@ async function setupSvelteWorkersDeploy(projectDir, packageManager) {
 	}
 }
 
+//#endregion
+//#region src/helpers/setup/workers-tanstack-start-setup.ts
+async function setupTanstackStartWorkersDeploy(projectDir, packageManager) {
+	const webAppDir = path.join(projectDir, "apps/web");
+	if (!await fs.pathExists(webAppDir)) return;
+	await addPackageDependency({
+		devDependencies: ["wrangler"],
+		projectDir: webAppDir
+	});
+	const pkgPath = path.join(webAppDir, "package.json");
+	if (await fs.pathExists(pkgPath)) {
+		const pkg = await fs.readJson(pkgPath);
+		pkg.scripts = {
+			...pkg.scripts,
+			deploy: `${packageManager} run build && wrangler deploy`,
+			"cf-typegen": "wrangler types --env-interface Env"
+		};
+		await fs.writeJson(pkgPath, pkg, { spaces: 2 });
+	}
+	const viteConfigPath = path.join(webAppDir, "vite.config.ts");
+	if (!await fs.pathExists(viteConfigPath)) return;
+	const sourceFile = tsProject.addSourceFileAtPathIfExists(viteConfigPath);
+	if (!sourceFile) return;
+	const defineCall = sourceFile.getDescendantsOfKind(SyntaxKind.CallExpression).find((expr) => {
+		const expression = expr.getExpression();
+		return Node.isIdentifier(expression) && expression.getText() === "defineConfig";
+	});
+	if (!defineCall) return;
+	const configObj = defineCall.getArguments()[0];
+	if (!configObj) return;
+	const pluginsArray = ensureArrayProperty(configObj, "plugins");
+	const tanstackPluginIndex = pluginsArray.getElements().findIndex((el) => el.getText().includes("tanstackStart("));
+	const tanstackPluginText = "tanstackStart({ target: \"cloudflare-module\" })";
+	if (tanstackPluginIndex === -1) pluginsArray.addElement(tanstackPluginText);
+	else pluginsArray.getElements()[tanstackPluginIndex].replaceWithText(tanstackPluginText);
+	await tsProject.save();
+}
+
 //#endregion
 //#region src/helpers/setup/workers-vite-setup.ts
 async function setupWorkersVitePlugin(projectDir) {
@@ -2492,11 +2533,13 @@ async function setupWebDeploy(config) {
 	const isNuxt = frontend.includes("nuxt");
 	const isSvelte = frontend.includes("svelte");
 	const isTanstackRouter = frontend.includes("tanstack-router");
+	const isTanstackStart = frontend.includes("tanstack-start");
 	const isReactRouter = frontend.includes("react-router");
 	const isSolid = frontend.includes("solid");
 	if (isNext) await setupNextWorkersDeploy(projectDir, packageManager);
 	else if (isNuxt) await setupNuxtWorkersDeploy(projectDir, packageManager);
 	else if (isSvelte) await setupSvelteWorkersDeploy(projectDir, packageManager);
+	else if (isTanstackStart) await setupTanstackStartWorkersDeploy(projectDir, packageManager);
 	else if (isTanstackRouter || isReactRouter || isSolid) await setupWorkersWebDeploy(projectDir, packageManager);
 }
 async function setupWorkersWebDeploy(projectDir, pkgManager) {
@@ -2550,17 +2593,6 @@ async function addDeploymentToProject(input) {
 		const detectedConfig = await detectProjectConfig(projectDir);
 		if (!detectedConfig) exitWithError("Could not detect the project configuration. Please ensure this is a valid Better-T Stack project.");
 		if (detectedConfig.webDeploy === input.webDeploy) exitWithError(`${input.webDeploy} deployment is already configured for this project.`);
-		if (input.webDeploy === "workers") {
-			const compatibleFrontends = [
-				"tanstack-router",
-				"react-router",
-				"solid",
-				"next",
-				"svelte"
-			];
-			const hasCompatible = detectedConfig.frontend?.some((f) => compatibleFrontends.includes(f));
-			if (!hasCompatible) exitWithError("Cloudflare Workers deployment requires a compatible web frontend (tanstack-router, react-router, solid, next, or svelte).");
-		}
 		const config = {
 			projectName: detectedConfig.projectName || path.basename(projectDir),
 			projectDir,
@@ -2814,7 +2846,7 @@ async function setupAuth(config) {
 			dependencies: ["better-auth"],
 			projectDir: serverDir
 		});
-		const hasWebFrontend = frontend.some((f) => [
+		const hasWebFrontend$1 = frontend.some((f) => [
 			"react-router",
 			"tanstack-router",
 			"tanstack-start",
@@ -2823,7 +2855,7 @@ async function setupAuth(config) {
 			"svelte",
 			"solid"
 		].includes(f));
-		if (hasWebFrontend && clientDirExists) await addPackageDependency({
+		if (hasWebFrontend$1 && clientDirExists) await addPackageDependency({
 			dependencies: ["better-auth"],
 			projectDir: clientDir
 		});
@@ -2946,8 +2978,8 @@ async function setupEnvironmentVariables(config) {
 	const hasNuxt = frontend.includes("nuxt");
 	const hasSvelte = frontend.includes("svelte");
 	const hasSolid = frontend.includes("solid");
-	const hasWebFrontend = hasReactRouter || hasTanStackRouter || hasTanStackStart || hasNextJs || hasNuxt || hasSolid || hasSvelte;
-	if (hasWebFrontend) {
+	const hasWebFrontend$1 = hasReactRouter || hasTanStackRouter || hasTanStackStart || hasNextJs || hasNuxt || hasSolid || hasSvelte;
+	if (hasWebFrontend$1) {
 		const clientDir = path.join(projectDir, "apps/web");
 		if (await fs.pathExists(clientDir)) {
 			let envVarName = "VITE_SERVER_URL";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-better-t-stack",
-  "version": "2.23.1",
+  "version": "2.24.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

@@ -68,7 +68,7 @@ import { drizzleAdapter } from "better-auth/adapters/drizzle";
 {{#if (or (includes frontend "native-nativewind") (includes frontend "native-unistyles"))}}
 import { expo } from "@better-auth/expo";
 {{/if}}
-import { db } from "@/db";
+import { db } from "../db";
 import * as schema from "../db/schema/auth";
 import { env } from "cloudflare:workers";
 

package/templates/deploy/web/react/tanstack-start/wrangler.jsonc.hbs

@@ -0,0 +1,20 @@
+{
+    "$schema": "../../node_modules/wrangler/config-schema.json",
+    "name": "{{projectName}}",
+    "main": ".output/server/index.mjs",
+    "compatibility_date": "2025-07-05",
+    "compatibility_flags": ["nodejs_compat"],
+    "assets": {
+      "directory": ".output/public",
+    },
+    "observability": {
+      "enabled": true,
+    },
+    // "kv_namespaces": [
+    //   {
+    //     "binding": "CACHE",
+    //     "id": "<Your KV ID>",
+    //   },
+    // ],
+  }
+  

package/templates/frontend/native/unistyles/_gitignore

@@ -12,7 +12,7 @@ web-build/
 # expo router
 expo-env.d.ts
 
-
+.env
 
 ios
 android

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

@@ -9,40 +9,40 @@
     "web": "expo start --web"
   },
   "dependencies": {
-    "@expo/vector-icons": "^14.0.0",
-    "@react-navigation/bottom-tabs": "^7.0.5",
-    "@react-navigation/drawer": "^7.0.0",
-    "@react-navigation/native": "^7.0.3",
+    "@expo/vector-icons": "^14.1.0",
+    "@react-navigation/bottom-tabs": "^7.3.10",
+    "@react-navigation/drawer": "^7.3.9",
+    "@react-navigation/native": "^7.1.6",
     {{#if (includes examples "ai")}}
     "@stardazed/streams-text-encoding": "^1.0.2",
     "@ungap/structured-clone": "^1.3.0",
     {{/if}}
-    "@tanstack/react-form": "^1.0.5",
-    "babel-plugin-react-compiler": "^19.0.0-beta-af1b7da-20250417",
-    "expo": "^53.0.8",
-    "expo-constants": "~17.1.4",
-    "expo-linking": "~7.1.4",
-    "expo-router": "~5.0.3",
+    "@tanstack/react-form": "^1.14.0",
+    "babel-plugin-react-compiler": "^19.1.0-rc.2",
+    "expo": "^53.0.17",
+    "expo-constants": "~17.1.7",
+    "expo-linking": "~7.1.7",
+    "expo-router": "~5.1.3",
     "expo-secure-store": "~14.2.3",
     "expo-status-bar": "~2.2.3",
-    "expo-system-ui": "~5.0.6",
-    "expo-dev-client": "~5.1.8",
-    "expo-web-browser": "~14.1.6",
+    "expo-system-ui": "~5.0.10",
+    "expo-dev-client": "~5.2.4",
+    "expo-web-browser": "~14.2.0",
     "react": "19.0.0",
     "react-dom": "19.0.0",
-    "react-native": "0.79.2",
+    "react-native": "0.79.5",
     "react-native-edge-to-edge": "1.6.0",
     "react-native-gesture-handler": "~2.24.0",
-    "react-native-nitro-modules": "0.25.2",
+    "react-native-nitro-modules": "0.26.3",
     "react-native-reanimated": "~3.17.4",
     "react-native-safe-area-context": "5.4.0",
-    "react-native-screens": "~4.10.0",
-    "react-native-unistyles": "^3.0.0-rc.5",
+    "react-native-screens": "~4.11.1",
+    "react-native-unistyles": "^3.0.0",
     "react-native-web": "^0.20.0"
   },
   "devDependencies": {
-    "ajv": "^8.12.0",
-    "@babel/core": "^7.20.0",
+    "ajv": "^8.17.1",
+    "@babel/core": "^7.28.0",
     "@types/react": "~19.0.10",
     "typescript": "~5.8.3"
   },

package/templates/frontend/react/web-base/_gitignore

@@ -19,6 +19,8 @@
 .vinxi
 .output
 .react-router/
+.tanstack/
+.nitro/
 
 # Deployment
 .vercel