create-better-t-stack 2.18.0 → 2.18.2

package/dist/index.js

@@ -3369,6 +3369,34 @@ function generateReproducibleCommand(config) {
 	return `${baseCommand}${projectPathArg} ${flags.join(" ")}`;
 }
 
+//#endregion
+//#region src/utils/open-url.ts
+async function openUrl(url) {
+	const platform = process.platform;
+	let command;
+	let args = [];
+	if (platform === "darwin") {
+		command = "open";
+		args = [url];
+	} else if (platform === "win32") {
+		command = "cmd";
+		args = [
+			"/c",
+			"start",
+			"",
+			url.replace(/&/g, "^&")
+		];
+	} else {
+		command = "xdg-open";
+		args = [url];
+	}
+	try {
+		await execa(command, args, { stdio: "ignore" });
+	} catch {
+		log.message(`Please open ${url} in your browser.`);
+	}
+}
+
 //#endregion
 //#region src/utils/render-title.ts
 const TITLE_TEXT = `
@@ -3413,6 +3441,40 @@ const renderTitle = () => {
 	} else console.log(gradient(Object.values(catppuccinTheme)).multiline(TITLE_TEXT));
 };
 
+//#endregion
+//#region src/utils/sponsors.ts
+const SPONSORS_JSON_URL = "https://sponsors.amanv.dev/sponsors.json";
+async function fetchSponsors(url = SPONSORS_JSON_URL) {
+	const s = spinner();
+	s.start("Fetching sponsors…");
+	const response = await fetch(url);
+	if (!response.ok) {
+		s.stop(pc.red(`Failed to fetch sponsors: ${response.statusText}`));
+		throw new Error(`Failed to fetch sponsors: ${response.statusText}`);
+	}
+	const sponsors = await response.json();
+	s.stop("Sponsors fetched successfully!");
+	return sponsors;
+}
+function displaySponsors(sponsors) {
+	if (sponsors.length === 0) {
+		log.info("No sponsors found. You can be the first one! ✨");
+		outro(pc.cyan("Visit https://github.com/sponsors/AmanVarshney01 to become a sponsor."));
+		return;
+	}
+	sponsors.forEach((entry, idx) => {
+		const sponsor = entry.sponsor;
+		const displayName = sponsor.name ?? sponsor.login;
+		const tier = entry.tierName ? ` (${entry.tierName})` : "";
+		log.step(`${idx + 1}. ${pc.green(displayName)}${pc.yellow(tier)}`);
+		log.message(`   ${pc.dim("GitHub:")} https://github.com/${sponsor.login}`);
+		const website = sponsor.websiteUrl ?? sponsor.linkUrl;
+		if (website) log.message(`   ${pc.dim("Website:")} ${website}`);
+	});
+	log.message("");
+	outro(pc.magenta("Visit https://github.com/sponsors/AmanVarshney01 to become a sponsor."));
+}
+
 //#endregion
 //#region src/validation.ts
 function processAndValidateFlags(options, providedFlags, projectName) {
@@ -3746,32 +3808,63 @@ async function createProjectHandler(input) {
 		process.exit(1);
 	}
 }
-const router = t.router({ init: t.procedure.meta({
-	description: "Create a new Better-T Stack project",
-	default: true
-}).input(zod.tuple([ProjectNameSchema.optional(), zod.object({
-	yes: zod.boolean().optional().default(false).describe("Use default configuration"),
-	database: DatabaseSchema.optional(),
-	orm: ORMSchema.optional(),
-	auth: zod.boolean().optional(),
-	frontend: zod.array(FrontendSchema).optional(),
-	addons: zod.array(AddonsSchema).optional(),
-	examples: zod.array(ExamplesSchema).optional(),
-	git: zod.boolean().optional(),
-	packageManager: PackageManagerSchema.optional(),
-	install: zod.boolean().optional(),
-	dbSetup: DatabaseSetupSchema.optional(),
-	backend: BackendSchema.optional(),
-	runtime: RuntimeSchema.optional(),
-	api: APISchema.optional()
-}).optional().default({})])).mutation(async ({ input }) => {
-	const [projectName, options] = input;
-	const combinedInput = {
-		projectName,
-		...options
-	};
-	await createProjectHandler(combinedInput);
-}) });
+const router = t.router({
+	init: t.procedure.meta({
+		description: "Create a new Better-T Stack project",
+		default: true
+	}).input(zod.tuple([ProjectNameSchema.optional(), zod.object({
+		yes: zod.boolean().optional().default(false).describe("Use default configuration"),
+		database: DatabaseSchema.optional(),
+		orm: ORMSchema.optional(),
+		auth: zod.boolean().optional(),
+		frontend: zod.array(FrontendSchema).optional(),
+		addons: zod.array(AddonsSchema).optional(),
+		examples: zod.array(ExamplesSchema).optional(),
+		git: zod.boolean().optional(),
+		packageManager: PackageManagerSchema.optional(),
+		install: zod.boolean().optional(),
+		dbSetup: DatabaseSetupSchema.optional(),
+		backend: BackendSchema.optional(),
+		runtime: RuntimeSchema.optional(),
+		api: APISchema.optional()
+	}).optional().default({})])).mutation(async ({ input }) => {
+		const [projectName, options] = input;
+		const combinedInput = {
+			projectName,
+			...options
+		};
+		await createProjectHandler(combinedInput);
+	}),
+	sponsors: t.procedure.meta({ description: "Show Better-T Stack sponsors" }).mutation(async () => {
+		try {
+			renderTitle();
+			intro(pc.magenta("Better-T Stack Sponsors"));
+			const sponsors = await fetchSponsors();
+			displaySponsors(sponsors);
+		} catch (error) {
+			consola$1.error(error);
+			process.exit(1);
+		}
+	}),
+	docs: t.procedure.meta({ description: "Open Better-T Stack documentation" }).mutation(async () => {
+		const DOCS_URL = "https://better-t-stack.amanv.dev/docs";
+		try {
+			await openUrl(DOCS_URL);
+			log.success(pc.blue("Opened docs in your default browser."));
+		} catch {
+			log.message(`Please visit ${DOCS_URL}`);
+		}
+	}),
+	builder: t.procedure.meta({ description: "Open the web-based stack builder" }).mutation(async () => {
+		const BUILDER_URL = "https://better-t-stack.amanv.dev/new";
+		try {
+			await openUrl(BUILDER_URL);
+			log.success(pc.blue("Opened builder in your default browser."));
+		} catch {
+			log.message(`Please visit ${BUILDER_URL}`);
+		}
+	})
+});
 createCli({
 	router,
 	name: "create-better-t-stack",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-better-t-stack",
-  "version": "2.18.0",
+  "version": "2.18.2",
   "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/frontend/react/next/package.json.hbs

@@ -9,10 +9,7 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@radix-ui/react-checkbox": "^1.1.5",
-    "@radix-ui/react-dropdown-menu": "^2.1.7",
-    "@radix-ui/react-label": "^2.1.3",
-    "@radix-ui/react-slot": "^1.2.0",
+    "radix-ui": "^1.4.2",
     "@tanstack/react-form": "^1.3.2",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",

package/templates/frontend/react/react-router/package.json

@@ -9,10 +9,7 @@
     "typecheck": "react-router typegen && tsc"
   },
   "dependencies": {
-    "@radix-ui/react-checkbox": "^1.3.2",
-    "@radix-ui/react-dropdown-menu": "^2.1.15",
-    "@radix-ui/react-label": "^2.1.7",
-    "@radix-ui/react-slot": "^1.2.3",
+    "radix-ui": "^1.4.2",
     "@react-router/fs-routes": "^7.6.1",
     "@react-router/node": "^7.6.1",
     "@react-router/serve": "^7.6.1",

package/templates/frontend/react/tanstack-router/package.json

@@ -23,10 +23,7 @@
 	},
 	"dependencies": {
 		"@hookform/resolvers": "^3.10.0",
-		"@radix-ui/react-checkbox": "^1.1.4",
-		"@radix-ui/react-dropdown-menu": "^2.1.6",
-		"@radix-ui/react-label": "^2.1.2",
-		"@radix-ui/react-slot": "^1.1.2",
+    "radix-ui": "^1.4.2",
 		"@tanstack/react-form": "^1.0.5",
 		"@tailwindcss/vite": "^4.0.15",
 		"@tanstack/react-router": "^1.114.25",

package/templates/frontend/react/tanstack-start/package.json

@@ -8,10 +8,7 @@
     "dev": "vite dev --port=3001"
   },
   "dependencies": {
-    "@radix-ui/react-checkbox": "^1.1.4",
-    "@radix-ui/react-dropdown-menu": "^2.1.6",
-    "@radix-ui/react-label": "^2.1.2",
-    "@radix-ui/react-slot": "^1.1.2",
+    "radix-ui": "^1.4.2",
     "@tanstack/react-form": "^1.0.5",
     "@tailwindcss/vite": "^4.1.8",
     "@tanstack/react-query": "^5.80.6",

package/templates/frontend/react/web-base/src/components/ui/button.tsx

@@ -1,8 +1,8 @@
-import * as React from "react";
-import { Slot } from "@radix-ui/react-slot";
-import { cva, type VariantProps } from "class-variance-authority";
+import * as React from "react"
+import { Slot as SlotPrimitive } from "radix-ui"
+import { cva, type VariantProps } from "class-variance-authority"
 
-import { cn } from "@/lib/utils";
+import { cn } from "@/lib/utils"
 
 const buttonVariants = cva(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
@@ -33,7 +33,7 @@ const buttonVariants = cva(
       size: "default",
     },
   }
-);
+)
 
 function Button({
   className,
@@ -43,9 +43,9 @@ function Button({
   ...props
 }: React.ComponentProps<"button"> &
   VariantProps<typeof buttonVariants> & {
-    asChild?: boolean;
+    asChild?: boolean
   }) {
-  const Comp = asChild ? Slot : "button";
+  const Comp = asChild ? SlotPrimitive.Slot : "button"
 
   return (
     <Comp
@@ -53,7 +53,7 @@ function Button({
       className={cn(buttonVariants({ variant, size, className }))}
       {...props}
     />
-  );
+  )
 }
 
-export { Button, buttonVariants };
+export { Button, buttonVariants }

package/templates/frontend/react/web-base/src/components/ui/card.tsx

@@ -1,6 +1,6 @@
-import * as React from "react";
+import * as React from "react"
 
-import { cn } from "@/lib/utils";
+import { cn } from "@/lib/utils"
 
 function Card({ className, ...props }: React.ComponentProps<"div">) {
   return (
@@ -12,7 +12,7 @@ function Card({ className, ...props }: React.ComponentProps<"div">) {
       )}
       {...props}
     />
-  );
+  )
 }
 
 function CardHeader({ className, ...props }: React.ComponentProps<"div">) {
@@ -25,7 +25,7 @@ function CardHeader({ className, ...props }: React.ComponentProps<"div">) {
       )}
       {...props}
     />
-  );
+  )
 }
 
 function CardTitle({ className, ...props }: React.ComponentProps<"div">) {
@@ -35,7 +35,7 @@ function CardTitle({ className, ...props }: React.ComponentProps<"div">) {
       className={cn("leading-none font-semibold", className)}
       {...props}
     />
-  );
+  )
 }
 
 function CardDescription({ className, ...props }: React.ComponentProps<"div">) {
@@ -45,7 +45,7 @@ function CardDescription({ className, ...props }: React.ComponentProps<"div">) {
       className={cn("text-muted-foreground text-sm", className)}
       {...props}
     />
-  );
+  )
 }
 
 function CardAction({ className, ...props }: React.ComponentProps<"div">) {
@@ -58,7 +58,7 @@ function CardAction({ className, ...props }: React.ComponentProps<"div">) {
       )}
       {...props}
     />
-  );
+  )
 }
 
 function CardContent({ className, ...props }: React.ComponentProps<"div">) {
@@ -68,7 +68,7 @@ function CardContent({ className, ...props }: React.ComponentProps<"div">) {
       className={cn("px-6", className)}
       {...props}
     />
-  );
+  )
 }
 
 function CardFooter({ className, ...props }: React.ComponentProps<"div">) {
@@ -78,7 +78,7 @@ function CardFooter({ className, ...props }: React.ComponentProps<"div">) {
       className={cn("flex items-center px-6 [.border-t]:pt-6", className)}
       {...props}
     />
-  );
+  )
 }
 
 export {
@@ -89,4 +89,4 @@ export {
   CardAction,
   CardDescription,
   CardContent,
-};
+}

package/templates/frontend/react/web-base/src/components/ui/checkbox.tsx

@@ -1,8 +1,8 @@
-import * as React from "react";
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-import { CheckIcon } from "lucide-react";
+import * as React from "react"
+import { Checkbox as CheckboxPrimitive } from "radix-ui"
+import { CheckIcon } from "lucide-react"
 
-import { cn } from "@/lib/utils";
+import { cn } from "@/lib/utils"
 
 function Checkbox({
   className,
@@ -24,7 +24,7 @@ function Checkbox({
         <CheckIcon className="size-3.5" />
       </CheckboxPrimitive.Indicator>
     </CheckboxPrimitive.Root>
-  );
+  )
 }
 
-export { Checkbox };
+export { Checkbox }

package/templates/frontend/react/web-base/src/components/ui/dropdown-menu.tsx

@@ -1,13 +1,15 @@
-import * as React from "react";
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
+"use client"
 
-import { cn } from "@/lib/utils";
+import * as React from "react"
+import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui"
+import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react"
+
+import { cn } from "@/lib/utils"
 
 function DropdownMenu({
   ...props
 }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {
-  return <DropdownMenuPrimitive.Root data-slot="dropdown-menu" {...props} />;
+  return <DropdownMenuPrimitive.Root data-slot="dropdown-menu" {...props} />
 }
 
 function DropdownMenuPortal({
@@ -15,7 +17,7 @@ function DropdownMenuPortal({
 }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {
   return (
     <DropdownMenuPrimitive.Portal data-slot="dropdown-menu-portal" {...props} />
-  );
+  )
 }
 
 function DropdownMenuTrigger({
@@ -26,7 +28,7 @@ function DropdownMenuTrigger({
       data-slot="dropdown-menu-trigger"
       {...props}
     />
-  );
+  )
 }
 
 function DropdownMenuContent({
@@ -46,7 +48,7 @@ function DropdownMenuContent({
         {...props}
       />
     </DropdownMenuPrimitive.Portal>
-  );
+  )
 }
 
 function DropdownMenuGroup({
@@ -54,7 +56,7 @@ function DropdownMenuGroup({
 }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {
   return (
     <DropdownMenuPrimitive.Group data-slot="dropdown-menu-group" {...props} />
-  );
+  )
 }
 
 function DropdownMenuItem({
@@ -63,8 +65,8 @@ function DropdownMenuItem({
   variant = "default",
   ...props
 }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
-  inset?: boolean;
-  variant?: "default" | "destructive";
+  inset?: boolean
+  variant?: "default" | "destructive"
 }) {
   return (
     <DropdownMenuPrimitive.Item
@@ -77,7 +79,7 @@ function DropdownMenuItem({
       )}
       {...props}
     />
-  );
+  )
 }
 
 function DropdownMenuCheckboxItem({
@@ -103,7 +105,7 @@ function DropdownMenuCheckboxItem({
       </span>
       {children}
     </DropdownMenuPrimitive.CheckboxItem>
-  );
+  )
 }
 
 function DropdownMenuRadioGroup({
@@ -114,7 +116,7 @@ function DropdownMenuRadioGroup({
       data-slot="dropdown-menu-radio-group"
       {...props}
     />
-  );
+  )
 }
 
 function DropdownMenuRadioItem({
@@ -138,7 +140,7 @@ function DropdownMenuRadioItem({
       </span>
       {children}
     </DropdownMenuPrimitive.RadioItem>
-  );
+  )
 }
 
 function DropdownMenuLabel({
@@ -146,7 +148,7 @@ function DropdownMenuLabel({
   inset,
   ...props
 }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
-  inset?: boolean;
+  inset?: boolean
 }) {
   return (
     <DropdownMenuPrimitive.Label
@@ -158,7 +160,7 @@ function DropdownMenuLabel({
       )}
       {...props}
     />
-  );
+  )
 }
 
 function DropdownMenuSeparator({
@@ -171,7 +173,7 @@ function DropdownMenuSeparator({
       className={cn("bg-border -mx-1 my-1 h-px", className)}
       {...props}
     />
-  );
+  )
 }
 
 function DropdownMenuShortcut({
@@ -187,13 +189,13 @@ function DropdownMenuShortcut({
       )}
       {...props}
     />
-  );
+  )
 }
 
 function DropdownMenuSub({
   ...props
 }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {
-  return <DropdownMenuPrimitive.Sub data-slot="dropdown-menu-sub" {...props} />;
+  return <DropdownMenuPrimitive.Sub data-slot="dropdown-menu-sub" {...props} />
 }
 
 function DropdownMenuSubTrigger({
@@ -202,7 +204,7 @@ function DropdownMenuSubTrigger({
   children,
   ...props
 }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
-  inset?: boolean;
+  inset?: boolean
 }) {
   return (
     <DropdownMenuPrimitive.SubTrigger
@@ -217,7 +219,7 @@ function DropdownMenuSubTrigger({
       {children}
       <ChevronRightIcon className="ml-auto size-4" />
     </DropdownMenuPrimitive.SubTrigger>
-  );
+  )
 }
 
 function DropdownMenuSubContent({
@@ -233,7 +235,7 @@ function DropdownMenuSubContent({
       )}
       {...props}
     />
-  );
+  )
 }
 
 export {
@@ -252,4 +254,4 @@ export {
   DropdownMenuSub,
   DropdownMenuSubTrigger,
   DropdownMenuSubContent,
-};
+}

package/templates/frontend/react/web-base/src/components/ui/input.tsx

@@ -1,6 +1,6 @@
-import * as React from "react";
+import * as React from "react"
 
-import { cn } from "@/lib/utils";
+import { cn } from "@/lib/utils"
 
 function Input({ className, type, ...props }: React.ComponentProps<"input">) {
   return (
@@ -15,7 +15,7 @@ function Input({ className, type, ...props }: React.ComponentProps<"input">) {
       )}
       {...props}
     />
-  );
+  )
 }
 
-export { Input };
+export { Input }

package/templates/frontend/react/web-base/src/components/ui/label.tsx

@@ -1,9 +1,7 @@
-"use client";
+import * as React from "react"
+import { Label as LabelPrimitive } from "radix-ui"
 
-import * as React from "react";
-import * as LabelPrimitive from "@radix-ui/react-label";
-
-import { cn } from "@/lib/utils";
+import { cn } from "@/lib/utils"
 
 function Label({
   className,
@@ -18,7 +16,7 @@ function Label({
       )}
       {...props}
     />
-  );
+  )
 }
 
-export { Label };
+export { Label }

package/templates/frontend/react/web-base/src/components/ui/skeleton.tsx

@@ -1,4 +1,4 @@
-import { cn } from "@/lib/utils";
+import { cn } from "@/lib/utils"
 
 function Skeleton({ className, ...props }: React.ComponentProps<"div">) {
   return (
@@ -7,7 +7,7 @@ function Skeleton({ className, ...props }: React.ComponentProps<"div">) {
       className={cn("bg-accent animate-pulse rounded-md", className)}
       {...props}
     />
-  );
+  )
 }
 
-export { Skeleton };
+export { Skeleton }

package/templates/frontend/react/web-base/src/components/ui/sonner.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { useTheme } from "next-themes";
 import { Toaster as Sonner, type ToasterProps } from "sonner";