@puzzle-ui/create 0.4.0 → 0.5.0

package/README.md

@@ -1,40 +1,210 @@
 # @puzzle-ui/create
 
-Create React applications with Puzzle UI.
+Create a new React application with Puzzle UI installed and configured.
+
+The CLI scaffolds a React application, configures the Puzzle theme, optionally configures Tailwind CSS, and can add the Puzzle authentication client and framework integration.
 
 ## Requirements
 
-- Node.js >= 20.19
-- npm or Bun
+- Node.js 20.19 or later.
+- npm, Bun, pnpm, or Yarn.
+- An internet connection to download framework templates and dependencies.
 
-## Usage
+## Quick start
 
-With npm:
+### npm
 
 ```bash
 npx @puzzle-ui/create
 ```
 
-With Bun:
+### Bun
 
 ```bash
 bunx @puzzle-ui/create
 ```
 
+### pnpm
+
+```bash
+pnpm dlx @puzzle-ui/create
+```
+
+### Yarn
+
+```bash
+yarn dlx @puzzle-ui/create
+```
+
+Yarn's <code>dlx</code> command requires Yarn 2 or later. With Yarn Classic, use <code>npx @puzzle-ui/create</code> instead.
+
+The CLI detects the package manager from the execution environment and uses it for framework generation and dependency installation.
+
 ## Supported frameworks
 
-- Next.js
-- TanStack Start
-- Basic React (Vite + TypeScript)
+| Framework      | Description                        |
+| -------------- | ---------------------------------- |
+| Next.js        | Next.js App Router with TypeScript |
+| TanStack Start | Full-stack React application       |
+| Basic React    | React, Vite, and TypeScript        |
+
+## Setup options
+
+The interactive setup asks for:
+
+1. **Project name** — converted to kebab-case and used as the project directory and package name.
+2. **Framework** — Next.js, TanStack Start, or Basic React.
+3. **Tailwind CSS** — optionally configures Tailwind CSS v4.
+4. **Puzzle Auth** — optionally installs and configures the Puzzle authentication client and framework integration.
+
+The CLI then:
+
+1. Checks that the target directory does not already exist.
+2. Generates the selected framework.
+3. Configures framework package transpilation where required.
+4. Configures the Puzzle theme provider.
+5. Updates the generated package name.
+6. Optionally configures and installs Tailwind CSS.
+7. Optionally configures Puzzle Auth.
+8. Installs the selected Puzzle packages.
+
+The CLI does not overwrite an existing directory.
+
+## Puzzle UI and Theme
+
+The generated application includes:
+
+- React 19 and TypeScript.
+- A configured Puzzle <code>Theme</code> provider.
+- A starter page using the Puzzle <code>Button</code> component.
+- A framework-specific entry point and development configuration.
+- Optional Tailwind CSS v4 integration.
+
+## Puzzle Auth
+
+When enabled, the generator installs:
+
+- <code>@puzzle-ui/auth</code>
+- <code>@puzzle-ui/fullstack</code>
+- <code>@puzzle-ui/session</code>
+
+The generated client integration includes:
+
+- An <code>AuthProvider</code> configured with <code>/api/auth</code>.
+- A sign-in page using <code>AuthExperience</code>.
+- A sign-up page using <code>AuthExperience</code>.
+- A framework-specific authentication API route for Next.js or TanStack Start.
+- A server-only AuthServer registration boundary.
+- A bootstrap function for application-specific server configuration.
+
+### Important server setup
+
+Puzzle Auth intentionally does not ship an insecure default password hasher, storage adapter, or production rate limiter.
+
+You must configure the following application dependencies:
+
+- A storage adapter with the atomicity and uniqueness capabilities required by Puzzle Auth.
+- A secure password hashing provider.
+- A shared, atomic rate limiter.
+- A session manager.
+- An MFA manager and secret protector.
+- A step-up manager.
+- Secure cookie and CSRF configuration.
+- Trusted client IP resolution.
+
+The generated API route returns HTTP 503 until the application registers an actual <code>AuthServer</code>.
+
+This is intentional. The generator must never silently create an authentication endpoint that appears functional while using unsafe or incomplete security providers.
+
+See the [Authentication setup guide](/docs/developer/authentication) for the required configuration.
+
+### Basic React limitation
+
+A Basic React project is a browser application. The generator adds the Auth provider and authentication screens, but does not create a server runtime or API route.
+
+Host the authentication API in a separate server application and configure the Auth client's base path accordingly.
+
+## Run your application
+
+After creation, move into the generated project and start its development server.
+
+```bash
+cd my-awesome-app
+npm run dev
+```
+
+Use the package manager selected during setup. For example, with Bun:
+
+```bash
+cd my-awesome-app
+bun run dev
+```
+
+## Manual installation
+
+Install the UI and theme packages:
+
+```bash
+npm install @puzzle-ui/ui @puzzle-ui/theme
+```
+
+Wrap your application in the theme provider:
+
+```tsx
+import { Theme } from "@puzzle-ui/theme";
+import { Button } from "@puzzle-ui/ui";
+
+const App = () => (
+  <Theme theme="system">
+    <main>
+      <h1>Welcome to Puzzle</h1>
+      <Button>Get started</Button>
+    </main>
+  </Theme>
+);
+
+export default App;
+```
+
+To add the authentication client and framework integrations:
+
+```bash
+npm install @puzzle-ui/auth @puzzle-ui/fullstack @puzzle-ui/session
+```
+
+See the [Authentication setup guide](/docs/developer/authentication) before exposing authentication routes.
+
+## Compatibility
+
+The generated templates target React 19.
+
+Framework templates are generated using their official CLI tools. Their generated configuration can change as those tools evolve.
+
+Puzzle is under active development and is not ready for production use. Review and test the generated application before using it in a real project.
+
+## Troubleshooting
+
+### The target directory already exists
+
+Choose another project name or remove the existing directory yourself before running the CLI again. The CLI intentionally does not overwrite existing projects.
+
+### A framework generator fails
+
+The CLI invokes the official framework generator through your selected package manager. Check that the package manager is installed and that your environment can access the package registry.
+
+### Dependency installation fails
+
+Run the failed installation command manually from the generated project directory. Check the package manager output for registry, network, or version errors.
+
+### Tailwind CSS is not configured
+
+Tailwind is optional. If you skipped it, the generated application still works with Puzzle's own theme and component styling.
+
+### Authentication returns HTTP 503
 
-## Features
+The generated server bootstrap is intentionally incomplete. Configure your storage adapter, password hasher, rate limiter, session manager, MFA manager, step-up manager, cookies, CSRF policy, and trusted client IP resolver.
 
-- 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
+Register the resulting <code>AuthServer</code> with <code>configureAuthServer</code> from the generated server-only module.
 
 ## License
 

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,7 @@
 {
   "name": "@puzzle-ui/create",
-  "version": "0.4.0",
-  "description": "Create Beautiful React applications fast with Puzzle UI",
+  "version": "0.5.0",
+  "description": "Create React applications with Puzzle UI.",
   "license": "MIT",
   "type": "module",
   "bin": {
@@ -11,6 +11,13 @@
     "dist",
     "README.md"
   ],
+  "keywords": [
+    "puzzle-ui",
+    "react",
+    "create",
+    "scaffolding",
+    "cli"
+  ],
   "engines": {
     "node": ">=20.19.0"
   },
@@ -27,7 +34,7 @@
   "devDependencies": {
     "@types/node": "^26.0.0",
     "tsdown": "^0.23.1",
-    "typescript": "^6.0.3",
+    "typescript": "^7.0.2",
     "vitest": "^5.1.0"
   },
   "publishConfig": {