create-better-t-stack 2.38.1 → 2.39.0-canary.bae99c30

package/dist/cli.js

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

package/dist/index.d.ts

@@ -261,7 +261,7 @@ declare const router: trpcServer.TRPCBuiltRouter<{
 }>>;
 declare function createBtsCli(): trpc_cli0.TrpcCli;
 /**
- * Initialize a new Better-T Stack project
+ * Initialize a new Better-T-Stack project
  *
  * @example CLI usage:
  * ```bash

package/dist/index.js

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

package/dist/{src-DlPots7G.js → src-CHXGSisf.js}

@@ -107,6 +107,7 @@ const dependencyVersionMap = {
 	"@ai-sdk/vue": "^2.0.9",
 	"@ai-sdk/svelte": "^3.0.9",
 	"@ai-sdk/react": "^2.0.9",
+	streamdown: "^1.1.6",
 	"@orpc/server": "^1.8.4",
 	"@orpc/client": "^1.8.4",
 	"@orpc/tanstack-query": "^1.8.4",
@@ -502,49 +503,6 @@ function validateWorkersCompatibility(providedFlags, options, config) {
 	if (providedFlags.has("database") && config.database === "mongodb" && config.runtime === "workers") exitWithError("MongoDB database is not compatible with Cloudflare Workers runtime. MongoDB requires Prisma or Mongoose ORM, but Workers runtime only supports Drizzle ORM. Please use a different database or runtime.");
 	if (providedFlags.has("dbSetup") && options.dbSetup === "docker" && config.runtime === "workers") exitWithError("Docker setup (--db-setup docker) is not compatible with Cloudflare Workers runtime. Workers runtime uses serverless databases (D1) and doesn't support local Docker containers. Please use '--db-setup d1' for SQLite or choose a different runtime.");
 }
-function coerceBackendPresets(config) {
-	if (config.backend === "convex") {
-		config.database = "none";
-		config.orm = "none";
-		config.api = "none";
-		config.runtime = "none";
-		config.dbSetup = "none";
-		config.examples = ["todo"];
-	}
-	if (config.backend === "none") {
-		config.auth = "none";
-		config.database = "none";
-		config.orm = "none";
-		config.api = "none";
-		config.runtime = "none";
-		config.dbSetup = "none";
-		config.examples = [];
-	}
-}
-function incompatibleFlagsForBackend(backend, providedFlags, options) {
-	const list = [];
-	if (backend === "convex") {
-		if (providedFlags.has("auth") && options.auth && options.auth !== "none" && options.auth !== "clerk") list.push(`--auth ${options.auth}`);
-		if (providedFlags.has("database") && options.database !== "none") list.push(`--database ${options.database}`);
-		if (providedFlags.has("orm") && options.orm !== "none") list.push(`--orm ${options.orm}`);
-		if (providedFlags.has("api") && options.api !== "none") list.push(`--api ${options.api}`);
-		if (providedFlags.has("runtime") && options.runtime !== "none") list.push(`--runtime ${options.runtime}`);
-		if (providedFlags.has("dbSetup") && options.dbSetup !== "none") list.push(`--db-setup ${options.dbSetup}`);
-	}
-	if (backend === "none") {
-		if (providedFlags.has("auth") && options.auth && options.auth !== "none") list.push(`--auth ${options.auth}`);
-		if (providedFlags.has("database") && options.database !== "none") list.push(`--database ${options.database}`);
-		if (providedFlags.has("orm") && options.orm !== "none") list.push(`--orm ${options.orm}`);
-		if (providedFlags.has("api") && options.api !== "none") list.push(`--api ${options.api}`);
-		if (providedFlags.has("runtime") && options.runtime !== "none") list.push(`--runtime ${options.runtime}`);
-		if (providedFlags.has("dbSetup") && options.dbSetup !== "none") list.push(`--db-setup ${options.dbSetup}`);
-		if (providedFlags.has("examples") && options.examples) {
-			const hasNonNoneExamples = options.examples.some((ex) => ex !== "none");
-			if (hasNonNoneExamples) list.push("--examples");
-		}
-	}
-	return list;
-}
 function validateApiFrontendCompatibility(api, frontends = []) {
 	const includesNuxt = frontends.includes("nuxt");
 	const includesSvelte = frontends.includes("svelte");
@@ -1389,7 +1347,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;
@@ -1397,8 +1355,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);
 	const now = Date.now().toString(36);
@@ -1751,14 +1709,9 @@ function validateBackendConstraints(config, providedFlags, options) {
 	if (providedFlags.has("backend") && backend && backend !== "convex" && backend !== "none") {
 		if (providedFlags.has("runtime") && options.runtime === "none") exitWithError("'--runtime none' is only supported with '--backend convex' or '--backend none'. Please choose 'bun', 'node', or remove the --runtime flag.");
 	}
-	if (backend === "convex" || backend === "none") {
-		const incompatibleFlags = incompatibleFlagsForBackend(backend, providedFlags, options);
-		if (incompatibleFlags.length > 0) exitWithError(`The following flags are incompatible with '--backend ${backend}': ${incompatibleFlags.join(", ")}. Please remove them.`);
-		if (backend === "convex" && providedFlags.has("frontend") && options.frontend) {
-			const incompatibleFrontends = options.frontend.filter((f) => f === "solid");
-			if (incompatibleFrontends.length > 0) exitWithError(`The following frontends are not compatible with '--backend convex': ${incompatibleFrontends.join(", ")}. Please choose a different frontend or backend.`);
-		}
-		coerceBackendPresets(config);
+	if (backend === "convex" && providedFlags.has("frontend") && options.frontend) {
+		const incompatibleFrontends = options.frontend.filter((f) => f === "solid");
+		if (incompatibleFrontends.length > 0) exitWithError(`The following frontends are not compatible with '--backend convex': ${incompatibleFrontends.join(", ")}. Please choose a different frontend or backend.`);
 	}
 }
 function validateFrontendConstraints(config, providedFlags) {
@@ -1825,6 +1778,25 @@ function extractAndValidateProjectName(projectName, projectDirectory, throwOnErr
 
 //#endregion
 //#region src/validation.ts
+const CORE_STACK_FLAGS = new Set([
+	"database",
+	"orm",
+	"backend",
+	"runtime",
+	"frontend",
+	"addons",
+	"examples",
+	"auth",
+	"dbSetup",
+	"api",
+	"webDeploy",
+	"serverDeploy"
+]);
+function validateYesFlagCombination(options, providedFlags) {
+	if (!options.yes) return;
+	const coreStackFlagsProvided = Array.from(providedFlags).filter((flag) => CORE_STACK_FLAGS.has(flag));
+	if (coreStackFlagsProvided.length > 0) exitWithError(`Cannot combine --yes with core stack configuration flags: ${coreStackFlagsProvided.map((f) => `--${f}`).join(", ")}. The --yes flag uses default configuration. Remove these flags or use --yes without them.`);
+}
 function processAndValidateFlags(options, providedFlags, projectName) {
 	if (options.yolo) {
 		const cfg = processFlags(options, projectName);
@@ -1832,6 +1804,7 @@ function processAndValidateFlags(options, providedFlags, projectName) {
 		if (validatedProjectName$1) cfg.projectName = validatedProjectName$1;
 		return cfg;
 	}
+	validateYesFlagCombination(options, providedFlags);
 	try {
 		validateArrayOptions(options);
 	} catch (error) {
@@ -1844,6 +1817,10 @@ function processAndValidateFlags(options, providedFlags, projectName) {
 	return config;
 }
 function processProvidedFlagsWithoutValidation(options, projectName) {
+	if (!options.yolo) {
+		const providedFlags = getProvidedFlags(options);
+		validateYesFlagCombination(options, providedFlags);
+	}
 	const config = processFlags(options, projectName);
 	const validatedProjectName = extractAndValidateProjectName(projectName, options.projectDirectory, true);
 	if (validatedProjectName) config.projectName = validatedProjectName;
@@ -2369,6 +2346,10 @@ async function setupExamplesTemplate(projectDir, context) {
 			if (hasReactWeb) {
 				const exampleWebSrc = path.join(exampleBaseDir, "web/react");
 				if (await fs.pathExists(exampleWebSrc)) {
+					if (example === "ai") {
+						const exampleWebBaseSrc = path.join(exampleWebSrc, "base");
+						if (await fs.pathExists(exampleWebBaseSrc)) await processAndCopyFiles("**/*", exampleWebBaseSrc, webAppDir, context, false);
+					}
 					const reactFramework = context.frontend.find((f) => [
 						"next",
 						"react-router",
@@ -2972,9 +2953,9 @@ async function addAddonsToProject(input) {
 	try {
 		const projectDir = input.projectDir || process.cwd();
 		const isBetterTStack = await isBetterTStackProject(projectDir);
-		if (!isBetterTStack) exitWithError("This doesn't appear to be a Better-T Stack project. Please run this command from the root of a Better-T Stack project.");
+		if (!isBetterTStack) exitWithError("This doesn't appear to be a Better-T-Stack project. Please run this command from the root of a Better-T-Stack project.");
 		const detectedConfig = await detectProjectConfig(projectDir);
-		if (!detectedConfig) exitWithError("Could not detect the project configuration. Please ensure this is a valid Better-T Stack project.");
+		if (!detectedConfig) exitWithError("Could not detect the project configuration. Please ensure this is a valid Better-T-Stack project.");
 		const config = {
 			projectName: detectedConfig.projectName || path.basename(projectDir),
 			projectDir,
@@ -3742,9 +3723,9 @@ async function addDeploymentToProject(input) {
 	try {
 		const projectDir = input.projectDir || process.cwd();
 		const isBetterTStack = await isBetterTStackProject(projectDir);
-		if (!isBetterTStack) exitWithError("This doesn't appear to be a Better-T Stack project. Please run this command from the root of a Better-T Stack project.");
+		if (!isBetterTStack) exitWithError("This doesn't appear to be a Better-T-Stack project. Please run this command from the root of a Better-T-Stack project.");
 		const detectedConfig = await detectProjectConfig(projectDir);
-		if (!detectedConfig) exitWithError("Could not detect the project configuration. Please ensure this is a valid Better-T Stack project.");
+		if (!detectedConfig) exitWithError("Could not detect the project configuration. Please ensure this is a valid Better-T-Stack project.");
 		if (input.webDeploy && detectedConfig.webDeploy === input.webDeploy) exitWithError(`${input.webDeploy} web deployment is already configured for this project.`);
 		if (input.serverDeploy && detectedConfig.serverDeploy === input.serverDeploy) exitWithError(`${input.serverDeploy} server deployment is already configured for this project.`);
 		const config = {
@@ -3854,7 +3835,7 @@ async function setupExamples(config) {
 			const dependencies = ["ai"];
 			if (hasNuxt) dependencies.push("@ai-sdk/vue");
 			else if (hasSvelte) dependencies.push("@ai-sdk/svelte");
-			else if (hasReactWeb) dependencies.push("@ai-sdk/react");
+			else if (hasReactWeb) dependencies.push("@ai-sdk/react", "streamdown");
 			await addPackageDependency({
 				dependencies,
 				projectDir: webClientDir
@@ -5768,7 +5749,7 @@ async function displayPostInstallInstructions(config) {
 	if (noOrmWarning) output += `\n${noOrmWarning.trim()}\n`;
 	if (bunWebNativeWarning) output += `\n${bunWebNativeWarning.trim()}\n`;
 	output += `\n${pc.bold("Update all dependencies:\n")}${pc.cyan(tazeCommand)}\n\n`;
-	output += `${pc.bold("Like Better-T Stack?")} Please consider giving us a star\n   on GitHub:\n`;
+	output += `${pc.bold("Like Better-T-Stack?")} Please consider giving us a star\n   on GitHub:\n`;
 	output += pc.cyan("https://github.com/AmanVarshney01/create-better-t-stack");
 	consola$1.box(output);
 }
@@ -6096,7 +6077,7 @@ async function createProjectHandler(input) {
 	const startTime = Date.now();
 	const timeScaffolded = (/* @__PURE__ */ new Date()).toISOString();
 	if (input.renderTitle !== false) renderTitle();
-	intro(pc.magenta("Creating a new Better-T Stack project"));
+	intro(pc.magenta("Creating a new Better-T-Stack project"));
 	if (input.yolo) consola.fatal("YOLO mode enabled - skipping checks. Things may break!");
 	let currentPathInput;
 	if (input.yes && input.projectName) currentPathInput = input.projectName;
@@ -6170,10 +6151,7 @@ async function createProjectHandler(input) {
 			projectDir: finalResolvedPath,
 			relativePath: finalPathInput
 		};
-		coerceBackendPresets(config);
 		validateConfigCompatibility(config, providedFlags, cliInput);
-		if (config.backend === "convex") log.info(`Due to '--backend convex' flag, the following options have been automatically set: database=none, orm=none, api=none, runtime=none, dbSetup=none, examples=todo`);
-		else if (config.backend === "none") log.info("Due to '--backend none', the following options have been automatically set: --auth none, --database=none, --orm=none, --api=none, --runtime=none, --db-setup=none, --examples=none");
 		log.info(pc.yellow("Using default/flag options (config prompts skipped):"));
 		log.message(displayConfig(config));
 		log.message("");
@@ -6246,7 +6224,7 @@ async function addAddonsHandler(input) {
 	try {
 		const projectDir = input.projectDir || process.cwd();
 		const detectedConfig = await detectProjectConfig(projectDir);
-		if (!detectedConfig) exitWithError("Could not detect project configuration. Please ensure this is a valid Better-T Stack project.");
+		if (!detectedConfig) exitWithError("Could not detect project configuration. Please ensure this is a valid Better-T-Stack project.");
 		if (!input.addons || input.addons.length === 0) {
 			const addonsPrompt = await getAddonsToAdd(detectedConfig.frontend || [], detectedConfig.addons || []);
 			if (addonsPrompt.length > 0) input.addons = addonsPrompt;
@@ -6370,7 +6348,7 @@ function displaySponsors(sponsors$1) {
 const t = trpcServer.initTRPC.create();
 const router = t.router({
 	init: t.procedure.meta({
-		description: "Create a new Better-T Stack project",
+		description: "Create a new Better-T-Stack project",
 		default: true,
 		negateBooleans: true
 	}).input(z.tuple([ProjectNameSchema.optional(), z.object({
@@ -6404,7 +6382,7 @@ const router = t.router({
 		const result = await createProjectHandler(combinedInput);
 		if (options.verbose) return result;
 	}),
-	add: t.procedure.meta({ description: "Add addons or deployment configurations to an existing Better-T Stack project" }).input(z.tuple([z.object({
+	add: t.procedure.meta({ description: "Add addons or deployment configurations to an existing Better-T-Stack project" }).input(z.tuple([z.object({
 		addons: z.array(AddonsSchema).optional().default([]),
 		webDeploy: WebDeploySchema.optional(),
 		serverDeploy: ServerDeploySchema.optional(),
@@ -6415,17 +6393,17 @@ const router = t.router({
 		const [options] = input;
 		await addAddonsHandler(options);
 	}),
-	sponsors: t.procedure.meta({ description: "Show Better-T Stack sponsors" }).mutation(async () => {
+	sponsors: t.procedure.meta({ description: "Show Better-T-Stack sponsors" }).mutation(async () => {
 		try {
 			renderTitle();
-			intro(pc.magenta("Better-T Stack Sponsors"));
+			intro(pc.magenta("Better-T-Stack Sponsors"));
 			const sponsors$1 = await fetchSponsors();
 			displaySponsors(sponsors$1);
 		} catch (error) {
 			handleError(error, "Failed to display sponsors");
 		}
 	}),
-	docs: t.procedure.meta({ description: "Open Better-T Stack documentation" }).mutation(async () => {
+	docs: t.procedure.meta({ description: "Open Better-T-Stack documentation" }).mutation(async () => {
 		const DOCS_URL = "https://better-t-stack.dev/docs";
 		try {
 			await openUrl(DOCS_URL);
@@ -6453,7 +6431,7 @@ function createBtsCli() {
 	});
 }
 /**
-* Initialize a new Better-T Stack project
+* Initialize a new Better-T-Stack project
 *
 * @example CLI usage:
 * ```bash

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "create-better-t-stack",
-  "version": "2.38.1",
+  "version": "2.39.0-canary.bae99c30",
   "description": "A modern CLI tool for scaffolding end-to-end type-safe TypeScript projects with best practices and customizable configurations",
   "type": "module",
   "license": "MIT",
   "author": "Aman Varshney",
   "bin": {
-    "create-better-t-stack": "dist/cli.js"
+    "create-better-t-stack": "./src/cli.ts"
   },
   "files": [
     "templates",
@@ -59,8 +59,7 @@
   },
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./src/index.ts"
     }
   },
   "dependencies": {

package/templates/examples/ai/web/react/base/src/components/response.tsx.hbs

@@ -0,0 +1,22 @@
+"use client";
+
+import { type ComponentProps, memo } from "react";
+import { Streamdown } from "streamdown";
+import { cn } from "@/lib/utils";
+
+type ResponseProps = ComponentProps<typeof Streamdown>;
+
+export const Response = memo(
+	({ className, ...props }: ResponseProps) => (
+		<Streamdown
+			className={cn(
+				"size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0",
+				className,
+			)}
+			{...props}
+		/>
+	),
+	(prevProps, nextProps) => prevProps.children === nextProps.children,
+);
+
+Response.displayName = "Response";

package/templates/examples/ai/web/react/next/src/app/ai/page.tsx.hbs

@@ -2,10 +2,11 @@
 
 import { useChat } from "@ai-sdk/react";
 import { DefaultChatTransport } from "ai";
-import { Input } from "@/components/ui/input";
-import { Button } from "@/components/ui/button";
 import { Send } from "lucide-react";
-import { useRef, useEffect, useState } from "react";
+import { useEffect, useRef, useState } from "react";
+import { Response } from "@/components/response";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
 
 export default function AIPage() {
   const [input, setInput] = useState("");
@@ -51,11 +52,7 @@ export default function AIPage() {
               </p>
               {message.parts?.map((part, index) => {
                 if (part.type === "text") {
-                  return (
-                    <div key={index} className="whitespace-pre-wrap">
-                      {part.text}
-                    </div>
-                  );
+                  return <Response key={index}>{part.text}</Response>;
                 }
                 return null;
               })}

package/templates/examples/ai/web/react/react-router/src/routes/ai.tsx.hbs

@@ -4,6 +4,7 @@ import { DefaultChatTransport } from "ai";
 import { Input } from "@/components/ui/input";
 import { Button } from "@/components/ui/button";
 import { Send } from "lucide-react";
+import { Response } from "@/components/response";
 
 const AI: React.FC = () => {
   const [input, setInput] = useState("");
@@ -49,11 +50,7 @@ const AI: React.FC = () => {
               </p>
               {message.parts?.map((part, index) => {
                 if (part.type === "text") {
-                  return (
-                    <div key={index} className="whitespace-pre-wrap">
-                      {part.text}
-                    </div>
-                  );
+                  return <Response key={index}>{part.text}</Response>;
                 }
                 return null;
               })}

package/templates/examples/ai/web/react/tanstack-router/src/routes/ai.tsx.hbs

@@ -5,6 +5,7 @@ import { Input } from "@/components/ui/input";
 import { Button } from "@/components/ui/button";
 import { Send } from "lucide-react";
 import { useRef, useEffect, useState } from "react";
+import { Response } from "@/components/response";
 
 export const Route = createFileRoute("/ai")({
   component: RouteComponent,
@@ -54,11 +55,7 @@ function RouteComponent() {
               </p>
               {message.parts?.map((part, index) => {
                 if (part.type === "text") {
-                  return (
-                    <div key={index} className="whitespace-pre-wrap">
-                      {part.text}
-                    </div>
-                  );
+                  return <Response key={index}>{part.text}</Response>;
                 }
                 return null;
               })}

package/templates/examples/ai/web/react/tanstack-start/src/routes/ai.tsx.hbs

@@ -5,6 +5,7 @@ import { Input } from "@/components/ui/input";
 import { Button } from "@/components/ui/button";
 import { Send } from "lucide-react";
 import { useRef, useEffect, useState } from "react";
+import { Response } from "@/components/response";
 
 export const Route = createFileRoute("/ai")({
   component: RouteComponent,
@@ -54,11 +55,7 @@ function RouteComponent() {
               </p>
               {message.parts?.map((part, index) => {
                 if (part.type === "text") {
-                  return (
-                    <div key={index} className="whitespace-pre-wrap">
-                      {part.text}
-                    </div>
-                  );
+                  return <Response key={index}>{part.text}</Response>;
                 }
                 return null;
               })}

package/templates/frontend/react/web-base/src/{index.css → index.css.hbs}

@@ -1,5 +1,8 @@
 @import "tailwindcss";
 @import "tw-animate-css";
+{{#if (includes examples "ai")}}
+@source "../node_modules/streamdown/dist/index.js";
+{{/if}}
 
 @custom-variant dark (&:where(.dark, .dark *));