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

package/dist/cli.js

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

package/dist/{src-C2nUxBND.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",
@@ -1346,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;
@@ -1354,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);
@@ -2345,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",
@@ -2948,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,
@@ -3718,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 = {
@@ -3830,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
@@ -5744,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);
 }
@@ -6072,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;
@@ -6219,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;
@@ -6343,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({
@@ -6377,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(),
@@ -6388,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);
@@ -6426,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.2",
+  "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 *));