@puzzle-ui/create 0.0.0-stage → 0.2.0

package/README.md

@@ -1,3 +1,41 @@
-# Temporary Holding Version
+# @puzzle-ui/create
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Create React applications with Puzzle UI.
+
+## Requirements
+
+- Node.js >= 20.19
+- npm or Bun
+
+## Usage
+
+With npm:
+
+```bash
+npx @puzzle-ui/create
+```
+
+With Bun:
+
+```bash
+bunx @puzzle-ui/create
+```
+
+## Supported frameworks
+
+- Next.js
+- TanStack Start
+- Basic React (Vite + TypeScript)
+
+## Features
+
+- 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
+
+## License
+
+MIT

package/dist/index.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/index.js

@@ -0,0 +1,596 @@
+#!/usr/bin/env node
+import * as p from "@clack/prompts";
+import { access, mkdir, readFile, writeFile } from "node:fs/promises";
+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 FRAMEWORKS = [
+	{
+		value: "react",
+		label: "Basic React Project",
+		hint: "React + Vite + TypeScript"
+	},
+	{
+		value: "tanstack",
+		label: "TanStack Start",
+		hint: "Full-stack React framework"
+	},
+	{
+		value: "next",
+		label: "Next.js",
+		hint: "React framework with App Router"
+	}
+];
+// src/utils/kebab-case.ts
+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";
+};
+// src/prompts.ts
+const getProjectOptions = async () => {
+	p.intro("Create a Puzzle application");
+	const name = await p.text({
+		message: "What is the name of your project?",
+		placeholder: "my-awesome-app",
+		validate: (value) => {
+			if (!value?.trim()) return "Project name is required.";
+			if (!toKebabCase(value)) return "Please enter a valid project name.";
+		}
+	});
+	if (p.isCancel(name)) return null;
+	const directory = toKebabCase(name);
+	const framework = await p.select({
+		message: "Which framework would you like to use?",
+		options: FRAMEWORKS.map((item) => ({
+			value: item.value,
+			label: item.label,
+			hint: item.hint
+		}))
+	});
+	if (p.isCancel(framework)) return null;
+	const tailwind = await p.confirm({
+		message: "Would you like to install Tailwind CSS?",
+		initialValue: true
+	});
+	if (p.isCancel(tailwind)) {
+		p.cancel("Project creation cancelled.");
+		return null;
+	}
+	return {
+		name: directory,
+		directory,
+		framework,
+		packageManager: detectPackageManager(),
+		tailwind
+	};
+};
+// src/utils/execute.ts
+const runCommand = (command, args, options = {}) => new Promise((resolve, reject) => {
+	const child = spawn(command, args, {
+		cwd: options.cwd ?? process.cwd(),
+		stdio: options.stdio ?? "inherit",
+		shell: false,
+		env: process.env
+	});
+	child.once("error", reject);
+	child.once("close", (code, signal) => {
+		if (code === 0) {
+			resolve();
+			return;
+		}
+		reject(/* @__PURE__ */ new Error(signal ? `${command} terminated with signal ${signal}` : `${command} exited with code ${code ?? "unknown"}`));
+	});
+});
+// src/frameworks/next.ts
+const createNextProject = async (directory, packageManager, runner = runCommand, cwd) => {
+	const args = [
+		"create-next-app@latest",
+		directory,
+		"--ts",
+		"--app",
+		"--src-dir",
+		"--skip-install",
+		"--disable-git",
+		"--no-tailwind",
+		"--yes",
+		packageManager === "bun" ? "--use-bun" : "--use-npm"
+	];
+	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);
+};
+// src/frameworks/tanstack.ts
+const createTanStackProject = async (directory, packageManager, runner = runCommand, cwd) => {
+	const args = [
+		"@tanstack/cli@latest",
+		"create",
+		directory,
+		"--framework",
+		"React",
+		"--package-manager",
+		packageManager,
+		"--blank",
+		"--no-install",
+		"--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);
+};
+// src/frameworks/react.ts
+const createReactProject = async (directory, _packageManager, _runner) => {
+	await mkdir(path.join(directory, "src"), { recursive: true });
+	const packageJson = {
+		name: path.basename(directory),
+		private: true,
+		version: "0.0.0",
+		type: "module",
+		scripts: {
+			dev: "vite",
+			build: "tsc --noEmit -p tsconfig.app.json && vite build",
+			preview: "vite preview"
+		},
+		dependencies: {
+			react: "^19.0.0",
+			"react-dom": "^19.0.0"
+		},
+		devDependencies: {
+			"@types/node": "latest",
+			"@types/react": "^19.0.0",
+			"@types/react-dom": "^19.0.0",
+			"@vitejs/plugin-react": "latest",
+			typescript: "latest",
+			vite: "latest"
+		}
+	};
+	const files = {
+		"package.json": JSON.stringify(packageJson, null, 2),
+		"index.html": `<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Puzzle App</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"><\/script>
+  </body>
+</html>`,
+		"tsconfig.json": JSON.stringify({
+			files: [],
+			references: [{ path: "./tsconfig.app.json" }, { path: "./tsconfig.node.json" }]
+		}, null, 2),
+		"tsconfig.app.json": JSON.stringify({
+			compilerOptions: {
+				tsBuildInfoFile: "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+				target: "ES2022",
+				useDefineForClassFields: true,
+				lib: [
+					"ES2022",
+					"DOM",
+					"DOM.Iterable"
+				],
+				module: "ESNext",
+				skipLibCheck: true,
+				moduleResolution: "bundler",
+				allowImportingTsExtensions: true,
+				verbatimModuleSyntax: true,
+				moduleDetection: "force",
+				noEmit: true,
+				jsx: "react-jsx",
+				strict: true,
+				noUnusedLocals: true,
+				noUnusedParameters: true,
+				noFallthroughCasesInSwitch: true,
+				types: ["vite/client"]
+			},
+			include: ["src"]
+		}, null, 2),
+		"tsconfig.node.json": JSON.stringify({
+			compilerOptions: {
+				tsBuildInfoFile: "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+				target: "ES2023",
+				lib: ["ES2023"],
+				module: "ESNext",
+				skipLibCheck: true,
+				moduleResolution: "bundler",
+				allowImportingTsExtensions: true,
+				verbatimModuleSyntax: true,
+				moduleDetection: "force",
+				noEmit: true,
+				strict: true
+			},
+			include: ["vite.config.ts"]
+		}, null, 2),
+		"vite.config.ts": `import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+
+export default defineConfig({
+  plugins: [react()],
+});`,
+		"src/main.tsx": "",
+		"src/App.tsx": "",
+		"src/index.css": `* {
+  box-sizing: border-box;
+}
+
+html,
+body,
+#root {
+  min-height: 100%;
+}
+
+body {
+  margin: 0;
+  font-family: var(--puzzle-font-family-body, sans-serif);
+}`
+	};
+	await Promise.all(Object.entries(files).map(([file, content]) => writeFile(path.join(directory, file), content, "utf8")));
+};
+// src/frameworks/index.ts
+const frameworkGenerators = {
+	next: createNextProject,
+	tanstack: createTanStackProject,
+	react: createReactProject
+};
+const themeTemplates = {
+	next: {
+		"src/app/providers.tsx": `"use client";
+
+import type { ReactNode } from "react";
+
+import { Theme } from "@puzzle-ui/theme";
+
+type ProvidersProps = {
+  children: ReactNode;
+};
+
+const Providers = ({ children }: ProvidersProps) => (
+  <Theme theme="system">
+    {children}
+  </Theme>
+);
+
+export { Providers };
+`,
+		"src/app/layout.tsx": `import "./globals.css";
+
+import type { ReactNode } from "react";
+
+import { Providers } from "./providers";
+
+type RootLayoutProps = {
+  children: ReactNode;
+};
+
+const RootLayout = ({ children }: RootLayoutProps) => (
+  <html lang="en">
+    <body>
+      <Providers>
+        {children}
+      </Providers>
+    </body>
+  </html>
+);
+
+export default RootLayout;
+`,
+		"src/app/page.tsx": `"use client";
+import { Button } from "@puzzle-ui/ui";
+
+const HomePage = () => (
+  <main style={{ padding: "2rem" }}>
+    <h1>Welcome to Puzzle</h1>
+    <p>Your new Puzzle application is ready.</p>
+
+    <Button onClick={() => console.log("Hello, Puzzle!")}>
+      Get started
+    </Button>
+  </main>
+);
+
+export default HomePage;
+`
+	},
+	tanstack: {
+		"src/routes/__root.tsx": `import {
+  createRootRoute,
+  HeadContent,
+  Outlet,
+  Scripts,
+} from "@tanstack/react-router";
+
+import { Theme } from "@puzzle-ui/theme";
+
+const RootComponent = () => (
+  <html lang="en">
+    <head>
+      <HeadContent />
+    </head>
+    <body>
+      <Theme theme="system">
+        <Outlet />
+      </Theme>
+      <Scripts />
+    </body>
+  </html>
+);
+
+export const Route = createRootRoute({
+  component: RootComponent,
+});
+`,
+		"src/routes/index.tsx": `import { createFileRoute } from "@tanstack/react-router";
+
+import { Button } from "@puzzle-ui/ui";
+
+const HomePage = () => (
+  <main style={{ padding: "2rem" }}>
+    <h1>Welcome to Puzzle</h1>
+    <p>Your new Puzzle application is ready.</p>
+
+    <Button onClick={() => console.log("Hello, Puzzle!")}>
+      Get started
+    </Button>
+  </main>
+);
+
+export const Route = createFileRoute("/")({
+  component: HomePage,
+});
+`
+	},
+	react: {
+		"src/main.tsx": `import React from "react";
+import ReactDOM from "react-dom/client";
+
+import { Theme } from "@puzzle-ui/theme";
+
+import App from "./App";
+
+import "./index.css";
+
+ReactDOM.createRoot(
+  document.getElementById("root")!,
+).render(
+  <React.StrictMode>
+    <Theme theme="system">
+      <App />
+    </Theme>
+  </React.StrictMode>,
+);
+`,
+		"src/App.tsx": `import { Button } from "@puzzle-ui/ui";
+
+const App = () => (
+  <main style={{ padding: "2rem" }}>
+    <h1>Welcome to Puzzle</h1>
+    <p>Your new Puzzle application is ready.</p>
+
+    <Button onClick={() => console.log("Hello, Puzzle!")}>
+      Get started
+    </Button>
+  </main>
+);
+
+export default App;
+`
+	}
+};
+// src/theme/configure-theme.ts
+const configureTheme = async (directory, framework) => {
+	const templates = themeTemplates[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);
+	const target = path.resolve(root, directory);
+	if (target === root || !target.startsWith(`${root}${path.sep}`)) throw new Error("Invalid project directory.");
+	try {
+		await access(target);
+		throw new Error(`The directory "${directory}" already exists. Choose another name.`);
+	} catch (error) {
+		if (error instanceof Error && error.message.includes("already exists")) throw error;
+		if (error && typeof error === "object" && "code" in error && error.code === "ENOENT") return target;
+		throw error;
+	}
+};
+// src/tailwind/configure-tailwind.ts
+const readIfExists = async (filePath) => {
+	try {
+		return await readFile(filePath, "utf8");
+	} catch {
+		return null;
+	}
+};
+const prependCssImport = async (filePath) => {
+	const importStatement = "@import \"tailwindcss\";";
+	const current = await readIfExists(filePath);
+	if (current === null) {
+		await mkdir(path.dirname(filePath), { recursive: true });
+		await writeFile(filePath, `${importStatement}\n`, "utf8");
+		return;
+	}
+	if (current.includes(importStatement)) return;
+	await writeFile(filePath, `${importStatement}\n\n${current}`, "utf8");
+};
+const configureNextTailwind = async (directory) => {
+	const cssPath = path.join(directory, "src", "app", "globals.css");
+	await prependCssImport(cssPath);
+	const postcssConfigPath = path.join(directory, "postcss.config.mjs");
+	await writeFile(postcssConfigPath, `const config = {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};
+
+export default config;
+`, "utf8");
+};
+const findTanStackCssPath = async (directory) => {
+	const rootRoutePath = path.join(directory, "src", "routes", "__root.tsx");
+	const matches = [...(await readFile(rootRoutePath, "utf8")).matchAll(/import\s+(?:[\w{}\s,*]+\s+from\s+)?["']([^"']+\.css(?:\?url)?)["']/g)];
+	for (const match of matches) {
+		const importedPath = match[1];
+		if (!importedPath.startsWith(".")) continue;
+		const cleanPath = importedPath.replace(/\?[^/]*$/, "");
+		return path.resolve(path.dirname(rootRoutePath), cleanPath);
+	}
+	return path.join(directory, "src", "styles.css");
+};
+const configureTanStackTailwind = async (directory) => {
+	const cssPath = await findTanStackCssPath(directory);
+	await prependCssImport(cssPath);
+	const rootRoutePath = path.join(directory, "src", "routes", "__root.tsx");
+	const rootRoute = await readFile(rootRoutePath, "utf8");
+	if (!rootRoute.includes(".css")) await writeFile(rootRoutePath, `import "../styles.css";\n${rootRoute}`, "utf8");
+	const viteConfigPath = path.join(directory, "vite.config.ts");
+	let viteConfig = await readFile(viteConfigPath, "utf8");
+	if (!viteConfig.includes("@tailwindcss/vite")) viteConfig = `import tailwindcss from "@tailwindcss/vite";\n` + viteConfig;
+	if (!viteConfig.includes("tailwindcss()")) viteConfig = viteConfig.replace(/plugins:\s*\[/, "plugins: [\n    tailwindcss(),");
+	if (!viteConfig.includes("noExternal")) viteConfig = viteConfig.replace(/defineConfig\(\s*\{/, `defineConfig({
+  ssr: {
+    noExternal: ["@puzzle-ui/ui", "@puzzle-ui/theme"],
+  },`);
+	await writeFile(viteConfigPath, viteConfig, "utf8");
+};
+const configureReactTailwind = async (directory) => {
+	const cssPath = path.join(directory, "src", "index.css");
+	await prependCssImport(cssPath);
+	const viteConfigPath = path.join(directory, "vite.config.ts");
+	let viteConfig = await readFile(viteConfigPath, "utf8");
+	if (!viteConfig.includes("@tailwindcss/vite")) viteConfig = `import tailwindcss from "@tailwindcss/vite";\n` + viteConfig;
+	if (!viteConfig.includes("tailwindcss()")) viteConfig = viteConfig.replace(/plugins:\s*\[/, "plugins: [\n    tailwindcss(),");
+	await writeFile(viteConfigPath, viteConfig, "utf8");
+};
+const configureTailwind = async (directory, framework) => {
+	if (framework === "next") {
+		await configureNextTailwind(directory);
+		return;
+	}
+	if (framework === "tanstack") {
+		await configureTanStackTailwind(directory);
+		return;
+	}
+	await configureReactTailwind(directory);
+};
+// src/tailwind/install-tailwind.ts
+const getTailwindPackages = (framework) => {
+	if (framework === "next") return [
+		"tailwindcss@latest",
+		"@tailwindcss/postcss@latest",
+		"postcss@latest"
+	];
+	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", [
+		"install",
+		"--save-dev",
+		...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 configureProjectName = async (directory, projectName) => {
+	const packageJsonPath = path.join(directory, "package.json");
+	const packageJson = JSON.parse(await readFile(packageJsonPath, "utf8"));
+	packageJson.name = projectName;
+	await writeFile(packageJsonPath, `${JSON.stringify(packageJson, null, 2)}\n`, "utf8");
+};
+const createProject = async (options, { cwd = process.cwd(), runner = runCommand } = {}) => {
+	const targetDirectory = await validateProjectDirectory(options.directory, cwd);
+	const projectName = path.basename(targetDirectory);
+	const projectParent = path.dirname(targetDirectory);
+	const spinner = p.spinner();
+	let spinnerActive = false;
+	const startStep = (message) => {
+		spinner.start(message);
+		spinnerActive = true;
+	};
+	const finishStep = (message) => {
+		spinner.stop(message);
+		spinnerActive = false;
+	};
+	try {
+		startStep("Generating framework");
+		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 Puzzle theme");
+		await configureTheme(targetDirectory, options.framework);
+		await configureProjectName(targetDirectory, projectName);
+		finishStep("Puzzle theme configured");
+		if (options.tailwind) {
+			startStep("Configuring Tailwind CSS");
+			await configureTailwind(targetDirectory, options.framework);
+			finishStep("Tailwind CSS configured");
+			startStep("Installing Tailwind CSS");
+			await installTailwind({
+				directory: targetDirectory,
+				framework: options.framework,
+				packageManager: options.packageManager,
+				runner
+			});
+			finishStep("Tailwind CSS installed");
+		}
+		startStep("Installing Puzzle");
+		await installDependencies(targetDirectory, options.packageManager, runner);
+		finishStep("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`);
+};
+// src/index.ts
+const main = async () => {
+	const options = await getProjectOptions();
+	if (!options) {
+		p.cancel("Project creation cancelled.");
+		return;
+	}
+	await createProject(options);
+};
+main().catch((error) => {
+	p.log.error(error instanceof Error ? error.message : String(error));
+	process.exitCode = 1;
+});
+export {};
+
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +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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"}

package/package.json

@@ -1,6 +1,36 @@
 {
   "name": "@puzzle-ui/create",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.2.0",
+  "description": "Create Beautiful React applications fast with Puzzle UI",
+  "license": "MIT",
+  "type": "module",
+  "bin": {
+    "create-puzzle": "./dist/index.js"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "engines": {
+    "node": ">=20.19.0"
+  },
+  "scripts": {
+    "build": "tsdown",
+    "test": "vitest run",
+    "test:watch": "bunx vitest run --watch --passWithNoTests",
+    "prepack": "npm run build"
+  },
+  "dependencies": {
+    "@clack/prompts": "^1.0.0"
+  },
+  "devDependencies": {
+    "@types/node": "^26.0.0",
+    "tsdown": "^0.23.1",
+    "typescript": "^6.0.3",
+    "vitest": "^5.1.0"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  }
+}