create-better-t-stack 3.2.23 → 3.3.0

package/README.md

@@ -57,7 +57,7 @@ Options:
   --orm <type>                    ORM type (none, drizzle, prisma, mongoose)
   --auth                          Include authentication
   --no-auth                       Exclude authentication
-  --frontend <types...>           Frontend types (tanstack-router, react-router, tanstack-start, next, nuxt, svelte, solid, native-nativewind, native-unistyles, none)
+  --frontend <types...>           Frontend types (tanstack-router, react-router, tanstack-start, next, nuxt, svelte, solid, native-bare, native-uniwind, native-unistyles, none)
   --addons <types...>             Additional addons (pwa, tauri, starlight, biome, husky, turborepo, fumadocs, ultracite, oxlint, none)
   --examples <types...>           Examples to include (todo, ai, none)
   --git                           Initialize git repository
@@ -119,7 +119,7 @@ npx create-better-t-stack my-app --backend elysia --runtime node
 Create a project with multiple frontend options (one web + one native):
 
 ```bash
-npx create-better-t-stack my-app --frontend tanstack-router native-nativewind
+npx create-better-t-stack my-app --frontend tanstack-router native-bare
 ```
 
 Create a project with examples:

package/dist/cli.js

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-import { n as createBtsCli } from "./src-Cx7HDf0b.js";
+import { n as createBtsCli } from "./src-82W1Q-C5.js";
 
 //#region src/cli.ts
 createBtsCli().run();

package/dist/index.d.ts

@@ -43,7 +43,8 @@ declare const FrontendSchema: z.ZodEnum<{
   "tanstack-start": "tanstack-start";
   next: "next";
   nuxt: "nuxt";
-  "native-nativewind": "native-nativewind";
+  "native-bare": "native-bare";
+  "native-uniwind": "native-uniwind";
   "native-unistyles": "native-unistyles";
   svelte: "svelte";
   solid: "solid";
@@ -242,7 +243,8 @@ declare const router: {
       "tanstack-start": "tanstack-start";
       next: "next";
       nuxt: "nuxt";
-      "native-nativewind": "native-nativewind";
+      "native-bare": "native-bare";
+      "native-uniwind": "native-uniwind";
       "native-unistyles": "native-unistyles";
       svelte: "svelte";
       solid: "solid";

package/dist/index.js

@@ -1,4 +1,4 @@
 #!/usr/bin/env node
-import { a as router, i as init, n as createBtsCli, o as sponsors, r as docs, t as builder } from "./src-Cx7HDf0b.js";
+import { a as router, i as init, n as createBtsCli, o as sponsors, r as docs, t as builder } from "./src-82W1Q-C5.js";
 
 export { builder, createBtsCli, docs, init, router, sponsors };

package/dist/{src-Cx7HDf0b.js → src-82W1Q-C5.js}

@@ -146,7 +146,7 @@ const dependencyVersionMap = {
 	"nitro-cloudflare-dev": "^0.2.2",
 	"@sveltejs/adapter-cloudflare": "^7.2.1",
 	"@cloudflare/workers-types": "^4.20250822.0",
-	alchemy: "^0.75.1",
+	alchemy: "^0.77.0",
 	dotenv: "^17.2.2",
 	tsdown: "^0.15.5",
 	zod: "^4.1.11",
@@ -216,7 +216,8 @@ const FrontendSchema = z.enum([
 	"tanstack-start",
 	"next",
 	"nuxt",
-	"native-nativewind",
+	"native-bare",
+	"native-uniwind",
 	"native-unistyles",
 	"svelte",
 	"solid",
@@ -337,13 +338,13 @@ function isWebFrontend(value) {
 function splitFrontends(values = []) {
 	return {
 		web: values.filter((f) => isWebFrontend(f)),
-		native: values.filter((f) => f === "native-nativewind" || f === "native-unistyles")
+		native: values.filter((f) => f === "native-bare" || f === "native-uniwind" || f === "native-unistyles")
 	};
 }
 function ensureSingleWebAndNative(frontends) {
 	const { web, native } = splitFrontends(frontends);
 	if (web.length > 1) exitWithError("Cannot select multiple web frameworks. Choose only one of: tanstack-router, tanstack-start, react-router, next, nuxt, svelte, solid");
-	if (native.length > 1) exitWithError("Cannot select multiple native frameworks. Choose only one of: native-nativewind, native-unistyles");
+	if (native.length > 1) exitWithError("Cannot select multiple native frameworks. Choose only one of: native-bare, native-uniwind, native-unistyles");
 }
 const FULLSTACK_FRONTENDS$1 = ["next", "tanstack-start"];
 function validateSelfBackendCompatibility(providedFlags, options, config) {
@@ -352,7 +353,7 @@ function validateSelfBackendCompatibility(providedFlags, options, config) {
 	if (backend === "self") {
 		const { web, native } = splitFrontends(frontends);
 		if (!(web.length === 1 && FULLSTACK_FRONTENDS$1.includes(web[0]))) exitWithError("Backend 'self' (fullstack) currently only supports Next.js and TanStack Start frontends. Please use --frontend next or --frontend tanstack-start. Support for Nuxt and SvelteKit will be added in a future update.");
-		if (native.length > 1) exitWithError("Cannot select multiple native frameworks. Choose only one of: native-nativewind, native-unistyles");
+		if (native.length > 1) exitWithError("Cannot select multiple native frameworks. Choose only one of: native-bare, native-uniwind, native-unistyles");
 	}
 	const hasFullstackFrontend = frontends.some((f) => FULLSTACK_FRONTENDS$1.includes(f));
 	if (providedFlags.has("backend") && !hasFullstackFrontend && backend === "self") exitWithError("Backend 'self' (fullstack) currently only supports Next.js and TanStack Start frontends. Please use --frontend next or --frontend tanstack-start or choose a different backend. Support for Nuxt and SvelteKit will be added in a future update.");
@@ -622,7 +623,8 @@ async function getAuthChoice(auth, backend, frontend) {
 			"tanstack-router",
 			"tanstack-start",
 			"next",
-			"native-nativewind",
+			"native-bare",
+			"native-uniwind",
 			"native-unistyles"
 		].includes(f));
 		const hasClerkCompatibleFrontends = frontend?.some((f) => [
@@ -630,7 +632,8 @@ async function getAuthChoice(auth, backend, frontend) {
 			"tanstack-router",
 			"tanstack-start",
 			"next",
-			"native-nativewind",
+			"native-bare",
+			"native-uniwind",
 			"native-unistyles"
 		].includes(f));
 		const options = [];
@@ -965,16 +968,24 @@ async function getFrontendChoice(frontendOptions, backend, auth) {
 	if (frontendTypes.includes("native")) {
 		const nativeFramework = await select({
 			message: "Choose native",
-			options: [{
-				value: "native-nativewind",
-				label: "NativeWind",
-				hint: "Use Tailwind CSS for React Native"
-			}, {
-				value: "native-unistyles",
-				label: "Unistyles",
-				hint: "Consistent styling for React Native"
-			}],
-			initialValue: "native-nativewind"
+			options: [
+				{
+					value: "native-bare",
+					label: "Bare",
+					hint: "Bare Expo without styling library"
+				},
+				{
+					value: "native-uniwind",
+					label: "Uniwind",
+					hint: "Use Tailwind CSS for React Native"
+				},
+				{
+					value: "native-unistyles",
+					label: "Unistyles",
+					hint: "Consistent styling for React Native"
+				}
+			],
+			initialValue: "native-bare"
 		});
 		if (isCancel(nativeFramework)) return exitCancelled("Operation cancelled");
 		result.push(nativeFramework);
@@ -1733,7 +1744,8 @@ function validateConvexConstraints(config, providedFlags) {
 			"tanstack-router",
 			"tanstack-start",
 			"next",
-			"native-nativewind",
+			"native-bare",
+			"native-uniwind",
 			"native-unistyles"
 		];
 		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).");
@@ -2306,7 +2318,8 @@ function getFrameworksFromFrontend(frontend) {
 		"tanstack-start": "react",
 		next: "next",
 		nuxt: "vue",
-		"native-nativewind": "react",
+		"native-bare": "react",
+		"native-uniwind": "react",
 		"native-unistyles": "react",
 		svelte: "svelte",
 		solid: "solid"
@@ -2759,7 +2772,8 @@ async function setupFrontendTemplates(projectDir, context) {
 	const hasNuxtWeb = context.frontend.includes("nuxt");
 	const hasSvelteWeb = context.frontend.includes("svelte");
 	const hasSolidWeb = context.frontend.includes("solid");
-	const hasNativeWind = context.frontend.includes("native-nativewind");
+	const hasNativeBare = context.frontend.includes("native-bare");
+	const hasNativeUniwind = context.frontend.includes("native-uniwind");
 	const hasUnistyles = context.frontend.includes("native-unistyles");
 	const isConvex = context.backend === "convex";
 	if (hasReactWeb || hasNuxtWeb || hasSvelteWeb || hasSolidWeb) {
@@ -2809,13 +2823,14 @@ async function setupFrontendTemplates(projectDir, context) {
 			}
 		}
 	}
-	if (hasNativeWind || hasUnistyles) {
+	if (hasNativeBare || hasNativeUniwind || hasUnistyles) {
 		const nativeAppDir = path.join(projectDir, "apps/native");
 		await fs.ensureDir(nativeAppDir);
 		const nativeBaseCommonDir = path.join(PKG_ROOT, "templates/frontend/native/base");
 		if (await fs.pathExists(nativeBaseCommonDir)) await processAndCopyFiles("**/*", nativeBaseCommonDir, nativeAppDir, context);
 		let nativeFrameworkPath = "";
-		if (hasNativeWind) nativeFrameworkPath = "nativewind";
+		if (hasNativeBare) nativeFrameworkPath = "bare";
+		else if (hasNativeUniwind) nativeFrameworkPath = "uniwind";
 		else if (hasUnistyles) nativeFrameworkPath = "unistyles";
 		const nativeSpecificDir = path.join(PKG_ROOT, `templates/frontend/native/${nativeFrameworkPath}`);
 		if (await fs.pathExists(nativeSpecificDir)) await processAndCopyFiles("**/*", nativeSpecificDir, nativeAppDir, context, true);
@@ -2889,9 +2904,10 @@ async function setupAuthTemplate(projectDir, context) {
 	const hasNuxtWeb = context.frontend.includes("nuxt");
 	const hasSvelteWeb = context.frontend.includes("svelte");
 	const hasSolidWeb = context.frontend.includes("solid");
-	const hasNativeWind = context.frontend.includes("native-nativewind");
+	const hasNativeBare = context.frontend.includes("native-bare");
+	const hasUniwind = context.frontend.includes("native-uniwind");
 	const hasUnistyles = context.frontend.includes("native-unistyles");
-	const hasNative = hasNativeWind || hasUnistyles;
+	const hasNative = hasNativeBare || hasUniwind || hasUnistyles;
 	const authProvider = context.auth;
 	if (context.backend === "convex" && authProvider === "clerk") {
 		const convexBackendDestDir = path.join(projectDir, "packages/backend");
@@ -2915,11 +2931,10 @@ async function setupAuthTemplate(projectDir, context) {
 		if (nativeAppDirExists) {
 			const convexClerkNativeBaseSrc = path.join(PKG_ROOT, "templates/auth/clerk/convex/native/base");
 			if (await fs.pathExists(convexClerkNativeBaseSrc)) await processAndCopyFiles("**/*", convexClerkNativeBaseSrc, nativeAppDir, context);
-			const hasNativeWind$1 = context.frontend.includes("native-nativewind");
-			const hasUnistyles$1 = context.frontend.includes("native-unistyles");
 			let nativeFrameworkPath = "";
-			if (hasNativeWind$1) nativeFrameworkPath = "nativewind";
-			else if (hasUnistyles$1) nativeFrameworkPath = "unistyles";
+			if (hasNativeBare) nativeFrameworkPath = "bare";
+			else if (hasUniwind) nativeFrameworkPath = "uniwind";
+			else if (hasUnistyles) nativeFrameworkPath = "unistyles";
 			if (nativeFrameworkPath) {
 				const convexClerkNativeFrameworkSrc = path.join(PKG_ROOT, `templates/auth/clerk/convex/native/${nativeFrameworkPath}`);
 				if (await fs.pathExists(convexClerkNativeFrameworkSrc)) await processAndCopyFiles("**/*", convexClerkNativeFrameworkSrc, nativeAppDir, context);
@@ -2952,7 +2967,8 @@ async function setupAuthTemplate(projectDir, context) {
 			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";
+			if (hasNativeBare) nativeFrameworkPath = "bare";
+			else if (hasUniwind) nativeFrameworkPath = "uniwind";
 			else if (hasUnistyles) nativeFrameworkPath = "unistyles";
 			if (nativeFrameworkPath) {
 				const convexBetterAuthNativeFrameworkSrc = path.join(PKG_ROOT, `templates/auth/better-auth/convex/native/${nativeFrameworkPath}`);
@@ -3011,7 +3027,8 @@ async function setupAuthTemplate(projectDir, context) {
 		const authNativeBaseSrc = path.join(PKG_ROOT, `templates/auth/${authProvider}/native/base`);
 		if (await fs.pathExists(authNativeBaseSrc)) await processAndCopyFiles("**/*", authNativeBaseSrc, nativeAppDir, context);
 		let nativeFrameworkAuthPath = "";
-		if (hasNativeWind) nativeFrameworkAuthPath = "nativewind";
+		if (hasNativeBare) nativeFrameworkAuthPath = "bare";
+		else if (hasUniwind) nativeFrameworkAuthPath = "uniwind";
 		else if (hasUnistyles) nativeFrameworkAuthPath = "unistyles";
 		if (nativeFrameworkAuthPath) {
 			const authNativeFrameworkSrc = path.join(PKG_ROOT, `templates/auth/${authProvider}/native/${nativeFrameworkAuthPath}`);
@@ -3155,11 +3172,13 @@ async function setupExamplesTemplate(projectDir, context) {
 			}
 		}
 		if (nativeAppDirExists) {
-			const hasNativeWind = context.frontend.includes("native-nativewind");
+			const hasNativeBare = context.frontend.includes("native-bare");
+			const hasUniwind = context.frontend.includes("native-uniwind");
 			const hasUnistyles = context.frontend.includes("native-unistyles");
-			if (hasNativeWind || hasUnistyles) {
+			if (hasNativeBare || hasUniwind || hasUnistyles) {
 				let nativeFramework = "";
-				if (hasNativeWind) nativeFramework = "nativewind";
+				if (hasNativeBare) nativeFramework = "bare";
+				else if (hasUniwind) nativeFramework = "uniwind";
 				else if (hasUnistyles) nativeFramework = "unistyles";
 				const exampleNativeSrc = path.join(exampleBaseDir, `native/${nativeFramework}`);
 				if (await fs.pathExists(exampleNativeSrc)) await processAndCopyFiles("**/*", exampleNativeSrc, nativeAppDir, context, false);
@@ -3169,9 +3188,10 @@ async function setupExamplesTemplate(projectDir, context) {
 }
 async function handleExtras(projectDir, context) {
 	const extrasDir = path.join(PKG_ROOT, "templates/extras");
-	const hasNativeWind = context.frontend.includes("native-nativewind");
+	const hasNativeBare = context.frontend.includes("native-bare");
+	const hasUniwind = context.frontend.includes("native-uniwind");
 	const hasUnistyles = context.frontend.includes("native-unistyles");
-	const hasNative = hasNativeWind || hasUnistyles;
+	const hasNative = hasNativeBare || hasUniwind || hasUnistyles;
 	if (context.packageManager === "pnpm") {
 		const pnpmWorkspaceSrc = path.join(extrasDir, "pnpm-workspace.yaml");
 		const pnpmWorkspaceDest = path.join(projectDir, "pnpm-workspace.yaml");
@@ -4032,6 +4052,7 @@ async function setupCatalogs(projectDir, options) {
 	const packagePaths = [
 		"apps/server",
 		"apps/web",
+		"apps/native",
 		"apps/fumadocs",
 		"apps/docs",
 		"packages/api",
@@ -4162,7 +4183,7 @@ async function setupExamples(config) {
 		const hasSvelte = frontend.includes("svelte");
 		const hasReactWeb = frontend.includes("react-router") || frontend.includes("tanstack-router") || frontend.includes("next") || frontend.includes("tanstack-start");
 		const hasNext = frontend.includes("next");
-		const hasReactNative = frontend.includes("native-nativewind") || frontend.includes("native-unistyles");
+		const hasReactNative = frontend.includes("native-bare") || frontend.includes("native-uniwind") || frontend.includes("native-unistyles");
 		if (webClientDirExists) {
 			const dependencies = ["ai"];
 			if (hasNuxt) dependencies.push("@ai-sdk/vue");
@@ -4207,7 +4228,11 @@ function getFrontendType(frontend) {
 		"tanstack-start",
 		"next"
 	];
-	const nativeFrontends = ["native-nativewind", "native-unistyles"];
+	const nativeFrontends = [
+		"native-bare",
+		"native-uniwind",
+		"native-unistyles"
+	];
 	return {
 		hasReactWeb: frontend.some((f) => reactBasedFrontends.includes(f)),
 		hasNuxtWeb: frontend.includes("nuxt"),
@@ -4282,13 +4307,14 @@ function getQueryDependencies(frontend) {
 		"tanstack-router",
 		"tanstack-start",
 		"next",
-		"native-nativewind",
+		"native-bare",
+		"native-uniwind",
 		"native-unistyles"
 	];
 	const deps = {};
 	if (frontend.some((f) => reactBasedFrontends.includes(f))) {
-		const hasReactWeb = frontend.some((f) => f !== "native-nativewind" && f !== "native-unistyles" && reactBasedFrontends.includes(f));
-		const hasNative = frontend.includes("native-nativewind") || frontend.includes("native-unistyles");
+		const hasReactWeb = frontend.some((f) => f !== "native-bare" && f !== "native-uniwind" && f !== "native-unistyles" && reactBasedFrontends.includes(f));
+		const hasNative = frontend.includes("native-bare") || frontend.includes("native-uniwind") || frontend.includes("native-unistyles");
 		if (hasReactWeb) deps.web = {
 			dependencies: ["@tanstack/react-query"],
 			devDependencies: ["@tanstack/react-query-devtools"]
@@ -4440,7 +4466,7 @@ async function setupBetterAuthPlugins(projectDir, config) {
 		pluginsToAdd.push("nextCookies()");
 		importsToAdd.push("import { nextCookies } from \"better-auth/next-js\";");
 	}
-	if (config.frontend?.includes("native-nativewind") || config.frontend?.includes("native-unistyles")) {
+	if (config.frontend?.includes("native-bare") || config.frontend?.includes("native-uniwind") || config.frontend?.includes("native-unistyles")) {
 		pluginsToAdd.push("expo()");
 		importsToAdd.push("import { expo } from \"@better-auth/expo\";");
 	}
@@ -4497,7 +4523,7 @@ 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");
+				const hasNativeForBA = frontend.includes("native-bare") || frontend.includes("native-uniwind") || frontend.includes("native-unistyles");
 				if (convexBackendDirExists) {
 					await addPackageDependency({
 						dependencies: ["better-auth", "@convex-dev/better-auth"],
@@ -4530,9 +4556,10 @@ async function setupAuth(config) {
 						projectDir: clientDir
 					});
 				}
-				const hasNativeWind$1 = frontend.includes("native-nativewind");
+				const hasNativeBare$1 = frontend.includes("native-bare");
+				const hasNativeUniwind$1 = frontend.includes("native-uniwind");
 				const hasUnistyles$1 = frontend.includes("native-unistyles");
-				if (nativeDirExists && (hasNativeWind$1 || hasUnistyles$1)) await addPackageDependency({
+				if (nativeDirExists && (hasNativeBare$1 || hasNativeUniwind$1 || hasUnistyles$1)) await addPackageDependency({
 					dependencies: [
 						"better-auth",
 						"@better-auth/expo",
@@ -4545,9 +4572,10 @@ async function setupAuth(config) {
 					projectDir: nativeDir
 				});
 			}
-			const hasNativeWind = frontend.includes("native-nativewind");
+			const hasNativeBare = frontend.includes("native-bare");
+			const hasNativeUniwind = frontend.includes("native-uniwind");
 			const hasUnistyles = frontend.includes("native-unistyles");
-			if (auth === "clerk" && nativeDirExists && (hasNativeWind || hasUnistyles)) await addPackageDependency({
+			if (auth === "clerk" && nativeDirExists && (hasNativeBare || hasNativeUniwind || hasUnistyles)) await addPackageDependency({
 				dependencies: ["@clerk/clerk-expo"],
 				projectDir: nativeDir
 			});
@@ -4573,7 +4601,7 @@ async function setupAuth(config) {
 				projectDir: clientDir
 			});
 		}
-		if ((frontend.includes("native-nativewind") || frontend.includes("native-unistyles")) && nativeDirExists) {
+		if ((frontend.includes("native-bare") || frontend.includes("native-uniwind") || frontend.includes("native-unistyles")) && nativeDirExists) {
 			if (auth === "better-auth") {
 				await addPackageDependency({
 					dependencies: ["better-auth", "@better-auth/expo"],
@@ -4740,7 +4768,7 @@ async function setupEnvironmentVariables(config) {
 			await addEnvVariablesToFile(path.join(clientDir, ".env"), clientVars);
 		}
 	}
-	if (frontend.includes("native-nativewind") || frontend.includes("native-unistyles")) {
+	if (frontend.includes("native-bare") || frontend.includes("native-uniwind") || frontend.includes("native-unistyles")) {
 		const nativeDir = path.join(projectDir, "apps/native");
 		if (await fs.pathExists(nativeDir)) {
 			let envVarName = "EXPO_PUBLIC_SERVER_URL";
@@ -4773,7 +4801,7 @@ async function setupEnvironmentVariables(config) {
 			const convexBackendDir = path.join(projectDir, "packages/backend");
 			if (await fs.pathExists(convexBackendDir)) {
 				const envLocalPath = path.join(convexBackendDir, ".env.local");
-				const hasNative = frontend.includes("native-nativewind") || frontend.includes("native-unistyles");
+				const hasNative = frontend.includes("native-bare") || frontend.includes("native-uniwind") || frontend.includes("native-unistyles");
 				const hasWeb = hasWebFrontend$1;
 				if (!await fs.pathExists(envLocalPath) || !(await fs.readFile(envLocalPath, "utf8")).includes("npx convex env set")) {
 					const convexCommands = `# Set Convex environment variables
@@ -6082,7 +6110,7 @@ function generateReadmeContent(options) {
 	const { projectName, packageManager, database, auth, addons = [], orm = "drizzle", runtime = "bun", frontend = ["tanstack-router"], backend = "hono", api = "trpc", webDeploy, serverDeploy } = options;
 	const isConvex = backend === "convex";
 	const hasReactRouter = frontend.includes("react-router");
-	const hasNative = frontend.includes("native-nativewind") || frontend.includes("native-unistyles");
+	const hasNative = frontend.includes("native-bare") || frontend.includes("native-uniwind") || frontend.includes("native-unistyles");
 	const hasSvelte = frontend.includes("svelte");
 	const packageManagerRunCmd = `${packageManager} run`;
 	let webPort = "3001";
@@ -6208,7 +6236,7 @@ function generateProjectStructure(projectName, frontend, backend, addons, isConv
 			else structure.push(`│   ├── web/         # Frontend application (${frontendType})`);
 		}
 	}
-	if (frontend.includes("native-nativewind") || frontend.includes("native-unistyles")) if (isBackendSelf) structure.push("│   ├── native/      # Mobile application (React Native, Expo)");
+	if (frontend.includes("native-bare") || frontend.includes("native-uniwind") || frontend.includes("native-unistyles")) if (isBackendSelf) structure.push("│   ├── native/      # Mobile application (React Native, Expo)");
 	else structure.push("│   ├── native/      # Mobile application (React Native, Expo)");
 	if (addons.includes("starlight")) if (isBackendSelf) structure.push("│   ├── docs/        # Documentation site (Astro Starlight)");
 	else structure.push("│   ├── docs/        # Documentation site (Astro Starlight)");
@@ -6237,7 +6265,7 @@ function generateFeaturesList(database, auth, addons, orm, runtime, frontend, ba
 	const isBackendNone = backend === "none";
 	const hasTanstackRouter = frontend.includes("tanstack-router");
 	const hasReactRouter = frontend.includes("react-router");
-	const hasNative = frontend.includes("native-nativewind") || frontend.includes("native-unistyles");
+	const hasNative = frontend.includes("native-bare") || frontend.includes("native-uniwind") || frontend.includes("native-unistyles");
 	const hasNext = frontend.includes("next");
 	const hasTanstackStart = frontend.includes("tanstack-start");
 	const hasSvelte = frontend.includes("svelte");
@@ -6516,7 +6544,7 @@ async function displayPostInstallInstructions(config) {
 	const databaseInstructions = !isConvex && database !== "none" ? await getDatabaseInstructions(database, orm, runCmd, runtime, dbSetup, serverDeploy, backend) : "";
 	const tauriInstructions = addons?.includes("tauri") ? getTauriInstructions(runCmd) : "";
 	const lintingInstructions = hasHuskyOrBiome ? getLintingInstructions(runCmd) : "";
-	const nativeInstructions = frontend?.includes("native-nativewind") || frontend?.includes("native-unistyles") ? getNativeInstructions(isConvex, isBackendSelf, frontend || []) : "";
+	const nativeInstructions = frontend?.includes("native-bare") || frontend?.includes("native-uniwind") || frontend?.includes("native-unistyles") ? getNativeInstructions(isConvex, isBackendSelf, frontend || []) : "";
 	const pwaInstructions = addons?.includes("pwa") && frontend?.includes("react-router") ? getPwaInstructions() : "";
 	const starlightInstructions = addons?.includes("starlight") ? getStarlightInstructions(runCmd) : "";
 	const clerkInstructions = isConvex && config.auth === "clerk" ? getClerkInstructions() : "";
@@ -6532,7 +6560,7 @@ async function displayPostInstallInstructions(config) {
 		"svelte",
 		"solid"
 	].includes(f));
-	const hasNative = frontend?.includes("native-nativewind") || frontend?.includes("native-unistyles");
+	const hasNative = frontend?.includes("native-bare") || frontend?.includes("native-uniwind") || frontend?.includes("native-unistyles");
 	const bunWebNativeWarning = packageManager === "bun" && hasNative && hasWeb ? getBunWebNativeWarning() : "";
 	const noOrmWarning = !isConvex && database !== "none" && orm === "none" ? getNoOrmWarning() : "";
 	const hasReactRouter = frontend?.includes("react-router");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-better-t-stack",
-  "version": "3.2.23",
+  "version": "3.3.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/addons/biome/biome.json.hbs

@@ -66,6 +66,11 @@
 		"formatter": {
 			"quoteStyle": "double"
 		}
+	},
+	"css": {
+		"parser": {
+			"tailwindDirectives": true
+		}
 	}
 	{{#if (or (includes frontend "svelte") (includes frontend "nuxt"))}}
 	,

package/templates/auth/better-auth/convex/backend/convex/auth.ts.hbs

@@ -1,5 +1,5 @@
 import { createClient, type GenericCtx } from "@convex-dev/better-auth";
-{{#if (or (includes frontend "native-nativewind") (includes frontend "native-unistyles"))}}
+{{#if (or (includes frontend "native-bare") (includes frontend "native-uniwind") (includes frontend "native-unistyles"))}}
 import { convex } from "@convex-dev/better-auth/plugins";
 import { expo } from "@better-auth/expo";
 {{else}}
@@ -17,7 +17,7 @@ import { v } from "convex/values";
 {{#if (or (includes frontend "tanstack-start") (includes frontend "next") (includes frontend "tanstack-router") (includes frontend "react-router") (includes frontend "nuxt") (includes frontend "svelte") (includes frontend "solid"))}}
 const siteUrl = process.env.SITE_URL!;
 {{/if}}
-{{#if (or (includes frontend "native-nativewind") (includes frontend "native-unistyles"))}}
+{{#if (or (includes frontend "native-bare") (includes frontend "native-uniwind") (includes frontend "native-unistyles"))}}
 const nativeAppUrl = process.env.NATIVE_APP_URL || "mybettertapp://";
 {{/if}}
 
@@ -31,10 +31,10 @@ function createAuth(
     logger: {
       disabled: optionsOnly,
     },
-    {{#if (and (or (includes frontend "native-nativewind") (includes frontend "native-unistyles")) (or (includes frontend "tanstack-start") (includes frontend "next")))}}
+    {{#if (and (or (includes frontend "native-bare") (includes frontend "native-uniwind") (includes frontend "native-unistyles")) (or (includes frontend "tanstack-start") (includes frontend "next")))}}
     baseURL: siteUrl,
     trustedOrigins: [siteUrl, nativeAppUrl],
-    {{else if (or (includes frontend "native-nativewind") (includes frontend "native-unistyles"))}}
+    {{else if (or (includes frontend "native-bare") (includes frontend "native-uniwind") (includes frontend "native-unistyles"))}}
     trustedOrigins: [nativeAppUrl],
     {{else if (or (includes frontend "tanstack-start") (includes frontend "next"))}}
     baseURL: siteUrl,
@@ -48,7 +48,7 @@ function createAuth(
       requireEmailVerification: false,
     },
     plugins: [
-      {{#if (or (includes frontend "native-nativewind") (includes frontend "native-unistyles"))}}
+      {{#if (or (includes frontend "native-bare") (includes frontend "native-uniwind") (includes frontend "native-unistyles"))}}
       expo(),
       {{/if}}
       {{#if (or (includes frontend "tanstack-router") (includes frontend "react-router") (includes frontend "nuxt") (includes frontend "svelte") (includes frontend "solid"))}}

package/templates/auth/better-auth/convex/backend/convex/http.ts.hbs

@@ -3,7 +3,7 @@ import { authComponent, createAuth } from "./auth";
 
 const http = httpRouter();
 
-{{#if (or (includes frontend "tanstack-start") (includes frontend "next") (includes frontend "native-nativewind") (includes frontend "native-unistyles"))}}
+{{#if (or (includes frontend "tanstack-start") (includes frontend "next") (includes frontend "native-bare") (includes frontend "native-uniwind") (includes frontend "native-unistyles"))}}
 authComponent.registerRoutes(http, createAuth);
 {{else}}
 authComponent.registerRoutes(http, createAuth, { cors: true });

package/templates/auth/better-auth/convex/native/bare/components/sign-in.tsx.hbs

@@ -0,0 +1,127 @@
+import { authClient } from "@/lib/auth-client";
+import { useState } from "react";
+import {
+  ActivityIndicator,
+  Text,
+  TextInput,
+  TouchableOpacity,
+  View,
+  StyleSheet,
+} from "react-native";
+import { useColorScheme } from "@/lib/use-color-scheme";
+import { NAV_THEME } from "@/lib/constants";
+
+function SignIn() {
+  const { colorScheme } = useColorScheme();
+  const theme = colorScheme === "dark" ? NAV_THEME.dark : NAV_THEME.light;
+  const [email, setEmail] = useState("");
+  const [password, setPassword] = useState("");
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+
+  async function handleLogin() {
+    setIsLoading(true);
+    setError(null);
+
+    await authClient.signIn.email(
+      {
+        email,
+        password,
+      },
+      {
+        onError(error) {
+          setError(error.error?.message || "Failed to sign in");
+          setIsLoading(false);
+        },
+        onSuccess() {
+          setEmail("");
+          setPassword("");
+        },
+        onFinished() {
+          setIsLoading(false);
+        },
+      }
+    );
+  }
+
+  return (
+    <View style={[styles.card, { backgroundColor: theme.card, borderColor: theme.border }]}>
+      <Text style={[styles.title, { color: theme.text }]}>Sign In</Text>
+
+      {error ? (
+        <View style={[styles.errorContainer, { backgroundColor: theme.notification + "20" }]}>
+          <Text style={[styles.errorText, { color: theme.notification }]}>{error}</Text>
+        </View>
+      ) : null}
+
+      <TextInput
+        style={[styles.input, { color: theme.text, borderColor: theme.border, backgroundColor: theme.background }]}
+        placeholder="Email"
+        placeholderTextColor={theme.text}
+        value={email}
+        onChangeText={setEmail}
+        keyboardType="email-address"
+        autoCapitalize="none"
+      />
+
+      <TextInput
+        style={[styles.input, { color: theme.text, borderColor: theme.border, backgroundColor: theme.background }]}
+        placeholder="Password"
+        placeholderTextColor={theme.text}
+        value={password}
+        onChangeText={setPassword}
+        secureTextEntry
+      />
+
+      <TouchableOpacity
+        onPress={handleLogin}
+        disabled={isLoading}
+        style={[styles.button, { backgroundColor: theme.primary, opacity: isLoading ? 0.5 : 1 }]}
+      >
+        {isLoading ? (
+          <ActivityIndicator size="small" color="#ffffff" />
+        ) : (
+          <Text style={styles.buttonText}>Sign In</Text>
+        )}
+      </TouchableOpacity>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  card: {
+    marginTop: 16,
+    padding: 16,
+    borderWidth: 1,
+  },
+  title: {
+    fontSize: 18,
+    fontWeight: "bold",
+    marginBottom: 12,
+  },
+  errorContainer: {
+    marginBottom: 12,
+    padding: 8,
+  },
+  errorText: {
+    fontSize: 14,
+  },
+  input: {
+    borderWidth: 1,
+    padding: 12,
+    fontSize: 16,
+    marginBottom: 12,
+  },
+  button: {
+    padding: 12,
+    alignItems: "center",
+    justifyContent: "center",
+  },
+  buttonText: {
+    color: "#ffffff",
+    fontSize: 16,
+  },
+});
+
+export { SignIn };
+