create-better-t-stack 3.1.8-canary.932e5243 → 3.1.8

package/dist/cli.js

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

package/dist/index.js

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

package/dist/{src-EpWSiOd8.js → src-DeOVz-ZI.js}

@@ -627,9 +627,7 @@ async function getAuthChoice(auth, hasDatabase, backend, frontend) {
 		const supportedBetterAuthFrontends = frontend?.some((f) => [
 			"tanstack-router",
 			"tanstack-start",
-			"next",
-			"native-nativewind",
-			"native-unistyles"
+			"next"
 		].includes(f));
 		const hasClerkCompatibleFrontends = frontend?.some((f) => [
 			"react-router",
@@ -1390,7 +1388,7 @@ const getLatestCLIVersion = () => {
 */
 function isTelemetryEnabled() {
 	const BTS_TELEMETRY_DISABLED = process.env.BTS_TELEMETRY_DISABLED;
-	const BTS_TELEMETRY = "0";
+	const BTS_TELEMETRY = "1";
 	if (BTS_TELEMETRY_DISABLED !== void 0) return BTS_TELEMETRY_DISABLED !== "1";
 	if (BTS_TELEMETRY !== void 0) return BTS_TELEMETRY === "1";
 	return true;
@@ -1398,8 +1396,8 @@ function isTelemetryEnabled() {
 
 //#endregion
 //#region src/utils/analytics.ts
-const POSTHOG_API_KEY = "random";
-const POSTHOG_HOST = "random";
+const POSTHOG_API_KEY = "phc_8ZUxEwwfKMajJLvxz1daGd931dYbQrwKNficBmsdIrs";
+const POSTHOG_HOST = "https://us.i.posthog.com";
 function generateSessionId() {
 	const rand = Math.random().toString(36).slice(2);
 	return `cli_${Date.now().toString(36)}${rand}`;
@@ -1752,11 +1750,9 @@ function validateConvexConstraints(config, providedFlags) {
 		const supportedFrontends = [
 			"tanstack-router",
 			"tanstack-start",
-			"next",
-			"native-nativewind",
-			"native-unistyles"
+			"next"
 		];
-		if (!config.frontend?.some((f) => supportedFrontends.includes(f))) exitWithError("Better-Auth with Convex backend requires a supported frontend (TanStack Router, TanStack Start, Next.js, or Native).");
+		if (!config.frontend?.some((f) => supportedFrontends.includes(f))) exitWithError("Better-Auth with Convex backend is only supported with TanStack Router, TanStack Start, or Next.js frontends. Please use '--auth clerk' or '--auth none'.");
 	}
 }
 function validateBackendNoneConstraints(config, providedFlags) {
@@ -2802,7 +2798,7 @@ async function setupFrontendTemplates(projectDir, context) {
 	if (hasNativeWind || hasUnistyles) {
 		const nativeAppDir = path.join(projectDir, "apps/native");
 		await fs.ensureDir(nativeAppDir);
-		const nativeBaseCommonDir = path.join(PKG_ROOT, "templates/frontend/native/base");
+		const nativeBaseCommonDir = path.join(PKG_ROOT, "templates/frontend/native/native-base");
 		if (await fs.pathExists(nativeBaseCommonDir)) await processAndCopyFiles("**/*", nativeBaseCommonDir, nativeAppDir, context);
 		let nativeFrameworkPath = "";
 		if (hasNativeWind) nativeFrameworkPath = "nativewind";
@@ -2938,17 +2934,6 @@ async function setupAuthTemplate(projectDir, context) {
 				if (await fs.pathExists(convexBetterAuthWebSrc)) await processAndCopyFiles("**/*", convexBetterAuthWebSrc, webAppDir, context);
 			}
 		}
-		if (nativeAppDirExists) {
-			const convexBetterAuthNativeBaseSrc = path.join(PKG_ROOT, "templates/auth/better-auth/convex/native/base");
-			if (await fs.pathExists(convexBetterAuthNativeBaseSrc)) await processAndCopyFiles("**/*", convexBetterAuthNativeBaseSrc, nativeAppDir, context);
-			let nativeFrameworkPath = "";
-			if (hasNativeWind) nativeFrameworkPath = "nativewind";
-			else if (hasUnistyles) nativeFrameworkPath = "unistyles";
-			if (nativeFrameworkPath) {
-				const convexBetterAuthNativeFrameworkSrc = path.join(PKG_ROOT, `templates/auth/better-auth/convex/native/${nativeFrameworkPath}`);
-				if (await fs.pathExists(convexBetterAuthNativeFrameworkSrc)) await processAndCopyFiles("**/*", convexBetterAuthNativeFrameworkSrc, nativeAppDir, context);
-			}
-		}
 		return;
 	}
 	if ((serverAppDirExists || context.backend === "self") && context.backend !== "convex") {
@@ -2998,7 +2983,7 @@ async function setupAuthTemplate(projectDir, context) {
 		}
 	}
 	if (hasNative && nativeAppDirExists) {
-		const authNativeBaseSrc = path.join(PKG_ROOT, `templates/auth/${authProvider}/native/base`);
+		const authNativeBaseSrc = path.join(PKG_ROOT, `templates/auth/${authProvider}/native/native-base`);
 		if (await fs.pathExists(authNativeBaseSrc)) await processAndCopyFiles("**/*", authNativeBaseSrc, nativeAppDir, context);
 		let nativeFrameworkAuthPath = "";
 		if (hasNativeWind) nativeFrameworkAuthPath = "nativewind";
@@ -4482,20 +4467,11 @@ async function setupAuth(config) {
 			}
 			if (auth === "better-auth") {
 				const convexBackendDir = path.join(projectDir, "packages/backend");
-				const convexBackendDirExists = await fs.pathExists(convexBackendDir);
-				const hasNativeForBA = frontend.includes("native-nativewind") || frontend.includes("native-unistyles");
-				if (convexBackendDirExists) {
-					await addPackageDependency({
-						dependencies: ["better-auth", "@convex-dev/better-auth"],
-						customDependencies: { "better-auth": "1.3.27" },
-						projectDir: convexBackendDir
-					});
-					if (hasNativeForBA) await addPackageDependency({
-						dependencies: ["@better-auth/expo"],
-						customDependencies: { "@better-auth/expo": "1.3.27" },
-						projectDir: convexBackendDir
-					});
-				}
+				if (await fs.pathExists(convexBackendDir)) await addPackageDependency({
+					dependencies: ["better-auth", "@convex-dev/better-auth"],
+					customDependencies: { "better-auth": "1.3.27" },
+					projectDir: convexBackendDir
+				});
 				if (clientDirExists) {
 					const hasNextJs = frontend.includes("next");
 					const hasTanStackStart = frontend.includes("tanstack-start");
@@ -4516,20 +4492,6 @@ async function setupAuth(config) {
 						projectDir: clientDir
 					});
 				}
-				const hasNativeWind$1 = frontend.includes("native-nativewind");
-				const hasUnistyles$1 = frontend.includes("native-unistyles");
-				if (nativeDirExists && (hasNativeWind$1 || hasUnistyles$1)) await addPackageDependency({
-					dependencies: [
-						"better-auth",
-						"@better-auth/expo",
-						"@convex-dev/better-auth"
-					],
-					customDependencies: {
-						"better-auth": "1.3.27",
-						"@better-auth/expo": "1.3.27"
-					},
-					projectDir: nativeDir
-				});
 			}
 			const hasNativeWind = frontend.includes("native-nativewind");
 			const hasUnistyles = frontend.includes("native-unistyles");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-better-t-stack",
-  "version": "3.1.8-canary.932e5243",
+  "version": "3.1.8",
   "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/convex/backend/convex/auth.ts.hbs

@@ -1,8 +1,5 @@
 import { createClient, type GenericCtx } from "@convex-dev/better-auth";
-{{#if (or (includes frontend "native-nativewind") (includes frontend "native-unistyles"))}}
-import { convex } from "@convex-dev/better-auth/plugins";
-import { expo } from "@better-auth/expo";
-{{else if (or (includes frontend "tanstack-start") (includes frontend "next"))}}
+{{#if (or (includes frontend "tanstack-start") (includes frontend "next"))}}
 import { convex } from "@convex-dev/better-auth/plugins";
 {{else}}
 import { convex, crossDomain } from "@convex-dev/better-auth/plugins";
@@ -24,9 +21,7 @@ export const createAuth = (
         logger: {
             disabled: optionsOnly,
         },
-        {{#if (or (includes frontend "native-nativewind") (includes frontend "native-unistyles"))}}
-        trustedOrigins: ["mybettertapp://"],
-        {{else if (or (includes frontend "tanstack-start") (includes frontend "next"))}}
+        {{#if (or (includes frontend "tanstack-start") (includes frontend "next"))}}
         baseURL: siteUrl,
         trustedOrigins: [siteUrl],
         {{else}}
@@ -38,9 +33,6 @@ export const createAuth = (
             requireEmailVerification: false,
         },
         plugins: [
-            {{#if (or (includes frontend "native-nativewind") (includes frontend "native-unistyles"))}}
-            expo(),
-            {{/if}}
             {{#unless (or (includes frontend "tanstack-start") (includes frontend "next"))}}
             crossDomain({ siteUrl }),
             {{/unless}}

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

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

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

@@ -1,4 +1,4 @@
-import { View, Text, ScrollView, TouchableOpacity } from "react-native";
+import { View, Text, ScrollView } from "react-native";
 import { Container } from "@/components/container";
 {{#if (eq api "orpc")}}
 import { useQuery } from "@tanstack/react-query";
@@ -16,163 +16,112 @@ import { api } from "@{{ projectName }}/backend/convex/_generated/api";
 import { useUser } from "@clerk/clerk-expo";
 import { SignOutButton } from "@/components/sign-out-button";
 {{else}}
-{{#if (eq auth "better-auth")}}
-import { useConvexAuth, useQuery } from "convex/react";
-import { api } from "@{{ projectName }}/backend/convex/_generated/api";
-import { authClient } from "@/lib/auth-client";
-import { SignIn } from "@/components/sign-in";
-import { SignUp } from "@/components/sign-up";
-{{else}}
 import { useQuery } from "convex/react";
 import { api } from "@{{ projectName }}/backend/convex/_generated/api";
 {{/if}}
 {{/if}}
-{{/if}}
 
 export default function Home() {
-{{#if (eq api "orpc")}}
-const healthCheck = useQuery(orpc.healthCheck.queryOptions());
-{{/if}}
-{{#if (eq api "trpc")}}
-const healthCheck = useQuery(trpc.healthCheck.queryOptions());
-{{/if}}
-{{#if (eq backend "convex")}}
-{{#if (eq auth "clerk")}}
-const { user } = useUser();
-const healthCheck = useQuery(api.healthCheck.get);
-const privateData = useQuery(api.privateData.get);
-{{else}}
-{{#if (eq auth "better-auth")}}
-const healthCheck = useQuery(api.healthCheck.get);
-const { isAuthenticated } = useConvexAuth();
-const user = useQuery(api.auth.getCurrentUser, isAuthenticated ? {} : "skip");
-{{else}}
-const healthCheck = useQuery(api.healthCheck.get);
-{{/if}}
-{{/if}}
-{{/if}}
+  {{#if (eq api "orpc")}}
+  const healthCheck = useQuery(orpc.healthCheck.queryOptions());
+  {{/if}}
+  {{#if (eq api "trpc")}}
+  const healthCheck = useQuery(trpc.healthCheck.queryOptions());
+  {{/if}}
+  {{#if (eq backend "convex")}}
+  {{#if (eq auth "clerk")}}
+  const { user } = useUser();
+  const healthCheck = useQuery(api.healthCheck.get);
+  const privateData = useQuery(api.privateData.get);
+  {{else}}
+  const healthCheck = useQuery(api.healthCheck.get);
+  {{/if}}
+  {{/if}}
 
-return (
-<Container>
-  <ScrollView className="flex-1">
-    <View className="px-4">
-      <Text className="font-mono text-foreground text-3xl font-bold mb-4">
-        BETTER T STACK
-      </Text>
-      <View className="bg-card border border-border rounded-xl p-6 mb-6 shadow-sm">
-        {{#if (eq backend "convex")}}
-        {{#unless (eq auth "better-auth")}}
-        <View className="flex-row items-center gap-3">
-          <View className={`h-3 w-3 rounded-full ${ healthCheck ? "bg-green-500" : "bg-orange-500" }`} />
-          <View className="flex-1">
-            <Text className="text-sm font-medium text-card-foreground">
-              Convex
-            </Text>
-            <Text className="text-xs text-muted-foreground">
-              {healthCheck === undefined
-              ? "Checking connection..."
-              : healthCheck === "OK"
-              ? "All systems operational"
-              : "Service unavailable"}
-            </Text>
-          </View>
-        </View>
-        {{/unless}}
-        {{else}}
-        {{#unless (eq api "none")}}
-        <View className="flex-row items-center gap-3">
-          <View className={`h-3 w-3 rounded-full ${ healthCheck.data ? "bg-green-500" : "bg-orange-500" }`} />
-          <View className="flex-1">
-            <Text className="text-sm font-medium text-card-foreground">
-              {{#if (eq api "orpc")}}
-              ORPC
-              {{/if}}
-              {{#if (eq api "trpc")}}
-              TRPC
-              {{/if}}
-            </Text>
-            <Text className="text-xs text-muted-foreground">
-              {{#if (eq api "orpc")}}
-              {healthCheck.isLoading
-              ? "Checking connection..."
-              : healthCheck.data
-              ? "All systems operational"
-              : "Service unavailable"}
-              {{/if}}
-              {{#if (eq api "trpc")}}
-              {healthCheck.isLoading
-              ? "Checking connection..."
-              : healthCheck.data
-              ? "All systems operational"
-              : "Service unavailable"}
-              {{/if}}
-            </Text>
+  return (
+    <Container>
+      <ScrollView showsVerticalScrollIndicator={false} className="flex-1">
+        <Text className="font-mono text-foreground text-3xl font-bold mb-4">
+          BETTER T STACK
+        </Text>
+        <View className="bg-card border border-border rounded-xl p-6 mb-6 shadow-sm">
+          {{#if (eq backend "convex")}}
+          <View className="flex-row items-center gap-3">
+            <View
+              className={`h-3 w-3 rounded-full ${
+                healthCheck ? "bg-green-500" : "bg-orange-500"
+              }`}
+            />
+            <View className="flex-1">
+              <Text className="text-sm font-medium text-card-foreground">
+                Convex
+              </Text>
+              <Text className="text-xs text-muted-foreground">
+                {healthCheck === undefined
+                  ? "Checking connection..."
+                  : healthCheck === "OK"
+                    ? "All systems operational"
+                    : "Service unavailable"}
+              </Text>
+            </View>
           </View>
+          {{else}}
+            {{#unless (eq api "none")}}
+            <View className="flex-row items-center gap-3">
+              <View
+                className={`h-3 w-3 rounded-full ${
+                    healthCheck.data ? "bg-green-500" : "bg-orange-500"
+                }`}
+              />
+              <View className="flex-1">
+                <Text className="text-sm font-medium text-card-foreground">
+                  {{#if (eq api "orpc")}}
+                  ORPC
+                  {{/if}}
+                  {{#if (eq api "trpc")}}
+                  TRPC
+                  {{/if}}
+                </Text>
+                <Text className="text-xs text-muted-foreground">
+                  {{#if (eq api "orpc")}}
+                  {healthCheck.isLoading
+                    ? "Checking connection..."
+                    : healthCheck.data
+                      ? "All systems operational"
+                      : "Service unavailable"}
+                  {{/if}}
+                  {{#if (eq api "trpc")}}
+                  {healthCheck.isLoading
+                    ? "Checking connection..."
+                    : healthCheck.data
+                      ? "All systems operational"
+                      : "Service unavailable"}
+                  {{/if}}
+                </Text>
+              </View>
+            </View>
+            {{/unless}}
+          {{/if}}
         </View>
-        {{/unless}}
+        {{#if (and (eq backend "convex") (eq auth "clerk"))}}
+        <Authenticated>
+          <Text>Hello {user?.emailAddresses[0].emailAddress}</Text>
+          <Text>Private Data: {privateData?.message}</Text>
+          <SignOutButton />
+        </Authenticated>
+        <Unauthenticated>
+          <Link href="/(auth)/sign-in">
+            <Text>Sign in</Text>
+          </Link>
+          <Link href="/(auth)/sign-up">
+            <Text>Sign up</Text>
+          </Link>
+        </Unauthenticated>
+        <AuthLoading>
+          <Text>Loading...</Text>
+        </AuthLoading>
         {{/if}}
-      </View>
-      {{#if (and (eq backend "convex") (eq auth "clerk"))}}
-      <Authenticated>
-        <Text>Hello {user?.emailAddresses[0].emailAddress}</Text>
-        <Text>Private Data: {privateData?.message}</Text>
-        <SignOutButton />
-      </Authenticated>
-      <Unauthenticated>
-        <Link href="/(auth)/sign-in">
-        <Text>Sign in</Text>
-        </Link>
-        <Link href="/(auth)/sign-up">
-        <Text>Sign up</Text>
-        </Link>
-      </Unauthenticated>
-      <AuthLoading>
-        <Text>Loading...</Text>
-      </AuthLoading>
-      {{/if}}
-      {{#if (and (eq backend "convex") (eq auth "better-auth"))}}
-      {user ? (
-      <View className="mb-6 p-4 bg-card rounded-lg border border-border">
-        <View className="flex-row justify-between items-center mb-2">
-          <Text className="text-foreground text-base">
-            Welcome,{" "}
-            <Text className="font-medium">{user.name}</Text>
-          </Text>
-        </View>
-        <Text className="text-muted-foreground text-sm mb-4">
-          {user.email}
-        </Text>
-
-        <TouchableOpacity className="bg-destructive py-2 px-4 rounded-md self-start" onPress={()=> {
-          authClient.signOut();
-          }}
-          >
-          <Text className="text-white font-medium">Sign Out</Text>
-        </TouchableOpacity>
-      </View>
-      ) : null}
-      <View className="mb-6 rounded-lg border border-border p-4">
-        <Text className="mb-3 font-medium text-foreground">API Status</Text>
-        <View className="flex-row items-center gap-2">
-          <View className={`h-3 w-3 rounded-full ${healthCheck ? "bg-green-500" : "bg-red-500" }`} />
-          <Text className="text-muted-foreground">
-            {healthCheck === undefined
-            ? "Checking..."
-            : healthCheck === "OK"
-            ? "Connected to API"
-            : "API Disconnected"}
-          </Text>
-        </View>
-      </View>
-      {!user && (
-      <>
-        <SignIn />
-        <SignUp />
-      </>
-      )}
-      {{/if}}
-    </View>
-  </ScrollView>
-</Container>
-);
-}
+      </ScrollView>
+    </Container>
+  );
+}

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

@@ -2,13 +2,7 @@
 import "@/polyfills";
 {{/if}}
 {{#if (eq backend "convex")}}
-{{#if (eq auth "better-auth")}}
-import { ConvexReactClient } from "convex/react";
-import { ConvexBetterAuthProvider } from "@convex-dev/better-auth/react";
-import { authClient } from "@/lib/auth-client";
-{{else}}
 import { ConvexProvider, ConvexReactClient } from "convex/react";
-{{/if}}
 {{#if (eq auth "clerk")}}
 import { ClerkProvider, useAuth } from "@clerk/clerk-expo";
 import { ConvexProviderWithClerk } from "convex/react-clerk";
@@ -104,21 +98,6 @@ export default function RootLayout() {
         </ThemeProvider>
       </ConvexProviderWithClerk>
     </ClerkProvider>
-    {{else if (eq auth "better-auth")}}
-    <ConvexBetterAuthProvider client={convex} authClient={authClient}>
-      <ThemeProvider value={isDarkColorScheme ? DARK_THEME : LIGHT_THEME}>
-        <StatusBar style={isDarkColorScheme ? "light" : "dark"} />
-        <GestureHandlerRootView style=\{{ flex: 1 }}>
-          <Stack>
-            <Stack.Screen name="(drawer)" options=\{{ headerShown: false }} />
-            <Stack.Screen
-              name="modal"
-              options=\{{ title: "Modal", presentation: "modal" }}
-            />
-          </Stack>
-        </GestureHandlerRootView>
-      </ThemeProvider>
-    </ConvexBetterAuthProvider>
     {{else}}
     <ConvexProvider client={convex}>
       <ThemeProvider value={isDarkColorScheme ? DARK_THEME : LIGHT_THEME}>