bsmnt 0.0.0

package/src/commands/create.js

@@ -0,0 +1,415 @@
+import { execSync } from "node:child_process";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import dotenv from "dotenv";
+import fs from "fs-extra";
+import ora from "ora";
+import pc from "picocolors";
+import prompts from "prompts";
+import tiged from "tiged";
+import { getLayerConfig } from "../mergers/config.js";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+dotenv.config({ path: path.resolve(__dirname, "../../.env") });
+
+/**
+ * Creates a new project by downloading a template from GitHub.
+ */
+export async function createProject(projectName, options = {}) {
+	// 1. Interactive Prompts (skip if flag provided)
+	const answers = await prompts([
+		{
+			type: projectName ? null : "text",
+			name: "projectName",
+			message: "What is the name of your project?",
+			initial: "my-basement-app",
+			validate: (value) => {
+				if (/^([A-Za-z\-_\d])+$/.test(value)) return true;
+				return "Project name may only include letters, numbers, underscores and hashes.";
+			},
+		},
+		{
+			type: options.template ? null : "select",
+			name: "projectType",
+			message: "What type of project are you building?",
+			choices: [
+				{ title: "Default (Next.js Starter)", value: "default" },
+				{ title: "WebGL (3D Graphics)", value: "webgl" },
+				{ title: "WebGPU (Next-gen Graphics)", value: "webgpu" },
+				{ title: "Experiment (Creative Coding)", value: "experiment" },
+			],
+		},
+		{
+			type: options.cms ? null : "select",
+			name: "cms",
+			message: "Which CMS will you use?",
+			choices: [
+				{ title: "Sanity", value: "sanity" },
+				{ title: "BaseHub", value: "basehub" },
+				{ title: "None", value: "none" },
+			],
+		},
+		{
+			type: options.animation ? null : "select",
+			name: "animation",
+			message: "Which animation library do you prefer?",
+			choices: [
+				{ title: "GSAP", value: "gsap" },
+				{ title: "Framer Motion", value: "motion" },
+				{ title: "None", value: "none" },
+			],
+		},
+		{
+			type: options.agent ? null : "select",
+			name: "agent",
+			message: "Which agent are you using?",
+			choices: [
+				{ title: "OpenCode", value: "opencode" },
+				{ title: "Claude Code", value: "claude" },
+			],
+		},
+		{
+			type: options.hooks !== undefined ? null : "multiselect",
+			name: "hooks",
+			message: "Select hooks you want to add:",
+			choices: async () => {
+				const hooksPath = path.join(__dirname, "..", "..", "template-hooks");
+				const files = await fs.readdir(hooksPath);
+				return files
+					.filter((f) => f.endsWith(".ts"))
+					.map((f) => ({ title: f.replace(".ts", ""), value: f }));
+			},
+		},
+	]);
+
+	const name = projectName || answers.projectName;
+	const type = options.template || answers.projectType;
+	const cms = options.cms || answers.cms;
+	const animation = options.animation || answers.animation;
+	const agent = options.agent || answers.agent;
+	const hooks = options.hooks !== undefined ? options.hooks : answers.hooks;
+
+	if (!name || !type) {
+		console.log(pc.yellow("\n⚠ Operation cancelled.\n"));
+		return;
+	}
+
+	const targetDir = path.join(process.cwd(), name);
+
+	// 2. Directory Check
+	if (fs.existsSync(targetDir)) {
+		const { overwrite } = await prompts({
+			type: "confirm",
+			name: "overwrite",
+			message: `Directory ${pc.cyan(name)} already exists. Overwrite?`,
+			initial: false,
+		});
+
+		if (!overwrite) {
+			console.log(pc.yellow("⚠ Action cancelled."));
+			return;
+		}
+		await fs.remove(targetDir);
+	}
+
+	// 3. Download from GitHub
+	const downloadSpinner = ora(
+		`Downloading next-starter from GitHub...`,
+	).start();
+
+	const repoPath = `github:basementstudio/next-starter#main`;
+	const emitter = tiged(repoPath, {
+		cache: false,
+		force: true,
+		verbose: true,
+		mode: "git",
+	});
+
+	// Diagnostic logging
+	emitter.on("info", (info) => {
+		downloadSpinner.text = pc.dim(`[tiged] ${info.message}`);
+	});
+
+	emitter.on("warn", (warning) => {
+		console.warn(pc.yellow(`\n⚠ [tiged] ${warning.message}`));
+	});
+
+	try {
+		await emitter.clone(targetDir);
+
+		// Delete bun.lock since dependencies will be modified by layers/CMS/animation
+		const bunLockPath = path.join(targetDir, "bun.lock");
+		if (fs.existsSync(bunLockPath)) {
+			await fs.remove(bunLockPath);
+		}
+
+		downloadSpinner.succeed(pc.green("Template downloaded."));
+
+		// 3.2. Inject Technology Layer
+		if (type && type !== "default") {
+			const layerSpinner = ora(`Applying ${pc.cyan(type)} layer...`).start();
+
+			try {
+				const { injectLayer, formatMergeResults } = await import(
+					"../mergers/index.js"
+				);
+				const layerResults = await injectLayer(targetDir, type, layerSpinner);
+
+				const hasErrors = layerResults.failed.length > 0;
+				const resultLines = formatMergeResults(layerResults);
+
+				if (hasErrors) {
+					layerSpinner.warn(pc.yellow(`${type} layer applied with warnings:`));
+				} else {
+					layerSpinner.succeed(pc.green(`${type} layer applied:`));
+				}
+
+				for (const line of resultLines) {
+					console.log(pc.dim(line));
+				}
+			} catch (e) {
+				console.warn(
+					pc.yellow(`\n⚠ Failed to apply ${type} layer: ${e.message}`),
+				);
+				console.log(pc.dim("  Continuing with base template..."));
+			}
+		}
+
+		// 3.5. Inject Integration Files (Smart Merge)
+		if (cms && cms !== "none") {
+			const integrationSpinner = ora(`Integrating ${pc.cyan(cms)}...`).start();
+
+			try {
+				const { injectIntegration, formatMergeResults } = await import(
+					"../mergers/index.js"
+				);
+				const results = await injectIntegration(
+					targetDir,
+					cms,
+					integrationSpinner,
+				);
+
+				const hasErrors = results.failed.length > 0;
+				const resultLines = formatMergeResults(results);
+
+				if (hasErrors) {
+					integrationSpinner.warn(
+						pc.yellow(`${cms} integration completed with warnings:`),
+					);
+				} else {
+					integrationSpinner.succeed(pc.green(`${cms} integration added:`));
+				}
+
+				// Display detailed results
+				for (const line of resultLines) {
+					console.log(pc.dim(line));
+				}
+			} catch (e) {
+				integrationSpinner.warn(
+					pc.yellow(`Failed to inject ${cms} integration: ${e.message}`),
+				);
+			}
+		}
+
+		// 4. Hydration: Update package.json
+		const configSpinner = ora("Configuring project...").start();
+		const finalPkgPath = path.join(targetDir, "package.json");
+
+		if (fs.existsSync(finalPkgPath)) {
+			const pkg = await fs.readJson(finalPkgPath);
+			pkg.name = name;
+			pkg.version = "0.1.0";
+
+			// Inject Layer Dependencies from LAYER_CONFIG
+			const layerConfig = getLayerConfig(type);
+			if (layerConfig) {
+				pkg.dependencies = {
+					...pkg.dependencies,
+					...layerConfig.dependencies,
+				};
+				pkg.devDependencies = {
+					...pkg.devDependencies,
+					...layerConfig.devDependencies,
+				};
+			}
+
+			// Inject CMS Dependencies
+			if (cms === "sanity") {
+				pkg.dependencies = {
+					...pkg.dependencies,
+					"@sanity/asset-utils": "^2.3.0",
+					"@sanity/image-url": "^2.0.3",
+					"@sanity/visual-editing": "^5.1.1",
+					"@sanity/vision": "^5.7.0",
+					"next-sanity": "^12.0.14",
+				};
+
+				pkg.devDependencies = {
+					...pkg.devDependencies,
+					sanity: "^5.6.0",
+				};
+
+				pkg.scripts = {
+					...pkg.scripts,
+					"sanity:extract":
+						"cd lib/integrations/sanity && bun --env-file ../../../.env.local sanity schema extract",
+					"sanity:typegen":
+						"cd lib/integrations/sanity && bun --env-file ../../../.env.local sanity typegen generate && bun biome check --write --unsafe",
+				};
+			} else if (cms === "basehub") {
+				pkg.dependencies = {
+					...pkg.dependencies,
+					basehub: "^3.0.0",
+				};
+			}
+
+			// Inject Animation Dependencies
+			if (animation === "gsap") {
+				pkg.dependencies = {
+					...pkg.dependencies,
+					gsap: "^3.12.0",
+					"@gsap/react": "^2.0.0",
+				};
+			} else if (animation === "motion") {
+				pkg.dependencies = {
+					...pkg.dependencies,
+					motion: "^12.0.0",
+				};
+			}
+
+			await fs.writeJson(finalPkgPath, pkg, { spaces: 2 });
+		}
+		configSpinner.succeed(pc.green("Project configured."));
+
+		// 5. Agent Empowerment
+		const agentArg = agent === "opencode" ? "opencode" : "claude-code";
+		const agentFolder = agent === "opencode" ? ".opencode" : ".claude";
+
+		const skillsSpinner = ora(
+			`Adding skills to your super basement agents...`,
+		).start();
+
+		// Create skills folder
+		const skillsPath = path.join(targetDir, agentFolder, "skills");
+		await fs.ensureDir(skillsPath);
+		await fs.writeFile(path.join(skillsPath, ".gitkeep"), "");
+
+		const skillsCommands = [
+			`bunx skills add vercel-labs/agent-skills --skill vercel-react-best-practices --skill web-design-guidelines -a ${agentArg} -y`,
+			`bunx skills add anthropics/skills --skill frontend-design -a ${agentArg} -y`,
+			`bunx skills add vercel-labs/next-skills --skill next-best-practices -a ${agentArg} -y`,
+		];
+
+		if (type === "webgpu" || type === "experiment") {
+			skillsCommands.push(
+				`bunx skills add https://github.com/dgreenheck/webgpu-claude-skill --skill webgpu-threejs-tsl -a ${agentArg} -y`,
+			);
+		}
+
+		if (cms === "sanity") {
+			skillsCommands.push(
+				`bunx skills add sanity-io/agent-toolkit -a ${agentArg} -y`,
+			);
+		}
+
+		try {
+			execSync(skillsCommands.join(" && "), {
+				cwd: targetDir,
+				stdio: "ignore",
+			});
+			skillsSpinner.succeed(pc.green("Agent skills installed."));
+		} catch (_e) {
+			skillsSpinner.warn(
+				pc.yellow("Some skills failed to install. Check your connection."),
+			);
+		}
+
+		// 5.5. Automated Sanity Project Setup
+		let sanitySetupDone = false;
+		if (cms === "sanity") {
+			try {
+				const { setupSanityProject } = await import("./setup-sanity.js");
+				sanitySetupDone = await setupSanityProject(targetDir, {
+					projectName: name,
+				});
+			} catch (e) {
+				console.log(pc.yellow(`\n  Sanity auto-setup skipped: ${e.message}`));
+				console.log(pc.dim("  You can set up Sanity manually later.\n"));
+			}
+		}
+
+		// 5.6. Register Sanity MCP Server (Claude Code only)
+		if (cms === "sanity" && agent === "claude") {
+			const mcpSpinner = ora("Registering Sanity MCP server...").start();
+			try {
+				execSync(
+					"claude mcp add Sanity -t http https://mcp.sanity.io --scope user",
+					{
+						stdio: "pipe",
+					},
+				);
+				mcpSpinner.succeed(pc.green("Sanity MCP server registered."));
+			} catch (e) {
+				const stderr = e.stderr?.toString() || "";
+				if (stderr.includes("already exists")) {
+					mcpSpinner.succeed(pc.green("Sanity MCP server already registered."));
+				} else {
+					mcpSpinner.warn(
+						pc.yellow(
+							"Could not register Sanity MCP server. Run manually: claude mcp add Sanity -t http https://mcp.sanity.io --scope user",
+						),
+					);
+				}
+			}
+		}
+
+		// 6. Add Hooks
+		if (hooks && hooks.length > 0) {
+			const hooksSpinner = ora("Adding selected hooks...").start();
+			const projectHooksPath = path.join(targetDir, "hooks");
+			await fs.ensureDir(projectHooksPath);
+
+			for (const hookFile of hooks) {
+				const sourcePath = path.join(
+					__dirname,
+					"..",
+					"..",
+					"template-hooks",
+					hookFile,
+				);
+				await fs.copy(sourcePath, path.join(projectHooksPath, hookFile));
+			}
+			hooksSpinner.succeed(pc.green(`${hooks.length} hooks added.`));
+		}
+
+		// 7. Final Success Message
+		console.log(
+			`\n${pc.bold(pc.green("✅ Success!"))} Project ${pc.cyan(name)} created with agent skills.`,
+		);
+		console.log(`\nNext steps:`);
+		console.log(pc.cyan(`  cd ${name}`));
+		console.log(pc.cyan(`  bun install`));
+
+		if (cms === "sanity" && !sanitySetupDone) {
+			console.log(pc.cyan(`  # Set up Sanity credentials:`));
+			console.log(pc.dim(`  # Add to .env.local:`));
+			console.log(
+				pc.dim(`  #   NEXT_PUBLIC_SANITY_PROJECT_ID=your-project-id`),
+			);
+			console.log(pc.dim(`  #   NEXT_PUBLIC_SANITY_DATASET=production`));
+			console.log(pc.dim(`  #   SANITY_API_READ_TOKEN=your-read-token`));
+		}
+
+		console.log(pc.cyan(`  bun dev\n`));
+	} catch (error) {
+		downloadSpinner.fail(pc.red("Failed to create project."));
+		console.error(pc.dim(`\nError details: ${error.message}`));
+		console.log(pc.yellow("\n💡 Troubleshooting:"));
+		console.log(`1. Ensure you have a stable internet connection.`);
+		console.log(`2. Verify the repo exists: basementstudio/next-starter`);
+		console.log(`3. Branch "main" must exist in the repository.`);
+		process.exit(1);
+	}
+}