create-better-t-stack 3.2.22 → 3.2.23-canary.b8d62867

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-WIwtBCHf.js";
+import { n as createBtsCli } from "./src-VoUvj8ZF.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-WIwtBCHf.js";
+import { a as router, i as init, n as createBtsCli, o as sponsors, r as docs, t as builder } from "./src-VoUvj8ZF.js";
 
 export { builder, createBtsCli, docs, init, router, sponsors };

package/dist/{src-WIwtBCHf.js → src-VoUvj8ZF.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);
@@ -1376,7 +1387,7 @@ const getLatestCLIVersion = () => {
 */
 function isTelemetryEnabled() {
 	const BTS_TELEMETRY_DISABLED = process.env.BTS_TELEMETRY_DISABLED;
-	const BTS_TELEMETRY = "1";
+	const BTS_TELEMETRY = "0";
 	if (BTS_TELEMETRY_DISABLED !== void 0) return BTS_TELEMETRY_DISABLED !== "1";
 	if (BTS_TELEMETRY !== void 0) return BTS_TELEMETRY === "1";
 	return true;
@@ -1384,8 +1395,8 @@ function isTelemetryEnabled() {
 
 //#endregion
 //#region src/utils/analytics.ts
-const POSTHOG_API_KEY = "phc_8ZUxEwwfKMajJLvxz1daGd931dYbQrwKNficBmsdIrs";
-const POSTHOG_HOST = "https://us.i.posthog.com";
+const POSTHOG_API_KEY = "random";
+const POSTHOG_HOST = "random";
 function generateSessionId() {
 	const rand = Math.random().toString(36).slice(2);
 	return `cli_${Date.now().toString(36)}${rand}`;
@@ -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).");
@@ -2076,12 +2088,12 @@ async function setupFumadocs(config) {
 		const fumadocsInitCommand = getPackageExecutionCommand(packageManager, `create-fumadocs-app@latest fumadocs --template ${TEMPLATES[template].value} --src --pm ${packageManager} --no-git`);
 		const appsDir = path.join(projectDir, "apps");
 		await fs.ensureDir(appsDir);
-		log.info("Running Fumadocs create command...");
+		const s = spinner();
+		s.start("Running Fumadocs create command...");
 		await execa(fumadocsInitCommand, {
 			cwd: appsDir,
 			env: { CI: "true" },
-			shell: true,
-			stdio: "inherit"
+			shell: true
 		});
 		const fumadocsDir = path.join(projectDir, "apps", "fumadocs");
 		const packageJsonPath = path.join(fumadocsDir, "package.json");
@@ -2091,7 +2103,7 @@ async function setupFumadocs(config) {
 			if (packageJson.scripts?.dev) packageJson.scripts.dev = `${packageJson.scripts.dev} --port=4000`;
 			await fs.writeJson(packageJsonPath, packageJson, { spaces: 2 });
 		}
-		log.success("Fumadocs setup complete!");
+		s.stop("Fumadocs setup complete!");
 	} catch (error) {
 		log.error(pc.red("Failed to set up Fumadocs"));
 		if (error instanceof Error) consola.error(pc.red(error.message));
@@ -2295,6 +2307,10 @@ const AGENTS = {
 	goose: { label: "Goose" },
 	"roo-code": { label: "Roo Code" }
 };
+const HOOKS = {
+	cursor: { label: "Cursor" },
+	claude: { label: "Claude" }
+};
 function getFrameworksFromFrontend(frontend) {
 	const frameworkMap = {
 		"tanstack-router": "react",
@@ -2302,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"
@@ -2332,12 +2349,20 @@ async function setupUltracite(config, hasHusky) {
 					label: agent.label
 				})),
 				required: true
+			}),
+			hooks: () => autocompleteMultiselect({
+				message: "Choose hooks",
+				options: Object.entries(HOOKS).map(([key, hook]) => ({
+					value: key,
+					label: hook.label
+				}))
 			})
 		}, { onCancel: () => {
 			exitCancelled("Operation cancelled");
 		} });
 		const editors = result.editors;
 		const agents = result.agents;
+		const hooks = result.hooks;
 		const frameworks = getFrameworksFromFrontend(frontend);
 		const ultraciteArgs = [
 			"init",
@@ -2347,21 +2372,21 @@ async function setupUltracite(config, hasHusky) {
 		if (frameworks.length > 0) ultraciteArgs.push("--frameworks", ...frameworks);
 		if (editors.length > 0) ultraciteArgs.push("--editors", ...editors);
 		if (agents.length > 0) ultraciteArgs.push("--agents", ...agents);
+		if (hooks.length > 0) ultraciteArgs.push("--hooks", ...hooks);
 		if (hasHusky) ultraciteArgs.push("--integrations", "husky", "lint-staged");
 		const ultraciteInitCommand = getPackageExecutionCommand(packageManager, `ultracite@latest ${ultraciteArgs.join(" ")} --skip-install`);
-		log.info("Running Ultracite init command...");
+		const s = spinner();
+		s.start("Running Ultracite init command...");
 		await execa(ultraciteInitCommand, {
 			cwd: projectDir,
 			env: { CI: "true" },
-			shell: true,
-			stdio: "inherit"
+			shell: true
 		});
-		log.success("Ultracite setup complete!");
 		if (hasHusky) await addPackageDependency({
 			devDependencies: ["husky", "lint-staged"],
 			projectDir
 		});
-		log.success("Ultracite setup successfully!");
+		s.stop("Ultracite setup successfully!");
 	} catch (error) {
 		log.error(pc.red("Failed to set up Ultracite"));
 		if (error instanceof Error) console.error(pc.red(error.message));
@@ -2747,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) {
@@ -2797,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);
@@ -2877,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");
@@ -2903,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);
@@ -2940,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}`);
@@ -2999,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}`);
@@ -3143,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);
@@ -3157,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");
@@ -4020,6 +4052,7 @@ async function setupCatalogs(projectDir, options) {
 	const packagePaths = [
 		"apps/server",
 		"apps/web",
+		"apps/native",
 		"apps/fumadocs",
 		"apps/docs",
 		"packages/api",
@@ -4150,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");
@@ -4195,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"),
@@ -4270,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"]
@@ -4428,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\";");
 	}
@@ -4485,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"],
@@ -4518,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",
@@ -4533,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
 			});
@@ -4561,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"],
@@ -4728,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";
@@ -4761,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
@@ -6070,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";
@@ -6196,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)");
@@ -6225,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");
@@ -6504,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() : "";
@@ -6520,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.22",
+  "version": "3.2.23-canary.b8d62867",
   "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 });