@puzzle-ui/create 0.4.0 → 0.5.1

package/README.md

@@ -1,41 +1,33 @@
 # @puzzle-ui/create
 
-Create React applications with Puzzle UI.
+Generate a new React application with Puzzle UI and Theme configured. Choose Next.js, TanStack Start, or Basic React (React + Vite + TypeScript), then optionally add Tailwind CSS v4 or Puzzle Auth.
+
+**Documentation:** [https://puzzle-ui.com/docs/create](https://puzzle-ui.com/docs/create)
 
 ## Requirements
 
-- Node.js >= 20.19
-- npm or Bun
+- Node.js 20.19 or later
+- npm, Bun, pnpm, or Yarn
+- Internet access to download the framework template and dependencies
 
-## Usage
+## Create a project
 
-With npm:
+Run the interactive generator; it prompts for a project name, framework, Tailwind, and Puzzle Auth. The name is converted to kebab-case. The CLI does not overwrite an existing directory and has no command-line flags.
 
 ```bash
 npx @puzzle-ui/create
 ```
 
-With Bun:
-
-```bash
-bunx @puzzle-ui/create
-```
+Alternatives: `bunx @puzzle-ui/create`, `pnpm dlx @puzzle-ui/create`, or `yarn dlx @puzzle-ui/create` (Yarn 2+; Yarn Classic users can use `npx`).
 
-## Supported frameworks
+The generator installs `@puzzle-ui/ui` and `@puzzle-ui/theme`, adds a themed starter page with a Puzzle `Button`, and uses the detected package manager for framework generation and dependency installation. Tailwind is enabled by default; Puzzle Auth is optional and disabled by default.
 
-- Next.js
-- TanStack Start
-- Basic React (Vite + TypeScript)
+When Auth is enabled, the CLI adds client auth components and, for Next.js and TanStack Start, an API route and server bootstrap. The generated bootstrap deliberately has no default security providers: configure the required storage, password hashing, rate limiting, sessions, MFA, step-up, cookies, CSRF, and trusted client IP handling before exposing the route. See the [Authentication setup guide](https://puzzle-ui.com/docs/developer/authentication).
 
-## Features
+See the [Create documentation](https://puzzle-ui.com/docs/create) for framework-specific generated files, Tailwind setup, and Auth requirements.
 
-- Interactive project setup
-- Automatic kebab-case project names
-- Framework scaffolding using official CLI tools
-- Automatic Puzzle UI installation
-- Automatic Puzzle Theme configuration
-- React 19 compatibility
+Puzzle is under active development and is not yet ready for production use. Review and test generated applications before using them in production.
 
-## License
+## Package details
 
-MIT
+The published command is `create-puzzle`. The package is CLI-only; it does not provide an importable JavaScript API. License: MIT.

package/dist/index.js

@@ -5,6 +5,11 @@ import path from "node:path";
 import { spawn } from "node:child_process";
 // src/constants.ts
 const PUZZLE_PACKAGES = ["@puzzle-ui/ui@latest", "@puzzle-ui/theme@latest"];
+const PUZZLE_AUTH_PACKAGES = [
+	"@puzzle-ui/auth@latest",
+	"@puzzle-ui/fullstack@latest",
+	"@puzzle-ui/session@latest"
+];
 const FRAMEWORKS = [
 	{
 		value: "react",
@@ -26,8 +31,7 @@ const FRAMEWORKS = [
 const toKebabCase = (value) => value.normalize("NFKD").replace(/[\u0300-\u036f]/g, "").replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/([A-Z])([A-Z][a-z])/g, "$1-$2").replace(/[^a-zA-Z0-9]+/g, "-").replace(/^-+|-+$/g, "").toLowerCase();
 // src/utils/detect-package-manager.ts
 const detectPackageManager = (userAgent = process.env.npm_config_user_agent ?? "") => {
-	if (userAgent.startsWith("bun/")) return "bun";
-	return "npm";
+	return userAgent.match(/(?:^|\s)(bun|pnpm|yarn|npm)\/[^\s]+/)?.[1] ?? "npm";
 };
 // src/prompts.ts
 const getProjectOptions = async () => {
@@ -59,12 +63,21 @@ const getProjectOptions = async () => {
 		p.cancel("Project creation cancelled.");
 		return null;
 	}
+	const auth = await p.confirm({
+		message: "Would you like to add Puzzle Auth?",
+		initialValue: false
+	});
+	if (p.isCancel(auth)) {
+		p.cancel("Project creation cancelled.");
+		return null;
+	}
 	return {
 		name: directory,
 		directory,
 		framework,
 		packageManager: detectPackageManager(),
-		tailwind
+		tailwind,
+		auth
 	};
 };
 // src/utils/execute.ts
@@ -85,6 +98,20 @@ const runCommand = (command, args, options = {}) => new Promise((resolve, reject
 	});
 });
 // src/frameworks/next.ts
+const getExecutor$1 = (packageManager) => {
+	if (packageManager === "bun") return {
+		command: "bunx",
+		prefix: []
+	};
+	if (packageManager === "pnpm" || packageManager === "yarn") return {
+		command: packageManager,
+		prefix: ["dlx"]
+	};
+	return {
+		command: "npx",
+		prefix: ["--yes"]
+	};
+};
 const createNextProject = async (directory, packageManager, runner = runCommand, cwd) => {
 	const args = [
 		"create-next-app@latest",
@@ -96,17 +123,26 @@ const createNextProject = async (directory, packageManager, runner = runCommand,
 		"--disable-git",
 		"--no-tailwind",
 		"--yes",
-		packageManager === "bun" ? "--use-bun" : "--use-npm"
+		`--use-${packageManager}`
 	];
-	const command = packageManager === "bun" ? "bunx" : "npx";
-	const commandArgs = packageManager === "bun" ? args : ["--yes", ...args];
-	if (cwd) {
-		await runner(command, commandArgs, { cwd });
-		return;
-	}
-	await runner(command, commandArgs);
+	const executor = getExecutor$1(packageManager);
+	await runner(executor.command, [...executor.prefix, ...args], cwd ? { cwd } : void 0);
 };
 // src/frameworks/tanstack.ts
+const getExecutor = (packageManager) => {
+	if (packageManager === "bun") return {
+		command: "bunx",
+		prefix: []
+	};
+	if (packageManager === "pnpm" || packageManager === "yarn") return {
+		command: packageManager,
+		prefix: ["dlx"]
+	};
+	return {
+		command: "npx",
+		prefix: ["--yes"]
+	};
+};
 const createTanStackProject = async (directory, packageManager, runner = runCommand, cwd) => {
 	const args = [
 		"@tanstack/cli@latest",
@@ -121,13 +157,8 @@ const createTanStackProject = async (directory, packageManager, runner = runComm
 		"--no-git",
 		"--yes"
 	];
-	const command = packageManager === "bun" ? "bunx" : "npx";
-	const commandArgs = packageManager === "bun" ? args : ["--yes", ...args];
-	if (cwd) {
-		await runner(command, commandArgs, { cwd });
-		return;
-	}
-	await runner(command, commandArgs);
+	const executor = getExecutor(packageManager);
+	await runner(executor.command, [...executor.prefix, ...args], cwd ? { cwd } : void 0);
 };
 // src/frameworks/react.ts
 const createReactProject = async (directory, _packageManager, _runner) => {
@@ -246,6 +277,43 @@ const frameworkGenerators = {
 	tanstack: createTanStackProject,
 	react: createReactProject
 };
+// src/frameworks/configure-framework.ts
+const getTranspiledPackages = (auth) => [
+	"@puzzle-ui/ui",
+	"@puzzle-ui/theme",
+	...auth ? ["@puzzle-ui/fullstack"] : []
+];
+const configureNext = async (directory, auth) => {
+	const configPath = path.join(directory, "next.config.ts");
+	const packages = getTranspiledPackages(auth);
+	const config = `import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {
+  transpilePackages: ${JSON.stringify(packages, null, 4)},
+};
+
+export default nextConfig;
+`;
+	await writeFile(configPath, config, "utf8");
+};
+const configureTanStack = async (directory, auth) => {
+	const configPath = path.join(directory, "vite.config.ts");
+	let config = await readFile(configPath, "utf8");
+	const packages = getTranspiledPackages(auth);
+	if (!config.includes("noExternal")) config = config.replace(/defineConfig\(\s*\{/, `defineConfig({
+  ssr: {
+    noExternal: ${JSON.stringify(packages)},
+  },`);
+	else if (auth && !config.includes("\"@puzzle-ui/fullstack\"")) config = config.replace(/noExternal:\s*\[([^\]]*)\]/, `noExternal: [$1, "@puzzle-ui/fullstack"]`);
+	await writeFile(configPath, config, "utf8");
+};
+const configureFramework = async (directory, framework, auth = false) => {
+	if (framework === "next") {
+		await configureNext(directory, auth);
+		return;
+	}
+	if (framework === "tanstack") await configureTanStack(directory, auth);
+};
 const themeTemplates = {
 	next: {
 		"src/app/providers.tsx": `"use client";
@@ -399,6 +467,283 @@ const configureTheme = async (directory, framework) => {
 		await writeFile(filePath, content, "utf8");
 	}));
 };
+// src/auth/templates.ts
+const authServer = `import type { AuthServer } from "@puzzle-ui/fullstack/auth/server";
+
+let authServer: AuthServer | null = null;
+
+/**
+ * Register the server configured by your application.
+ *
+ * Create the AuthServer with your own storage adapter, password hasher,
+ * rate limiter, session manager, MFA manager and CSRF configuration.
+ *
+ * Never import this module from browser-facing code.
+ */
+export const configureAuthServer = (server: AuthServer): void => {
+  if (authServer && authServer !== server) {
+    throw new Error("Puzzle Auth has already been configured.");
+  }
+
+  authServer = server;
+};
+
+/**
+ * Returns null until the application has registered its AuthServer.
+ */
+export const getAuthServer = (): AuthServer | null => authServer;
+`;
+const authBootstrap = `/**
+ * Initialize Puzzle Auth once for this server runtime.
+ *
+ * Configure your storage adapter and security providers here.
+ *
+ * Example:
+ *
+ * configureAuthServer(
+ *   createAuthServer({
+ *     auth,
+ *     mfa,
+ *     stepUp,
+ *     sessions,
+ *     cookie,
+ *     csrf,
+ *     resolveClientIp,
+ *   }),
+ * );
+ *
+ * Do not use development-only or in-memory providers in production.
+ */
+const configure = async (): Promise<void> => {
+  // TODO: initialize your application-specific AuthServer.
+};
+
+let initialization: Promise<void> | null = null;
+
+export const initializePuzzleAuth = (): Promise<void> => {
+  if (!initialization) {
+    initialization = configure().catch((error: unknown) => {
+      initialization = null;
+      throw error;
+    });
+  }
+
+  return initialization;
+};
+`;
+const authUnavailableResponse = `const createAuthUnavailableResponse = (): Response =>
+  new Response(
+    JSON.stringify({
+      error: {
+        code: "AUTH_NOT_CONFIGURED",
+        message: "Puzzle Auth has not been configured by the application.",
+      },
+    }),
+    {
+      status: 503,
+      headers: {
+        "Content-Type": "application/json; charset=utf-8",
+        "Cache-Control": "no-store",
+        Pragma: "no-cache",
+      },
+    },
+  );
+
+export { createAuthUnavailableResponse };
+`;
+const authTemplates = {
+	next: {
+		"src/app/providers.tsx": `"use client";
+
+import type { ReactNode } from "react";
+
+import { Theme } from "@puzzle-ui/theme";
+import { AuthProvider } from "@puzzle-ui/fullstack/auth/client";
+
+type ProvidersProps = {
+  children: ReactNode;
+};
+
+const Providers = ({ children }: ProvidersProps) => (
+  <Theme theme="system">
+    <AuthProvider options={{ basePath: "/api/auth" }}>
+      {children}
+    </AuthProvider>
+  </Theme>
+);
+
+export { Providers };
+`,
+		"src/app/sign-in/page.tsx": `"use client";
+
+import { AuthExperience } from "@puzzle-ui/fullstack/auth/client";
+
+const SignInPage = () => <AuthExperience mode="sign-in" />;
+
+export default SignInPage;
+`,
+		"src/app/sign-up/page.tsx": `"use client";
+
+import { AuthExperience } from "@puzzle-ui/fullstack/auth/client";
+
+const SignUpPage = () => <AuthExperience mode="sign-up" />;
+
+export default SignUpPage;
+`,
+		"src/app/api/auth/[...auth]/route.ts": `import { createNextAuthHandler } from "@puzzle-ui/fullstack/auth/next";
+
+import { getAuthServer } from "../../../../lib/auth/server";
+import { initializePuzzleAuth } from "../../../../lib/auth/bootstrap";
+import { createAuthUnavailableResponse } from "../../../../lib/auth/unavailable";
+
+const handle = async (request: Request): Promise<Response> => {
+  await initializePuzzleAuth();
+
+  const auth = getAuthServer();
+
+  if (!auth) {
+    return createAuthUnavailableResponse();
+  }
+
+  const handlers = createNextAuthHandler({ auth });
+
+  return request.method.toUpperCase() === "GET"
+    ? handlers.GET(request)
+    : handlers.POST(request);
+};
+
+export { handle as GET, handle as POST };
+`,
+		"src/lib/auth/server.ts": authServer,
+		"src/lib/auth/bootstrap.ts": authBootstrap,
+		"src/lib/auth/unavailable.ts": authUnavailableResponse
+	},
+	tanstack: {
+		"src/routes/__root.tsx": `import {
+  createRootRoute,
+  HeadContent,
+  Outlet,
+  Scripts,
+} from "@tanstack/react-router";
+
+import { Theme } from "@puzzle-ui/theme";
+import { AuthProvider } from "@puzzle-ui/fullstack/auth/client";
+
+const RootComponent = () => (
+  <html lang="en">
+    <head>
+      <HeadContent />
+    </head>
+    <body>
+      <Theme theme="system">
+        <AuthProvider options={{ basePath: "/api/auth" }}>
+          <Outlet />
+        </AuthProvider>
+      </Theme>
+      <Scripts />
+    </body>
+  </html>
+);
+
+export const Route = createRootRoute({
+  component: RootComponent,
+});
+`,
+		"src/routes/sign-in.tsx": `import { createFileRoute } from "@tanstack/react-router";
+
+import { AuthExperience } from "@puzzle-ui/fullstack/auth/client";
+
+const SignInPage = () => <AuthExperience mode="sign-in" />;
+
+export const Route = createFileRoute("/sign-in")({
+  component: SignInPage,
+});
+`,
+		"src/routes/sign-up.tsx": `import { createFileRoute } from "@tanstack/react-router";
+
+import { AuthExperience } from "@puzzle-ui/fullstack/auth/client";
+
+const SignUpPage = () => <AuthExperience mode="sign-up" />;
+
+export const Route = createFileRoute("/sign-up")({
+  component: SignUpPage,
+});
+`,
+		"src/routes/api/auth/$.ts": `import { createFileRoute } from "@tanstack/react-router";
+
+import { createTanStackAuthHandler } from "@puzzle-ui/fullstack/auth/tanstack";
+
+import { getAuthServer } from "../../../lib/auth/server";
+import { initializePuzzleAuth } from "../../../lib/auth/bootstrap";
+import { createAuthUnavailableResponse } from "../../../lib/auth/unavailable";
+
+const handle = async (request: Request): Promise<Response> => {
+  await initializePuzzleAuth();
+
+  const auth = getAuthServer();
+
+  if (!auth) {
+    return createAuthUnavailableResponse();
+  }
+
+  return createTanStackAuthHandler({ auth })(request);
+};
+
+export const Route = createFileRoute("/api/auth/$")({
+  server: {
+    handlers: {
+      GET: ({ request }) => handle(request),
+      POST: ({ request }) => handle(request),
+    },
+  },
+});
+`,
+		"src/lib/auth/server.ts": authServer,
+		"src/lib/auth/bootstrap.ts": authBootstrap,
+		"src/lib/auth/unavailable.ts": authUnavailableResponse
+	},
+	react: {
+		"src/main.tsx": `import React from "react";
+import ReactDOM from "react-dom/client";
+
+import { Theme } from "@puzzle-ui/theme";
+import { AuthProvider } from "@puzzle-ui/fullstack/auth/client";
+
+import App from "./App";
+
+import "./index.css";
+
+ReactDOM.createRoot(
+  document.getElementById("root")!,
+).render(
+  <React.StrictMode>
+    <Theme theme="system">
+      <AuthProvider options={{ basePath: "/api/auth" }}>
+        <App />
+      </AuthProvider>
+    </Theme>
+  </React.StrictMode>,
+);
+`,
+		"src/auth/sign-in.tsx": `import { AuthExperience } from "@puzzle-ui/fullstack/auth/client";
+
+export const SignInPage = () => <AuthExperience mode="sign-in" />;
+`,
+		"src/auth/sign-up.tsx": `import { AuthExperience } from "@puzzle-ui/fullstack/auth/client";
+
+export const SignUpPage = () => <AuthExperience mode="sign-up" />;
+`
+	}
+};
+// src/auth/configure-auth.ts
+const configureAuth = async (directory, framework) => {
+	const templates = authTemplates[framework];
+	await Promise.all(Object.entries(templates).map(async ([relativePath, content]) => {
+		const filePath = path.join(directory, relativePath);
+		await mkdir(path.dirname(filePath), { recursive: true });
+		await writeFile(filePath, content, "utf8");
+	}));
+};
 // src/utils/validate-project.ts
 const validateProjectDirectory = async (directory, cwd = process.cwd()) => {
 	const root = path.resolve(cwd);
@@ -501,30 +846,31 @@ const getTailwindPackages = (framework) => {
 	];
 	return ["tailwindcss@latest", "@tailwindcss/vite@latest"];
 };
-const installTailwind = async ({ directory, framework, packageManager, runner }) => {
-	const packages = getTailwindPackages(framework);
-	if (packageManager === "bun") {
-		await runner("bun", [
-			"add",
-			"-d",
-			...packages
-		], { cwd: directory });
-		return;
-	}
-	await runner("npm", [
+const getInstallArguments = (packageManager, packages) => {
+	if (packageManager === "npm") return [
 		"install",
 		"--save-dev",
 		...packages
-	], { cwd: directory });
+	];
+	if (packageManager === "yarn") return [
+		"add",
+		"--dev",
+		...packages
+	];
+	return [
+		"add",
+		"-D",
+		...packages
+	];
+};
+const installTailwind = async ({ directory, framework, packageManager, runner }) => {
+	const packages = getTailwindPackages(framework);
+	await runner(packageManager, getInstallArguments(packageManager, packages), { cwd: directory });
 };
 // src/create-project.ts
-const installDependencies = async (directory, packageManager, runner) => {
-	const packages = [...PUZZLE_PACKAGES];
-	if (packageManager === "bun") {
-		await runner("bun", ["add", ...packages], { cwd: directory });
-		return;
-	}
-	await runner("npm", ["install", ...packages], { cwd: directory });
+const installDependencies = async (directory, packageManager, auth, runner) => {
+	const packages = [...PUZZLE_PACKAGES, ...auth ? PUZZLE_AUTH_PACKAGES : []];
+	await runner(packageManager, packageManager === "npm" ? ["install", ...packages] : ["add", ...packages], { cwd: directory });
 };
 const configureProjectName = async (directory, projectName) => {
 	const packageJsonPath = path.join(directory, "package.json");
@@ -551,10 +897,18 @@ const createProject = async (options, { cwd = process.cwd(), runner = runCommand
 		if (options.framework === "react") await frameworkGenerators.react(targetDirectory, options.packageManager, runner);
 		else await frameworkGenerators[options.framework](projectName, options.packageManager, runner, projectParent);
 		finishStep("Framework generated");
+		startStep("Configuring framework");
+		await configureFramework(targetDirectory, options.framework, options.auth);
+		finishStep("Framework configured");
 		startStep("Configuring Puzzle theme");
 		await configureTheme(targetDirectory, options.framework);
 		await configureProjectName(targetDirectory, projectName);
 		finishStep("Puzzle theme configured");
+		if (options.auth) {
+			startStep("Configuring Puzzle Auth");
+			await configureAuth(targetDirectory, options.framework);
+			finishStep("Puzzle Auth configured");
+		}
 		if (options.tailwind) {
 			startStep("Configuring Tailwind CSS");
 			await configureTailwind(targetDirectory, options.framework);
@@ -569,14 +923,14 @@ const createProject = async (options, { cwd = process.cwd(), runner = runCommand
 			finishStep("Tailwind CSS installed");
 		}
 		startStep("Installing Puzzle");
-		await installDependencies(targetDirectory, options.packageManager, runner);
-		finishStep("Puzzle installed");
+		await installDependencies(targetDirectory, options.packageManager, options.auth, runner);
+		finishStep(options.auth ? "Puzzle and Auth installed" : "Puzzle installed");
 	} catch (error) {
 		if (spinnerActive) spinner.error("Project creation failed");
 		throw error;
 	}
 	p.log.success(`Project "${projectName}" created successfully.`);
-	p.outro(`Next steps:\n\n  cd ${path.relative(process.cwd(), targetDirectory) || "."}\n  ${options.packageManager} run dev`);
+	p.outro(`Next steps:\n\n  cd ${path.relative(cwd, targetDirectory) || "."}\n  ${options.packageManager} run dev`);
 };
 // src/index.ts
 const main = async () => {

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/constants.ts","../src/utils/kebab-case.ts","../src/utils/detect-package-manager.ts","../src/prompts.ts","../src/utils/execute.ts","../src/frameworks/next.ts","../src/frameworks/tanstack.ts","../src/frameworks/react.ts","../src/frameworks/index.ts","../src/theme/templates.ts","../src/theme/configure-theme.ts","../src/utils/validate-project.ts","../src/tailwind/configure-tailwind.ts","../src/tailwind/install-tailwind.ts","../src/create-project.ts","../src/index.ts"],"sourcesContent":["import type { Framework } from \"./types\";\n\nexport const PACKAGE_NAME = \"@puzzle-ui/create\";\n\nexport const PUZZLE_PACKAGES = [\n  \"@puzzle-ui/ui@latest\",\n  \"@puzzle-ui/theme@latest\",\n] as const;\n\nexport const FRAMEWORKS: {\n  value: Framework;\n  label: string;\n  hint: string;\n}[] = [\n  {\n    value: \"react\",\n    label: \"Basic React Project\",\n    hint: \"React + Vite + TypeScript\",\n  },\n  {\n    value: \"tanstack\",\n    label: \"TanStack Start\",\n    hint: \"Full-stack React framework\",\n  },\n  {\n    value: \"next\",\n    label: \"Next.js\",\n    hint: \"React framework with App Router\",\n  },\n];\n","const toKebabCase = (value: string): string =>\n  value\n    .normalize(\"NFKD\")\n    .replace(/[\\u0300-\\u036f]/g, \"\")\n    .replace(/([a-z0-9])([A-Z])/g, \"$1-$2\")\n    .replace(/([A-Z])([A-Z][a-z])/g, \"$1-$2\")\n    .replace(/[^a-zA-Z0-9]+/g, \"-\")\n    .replace(/^-+|-+$/g, \"\")\n    .toLowerCase();\n\nexport { toKebabCase };\n","import type { PackageManager } from \"../types\";\n\nconst detectPackageManager = (\n  userAgent = process.env.npm_config_user_agent ?? \"\",\n): PackageManager => {\n  if (userAgent.startsWith(\"bun/\")) {\n    return \"bun\";\n  }\n\n  return \"npm\";\n};\n\nexport { detectPackageManager };\n","import * as p from \"@clack/prompts\";\n\nimport { FRAMEWORKS } from \"./constants\";\n\nimport type { Framework, ProjectOptions } from \"./types\";\n\nimport { toKebabCase } from \"./utils/kebab-case\";\n\nimport { detectPackageManager } from \"./utils/detect-package-manager\";\n\nconst getProjectOptions = async (): Promise<ProjectOptions | null> => {\n  p.intro(\"Create a Puzzle application\");\n\n  const name = await p.text({\n    message: \"What is the name of your project?\",\n    placeholder: \"my-awesome-app\",\n    validate: (value) => {\n      if (!value?.trim()) {\n        return \"Project name is required.\";\n      }\n\n      if (!toKebabCase(value)) {\n        return \"Please enter a valid project name.\";\n      }\n    },\n  });\n\n  if (p.isCancel(name)) {\n    return null;\n  }\n\n  const directory = toKebabCase(name);\n\n  const framework = await p.select({\n    message: \"Which framework would you like to use?\",\n    options: FRAMEWORKS.map((item) => ({\n      value: item.value,\n      label: item.label,\n      hint: item.hint,\n    })),\n  });\n\n  if (p.isCancel(framework)) {\n    return null;\n  }\n\n  const tailwind = await p.confirm({\n    message: \"Would you like to install Tailwind CSS?\",\n    initialValue: true,\n  });\n\n  if (p.isCancel(tailwind)) {\n    p.cancel(\"Project creation cancelled.\");\n    return null;\n  }\n\n  return {\n    name: directory,\n    directory,\n    framework: framework as Framework,\n    packageManager: detectPackageManager(),\n    tailwind,\n  };\n};\n\nexport { getProjectOptions };\n","import { spawn } from \"node:child_process\";\n\nimport type { CommandRunner } from \"../types\";\n\nconst runCommand: CommandRunner = (command, args, options = {}) =>\n  new Promise((resolve, reject) => {\n    const child = spawn(command, args, {\n      cwd: options.cwd ?? process.cwd(),\n      stdio: options.stdio ?? \"inherit\",\n      shell: false,\n      env: process.env,\n    });\n\n    child.once(\"error\", reject);\n\n    child.once(\"close\", (code, signal) => {\n      if (code === 0) {\n        resolve();\n        return;\n      }\n\n      reject(\n        new Error(\n          signal\n            ? `${command} terminated with signal ${signal}`\n            : `${command} exited with code ${code ?? \"unknown\"}`,\n        ),\n      );\n    });\n  });\n\nexport { runCommand };\n","import type { FrameworkGenerator } from \"../types\";\n\nimport { runCommand } from \"../utils/execute\";\n\nconst createNextProject: FrameworkGenerator = async (\n  directory,\n  packageManager,\n  runner = runCommand,\n  cwd,\n) => {\n  const args = [\n    \"create-next-app@latest\",\n    directory,\n    \"--ts\",\n    \"--app\",\n    \"--src-dir\",\n    \"--skip-install\",\n    \"--disable-git\",\n    \"--no-tailwind\",\n    \"--yes\",\n    packageManager === \"bun\" ? \"--use-bun\" : \"--use-npm\",\n  ];\n\n  const command = packageManager === \"bun\" ? \"bunx\" : \"npx\";\n  const commandArgs = packageManager === \"bun\" ? args : [\"--yes\", ...args];\n\n  if (cwd) {\n    await runner(command, commandArgs, { cwd });\n    return;\n  }\n\n  await runner(command, commandArgs);\n};\n\nexport { createNextProject };\n","import type { FrameworkGenerator } from \"../types\";\n\nimport { runCommand } from \"../utils/execute\";\n\nconst createTanStackProject: FrameworkGenerator = async (\n  directory,\n  packageManager,\n  runner = runCommand,\n  cwd,\n) => {\n  const args = [\n    \"@tanstack/cli@latest\",\n    \"create\",\n    directory,\n    \"--framework\",\n    \"React\",\n    \"--package-manager\",\n    packageManager,\n    \"--blank\",\n    \"--no-install\",\n    \"--no-git\",\n    \"--yes\",\n  ];\n\n  const command = packageManager === \"bun\" ? \"bunx\" : \"npx\";\n  const commandArgs = packageManager === \"bun\" ? args : [\"--yes\", ...args];\n\n  if (cwd) {\n    await runner(command, commandArgs, { cwd });\n    return;\n  }\n\n  await runner(command, commandArgs);\n};\n\nexport { createTanStackProject };\n","import { mkdir, writeFile } from \"node:fs/promises\";\n\nimport path from \"node:path\";\n\nimport type { FrameworkGenerator } from \"../types\";\n\nconst createReactProject: FrameworkGenerator = async (\n  directory,\n  _packageManager,\n  _runner,\n) => {\n  await mkdir(path.join(directory, \"src\"), {\n    recursive: true,\n  });\n\n  const packageJson = {\n    name: path.basename(directory),\n    private: true,\n    version: \"0.0.0\",\n    type: \"module\",\n    scripts: {\n      dev: \"vite\",\n      build: \"tsc --noEmit -p tsconfig.app.json && vite build\",\n      preview: \"vite preview\",\n    },\n    dependencies: {\n      react: \"^19.0.0\",\n      \"react-dom\": \"^19.0.0\",\n    },\n    devDependencies: {\n      \"@types/node\": \"latest\",\n      \"@types/react\": \"^19.0.0\",\n      \"@types/react-dom\": \"^19.0.0\",\n      \"@vitejs/plugin-react\": \"latest\",\n      typescript: \"latest\",\n      vite: \"latest\",\n    },\n  };\n\n  const files: Record<string, string> = {\n    \"package.json\": JSON.stringify(packageJson, null, 2),\n\n    \"index.html\": `<!doctype html>\n<html lang=\"en\">\n  <head>\n    <meta charset=\"UTF-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n    <title>Puzzle App</title>\n  </head>\n  <body>\n    <div id=\"root\"></div>\n    <script type=\"module\" src=\"/src/main.tsx\"></script>\n  </body>\n</html>`,\n\n    \"tsconfig.json\": JSON.stringify(\n      {\n        files: [],\n        references: [\n          { path: \"./tsconfig.app.json\" },\n          { path: \"./tsconfig.node.json\" },\n        ],\n      },\n      null,\n      2,\n    ),\n\n    \"tsconfig.app.json\": JSON.stringify(\n      {\n        compilerOptions: {\n          tsBuildInfoFile: \"./node_modules/.tmp/tsconfig.app.tsbuildinfo\",\n          target: \"ES2022\",\n          useDefineForClassFields: true,\n          lib: [\"ES2022\", \"DOM\", \"DOM.Iterable\"],\n          module: \"ESNext\",\n          skipLibCheck: true,\n          moduleResolution: \"bundler\",\n          allowImportingTsExtensions: true,\n          verbatimModuleSyntax: true,\n          moduleDetection: \"force\",\n          noEmit: true,\n          jsx: \"react-jsx\",\n          strict: true,\n          noUnusedLocals: true,\n          noUnusedParameters: true,\n          noFallthroughCasesInSwitch: true,\n          types: [\"vite/client\"],\n        },\n        include: [\"src\"],\n      },\n      null,\n      2,\n    ),\n\n    \"tsconfig.node.json\": JSON.stringify(\n      {\n        compilerOptions: {\n          tsBuildInfoFile: \"./node_modules/.tmp/tsconfig.node.tsbuildinfo\",\n          target: \"ES2023\",\n          lib: [\"ES2023\"],\n          module: \"ESNext\",\n          skipLibCheck: true,\n          moduleResolution: \"bundler\",\n          allowImportingTsExtensions: true,\n          verbatimModuleSyntax: true,\n          moduleDetection: \"force\",\n          noEmit: true,\n          strict: true,\n        },\n        include: [\"vite.config.ts\"],\n      },\n      null,\n      2,\n    ),\n\n    \"vite.config.ts\": `import { defineConfig } from \"vite\";\nimport react from \"@vitejs/plugin-react\";\n\nexport default defineConfig({\n  plugins: [react()],\n});`,\n\n    \"src/main.tsx\": \"\",\n    \"src/App.tsx\": \"\",\n    \"src/index.css\": `* {\n  box-sizing: border-box;\n}\n\nhtml,\nbody,\n#root {\n  min-height: 100%;\n}\n\nbody {\n  margin: 0;\n  font-family: var(--puzzle-font-family-body, sans-serif);\n}`,\n  };\n\n  await Promise.all(\n    Object.entries(files).map(([file, content]) =>\n      writeFile(path.join(directory, file), content, \"utf8\"),\n    ),\n  );\n};\n\nexport { createReactProject };\n","import { createNextProject } from \"./next\";\nimport { createTanStackProject } from \"./tanstack\";\nimport { createReactProject } from \"./react\";\n\nimport type { Framework, FrameworkGenerator } from \"../types\";\n\nconst frameworkGenerators: Record<Framework, FrameworkGenerator> = {\n  next: createNextProject,\n  tanstack: createTanStackProject,\n  react: createReactProject,\n};\n\nexport {\n  createNextProject,\n  createTanStackProject,\n  createReactProject,\n  frameworkGenerators,\n};\n","const nextProviders = `\"use client\";\n\nimport type { ReactNode } from \"react\";\n\nimport { Theme } from \"@puzzle-ui/theme\";\n\ntype ProvidersProps = {\n  children: ReactNode;\n};\n\nconst Providers = ({ children }: ProvidersProps) => (\n  <Theme theme=\"system\">\n    {children}\n  </Theme>\n);\n\nexport { Providers };\n`;\n\nconst nextLayout = `import \"./globals.css\";\n\nimport type { ReactNode } from \"react\";\n\nimport { Providers } from \"./providers\";\n\ntype RootLayoutProps = {\n  children: ReactNode;\n};\n\nconst RootLayout = ({ children }: RootLayoutProps) => (\n  <html lang=\"en\">\n    <body>\n      <Providers>\n        {children}\n      </Providers>\n    </body>\n  </html>\n);\n\nexport default RootLayout;\n`;\n\nconst nextPage = `\"use client\";\nimport { Button } from \"@puzzle-ui/ui\";\n\nconst HomePage = () => (\n  <main style={{ padding: \"2rem\" }}>\n    <h1>Welcome to Puzzle</h1>\n    <p>Your new Puzzle application is ready.</p>\n\n    <Button onClick={() => console.log(\"Hello, Puzzle!\")}>\n      Get started\n    </Button>\n  </main>\n);\n\nexport default HomePage;\n`;\n\nconst tanstackRootRoute = `import {\n  createRootRoute,\n  HeadContent,\n  Outlet,\n  Scripts,\n} from \"@tanstack/react-router\";\n\nimport { Theme } from \"@puzzle-ui/theme\";\n\nconst RootComponent = () => (\n  <html lang=\"en\">\n    <head>\n      <HeadContent />\n    </head>\n    <body>\n      <Theme theme=\"system\">\n        <Outlet />\n      </Theme>\n      <Scripts />\n    </body>\n  </html>\n);\n\nexport const Route = createRootRoute({\n  component: RootComponent,\n});\n`;\n\nconst tanstackIndexRoute = `import { createFileRoute } from \"@tanstack/react-router\";\n\nimport { Button } from \"@puzzle-ui/ui\";\n\nconst HomePage = () => (\n  <main style={{ padding: \"2rem\" }}>\n    <h1>Welcome to Puzzle</h1>\n    <p>Your new Puzzle application is ready.</p>\n\n    <Button onClick={() => console.log(\"Hello, Puzzle!\")}>\n      Get started\n    </Button>\n  </main>\n);\n\nexport const Route = createFileRoute(\"/\")({\n  component: HomePage,\n});\n`;\n\nconst reactMain = `import React from \"react\";\nimport ReactDOM from \"react-dom/client\";\n\nimport { Theme } from \"@puzzle-ui/theme\";\n\nimport App from \"./App\";\n\nimport \"./index.css\";\n\nReactDOM.createRoot(\n  document.getElementById(\"root\")!,\n).render(\n  <React.StrictMode>\n    <Theme theme=\"system\">\n      <App />\n    </Theme>\n  </React.StrictMode>,\n);\n`;\n\nconst reactApp = `import { Button } from \"@puzzle-ui/ui\";\n\nconst App = () => (\n  <main style={{ padding: \"2rem\" }}>\n    <h1>Welcome to Puzzle</h1>\n    <p>Your new Puzzle application is ready.</p>\n\n    <Button onClick={() => console.log(\"Hello, Puzzle!\")}>\n      Get started\n    </Button>\n  </main>\n);\n\nexport default App;\n`;\n\nconst themeTemplates = {\n  next: {\n    \"src/app/providers.tsx\": nextProviders,\n    \"src/app/layout.tsx\": nextLayout,\n    \"src/app/page.tsx\": nextPage,\n  },\n  tanstack: {\n    \"src/routes/__root.tsx\": tanstackRootRoute,\n    \"src/routes/index.tsx\": tanstackIndexRoute,\n  },\n  react: {\n    \"src/main.tsx\": reactMain,\n    \"src/App.tsx\": reactApp,\n  },\n} as const;\n\nexport {\n  nextProviders,\n  nextLayout,\n  nextPage,\n  tanstackRootRoute,\n  tanstackIndexRoute,\n  reactMain,\n  reactApp,\n  themeTemplates,\n};\n","import { mkdir, writeFile } from \"node:fs/promises\";\n\nimport path from \"node:path\";\n\nimport type { Framework } from \"../types\";\n\nimport { themeTemplates } from \"./templates\";\n\nconst configureTheme = async (\n  directory: string,\n  framework: Framework,\n): Promise<void> => {\n  const templates = themeTemplates[framework];\n\n  await Promise.all(\n    Object.entries(templates).map(async ([relativePath, content]) => {\n      const filePath = path.join(directory, relativePath);\n\n      await mkdir(path.dirname(filePath), {\n        recursive: true,\n      });\n\n      await writeFile(filePath, content, \"utf8\");\n    }),\n  );\n};\n\nexport { configureTheme };\n","import { access } from \"node:fs/promises\";\n\nimport path from \"node:path\";\n\nconst validateProjectDirectory = async (\n  directory: string,\n  cwd = process.cwd(),\n): Promise<string> => {\n  const root = path.resolve(cwd);\n  const target = path.resolve(root, directory);\n\n  if (target === root || !target.startsWith(`${root}${path.sep}`)) {\n    throw new Error(\"Invalid project directory.\");\n  }\n\n  try {\n    await access(target);\n\n    throw new Error(\n      `The directory \"${directory}\" already exists. Choose another name.`,\n    );\n  } catch (error) {\n    if (error instanceof Error && error.message.includes(\"already exists\")) {\n      throw error;\n    }\n\n    if (\n      error &&\n      typeof error === \"object\" &&\n      \"code\" in error &&\n      error.code === \"ENOENT\"\n    ) {\n      return target;\n    }\n\n    throw error;\n  }\n};\n\nexport { validateProjectDirectory };\n","import { mkdir, readFile, writeFile } from \"node:fs/promises\";\n\nimport path from \"node:path\";\n\nimport type { Framework } from \"../types\";\n\nconst readIfExists = async (filePath: string) => {\n  try {\n    return await readFile(filePath, \"utf8\");\n  } catch {\n    return null;\n  }\n};\n\nconst writeIfMissingImport = async (\n  filePath: string,\n  importStatement: string,\n) => {\n  const current = await readIfExists(filePath);\n\n  if (current === null) {\n    await mkdir(path.dirname(filePath), {\n      recursive: true,\n    });\n\n    await writeFile(filePath, `${importStatement}\\n`, \"utf8\");\n\n    return;\n  }\n\n  if (current.includes(importStatement)) {\n    return;\n  }\n\n  await writeFile(filePath, `${importStatement}\\n\\n${current}`, \"utf8\");\n};\n\nconst prependCssImport = async (filePath: string) => {\n  const importStatement = '@import \"tailwindcss\";';\n  const current = await readIfExists(filePath);\n\n  if (current === null) {\n    await mkdir(path.dirname(filePath), {\n      recursive: true,\n    });\n\n    await writeFile(filePath, `${importStatement}\\n`, \"utf8\");\n\n    return;\n  }\n\n  if (current.includes(importStatement)) {\n    return;\n  }\n\n  await writeFile(filePath, `${importStatement}\\n\\n${current}`, \"utf8\");\n};\n\nconst configureNextTailwind = async (directory: string) => {\n  const cssPath = path.join(directory, \"src\", \"app\", \"globals.css\");\n\n  await prependCssImport(cssPath);\n\n  const postcssConfigPath = path.join(directory, \"postcss.config.mjs\");\n\n  await writeFile(\n    postcssConfigPath,\n    `const config = {\n  plugins: {\n    \"@tailwindcss/postcss\": {},\n  },\n};\n\nexport default config;\n`,\n    \"utf8\",\n  );\n};\n\nconst findTanStackCssPath = async (directory: string) => {\n  const rootRoutePath = path.join(directory, \"src\", \"routes\", \"__root.tsx\");\n\n  const rootRoute = await readFile(rootRoutePath, \"utf8\");\n\n  const cssImportPattern =\n    /import\\s+(?:[\\w{}\\s,*]+\\s+from\\s+)?[\"']([^\"']+\\.css(?:\\?url)?)[\"']/g;\n\n  const matches = [...rootRoute.matchAll(cssImportPattern)];\n\n  for (const match of matches) {\n    const importedPath = match[1];\n\n    if (!importedPath?.startsWith(\".\")) {\n      continue;\n    }\n\n    const cleanPath = importedPath.replace(/\\?[^/]*$/, \"\");\n\n    return path.resolve(path.dirname(rootRoutePath), cleanPath);\n  }\n\n  // Default stylesheet location used by TanStack Start templates.\n  return path.join(directory, \"src\", \"styles.css\");\n};\n\nconst configureTanStackTailwind = async (directory: string) => {\n  const cssPath = await findTanStackCssPath(directory);\n\n  await prependCssImport(cssPath);\n\n  const rootRoutePath = path.join(directory, \"src\", \"routes\", \"__root.tsx\");\n\n  const rootRoute = await readFile(rootRoutePath, \"utf8\");\n\n  if (!rootRoute.includes(\".css\")) {\n    await writeFile(\n      rootRoutePath,\n      `import \"../styles.css\";\\n${rootRoute}`,\n      \"utf8\",\n    );\n  }\n\n  const viteConfigPath = path.join(directory, \"vite.config.ts\");\n\n  let viteConfig = await readFile(viteConfigPath, \"utf8\");\n\n  if (!viteConfig.includes(\"@tailwindcss/vite\")) {\n    viteConfig = `import tailwindcss from \"@tailwindcss/vite\";\\n` + viteConfig;\n  }\n\n  if (!viteConfig.includes(\"tailwindcss()\")) {\n    viteConfig = viteConfig.replace(\n      /plugins:\\s*\\[/,\n      \"plugins: [\\n    tailwindcss(),\",\n    );\n  }\n\n  if (!viteConfig.includes(\"noExternal\")) {\n    viteConfig = viteConfig.replace(\n      /defineConfig\\(\\s*\\{/,\n      `defineConfig({\n  ssr: {\n    noExternal: [\"@puzzle-ui/ui\", \"@puzzle-ui/theme\"],\n  },`,\n    );\n  }\n\n  await writeFile(viteConfigPath, viteConfig, \"utf8\");\n};\n\nconst configureReactTailwind = async (directory: string) => {\n  const cssPath = path.join(directory, \"src\", \"index.css\");\n\n  await prependCssImport(cssPath);\n\n  const viteConfigPath = path.join(directory, \"vite.config.ts\");\n\n  let viteConfig = await readFile(viteConfigPath, \"utf8\");\n\n  if (!viteConfig.includes(\"@tailwindcss/vite\")) {\n    viteConfig = `import tailwindcss from \"@tailwindcss/vite\";\\n` + viteConfig;\n  }\n\n  if (!viteConfig.includes(\"tailwindcss()\")) {\n    viteConfig = viteConfig.replace(\n      /plugins:\\s*\\[/,\n      \"plugins: [\\n    tailwindcss(),\",\n    );\n  }\n\n  await writeFile(viteConfigPath, viteConfig, \"utf8\");\n};\n\nconst configureTailwind = async (directory: string, framework: Framework) => {\n  if (framework === \"next\") {\n    await configureNextTailwind(directory);\n    return;\n  }\n\n  if (framework === \"tanstack\") {\n    await configureTanStackTailwind(directory);\n    return;\n  }\n\n  await configureReactTailwind(directory);\n};\n\nexport { configureTailwind };\n","import type { CommandRunner, Framework, PackageManager } from \"../types\";\n\nconst getTailwindPackages = (framework: Framework) => {\n  if (framework === \"next\") {\n    return [\n      \"tailwindcss@latest\",\n      \"@tailwindcss/postcss@latest\",\n      \"postcss@latest\",\n    ];\n  }\n\n  return [\"tailwindcss@latest\", \"@tailwindcss/vite@latest\"];\n};\n\nconst installTailwind = async ({\n  directory,\n  framework,\n  packageManager,\n  runner,\n}: {\n  directory: string;\n  framework: Framework;\n  packageManager: PackageManager;\n  runner: CommandRunner;\n}) => {\n  const packages = getTailwindPackages(framework);\n\n  if (packageManager === \"bun\") {\n    await runner(\"bun\", [\"add\", \"-d\", ...packages], { cwd: directory });\n\n    return;\n  }\n\n  await runner(\"npm\", [\"install\", \"--save-dev\", ...packages], {\n    cwd: directory,\n  });\n};\n\nexport { installTailwind };\n","import { readFile, writeFile } from \"node:fs/promises\";\nimport path from \"node:path\";\n\nimport * as p from \"@clack/prompts\";\n\nimport type { CommandRunner, ProjectOptions } from \"./types\";\nimport { frameworkGenerators } from \"./frameworks\";\nimport { configureTheme } from \"./theme/configure-theme\";\nimport { runCommand } from \"./utils/execute\";\nimport { validateProjectDirectory } from \"./utils/validate-project\";\nimport { PUZZLE_PACKAGES } from \"./constants\";\nimport { configureTailwind } from \"./tailwind/configure-tailwind\";\nimport { installTailwind } from \"./tailwind/install-tailwind\";\n\ntype CreateProjectContext = {\n  /** Directory the project directory is resolved from. Defaults to `process.cwd()`. */\n  cwd?: string;\n  /** Runs external commands. Defaults to spawning a child process. */\n  runner?: CommandRunner;\n};\n\nconst installDependencies = async (\n  directory: string,\n  packageManager: ProjectOptions[\"packageManager\"],\n  runner: CommandRunner,\n) => {\n  const packages = [...PUZZLE_PACKAGES];\n\n  if (packageManager === \"bun\") {\n    await runner(\"bun\", [\"add\", ...packages], { cwd: directory });\n    return;\n  }\n\n  await runner(\"npm\", [\"install\", ...packages], { cwd: directory });\n};\n\nconst configureProjectName = async (directory: string, projectName: string) => {\n  const packageJsonPath = path.join(directory, \"package.json\");\n\n  const packageJson = JSON.parse(await readFile(packageJsonPath, \"utf8\")) as {\n    name?: string;\n    [key: string]: unknown;\n  };\n\n  packageJson.name = projectName;\n\n  await writeFile(\n    packageJsonPath,\n    `${JSON.stringify(packageJson, null, 2)}\\n`,\n    \"utf8\",\n  );\n};\n\nconst createProject = async (\n  options: ProjectOptions,\n  { cwd = process.cwd(), runner = runCommand }: CreateProjectContext = {},\n) => {\n  // Validate before starting the spinner, so nothing is generated or reported\n  // as a failed step when the target directory cannot be used.\n  const targetDirectory = await validateProjectDirectory(\n    options.directory,\n    cwd,\n  );\n\n  const projectName = path.basename(targetDirectory);\n  const projectParent = path.dirname(targetDirectory);\n\n  const spinner = p.spinner();\n  let spinnerActive = false;\n\n  const startStep = (message: string) => {\n    spinner.start(message);\n    spinnerActive = true;\n  };\n\n  const finishStep = (message: string) => {\n    spinner.stop(message);\n    spinnerActive = false;\n  };\n\n  try {\n    startStep(\"Generating framework\");\n\n    if (options.framework === \"react\") {\n      // The Basic React generator writes directly into its target directory.\n      await frameworkGenerators.react(\n        targetDirectory,\n        options.packageManager,\n        runner,\n      );\n    } else {\n      // Next.js and TanStack CLI create their own project directory.\n      await frameworkGenerators[options.framework](\n        projectName,\n        options.packageManager,\n        runner,\n        projectParent,\n      );\n    }\n\n    finishStep(\"Framework generated\");\n\n    startStep(\"Configuring Puzzle theme\");\n    await configureTheme(targetDirectory, options.framework);\n    await configureProjectName(targetDirectory, projectName);\n    finishStep(\"Puzzle theme configured\");\n\n    if (options.tailwind) {\n      startStep(\"Configuring Tailwind CSS\");\n      await configureTailwind(targetDirectory, options.framework);\n      finishStep(\"Tailwind CSS configured\");\n\n      startStep(\"Installing Tailwind CSS\");\n      await installTailwind({\n        directory: targetDirectory,\n        framework: options.framework,\n        packageManager: options.packageManager,\n        runner,\n      });\n      finishStep(\"Tailwind CSS installed\");\n    }\n\n    startStep(\"Installing Puzzle\");\n    await installDependencies(targetDirectory, options.packageManager, runner);\n    finishStep(\"Puzzle installed\");\n  } catch (error) {\n    if (spinnerActive) {\n      spinner.error(\"Project creation failed\");\n    }\n\n    throw error;\n  }\n\n  p.log.success(`Project \"${projectName}\" created successfully.`);\n\n  p.outro(\n    `Next steps:\\n\\n  cd ${path.relative(process.cwd(), targetDirectory) || \".\"}\\n  ${options.packageManager} run dev`,\n  );\n};\n\nexport { createProject, type CreateProjectContext };\n","#!/usr/bin/env node\n\nimport * as p from \"@clack/prompts\";\n\nimport { getProjectOptions } from \"./prompts\";\n\nimport { createProject } from \"./create-project\";\n\nconst main = async (): Promise<void> => {\n  const options = await getProjectOptions();\n\n  if (!options) {\n    p.cancel(\"Project creation cancelled.\");\n    return;\n  }\n\n  await createProject(options);\n};\n\nmain().catch((error: unknown) => {\n  p.log.error(error instanceof Error ? error.message : String(error));\n\n  process.exitCode = 1;\n});\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["getExecutor"],"sources":["../src/constants.ts","../src/utils/kebab-case.ts","../src/utils/detect-package-manager.ts","../src/prompts.ts","../src/utils/execute.ts","../src/frameworks/next.ts","../src/frameworks/tanstack.ts","../src/frameworks/react.ts","../src/frameworks/index.ts","../src/frameworks/configure-framework.ts","../src/theme/templates.ts","../src/theme/configure-theme.ts","../src/auth/templates.ts","../src/auth/configure-auth.ts","../src/utils/validate-project.ts","../src/tailwind/configure-tailwind.ts","../src/tailwind/install-tailwind.ts","../src/create-project.ts","../src/index.ts"],"sourcesContent":["import type { Framework } from \"./types\";\n\nexport const PACKAGE_NAME = \"@puzzle-ui/create\";\n\nexport const PUZZLE_PACKAGES = [\n  \"@puzzle-ui/ui@latest\",\n  \"@puzzle-ui/theme@latest\",\n] as const;\n\nexport const PUZZLE_AUTH_PACKAGES = [\n  \"@puzzle-ui/auth@latest\",\n  \"@puzzle-ui/fullstack@latest\",\n  \"@puzzle-ui/session@latest\",\n] as const;\n\nexport const FRAMEWORKS: {\n  value: Framework;\n  label: string;\n  hint: string;\n}[] = [\n  {\n    value: \"react\",\n    label: \"Basic React Project\",\n    hint: \"React + Vite + TypeScript\",\n  },\n  {\n    value: \"tanstack\",\n    label: \"TanStack Start\",\n    hint: \"Full-stack React framework\",\n  },\n  {\n    value: \"next\",\n    label: \"Next.js\",\n    hint: \"React framework with App Router\",\n  },\n];\n","const toKebabCase = (value: string): string =>\n  value\n    .normalize(\"NFKD\")\n    .replace(/[\\u0300-\\u036f]/g, \"\")\n    .replace(/([a-z0-9])([A-Z])/g, \"$1-$2\")\n    .replace(/([A-Z])([A-Z][a-z])/g, \"$1-$2\")\n    .replace(/[^a-zA-Z0-9]+/g, \"-\")\n    .replace(/^-+|-+$/g, \"\")\n    .toLowerCase();\n\nexport { toKebabCase };\n","import type { PackageManager } from \"../types\";\n\nconst detectPackageManager = (\n  userAgent = process.env.npm_config_user_agent ?? \"\",\n): PackageManager => {\n  const match = userAgent.match(/(?:^|\\s)(bun|pnpm|yarn|npm)\\/[^\\s]+/);\n\n  return (match?.[1] as PackageManager | undefined) ?? \"npm\";\n};\n\nexport { detectPackageManager };\n","import * as p from \"@clack/prompts\";\n\nimport { FRAMEWORKS } from \"./constants\";\n\nimport type { Framework, ProjectOptions } from \"./types\";\n\nimport { toKebabCase } from \"./utils/kebab-case\";\n\nimport { detectPackageManager } from \"./utils/detect-package-manager\";\n\nconst getProjectOptions = async (): Promise<ProjectOptions | null> => {\n  p.intro(\"Create a Puzzle application\");\n\n  const name = await p.text({\n    message: \"What is the name of your project?\",\n    placeholder: \"my-awesome-app\",\n    validate: (value) => {\n      if (!value?.trim()) {\n        return \"Project name is required.\";\n      }\n\n      if (!toKebabCase(value)) {\n        return \"Please enter a valid project name.\";\n      }\n    },\n  });\n\n  if (p.isCancel(name)) {\n    return null;\n  }\n\n  const directory = toKebabCase(name);\n\n  const framework = await p.select({\n    message: \"Which framework would you like to use?\",\n    options: FRAMEWORKS.map((item) => ({\n      value: item.value,\n      label: item.label,\n      hint: item.hint,\n    })),\n  });\n\n  if (p.isCancel(framework)) {\n    return null;\n  }\n\n  const tailwind = await p.confirm({\n    message: \"Would you like to install Tailwind CSS?\",\n    initialValue: true,\n  });\n\n  if (p.isCancel(tailwind)) {\n    p.cancel(\"Project creation cancelled.\");\n    return null;\n  }\n\n  const auth = await p.confirm({\n    message: \"Would you like to add Puzzle Auth?\",\n    initialValue: false,\n  });\n\n  if (p.isCancel(auth)) {\n    p.cancel(\"Project creation cancelled.\");\n    return null;\n  }\n\n  return {\n    name: directory,\n    directory,\n    framework: framework as Framework,\n    packageManager: detectPackageManager(),\n    tailwind,\n    auth,\n  };\n};\n\nexport { getProjectOptions };\n","import { spawn } from \"node:child_process\";\n\nimport type { CommandRunner } from \"../types\";\n\nconst runCommand: CommandRunner = (command, args, options = {}) =>\n  new Promise((resolve, reject) => {\n    const child = spawn(command, args, {\n      cwd: options.cwd ?? process.cwd(),\n      stdio: options.stdio ?? \"inherit\",\n      shell: false,\n      env: process.env,\n    });\n\n    child.once(\"error\", reject);\n\n    child.once(\"close\", (code, signal) => {\n      if (code === 0) {\n        resolve();\n        return;\n      }\n\n      reject(\n        new Error(\n          signal\n            ? `${command} terminated with signal ${signal}`\n            : `${command} exited with code ${code ?? \"unknown\"}`,\n        ),\n      );\n    });\n  });\n\nexport { runCommand };\n","import type { FrameworkGenerator, PackageManager } from \"../types\";\n\nimport { runCommand } from \"../utils/execute\";\n\nconst getExecutor = (packageManager: PackageManager) => {\n  if (packageManager === \"bun\") {\n    return {\n      command: \"bunx\",\n      prefix: [],\n    };\n  }\n\n  if (packageManager === \"pnpm\" || packageManager === \"yarn\") {\n    return {\n      command: packageManager,\n      prefix: [\"dlx\"],\n    };\n  }\n\n  return {\n    command: \"npx\",\n    prefix: [\"--yes\"],\n  };\n};\n\nconst createNextProject: FrameworkGenerator = async (\n  directory,\n  packageManager,\n  runner = runCommand,\n  cwd,\n) => {\n  const args = [\n    \"create-next-app@latest\",\n    directory,\n    \"--ts\",\n    \"--app\",\n    \"--src-dir\",\n    \"--skip-install\",\n    \"--disable-git\",\n    \"--no-tailwind\",\n    \"--yes\",\n    `--use-${packageManager}`,\n  ];\n\n  const executor = getExecutor(packageManager);\n\n  await runner(\n    executor.command,\n    [...executor.prefix, ...args],\n    cwd ? { cwd } : undefined,\n  );\n};\n\nexport { createNextProject };\n","import type { FrameworkGenerator, PackageManager } from \"../types\";\n\nimport { runCommand } from \"../utils/execute\";\n\nconst getExecutor = (packageManager: PackageManager) => {\n  if (packageManager === \"bun\") {\n    return {\n      command: \"bunx\",\n      prefix: [],\n    };\n  }\n\n  if (packageManager === \"pnpm\" || packageManager === \"yarn\") {\n    return {\n      command: packageManager,\n      prefix: [\"dlx\"],\n    };\n  }\n\n  return {\n    command: \"npx\",\n    prefix: [\"--yes\"],\n  };\n};\n\nconst createTanStackProject: FrameworkGenerator = async (\n  directory,\n  packageManager,\n  runner = runCommand,\n  cwd,\n) => {\n  const args = [\n    \"@tanstack/cli@latest\",\n    \"create\",\n    directory,\n    \"--framework\",\n    \"React\",\n    \"--package-manager\",\n    packageManager,\n    \"--blank\",\n    \"--no-install\",\n    \"--no-git\",\n    \"--yes\",\n  ];\n\n  const executor = getExecutor(packageManager);\n\n  await runner(\n    executor.command,\n    [...executor.prefix, ...args],\n    cwd ? { cwd } : undefined,\n  );\n};\n\nexport { createTanStackProject };\n","import { mkdir, writeFile } from \"node:fs/promises\";\n\nimport path from \"node:path\";\n\nimport type { FrameworkGenerator } from \"../types\";\n\nconst createReactProject: FrameworkGenerator = async (\n  directory,\n  _packageManager,\n  _runner,\n) => {\n  await mkdir(path.join(directory, \"src\"), {\n    recursive: true,\n  });\n\n  const packageJson = {\n    name: path.basename(directory),\n    private: true,\n    version: \"0.0.0\",\n    type: \"module\",\n    scripts: {\n      dev: \"vite\",\n      build: \"tsc --noEmit -p tsconfig.app.json && vite build\",\n      preview: \"vite preview\",\n    },\n    dependencies: {\n      react: \"^19.0.0\",\n      \"react-dom\": \"^19.0.0\",\n    },\n    devDependencies: {\n      \"@types/node\": \"latest\",\n      \"@types/react\": \"^19.0.0\",\n      \"@types/react-dom\": \"^19.0.0\",\n      \"@vitejs/plugin-react\": \"latest\",\n      typescript: \"latest\",\n      vite: \"latest\",\n    },\n  };\n\n  const files: Record<string, string> = {\n    \"package.json\": JSON.stringify(packageJson, null, 2),\n\n    \"index.html\": `<!doctype html>\n<html lang=\"en\">\n  <head>\n    <meta charset=\"UTF-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n    <title>Puzzle App</title>\n  </head>\n  <body>\n    <div id=\"root\"></div>\n    <script type=\"module\" src=\"/src/main.tsx\"></script>\n  </body>\n</html>`,\n\n    \"tsconfig.json\": JSON.stringify(\n      {\n        files: [],\n        references: [\n          { path: \"./tsconfig.app.json\" },\n          { path: \"./tsconfig.node.json\" },\n        ],\n      },\n      null,\n      2,\n    ),\n\n    \"tsconfig.app.json\": JSON.stringify(\n      {\n        compilerOptions: {\n          tsBuildInfoFile: \"./node_modules/.tmp/tsconfig.app.tsbuildinfo\",\n          target: \"ES2022\",\n          useDefineForClassFields: true,\n          lib: [\"ES2022\", \"DOM\", \"DOM.Iterable\"],\n          module: \"ESNext\",\n          skipLibCheck: true,\n          moduleResolution: \"bundler\",\n          allowImportingTsExtensions: true,\n          verbatimModuleSyntax: true,\n          moduleDetection: \"force\",\n          noEmit: true,\n          jsx: \"react-jsx\",\n          strict: true,\n          noUnusedLocals: true,\n          noUnusedParameters: true,\n          noFallthroughCasesInSwitch: true,\n          types: [\"vite/client\"],\n        },\n        include: [\"src\"],\n      },\n      null,\n      2,\n    ),\n\n    \"tsconfig.node.json\": JSON.stringify(\n      {\n        compilerOptions: {\n          tsBuildInfoFile: \"./node_modules/.tmp/tsconfig.node.tsbuildinfo\",\n          target: \"ES2023\",\n          lib: [\"ES2023\"],\n          module: \"ESNext\",\n          skipLibCheck: true,\n          moduleResolution: \"bundler\",\n          allowImportingTsExtensions: true,\n          verbatimModuleSyntax: true,\n          moduleDetection: \"force\",\n          noEmit: true,\n          strict: true,\n        },\n        include: [\"vite.config.ts\"],\n      },\n      null,\n      2,\n    ),\n\n    \"vite.config.ts\": `import { defineConfig } from \"vite\";\nimport react from \"@vitejs/plugin-react\";\n\nexport default defineConfig({\n  plugins: [react()],\n});`,\n\n    \"src/main.tsx\": \"\",\n    \"src/App.tsx\": \"\",\n    \"src/index.css\": `* {\n  box-sizing: border-box;\n}\n\nhtml,\nbody,\n#root {\n  min-height: 100%;\n}\n\nbody {\n  margin: 0;\n  font-family: var(--puzzle-font-family-body, sans-serif);\n}`,\n  };\n\n  await Promise.all(\n    Object.entries(files).map(([file, content]) =>\n      writeFile(path.join(directory, file), content, \"utf8\"),\n    ),\n  );\n};\n\nexport { createReactProject };\n","import { createNextProject } from \"./next\";\nimport { createTanStackProject } from \"./tanstack\";\nimport { createReactProject } from \"./react\";\n\nimport type { Framework, FrameworkGenerator } from \"../types\";\n\nconst frameworkGenerators: Record<Framework, FrameworkGenerator> = {\n  next: createNextProject,\n  tanstack: createTanStackProject,\n  react: createReactProject,\n};\n\nexport {\n  createNextProject,\n  createTanStackProject,\n  createReactProject,\n  frameworkGenerators,\n};\n","import { readFile, writeFile } from \"node:fs/promises\";\nimport path from \"node:path\";\n\nimport type { Framework } from \"../types\";\n\nconst getTranspiledPackages = (auth: boolean) => [\n  \"@puzzle-ui/ui\",\n  \"@puzzle-ui/theme\",\n  ...(auth ? [\"@puzzle-ui/fullstack\"] : []),\n];\n\nconst configureNext = async (directory: string, auth: boolean) => {\n  const configPath = path.join(directory, \"next.config.ts\");\n  const packages = getTranspiledPackages(auth);\n\n  const config = `import type { NextConfig } from \"next\";\n\nconst nextConfig: NextConfig = {\n  transpilePackages: ${JSON.stringify(packages, null, 4)},\n};\n\nexport default nextConfig;\n`;\n\n  await writeFile(configPath, config, \"utf8\");\n};\n\nconst configureTanStack = async (directory: string, auth: boolean) => {\n  const configPath = path.join(directory, \"vite.config.ts\");\n\n  let config = await readFile(configPath, \"utf8\");\n\n  const packages = getTranspiledPackages(auth);\n\n  if (!config.includes(\"noExternal\")) {\n    config = config.replace(\n      /defineConfig\\(\\s*\\{/,\n      `defineConfig({\n  ssr: {\n    noExternal: ${JSON.stringify(packages)},\n  },`,\n    );\n  } else if (auth && !config.includes('\"@puzzle-ui/fullstack\"')) {\n    config = config.replace(\n      /noExternal:\\s*\\[([^\\]]*)\\]/,\n      `noExternal: [$1, \"@puzzle-ui/fullstack\"]`,\n    );\n  }\n\n  await writeFile(configPath, config, \"utf8\");\n};\n\nconst configureFramework = async (\n  directory: string,\n  framework: Framework,\n  auth = false,\n) => {\n  if (framework === \"next\") {\n    await configureNext(directory, auth);\n    return;\n  }\n\n  if (framework === \"tanstack\") {\n    await configureTanStack(directory, auth);\n  }\n};\n\nexport { configureFramework };\n","const nextProviders = `\"use client\";\n\nimport type { ReactNode } from \"react\";\n\nimport { Theme } from \"@puzzle-ui/theme\";\n\ntype ProvidersProps = {\n  children: ReactNode;\n};\n\nconst Providers = ({ children }: ProvidersProps) => (\n  <Theme theme=\"system\">\n    {children}\n  </Theme>\n);\n\nexport { Providers };\n`;\n\nconst nextLayout = `import \"./globals.css\";\n\nimport type { ReactNode } from \"react\";\n\nimport { Providers } from \"./providers\";\n\ntype RootLayoutProps = {\n  children: ReactNode;\n};\n\nconst RootLayout = ({ children }: RootLayoutProps) => (\n  <html lang=\"en\">\n    <body>\n      <Providers>\n        {children}\n      </Providers>\n    </body>\n  </html>\n);\n\nexport default RootLayout;\n`;\n\nconst nextPage = `\"use client\";\nimport { Button } from \"@puzzle-ui/ui\";\n\nconst HomePage = () => (\n  <main style={{ padding: \"2rem\" }}>\n    <h1>Welcome to Puzzle</h1>\n    <p>Your new Puzzle application is ready.</p>\n\n    <Button onClick={() => console.log(\"Hello, Puzzle!\")}>\n      Get started\n    </Button>\n  </main>\n);\n\nexport default HomePage;\n`;\n\nconst tanstackRootRoute = `import {\n  createRootRoute,\n  HeadContent,\n  Outlet,\n  Scripts,\n} from \"@tanstack/react-router\";\n\nimport { Theme } from \"@puzzle-ui/theme\";\n\nconst RootComponent = () => (\n  <html lang=\"en\">\n    <head>\n      <HeadContent />\n    </head>\n    <body>\n      <Theme theme=\"system\">\n        <Outlet />\n      </Theme>\n      <Scripts />\n    </body>\n  </html>\n);\n\nexport const Route = createRootRoute({\n  component: RootComponent,\n});\n`;\n\nconst tanstackIndexRoute = `import { createFileRoute } from \"@tanstack/react-router\";\n\nimport { Button } from \"@puzzle-ui/ui\";\n\nconst HomePage = () => (\n  <main style={{ padding: \"2rem\" }}>\n    <h1>Welcome to Puzzle</h1>\n    <p>Your new Puzzle application is ready.</p>\n\n    <Button onClick={() => console.log(\"Hello, Puzzle!\")}>\n      Get started\n    </Button>\n  </main>\n);\n\nexport const Route = createFileRoute(\"/\")({\n  component: HomePage,\n});\n`;\n\nconst reactMain = `import React from \"react\";\nimport ReactDOM from \"react-dom/client\";\n\nimport { Theme } from \"@puzzle-ui/theme\";\n\nimport App from \"./App\";\n\nimport \"./index.css\";\n\nReactDOM.createRoot(\n  document.getElementById(\"root\")!,\n).render(\n  <React.StrictMode>\n    <Theme theme=\"system\">\n      <App />\n    </Theme>\n  </React.StrictMode>,\n);\n`;\n\nconst reactApp = `import { Button } from \"@puzzle-ui/ui\";\n\nconst App = () => (\n  <main style={{ padding: \"2rem\" }}>\n    <h1>Welcome to Puzzle</h1>\n    <p>Your new Puzzle application is ready.</p>\n\n    <Button onClick={() => console.log(\"Hello, Puzzle!\")}>\n      Get started\n    </Button>\n  </main>\n);\n\nexport default App;\n`;\n\nconst themeTemplates = {\n  next: {\n    \"src/app/providers.tsx\": nextProviders,\n    \"src/app/layout.tsx\": nextLayout,\n    \"src/app/page.tsx\": nextPage,\n  },\n  tanstack: {\n    \"src/routes/__root.tsx\": tanstackRootRoute,\n    \"src/routes/index.tsx\": tanstackIndexRoute,\n  },\n  react: {\n    \"src/main.tsx\": reactMain,\n    \"src/App.tsx\": reactApp,\n  },\n} as const;\n\nexport {\n  nextProviders,\n  nextLayout,\n  nextPage,\n  tanstackRootRoute,\n  tanstackIndexRoute,\n  reactMain,\n  reactApp,\n  themeTemplates,\n};\n","import { mkdir, writeFile } from \"node:fs/promises\";\n\nimport path from \"node:path\";\n\nimport type { Framework } from \"../types\";\n\nimport { themeTemplates } from \"./templates\";\n\nconst configureTheme = async (\n  directory: string,\n  framework: Framework,\n): Promise<void> => {\n  const templates = themeTemplates[framework];\n\n  await Promise.all(\n    Object.entries(templates).map(async ([relativePath, content]) => {\n      const filePath = path.join(directory, relativePath);\n\n      await mkdir(path.dirname(filePath), {\n        recursive: true,\n      });\n\n      await writeFile(filePath, content, \"utf8\");\n    }),\n  );\n};\n\nexport { configureTheme };\n","import type { Framework } from \"../types\";\n\nconst authServer = `import type { AuthServer } from \"@puzzle-ui/fullstack/auth/server\";\n\nlet authServer: AuthServer | null = null;\n\n/**\n * Register the server configured by your application.\n *\n * Create the AuthServer with your own storage adapter, password hasher,\n * rate limiter, session manager, MFA manager and CSRF configuration.\n *\n * Never import this module from browser-facing code.\n */\nexport const configureAuthServer = (server: AuthServer): void => {\n  if (authServer && authServer !== server) {\n    throw new Error(\"Puzzle Auth has already been configured.\");\n  }\n\n  authServer = server;\n};\n\n/**\n * Returns null until the application has registered its AuthServer.\n */\nexport const getAuthServer = (): AuthServer | null => authServer;\n`;\n\nconst authBootstrap = `/**\n * Initialize Puzzle Auth once for this server runtime.\n *\n * Configure your storage adapter and security providers here.\n *\n * Example:\n *\n * configureAuthServer(\n *   createAuthServer({\n *     auth,\n *     mfa,\n *     stepUp,\n *     sessions,\n *     cookie,\n *     csrf,\n *     resolveClientIp,\n *   }),\n * );\n *\n * Do not use development-only or in-memory providers in production.\n */\nconst configure = async (): Promise<void> => {\n  // TODO: initialize your application-specific AuthServer.\n};\n\nlet initialization: Promise<void> | null = null;\n\nexport const initializePuzzleAuth = (): Promise<void> => {\n  if (!initialization) {\n    initialization = configure().catch((error: unknown) => {\n      initialization = null;\n      throw error;\n    });\n  }\n\n  return initialization;\n};\n`;\n\nconst authUnavailableResponse = `const createAuthUnavailableResponse = (): Response =>\n  new Response(\n    JSON.stringify({\n      error: {\n        code: \"AUTH_NOT_CONFIGURED\",\n        message: \"Puzzle Auth has not been configured by the application.\",\n      },\n    }),\n    {\n      status: 503,\n      headers: {\n        \"Content-Type\": \"application/json; charset=utf-8\",\n        \"Cache-Control\": \"no-store\",\n        Pragma: \"no-cache\",\n      },\n    },\n  );\n\nexport { createAuthUnavailableResponse };\n`;\n\nconst nextProviders = `\"use client\";\n\nimport type { ReactNode } from \"react\";\n\nimport { Theme } from \"@puzzle-ui/theme\";\nimport { AuthProvider } from \"@puzzle-ui/fullstack/auth/client\";\n\ntype ProvidersProps = {\n  children: ReactNode;\n};\n\nconst Providers = ({ children }: ProvidersProps) => (\n  <Theme theme=\"system\">\n    <AuthProvider options={{ basePath: \"/api/auth\" }}>\n      {children}\n    </AuthProvider>\n  </Theme>\n);\n\nexport { Providers };\n`;\n\nconst nextSignIn = `\"use client\";\n\nimport { AuthExperience } from \"@puzzle-ui/fullstack/auth/client\";\n\nconst SignInPage = () => <AuthExperience mode=\"sign-in\" />;\n\nexport default SignInPage;\n`;\n\nconst nextSignUp = `\"use client\";\n\nimport { AuthExperience } from \"@puzzle-ui/fullstack/auth/client\";\n\nconst SignUpPage = () => <AuthExperience mode=\"sign-up\" />;\n\nexport default SignUpPage;\n`;\n\nconst nextAuthRoute = `import { createNextAuthHandler } from \"@puzzle-ui/fullstack/auth/next\";\n\nimport { getAuthServer } from \"../../../../lib/auth/server\";\nimport { initializePuzzleAuth } from \"../../../../lib/auth/bootstrap\";\nimport { createAuthUnavailableResponse } from \"../../../../lib/auth/unavailable\";\n\nconst handle = async (request: Request): Promise<Response> => {\n  await initializePuzzleAuth();\n\n  const auth = getAuthServer();\n\n  if (!auth) {\n    return createAuthUnavailableResponse();\n  }\n\n  const handlers = createNextAuthHandler({ auth });\n\n  return request.method.toUpperCase() === \"GET\"\n    ? handlers.GET(request)\n    : handlers.POST(request);\n};\n\nexport { handle as GET, handle as POST };\n`;\n\nconst tanstackRoot = `import {\n  createRootRoute,\n  HeadContent,\n  Outlet,\n  Scripts,\n} from \"@tanstack/react-router\";\n\nimport { Theme } from \"@puzzle-ui/theme\";\nimport { AuthProvider } from \"@puzzle-ui/fullstack/auth/client\";\n\nconst RootComponent = () => (\n  <html lang=\"en\">\n    <head>\n      <HeadContent />\n    </head>\n    <body>\n      <Theme theme=\"system\">\n        <AuthProvider options={{ basePath: \"/api/auth\" }}>\n          <Outlet />\n        </AuthProvider>\n      </Theme>\n      <Scripts />\n    </body>\n  </html>\n);\n\nexport const Route = createRootRoute({\n  component: RootComponent,\n});\n`;\n\nconst tanstackSignIn = `import { createFileRoute } from \"@tanstack/react-router\";\n\nimport { AuthExperience } from \"@puzzle-ui/fullstack/auth/client\";\n\nconst SignInPage = () => <AuthExperience mode=\"sign-in\" />;\n\nexport const Route = createFileRoute(\"/sign-in\")({\n  component: SignInPage,\n});\n`;\n\nconst tanstackSignUp = `import { createFileRoute } from \"@tanstack/react-router\";\n\nimport { AuthExperience } from \"@puzzle-ui/fullstack/auth/client\";\n\nconst SignUpPage = () => <AuthExperience mode=\"sign-up\" />;\n\nexport const Route = createFileRoute(\"/sign-up\")({\n  component: SignUpPage,\n});\n`;\n\nconst tanstackAuthRoute = `import { createFileRoute } from \"@tanstack/react-router\";\n\nimport { createTanStackAuthHandler } from \"@puzzle-ui/fullstack/auth/tanstack\";\n\nimport { getAuthServer } from \"../../../lib/auth/server\";\nimport { initializePuzzleAuth } from \"../../../lib/auth/bootstrap\";\nimport { createAuthUnavailableResponse } from \"../../../lib/auth/unavailable\";\n\nconst handle = async (request: Request): Promise<Response> => {\n  await initializePuzzleAuth();\n\n  const auth = getAuthServer();\n\n  if (!auth) {\n    return createAuthUnavailableResponse();\n  }\n\n  return createTanStackAuthHandler({ auth })(request);\n};\n\nexport const Route = createFileRoute(\"/api/auth/$\")({\n  server: {\n    handlers: {\n      GET: ({ request }) => handle(request),\n      POST: ({ request }) => handle(request),\n    },\n  },\n});\n`;\n\nconst reactMain = `import React from \"react\";\nimport ReactDOM from \"react-dom/client\";\n\nimport { Theme } from \"@puzzle-ui/theme\";\nimport { AuthProvider } from \"@puzzle-ui/fullstack/auth/client\";\n\nimport App from \"./App\";\n\nimport \"./index.css\";\n\nReactDOM.createRoot(\n  document.getElementById(\"root\")!,\n).render(\n  <React.StrictMode>\n    <Theme theme=\"system\">\n      <AuthProvider options={{ basePath: \"/api/auth\" }}>\n        <App />\n      </AuthProvider>\n    </Theme>\n  </React.StrictMode>,\n);\n`;\n\nconst reactSignIn = `import { AuthExperience } from \"@puzzle-ui/fullstack/auth/client\";\n\nexport const SignInPage = () => <AuthExperience mode=\"sign-in\" />;\n`;\n\nconst reactSignUp = `import { AuthExperience } from \"@puzzle-ui/fullstack/auth/client\";\n\nexport const SignUpPage = () => <AuthExperience mode=\"sign-up\" />;\n`;\n\nconst authTemplates: Record<Framework, Record<string, string>> = {\n  next: {\n    \"src/app/providers.tsx\": nextProviders,\n    \"src/app/sign-in/page.tsx\": nextSignIn,\n    \"src/app/sign-up/page.tsx\": nextSignUp,\n    \"src/app/api/auth/[...auth]/route.ts\": nextAuthRoute,\n    \"src/lib/auth/server.ts\": authServer,\n    \"src/lib/auth/bootstrap.ts\": authBootstrap,\n    \"src/lib/auth/unavailable.ts\": authUnavailableResponse,\n  },\n  tanstack: {\n    \"src/routes/__root.tsx\": tanstackRoot,\n    \"src/routes/sign-in.tsx\": tanstackSignIn,\n    \"src/routes/sign-up.tsx\": tanstackSignUp,\n    \"src/routes/api/auth/$.ts\": tanstackAuthRoute,\n    \"src/lib/auth/server.ts\": authServer,\n    \"src/lib/auth/bootstrap.ts\": authBootstrap,\n    \"src/lib/auth/unavailable.ts\": authUnavailableResponse,\n  },\n  react: {\n    \"src/main.tsx\": reactMain,\n    \"src/auth/sign-in.tsx\": reactSignIn,\n    \"src/auth/sign-up.tsx\": reactSignUp,\n  },\n};\n\nexport { authTemplates };\n","import { mkdir, writeFile } from \"node:fs/promises\";\nimport path from \"node:path\";\n\nimport type { Framework } from \"../types\";\n\nimport { authTemplates } from \"./templates\";\n\nconst configureAuth = async (\n  directory: string,\n  framework: Framework,\n): Promise<void> => {\n  const templates = authTemplates[framework];\n\n  await Promise.all(\n    Object.entries(templates).map(async ([relativePath, content]) => {\n      const filePath = path.join(directory, relativePath);\n\n      await mkdir(path.dirname(filePath), {\n        recursive: true,\n      });\n\n      await writeFile(filePath, content, \"utf8\");\n    }),\n  );\n};\n\nexport { configureAuth };\n","import { access } from \"node:fs/promises\";\n\nimport path from \"node:path\";\n\nconst validateProjectDirectory = async (\n  directory: string,\n  cwd = process.cwd(),\n): Promise<string> => {\n  const root = path.resolve(cwd);\n  const target = path.resolve(root, directory);\n\n  if (target === root || !target.startsWith(`${root}${path.sep}`)) {\n    throw new Error(\"Invalid project directory.\");\n  }\n\n  try {\n    await access(target);\n\n    throw new Error(\n      `The directory \"${directory}\" already exists. Choose another name.`,\n    );\n  } catch (error) {\n    if (error instanceof Error && error.message.includes(\"already exists\")) {\n      throw error;\n    }\n\n    if (\n      error &&\n      typeof error === \"object\" &&\n      \"code\" in error &&\n      error.code === \"ENOENT\"\n    ) {\n      return target;\n    }\n\n    throw error;\n  }\n};\n\nexport { validateProjectDirectory };\n","import { mkdir, readFile, writeFile } from \"node:fs/promises\";\n\nimport path from \"node:path\";\n\nimport type { Framework } from \"../types\";\n\nconst readIfExists = async (filePath: string) => {\n  try {\n    return await readFile(filePath, \"utf8\");\n  } catch {\n    return null;\n  }\n};\n\nconst writeIfMissingImport = async (\n  filePath: string,\n  importStatement: string,\n) => {\n  const current = await readIfExists(filePath);\n\n  if (current === null) {\n    await mkdir(path.dirname(filePath), {\n      recursive: true,\n    });\n\n    await writeFile(filePath, `${importStatement}\\n`, \"utf8\");\n\n    return;\n  }\n\n  if (current.includes(importStatement)) {\n    return;\n  }\n\n  await writeFile(filePath, `${importStatement}\\n\\n${current}`, \"utf8\");\n};\n\nconst prependCssImport = async (filePath: string) => {\n  const importStatement = '@import \"tailwindcss\";';\n  const current = await readIfExists(filePath);\n\n  if (current === null) {\n    await mkdir(path.dirname(filePath), {\n      recursive: true,\n    });\n\n    await writeFile(filePath, `${importStatement}\\n`, \"utf8\");\n\n    return;\n  }\n\n  if (current.includes(importStatement)) {\n    return;\n  }\n\n  await writeFile(filePath, `${importStatement}\\n\\n${current}`, \"utf8\");\n};\n\nconst configureNextTailwind = async (directory: string) => {\n  const cssPath = path.join(directory, \"src\", \"app\", \"globals.css\");\n\n  await prependCssImport(cssPath);\n\n  const postcssConfigPath = path.join(directory, \"postcss.config.mjs\");\n\n  await writeFile(\n    postcssConfigPath,\n    `const config = {\n  plugins: {\n    \"@tailwindcss/postcss\": {},\n  },\n};\n\nexport default config;\n`,\n    \"utf8\",\n  );\n};\n\nconst findTanStackCssPath = async (directory: string) => {\n  const rootRoutePath = path.join(directory, \"src\", \"routes\", \"__root.tsx\");\n\n  const rootRoute = await readFile(rootRoutePath, \"utf8\");\n\n  const cssImportPattern =\n    /import\\s+(?:[\\w{}\\s,*]+\\s+from\\s+)?[\"']([^\"']+\\.css(?:\\?url)?)[\"']/g;\n\n  const matches = [...rootRoute.matchAll(cssImportPattern)];\n\n  for (const match of matches) {\n    const importedPath = match[1];\n\n    if (!importedPath?.startsWith(\".\")) {\n      continue;\n    }\n\n    const cleanPath = importedPath.replace(/\\?[^/]*$/, \"\");\n\n    return path.resolve(path.dirname(rootRoutePath), cleanPath);\n  }\n\n  // Default stylesheet location used by TanStack Start templates.\n  return path.join(directory, \"src\", \"styles.css\");\n};\n\nconst configureTanStackTailwind = async (directory: string) => {\n  const cssPath = await findTanStackCssPath(directory);\n\n  await prependCssImport(cssPath);\n\n  const rootRoutePath = path.join(directory, \"src\", \"routes\", \"__root.tsx\");\n\n  const rootRoute = await readFile(rootRoutePath, \"utf8\");\n\n  if (!rootRoute.includes(\".css\")) {\n    await writeFile(\n      rootRoutePath,\n      `import \"../styles.css\";\\n${rootRoute}`,\n      \"utf8\",\n    );\n  }\n\n  const viteConfigPath = path.join(directory, \"vite.config.ts\");\n\n  let viteConfig = await readFile(viteConfigPath, \"utf8\");\n\n  if (!viteConfig.includes(\"@tailwindcss/vite\")) {\n    viteConfig = `import tailwindcss from \"@tailwindcss/vite\";\\n` + viteConfig;\n  }\n\n  if (!viteConfig.includes(\"tailwindcss()\")) {\n    viteConfig = viteConfig.replace(\n      /plugins:\\s*\\[/,\n      \"plugins: [\\n    tailwindcss(),\",\n    );\n  }\n\n  if (!viteConfig.includes(\"noExternal\")) {\n    viteConfig = viteConfig.replace(\n      /defineConfig\\(\\s*\\{/,\n      `defineConfig({\n  ssr: {\n    noExternal: [\"@puzzle-ui/ui\", \"@puzzle-ui/theme\"],\n  },`,\n    );\n  }\n\n  await writeFile(viteConfigPath, viteConfig, \"utf8\");\n};\n\nconst configureReactTailwind = async (directory: string) => {\n  const cssPath = path.join(directory, \"src\", \"index.css\");\n\n  await prependCssImport(cssPath);\n\n  const viteConfigPath = path.join(directory, \"vite.config.ts\");\n\n  let viteConfig = await readFile(viteConfigPath, \"utf8\");\n\n  if (!viteConfig.includes(\"@tailwindcss/vite\")) {\n    viteConfig = `import tailwindcss from \"@tailwindcss/vite\";\\n` + viteConfig;\n  }\n\n  if (!viteConfig.includes(\"tailwindcss()\")) {\n    viteConfig = viteConfig.replace(\n      /plugins:\\s*\\[/,\n      \"plugins: [\\n    tailwindcss(),\",\n    );\n  }\n\n  await writeFile(viteConfigPath, viteConfig, \"utf8\");\n};\n\nconst configureTailwind = async (directory: string, framework: Framework) => {\n  if (framework === \"next\") {\n    await configureNextTailwind(directory);\n    return;\n  }\n\n  if (framework === \"tanstack\") {\n    await configureTanStackTailwind(directory);\n    return;\n  }\n\n  await configureReactTailwind(directory);\n};\n\nexport { configureTailwind };\n","import type { CommandRunner, Framework, PackageManager } from \"../types\";\n\nconst getTailwindPackages = (framework: Framework) => {\n  if (framework === \"next\") {\n    return [\n      \"tailwindcss@latest\",\n      \"@tailwindcss/postcss@latest\",\n      \"postcss@latest\",\n    ];\n  }\n\n  return [\"tailwindcss@latest\", \"@tailwindcss/vite@latest\"];\n};\n\nconst getInstallArguments = (\n  packageManager: PackageManager,\n  packages: string[],\n) => {\n  if (packageManager === \"npm\") {\n    return [\"install\", \"--save-dev\", ...packages];\n  }\n\n  if (packageManager === \"yarn\") {\n    return [\"add\", \"--dev\", ...packages];\n  }\n\n  return [\"add\", \"-D\", ...packages];\n};\n\nconst installTailwind = async ({\n  directory,\n  framework,\n  packageManager,\n  runner,\n}: {\n  directory: string;\n  framework: Framework;\n  packageManager: PackageManager;\n  runner: CommandRunner;\n}) => {\n  const packages = getTailwindPackages(framework);\n  const args = getInstallArguments(packageManager, packages);\n\n  await runner(packageManager, args, {\n    cwd: directory,\n  });\n};\n\nexport { installTailwind };\n","import { readFile, writeFile } from \"node:fs/promises\";\nimport path from \"node:path\";\n\nimport * as p from \"@clack/prompts\";\n\nimport type { CommandRunner, ProjectOptions } from \"./types\";\n\nimport { frameworkGenerators } from \"./frameworks\";\nimport { configureFramework } from \"./frameworks/configure-framework\";\nimport { configureTheme } from \"./theme/configure-theme\";\nimport { configureAuth } from \"./auth/configure-auth\";\nimport { runCommand } from \"./utils/execute\";\nimport { validateProjectDirectory } from \"./utils/validate-project\";\n\nimport { PUZZLE_PACKAGES, PUZZLE_AUTH_PACKAGES } from \"./constants\";\n\nimport { configureTailwind } from \"./tailwind/configure-tailwind\";\nimport { installTailwind } from \"./tailwind/install-tailwind\";\n\ntype CreateProjectContext = {\n  cwd?: string;\n  runner?: CommandRunner;\n};\n\nconst installDependencies = async (\n  directory: string,\n  packageManager: ProjectOptions[\"packageManager\"],\n  auth: boolean,\n  runner: CommandRunner,\n) => {\n  const packages = [...PUZZLE_PACKAGES, ...(auth ? PUZZLE_AUTH_PACKAGES : [])];\n\n  const args =\n    packageManager === \"npm\" ? [\"install\", ...packages] : [\"add\", ...packages];\n\n  await runner(packageManager, args, {\n    cwd: directory,\n  });\n};\n\nconst configureProjectName = async (directory: string, projectName: string) => {\n  const packageJsonPath = path.join(directory, \"package.json\");\n\n  const packageJson = JSON.parse(await readFile(packageJsonPath, \"utf8\")) as {\n    name?: string;\n    [key: string]: unknown;\n  };\n\n  packageJson.name = projectName;\n\n  await writeFile(\n    packageJsonPath,\n    `${JSON.stringify(packageJson, null, 2)}\\n`,\n    \"utf8\",\n  );\n};\n\nconst createProject = async (\n  options: ProjectOptions,\n  { cwd = process.cwd(), runner = runCommand }: CreateProjectContext = {},\n) => {\n  const targetDirectory = await validateProjectDirectory(\n    options.directory,\n    cwd,\n  );\n\n  const projectName = path.basename(targetDirectory);\n  const projectParent = path.dirname(targetDirectory);\n\n  const spinner = p.spinner();\n  let spinnerActive = false;\n\n  const startStep = (message: string) => {\n    spinner.start(message);\n    spinnerActive = true;\n  };\n\n  const finishStep = (message: string) => {\n    spinner.stop(message);\n    spinnerActive = false;\n  };\n\n  try {\n    startStep(\"Generating framework\");\n\n    if (options.framework === \"react\") {\n      await frameworkGenerators.react(\n        targetDirectory,\n        options.packageManager,\n        runner,\n      );\n    } else {\n      await frameworkGenerators[options.framework](\n        projectName,\n        options.packageManager,\n        runner,\n        projectParent,\n      );\n    }\n\n    finishStep(\"Framework generated\");\n\n    startStep(\"Configuring framework\");\n\n    await configureFramework(targetDirectory, options.framework, options.auth);\n\n    finishStep(\"Framework configured\");\n\n    startStep(\"Configuring Puzzle theme\");\n\n    await configureTheme(targetDirectory, options.framework);\n    await configureProjectName(targetDirectory, projectName);\n\n    finishStep(\"Puzzle theme configured\");\n\n    if (options.auth) {\n      startStep(\"Configuring Puzzle Auth\");\n\n      await configureAuth(targetDirectory, options.framework);\n\n      finishStep(\"Puzzle Auth configured\");\n    }\n\n    if (options.tailwind) {\n      startStep(\"Configuring Tailwind CSS\");\n\n      await configureTailwind(targetDirectory, options.framework);\n\n      finishStep(\"Tailwind CSS configured\");\n\n      startStep(\"Installing Tailwind CSS\");\n\n      await installTailwind({\n        directory: targetDirectory,\n        framework: options.framework,\n        packageManager: options.packageManager,\n        runner,\n      });\n\n      finishStep(\"Tailwind CSS installed\");\n    }\n\n    startStep(\"Installing Puzzle\");\n\n    await installDependencies(\n      targetDirectory,\n      options.packageManager,\n      options.auth,\n      runner,\n    );\n\n    finishStep(options.auth ? \"Puzzle and Auth installed\" : \"Puzzle installed\");\n  } catch (error) {\n    if (spinnerActive) {\n      spinner.error(\"Project creation failed\");\n    }\n\n    throw error;\n  }\n\n  p.log.success(`Project \"${projectName}\" created successfully.`);\n\n  p.outro(\n    `Next steps:\\n\\n  cd ${path.relative(cwd, targetDirectory) || \".\"}\\n  ${options.packageManager} run dev`,\n  );\n};\n\nexport { createProject, type CreateProjectContext };\n","#!/usr/bin/env node\n\nimport * as p from \"@clack/prompts\";\n\nimport { getProjectOptions } from \"./prompts\";\n\nimport { createProject } from \"./create-project\";\n\nconst main = async (): Promise<void> => {\n  const options = await getProjectOptions();\n\n  if (!options) {\n    p.cancel(\"Project creation cancelled.\");\n    return;\n  }\n\n  await createProject(options);\n};\n\nmain().catch((error: unknown) => {\n  p.log.error(error instanceof Error ? error.message : String(error));\n\n  process.exitCode = 1;\n});\n"],"mappings":"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"}

package/package.json

@@ -1,7 +1,12 @@
 {
   "name": "@puzzle-ui/create",
-  "version": "0.4.0",
-  "description": "Create Beautiful React applications fast with Puzzle UI",
+  "version": "0.5.1",
+  "description": "Create React applications with Puzzle UI.",
+  "homepage": "https://puzzle-ui.com",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/senorprogramador/puzzle.git"
+  },
   "license": "MIT",
   "type": "module",
   "bin": {
@@ -11,6 +16,13 @@
     "dist",
     "README.md"
   ],
+  "keywords": [
+    "puzzle-ui",
+    "react",
+    "create",
+    "scaffolding",
+    "cli"
+  ],
   "engines": {
     "node": ">=20.19.0"
   },
@@ -27,7 +39,7 @@
   "devDependencies": {
     "@types/node": "^26.0.0",
     "tsdown": "^0.23.1",
-    "typescript": "^6.0.3",
+    "typescript": "^7.0.2",
     "vitest": "^5.1.0"
   },
   "publishConfig": {