create-better-t-stack 2.43.1 → 2.45.0

package/dist/cli.js

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-import { createBtsCli } from "./src-CLCbHMKK.js";
+import { createBtsCli } from "./src-Cve0nldx.js";
 
 //#region src/cli.ts
 createBtsCli().run();

package/dist/index.d.ts

@@ -229,7 +229,44 @@ declare const router: trpcServer.TRPCBuiltRouter<{
       renderTitle?: boolean | undefined;
       disableAnalytics?: boolean | undefined;
     }];
-    output: InitResult | undefined;
+    output: {
+      success: boolean;
+      projectConfig: {
+        projectName: string;
+        projectDir: string;
+        relativePath: string;
+        database: "none";
+        orm: "none";
+        backend: "none";
+        runtime: "none";
+        frontend: never[];
+        addons: never[];
+        examples: never[];
+        auth: "none";
+        git: false;
+        packageManager: "npm";
+        install: false;
+        dbSetup: "none";
+        api: "none";
+        webDeploy: "none";
+        serverDeploy: "none";
+      };
+      reproducibleCommand: string;
+      timeScaffolded: string;
+      elapsedTimeMs: number;
+      projectDirectory: string;
+      relativePath: string;
+      error: string;
+    } | {
+      success: boolean;
+      projectConfig: ProjectConfig;
+      reproducibleCommand: string;
+      timeScaffolded: string;
+      elapsedTimeMs: number;
+      projectDirectory: string;
+      relativePath: string;
+      error?: undefined;
+    } | undefined;
     meta: object;
   }>;
   add: trpcServer.TRPCMutationProcedure<{

package/dist/index.js

@@ -1,4 +1,4 @@
 #!/usr/bin/env node
-import { builder, createBtsCli, docs, init, router, sponsors } from "./src-CLCbHMKK.js";
+import { builder, createBtsCli, docs, init, router, sponsors } from "./src-Cve0nldx.js";
 
 export { builder, createBtsCli, docs, init, router, sponsors };

package/dist/{src-CLCbHMKK.js → src-Cve0nldx.js}

@@ -13,6 +13,7 @@ import { $, execa } from "execa";
 import { IndentationText, Node, Project, QuoteKind, SyntaxKind } from "ts-morph";
 import { glob } from "tinyglobby";
 import handlebars from "handlebars";
+import { Biome } from "@biomejs/js-api/nodejs";
 import os from "node:os";
 
 //#region src/utils/get-package-manager.ts
@@ -94,7 +95,7 @@ const dependencyVersionMap = {
 	"@elysiajs/node": "^1.3.1",
 	"@elysiajs/cors": "^1.3.3",
 	"@elysiajs/trpc": "^1.1.0",
-	"elysia": "^1.3.21",
+	elysia: "^1.3.21",
 	"@hono/node-server": "^1.14.4",
 	"@hono/trpc-server": "^0.4.0",
 	hono: "^4.8.2",
@@ -105,7 +106,7 @@ const dependencyVersionMap = {
 	fastify: "^5.3.3",
 	"@fastify/cors": "^11.0.1",
 	turbo: "^2.5.4",
-	"ai": "^5.0.39",
+	ai: "^5.0.39",
 	"@ai-sdk/google": "^2.0.13",
 	"@ai-sdk/vue": "^2.0.39",
 	"@ai-sdk/svelte": "^3.0.39",
@@ -2518,21 +2519,107 @@ async function installDependencies({ projectDir, packageManager }) {
 	}
 }
 
+//#endregion
+//#region src/utils/biome-formatter.ts
+let biome = null;
+let projectKey = null;
+async function initializeBiome() {
+	if (biome && projectKey !== null) return {
+		biome,
+		projectKey
+	};
+	try {
+		biome = new Biome();
+		const result = biome.openProject("./");
+		projectKey = result.projectKey;
+		biome.applyConfiguration(projectKey, {
+			formatter: {
+				enabled: true,
+				indentStyle: "tab",
+				indentWidth: 2,
+				lineWidth: 80
+			},
+			linter: { enabled: false },
+			javascript: { formatter: { enabled: true } },
+			json: { formatter: { enabled: true } }
+		});
+		return {
+			biome,
+			projectKey
+		};
+	} catch (_error) {
+		return null;
+	}
+}
+function isSupportedFile(filePath) {
+	const ext = path.extname(filePath).toLowerCase();
+	const supportedExtensions = [
+		".js",
+		".jsx",
+		".ts",
+		".tsx",
+		".json",
+		".jsonc"
+	];
+	return supportedExtensions.includes(ext);
+}
+function shouldSkipFile(filePath) {
+	const basename = path.basename(filePath);
+	const skipPatterns = [
+		".hbs",
+		"package-lock.json",
+		"yarn.lock",
+		"pnpm-lock.yaml",
+		"bun.lock",
+		".d.ts"
+	];
+	return skipPatterns.some((pattern) => basename.includes(pattern));
+}
+async function formatFileWithBiome(filePath, content) {
+	if (!isSupportedFile(filePath) || shouldSkipFile(filePath)) return null;
+	try {
+		const biomeResult = await initializeBiome();
+		if (!biomeResult) return null;
+		const { biome: biomeInstance, projectKey: key } = biomeResult;
+		const result = biomeInstance.formatContent(key, content, { filePath: path.basename(filePath) });
+		if (result.diagnostics && result.diagnostics.length > 0) consola.debug(`Biome formatting diagnostics for ${filePath}:`, result.diagnostics);
+		return result.content;
+	} catch (_error) {
+		return null;
+	}
+}
+
 //#endregion
 //#region src/utils/template-processor.ts
-/**
-* Processes a Handlebars template file and writes the output to the destination.
-* @param srcPath Path to the source .hbs template file.
-* @param destPath Path to write the processed file.
-* @param context Data to be passed to the Handlebars template.
-*/
+const BINARY_EXTENSIONS = new Set([
+	".png",
+	".ico",
+	".svg"
+]);
+function isBinaryFile(filePath) {
+	const ext = path.extname(filePath).toLowerCase();
+	return BINARY_EXTENSIONS.has(ext);
+}
 async function processTemplate(srcPath, destPath, context) {
 	try {
-		const templateContent = await fs.readFile(srcPath, "utf-8");
-		const template = handlebars.compile(templateContent);
-		const processedContent = template(context);
 		await fs.ensureDir(path.dirname(destPath));
-		await fs.writeFile(destPath, processedContent);
+		if (isBinaryFile(srcPath) && !srcPath.endsWith(".hbs")) {
+			await fs.copy(srcPath, destPath);
+			return;
+		}
+		let content;
+		if (srcPath.endsWith(".hbs")) {
+			const templateContent = await fs.readFile(srcPath, "utf-8");
+			const template = handlebars.compile(templateContent);
+			content = template(context);
+		} else content = await fs.readFile(srcPath, "utf-8");
+		try {
+			const formattedContent = await formatFileWithBiome(destPath, content);
+			if (formattedContent) content = formattedContent;
+		} catch (formatError) {
+			consola.debug(`Failed to format ${destPath}:`, formatError);
+		}
+		await fs.writeFile(destPath, content);
 	} catch (error) {
 		consola.error(`Error processing template ${srcPath}:`, error);
 		throw new Error(`Failed to process template ${srcPath}`);
@@ -2564,8 +2651,7 @@ async function processAndCopyFiles(sourcePattern, baseSourceDir, destDir, contex
 		const destPath = path.join(destDir, relativeDestPath);
 		await fs.ensureDir(path.dirname(destPath));
 		if (!overwrite && await fs.pathExists(destPath)) continue;
-		if (srcPath.endsWith(".hbs")) await processTemplate(srcPath, destPath, context);
-		else await fs.copy(srcPath, destPath, { overwrite: true });
+		await processTemplate(srcPath, destPath, context);
 	}
 }
 async function copyBaseTemplate(projectDir, context) {
@@ -2888,7 +2974,7 @@ async function handleExtras(projectDir, context) {
 	if (context.packageManager === "pnpm") {
 		const pnpmWorkspaceSrc = path.join(extrasDir, "pnpm-workspace.yaml");
 		const pnpmWorkspaceDest = path.join(projectDir, "pnpm-workspace.yaml");
-		if (await fs.pathExists(pnpmWorkspaceSrc)) await fs.copy(pnpmWorkspaceSrc, pnpmWorkspaceDest);
+		if (await fs.pathExists(pnpmWorkspaceSrc)) await processTemplate(pnpmWorkspaceSrc, pnpmWorkspaceDest, context);
 	}
 	if (context.packageManager === "bun") {
 		const bunfigSrc = path.join(extrasDir, "bunfig.toml.hbs");
@@ -5859,8 +5945,7 @@ async function isDockerInstalled() {
 }
 async function isDockerRunning() {
 	try {
-		const { $: $$1 } = await import("execa");
-		await $$1`docker info`;
+		await $`docker info`;
 		return true;
 	} catch {
 		return false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-better-t-stack",
-  "version": "2.43.1",
+  "version": "2.45.0",
   "description": "A modern CLI tool for scaffolding end-to-end type-safe TypeScript projects with best practices and customizable configurations",
   "type": "module",
   "license": "MIT",
@@ -64,6 +64,8 @@
     }
   },
   "dependencies": {
+    "@biomejs/js-api": "^3.0.0",
+    "@biomejs/wasm-nodejs": "^2.2.4",
     "@clack/prompts": "^1.0.0-alpha.4",
     "consola": "^3.4.2",
     "execa": "^9.6.0",

package/templates/auth/better-auth/native/native-base/lib/auth-client.ts.hbs

@@ -1,12 +1,13 @@
-import { createAuthClient } from "better-auth/react";
 import { expoClient } from "@better-auth/expo/client";
+import { createAuthClient } from "better-auth/react";
 import * as SecureStore from "expo-secure-store";
 
 export const authClient = createAuthClient({
   baseURL: process.env.EXPO_PUBLIC_SERVER_URL,
   plugins: [
     expoClient({
-      storagePrefix: "my-better-t-app",
+	  scheme: "mybettertapp",
+      storagePrefix: "{{projectName}}",
       storage: SecureStore,
     }),
   ],

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

@@ -16,7 +16,7 @@ export const auth = betterAuth({
   trustedOrigins: [
     process.env.CORS_ORIGIN || "",
     {{#if (or (includes frontend "native-nativewind") (includes frontend "native-unistyles"))}}
-    "my-better-t-app://",
+    "mybettertapp://", "exp://"
     {{/if}}
   ],
   emailAndPassword: {
@@ -55,7 +55,7 @@ export const auth = betterAuth({
   trustedOrigins: [
     process.env.CORS_ORIGIN || "",
     {{#if (or (includes frontend "native-nativewind") (includes frontend "native-unistyles"))}}
-    "my-better-t-app://",
+    "mybettertapp://", "exp://"
     {{/if}}
   ],
   emailAndPassword: {
@@ -124,7 +124,7 @@ export const auth = betterAuth({
   trustedOrigins: [
     process.env.CORS_ORIGIN || "",
     {{#if (or (includes frontend "native-nativewind") (includes frontend "native-unistyles"))}}
-    "my-better-t-app://",
+    "mybettertapp://", "exp://"
     {{/if}}
   ],
   emailAndPassword: {
@@ -154,7 +154,7 @@ export const auth = betterAuth({
   trustedOrigins: [
     process.env.CORS_ORIGIN || "",
     {{#if (or (includes frontend "native-nativewind") (includes frontend "native-unistyles"))}}
-    "my-better-t-app://",
+    "mybettertapp://", "exp://"
     {{/if}}
   ],
   emailAndPassword: {
@@ -171,4 +171,4 @@ export const auth = betterAuth({
   , plugins: [expo()]
   {{/if}}
 });
-{{/if}}
+{{/if}}

package/templates/backend/server/next/package.json.hbs

@@ -9,8 +9,8 @@
   },
   "dependencies": {
     "next": "15.5.0",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
+    "react": "19.1.0",
+    "react-dom": "19.1.0",
     "dotenv": "^17.2.1"
   },
 {{#if (eq dbSetup 'supabase')}}
@@ -20,7 +20,7 @@
 {{/if}}
   "devDependencies": {
     "@types/node": "^20",
-    "@types/react": "^19",
+    "@types/react": "~19.1.10",
     "zod": "^4.0.13",
     "typescript": "^5"
   }

package/templates/frontend/native/nativewind/app/(drawer)/(tabs)/{_layout.tsx → _layout.tsx.hbs}

@@ -7,7 +7,7 @@ export default function TabLayout() {
 
   return (
     <Tabs
-      screenOptions={{
+      screenOptions=\{{
         headerShown: false,
         tabBarActiveTintColor: isDarkColorScheme
           ? "hsl(217.2 91.2% 59.8%)"
@@ -27,14 +27,14 @@ export default function TabLayout() {
     >
       <Tabs.Screen
         name="index"
-        options={{
+        options=\{{
           title: "Home",
           tabBarIcon: ({ color }) => <TabBarIcon name="home" color={color} />,
         }}
       />
       <Tabs.Screen
         name="two"
-        options={{
+        options=\{{
           title: "Explore",
           tabBarIcon: ({ color }) => (
             <TabBarIcon name="compass" color={color} />

package/templates/frontend/native/nativewind/app/{+not-found.tsx → +not-found.tsx.hbs}

@@ -5,7 +5,7 @@ import { Text, View } from "react-native";
 export default function NotFoundScreen() {
   return (
     <>
-      <Stack.Screen options={{ title: "Oops!" }} />
+      <Stack.Screen options=\{{ title: "Oops!" }} />
       <Container>
         <View className="flex-1 justify-center items-center p-6">
           <View className="items-center">

package/templates/frontend/native/nativewind/app.json.hbs

@@ -0,0 +1,49 @@
+{
+	"expo": {
+		"name": "{{projectName}}",
+		"slug": "{{projectName}}",
+		"version": "1.0.0",
+		"orientation": "portrait",
+		"icon": "./assets/images/icon.png",
+		"scheme": "mybettertapp",
+		"userInterfaceStyle": "automatic",
+		"newArchEnabled": true,
+		"ios": {
+			"supportsTablet": true
+		},
+		"android": {
+			"adaptiveIcon": {
+				"backgroundColor": "#E6F4FE",
+				"foregroundImage": "./assets/images/android-icon-foreground.png",
+				"backgroundImage": "./assets/images/android-icon-background.png",
+				"monochromeImage": "./assets/images/android-icon-monochrome.png"
+			},
+			"edgeToEdgeEnabled": true,
+			"predictiveBackGestureEnabled": false,
+			"package": "com.anonymous.mybettertapp"
+		},
+		"web": {
+			"output": "static",
+			"favicon": "./assets/images/favicon.png"
+		},
+		"plugins": [
+			"expo-router",
+			[
+				"expo-splash-screen",
+				{
+					"image": "./assets/images/splash-icon.png",
+					"imageWidth": 200,
+					"resizeMode": "contain",
+					"backgroundColor": "#ffffff",
+					"dark": {
+						"backgroundColor": "#000000"
+					}
+				}
+			]
+		],
+		"experiments": {
+			"typedRoutes": true,
+			"reactCompiler": true
+		}
+	}
+}

package/templates/frontend/native/nativewind/babel.config.js.hbs

@@ -0,0 +1,14 @@
+module.exports = (api) => {
+	api.cache(true);
+	const plugins = [];
+
+	plugins.push("react-native-worklets/plugin");
+
+	return {
+		presets: [
+			["babel-preset-expo", { jsxImportSource: "nativewind" }],
+			"nativewind/babel",
+		],
+		plugins,
+	};
+};

package/templates/frontend/native/nativewind/components/{container.tsx → container.tsx.hbs}

@@ -1,5 +1,5 @@
 import React from "react";
-import { SafeAreaView } from "react-native";
+import { SafeAreaView } from "react-native-safe-area-context";
 
 export const Container = ({ children }: { children: React.ReactNode }) => {
   return (

package/templates/frontend/native/nativewind/components/{header-button.tsx → header-button.tsx.hbs}

@@ -16,7 +16,7 @@ export const HeaderButton = forwardRef<
           name="info-circle"
           size={20}
           className="text-secondary-foreground"
-          style={{
+          style=\{{
             opacity: pressed ? 0.7 : 1,
           }}
         />

package/templates/frontend/native/{unistyles/components/tabbar-icon.tsx → nativewind/components/tabbar-icon.tsx.hbs}

@@ -4,5 +4,5 @@ export const TabBarIcon = (props: {
   name: React.ComponentProps<typeof FontAwesome>["name"];
   color: string;
 }) => {
-  return <FontAwesome size={24} style={{ marginBottom: -3 }} {...props} />;
+  return <FontAwesome size={24} style=\{{ marginBottom: -3 }} {...props} />;
 };

package/templates/frontend/native/nativewind/metro.config.js.hbs

@@ -0,0 +1,31 @@
+// Learn more https://docs.expo.io/guides/customizing-metro
+const { getDefaultConfig } = require("expo/metro-config");
+const { FileStore } = require("metro-cache");
+const { withNativeWind } = require("nativewind/metro");
+const path = require("node:path");
+
+const config = withTurborepoManagedCache(
+  withNativeWind(getDefaultConfig(__dirname), {
+    input: "./global.css",
+    configPath: "./tailwind.config.js",
+  }),
+);
+
+config.resolver.unstable_enablePackageExports = true;
+
+module.exports = config;
+
+/**
+ * Move the Metro cache to the `.cache/metro` folder.
+ * If you have any environment variables, you can configure Turborepo to invalidate it when needed.
+ *
+ * @see https://turbo.build/repo/docs/reference/configuration#env
+ * @param {import('expo/metro-config').MetroConfig} config
+ * @returns {import('expo/metro-config').MetroConfig}
+ */
+function withTurborepoManagedCache(config) {
+  config.cacheStores = [
+    new FileStore({ root: path.join(__dirname, ".cache/metro") }),
+  ];
+  return config;
+}

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

@@ -10,39 +10,41 @@
     "web": "expo start --web"
   },
   "dependencies": {
-    "@expo/vector-icons": "^14.0.4",
+    "@expo/vector-icons": "^15.0.2",
     "@react-navigation/bottom-tabs": "^7.2.0",
     "@react-navigation/drawer": "^7.1.1",
     "@react-navigation/native": "^7.0.14",
     "@tanstack/react-form": "^1.0.5",
-    "@tanstack/react-query": "^5.69.2",
+    "@tanstack/react-query": "^5.85.5",
     {{#if (includes examples "ai")}}
     "@stardazed/streams-text-encoding": "^1.0.2",
     "@ungap/structured-clone": "^1.3.0",
     {{/if}}
-    "expo": "^53.0.4",
-    "expo-constants": "~17.1.4",
-    "expo-crypto": "~14.1.5",
-    "expo-linking": "~7.1.4",
-    "expo-navigation-bar": "~4.2.3",
-    "expo-router": "~5.0.3",
-    "expo-secure-store": "~14.2.3",
-    "expo-status-bar": "~2.2.3",
-    "expo-system-ui": "~5.0.6",
-    "expo-web-browser": "~14.1.6",
+		"expo": "^54.0.1",
+    "expo-constants": "~18.0.8",
+    "expo-crypto": "~15.0.6",
+    "expo-linking": "~8.0.7",
+    "expo-navigation-bar": "~5.0.8",
+    "expo-router": "~6.0.0",
+    "expo-secure-store": "~15.0.6",
+    "expo-splash-screen": "~31.0.8",
+    "expo-status-bar": "~3.0.7",
+    "expo-system-ui": "~6.0.7",
+    "expo-web-browser": "~15.0.6",
     "nativewind": "^4.1.23",
-    "react": "19.0.0",
-    "react-dom": "19.0.0",
-    "react-native": "0.79.1",
-    "react-native-gesture-handler": "~2.24.0",
-    "react-native-reanimated": "~3.17.4",
-    "react-native-safe-area-context": "5.3.0",
-    "react-native-screens": "~4.10.0",
-    "react-native-web": "^0.20.0"
+    "react": "19.1.0",
+    "react-dom": "19.1.0",
+    "react-native": "0.81.4",
+    "react-native-gesture-handler": "~2.28.0",
+    "react-native-reanimated": "~4.1.0",
+    "react-native-safe-area-context": "~5.6.0",
+    "react-native-screens": "~4.16.0",
+    "react-native-web": "^0.21.0",
+    "react-native-worklets": "^0.5.1"
   },
   "devDependencies": {
     "@babel/core": "^7.26.10",
-    "@types/react": "~19.0.10",
+    "@types/react": "~19.1.10",
     "tailwindcss": "^3.4.17",
     "typescript": "~5.8.2"
   },

package/templates/frontend/native/nativewind/tailwind.config.js.hbs

@@ -0,0 +1,59 @@
+import { hairlineWidth } from "nativewind/theme";
+
+/** @type {import('tailwindcss').Config} */
+export const darkMode = "class";
+export const content = [
+	"./app/**/*.{js,ts,tsx}",
+	"./components/**/*.{js,ts,tsx}",
+];
+export const presets = [require("nativewind/preset")];
+export const theme = {
+	extend: {
+		colors: {
+			background: "hsl(var(--background))",
+			foreground: "hsl(var(--foreground))",
+			card: {
+				DEFAULT: "hsl(var(--card))",
+				foreground: "hsl(var(--card-foreground))",
+			},
+			popover: {
+				DEFAULT: "hsl(var(--popover))",
+				foreground: "hsl(var(--popover-foreground))",
+			},
+			primary: {
+				DEFAULT: "hsl(var(--primary))",
+				foreground: "hsl(var(--primary-foreground))",
+			},
+			secondary: {
+				DEFAULT: "hsl(var(--secondary))",
+				foreground: "hsl(var(--secondary-foreground))",
+			},
+			muted: {
+				DEFAULT: "hsl(var(--muted))",
+				foreground: "hsl(var(--muted-foreground))",
+			},
+			accent: {
+				DEFAULT: "hsl(var(--accent))",
+				foreground: "hsl(var(--accent-foreground))",
+			},
+			destructive: {
+				DEFAULT: "hsl(var(--destructive))",
+				foreground: "hsl(var(--destructive-foreground))",
+			},
+			border: "hsl(var(--border))",
+			input: "hsl(var(--input))",
+			ring: "hsl(var(--ring))",
+			radius: "var(--radius)",
+		},
+		borderRadius: {
+			xl: "calc(var(--radius) + 4px)",
+			lg: "var(--radius)",
+			md: "calc(var(--radius) - 2px)",
+			sm: "calc(var(--radius) - 4px)",
+		},
+		borderWidth: {
+			hairline: hairlineWidth(),
+		},
+	},
+};
+export const plugins = [];

package/templates/frontend/native/unistyles/app/(drawer)/(tabs)/{_layout.tsx → _layout.tsx.hbs}

@@ -8,7 +8,7 @@ export default function TabLayout() {
 
   return (
     <Tabs
-      screenOptions={{
+      screenOptions=\{{
         headerShown: false,
         tabBarActiveTintColor: theme.colors.primary,
         tabBarInactiveTintColor: theme.colors.mutedForeground,
@@ -20,14 +20,14 @@ export default function TabLayout() {
     >
       <Tabs.Screen
         name="index"
-        options={{
+        options=\{{
           title: "Home",
           tabBarIcon: ({ color }) => <TabBarIcon name="home" color={color} />,
         }}
       />
       <Tabs.Screen
         name="two"
-        options={{
+        options=\{{
           title: "Explore",
           tabBarIcon: ({ color }) => (
             <TabBarIcon name="compass" color={color} />