create-better-t-stack 2.44.0 → 2.45.0

package/dist/cli.js

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-import { createBtsCli } from "./src-CwLBNdNq.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-CwLBNdNq.js";
+import { builder, createBtsCli, docs, init, router, sponsors } from "./src-Cve0nldx.js";
 
 export { builder, createBtsCli, docs, init, router, sponsors };

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

@@ -2547,9 +2547,8 @@ async function initializeBiome() {
 			biome,
 			projectKey
 		};
-	} catch (error) {
-		consola.error("Failed to initialize Biome:", error);
-		throw error;
+	} catch (_error) {
+		return null;
 	}
 }
 function isSupportedFile(filePath) {
@@ -2579,21 +2578,35 @@ function shouldSkipFile(filePath) {
 async function formatFileWithBiome(filePath, content) {
 	if (!isSupportedFile(filePath) || shouldSkipFile(filePath)) return null;
 	try {
-		const { biome: biomeInstance, projectKey: key } = await initializeBiome();
+		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) {
-		consola.warn(`Failed to format ${filePath} with Biome:`, error);
+	} catch (_error) {
 		return null;
 	}
 }
 
 //#endregion
 //#region src/utils/template-processor.ts
+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 {
 		await fs.ensureDir(path.dirname(destPath));
+		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");
@@ -2961,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");
@@ -5932,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.44.0",
+  "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",

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} />

package/templates/frontend/native/unistyles/app/(drawer)/index.tsx.hbs

@@ -46,9 +46,7 @@ export default function Home() {
         contentContainerStyle={styles.container}
         showsVerticalScrollIndicator={false}
       >
-        <Text className="font-mono text-foreground text-3xl font-bold mb-4">
-			BETTER T STACK
-		</Text>
+        <Text style={styles.heroTitle}>BETTER T STACK</Text>
         <View style={styles.statusCard}>
           <View style={styles.statusHeader}>
             <Text style={styles.statusTitle}>System Status</Text>

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

@@ -1,12 +1,12 @@
-import { Container } from "@/components/container";
 import { Link, Stack } from "expo-router";
 import { Text, View } from "react-native";
 import { StyleSheet } from "react-native-unistyles";
+import { Container } from "@/components/container";
 
 export default function NotFoundScreen() {
   return (
     <>
-      <Stack.Screen options={{ title: "Oops!" }} />
+      <Stack.Screen options=\{{ title: "Oops!" }} />
       <Container>
         <View style={styles.container}>
           <View style={styles.content}>

package/templates/frontend/native/unistyles/app/_layout.tsx.hbs

@@ -22,14 +22,14 @@ import { QueryClientProvider } from "@tanstack/react-query";
 import { Stack } from "expo-router";
 import { GestureHandlerRootView } from "react-native-gesture-handler";
 import { useUnistyles } from "react-native-unistyles";
+import { StatusBar } from "expo-status-bar";
 
 export const unstable_settings = {
-  // Ensure that reloading on `/modal` keeps a back button present.
   initialRouteName: "(drawer)",
 };
 
 {{#if (eq backend "convex")}}
-const convex = new ConvexReactClient(process.env.EXPO_PUBLIC_CONVEX_URL!, {
+const convex = new ConvexReactClient(process.env.EXPO_PUBLIC_CONVEX_URL || "", {
   unsavedChangesWarning: false,
 });
 {{/if}}

package/templates/frontend/native/unistyles/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.mybettertapp6"
+    },
+    "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
+    }
+  }
+}