sprawlify 0.0.89 → 0.0.91

package/dist/index.mjs

@@ -1,13 +1,384 @@
 #!/usr/bin/env node
 import { Command } from "commander";
+import fsExtra from "fs-extra";
+import path, { join } from "path";
+import prompts from "prompts";
+import { z } from "zod";
+import { cyan, green, red, yellow } from "kleur/colors";
+import { existsSync } from "fs";
 //#region package.json
-var version = "0.0.89";
+var version = "0.0.91";
+//#endregion
+//#region src/utils/file-helper.ts
+const FILE_BACKUP_SUFFIX = ".bak";
+function deleteFileBackup(filePath) {
+	const backupPath = `${filePath}${FILE_BACKUP_SUFFIX}`;
+	if (!fsExtra.existsSync(backupPath)) return false;
+	try {
+		fsExtra.unlinkSync(backupPath);
+		return true;
+	} catch (error) {
+		return false;
+	}
+}
+//#endregion
+//#region src/utils/highlighter.ts
+const highlighter = {
+	error: red,
+	warn: yellow,
+	info: cyan,
+	success: green
+};
+//#endregion
+//#region src/utils/logger.ts
+const logger = {
+	error(...args) {
+		console.log(highlighter.error(args.join(" ")));
+	},
+	warn(...args) {
+		console.log(highlighter.warn(args.join(" ")));
+	},
+	info(...args) {
+		console.log(highlighter.info(args.join(" ")));
+	},
+	success(...args) {
+		console.log(highlighter.success(args.join(" ")));
+	},
+	log(...args) {
+		console.log(args.join(" "));
+	},
+	break() {
+		console.log("");
+	}
+};
+//#endregion
+//#region src/registry/errors.ts
+const RegistryErrorCode = {
+	NETWORK_ERROR: "NETWORK_ERROR",
+	NOT_FOUND: "NOT_FOUND",
+	GONE: "GONE",
+	UNAUTHORIZED: "UNAUTHORIZED",
+	FORBIDDEN: "FORBIDDEN",
+	FETCH_ERROR: "FETCH_ERROR",
+	NOT_CONFIGURED: "NOT_CONFIGURED",
+	INVALID_CONFIG: "INVALID_CONFIG",
+	MISSING_ENV_VARS: "MISSING_ENV_VARS",
+	LOCAL_FILE_ERROR: "LOCAL_FILE_ERROR",
+	PARSE_ERROR: "PARSE_ERROR",
+	VALIDATION_ERROR: "VALIDATION_ERROR",
+	UNKNOWN_ERROR: "UNKNOWN_ERROR"
+};
+var RegistryError = class extends Error {
+	code;
+	statusCode;
+	context;
+	suggestion;
+	timestamp;
+	cause;
+	constructor(message, options = {}) {
+		super(message);
+		this.name = "RegistryError";
+		this.code = options.code || RegistryErrorCode.UNKNOWN_ERROR;
+		this.statusCode = options.statusCode;
+		this.cause = options.cause;
+		this.context = options.context;
+		this.suggestion = options.suggestion;
+		this.timestamp = /* @__PURE__ */ new Date();
+		if (Error.captureStackTrace) Error.captureStackTrace(this, this.constructor);
+	}
+	toJSON() {
+		return {
+			name: this.name,
+			message: this.message,
+			code: this.code,
+			statusCode: this.statusCode,
+			context: this.context,
+			suggestion: this.suggestion,
+			timestamp: this.timestamp,
+			stack: this.stack
+		};
+	}
+};
+//#endregion
+//#region src/utils/handle-error.ts
+function handleError(error) {
+	logger.break();
+	logger.error(`Something went wrong. Please check the error below for more details.`);
+	logger.error(`If the problem persists, please open an issue on GitHub.`);
+	logger.error("");
+	if (typeof error === "string") {
+		logger.error(error);
+		logger.break();
+		process.exit(1);
+	}
+	if (error instanceof RegistryError) {
+		if (error.message) {
+			logger.error(error.cause ? "Error:" : "Message:");
+			logger.error(error.message);
+		}
+		if (error.cause) {
+			logger.error("\nMessage:");
+			logger.error(error.cause);
+		}
+		if (error.suggestion) {
+			logger.error("\nSuggestion:");
+			logger.error(error.suggestion);
+		}
+		logger.break();
+		process.exit(1);
+	}
+	if (error instanceof z.ZodError) {
+		logger.error("Validation failed:");
+		for (const [key, value] of Object.entries(error.flatten().fieldErrors)) logger.error(`- ${highlighter.info(key)}: ${value}`);
+		logger.break();
+		process.exit(1);
+	}
+	if (error instanceof Error) {
+		logger.error(error.message);
+		logger.break();
+		process.exit(1);
+	}
+	logger.break();
+	process.exit(1);
+}
+//#endregion
+//#region src/registry/context.ts
+let context = { headers: {} };
+function clearRegistryContext() {
+	context.headers = {};
+}
+//#endregion
+//#region src/preset/presets.ts
+const PRESETS = {
+	clay: {
+		name: "Clay",
+		frameworks: ["react"]
+	},
+	monochrome: {
+		name: "Monochrome",
+		frameworks: [
+			"react",
+			"solid",
+			"svelte",
+			"vue"
+		]
+	}
+};
+//#endregion
+//#region src/frameworks/index.ts
+const FRAMEWORKS = {
+	react: { title: "React" },
+	solid: { title: "Solid" },
+	svelte: { title: "Svelte" },
+	vue: { title: "Vue" }
+};
+const METAFRAMEWORKS = {
+	next: {
+		title: "Next.js",
+		frameworks: ["react"]
+	},
+	nuxt: {
+		title: "Nuxt",
+		frameworks: ["vue"]
+	},
+	sveltekit: {
+		title: "SvelteKit",
+		frameworks: ["svelte"]
+	}
+};
+//#endregion
+//#region src/utils/env-loader.ts
+async function loadEnvFiles(cwd = process.cwd()) {
+	try {
+		const { config } = await import("@dotenvx/dotenvx");
+		for (const envFile of [
+			".env.local",
+			".env.development.local",
+			".env.development",
+			".env"
+		]) {
+			const envPath = join(cwd, envFile);
+			if (existsSync(envPath)) config({
+				path: envPath,
+				overload: false,
+				quiet: true
+			});
+		}
+	} catch (error) {
+		logger.warn("Failed to load env files:", error);
+	}
+}
+//#endregion
+//#region src/commands/init.ts
+const initOptionsSchema = z.object({
+	cwd: z.string(),
+	name: z.string().optional(),
+	preset: z.string().optional(),
+	components: z.array(z.string()).optional(),
+	yes: z.boolean(),
+	defaults: z.boolean(),
+	override: z.boolean(),
+	reinstall: z.boolean().optional(),
+	framework: z.string().optional(),
+	metaframework: z.string().optional()
+});
+async function runInit(options) {
+	const cwd = options.cwd;
+	const componentsJsonPath = path.resolve(cwd, "components.json");
+	logger.info("Starting project initialization...");
+	const config = {
+		$schema: "https://ui.primitives.com/schema.json",
+		framework: options.framework,
+		preset: options.preset,
+		metaframework: options.metaframework,
+		aliases: {
+			components: "@/components",
+			ui: "@/components/ui",
+			utils: "@/lib/utils"
+		}
+	};
+	let backupPath = null;
+	if (fsExtra.existsSync(componentsJsonPath)) {
+		backupPath = `${componentsJsonPath}${FILE_BACKUP_SUFFIX}`;
+		fsExtra.copyFileSync(componentsJsonPath, backupPath);
+		logger.info(`Created backup of existing configuration: ${path.basename(backupPath)}`);
+	}
+	try {
+		await fsExtra.ensureDir(path.dirname(componentsJsonPath));
+		await fsExtra.writeJson(componentsJsonPath, config, { spaces: 2 });
+		logger.success(`Created ${highlighter.info("components.json")} configuration file.`);
+	} catch (error) {
+		logger.error(`Failed to create components.json: ${error}`);
+		if (backupPath && fsExtra.existsSync(backupPath)) {
+			fsExtra.copyFileSync(backupPath, componentsJsonPath);
+			fsExtra.unlinkSync(backupPath);
+			logger.info("Restored original configuration file.");
+		}
+		throw error;
+	}
+}
+const init = new Command().name("init").alias("create").description("initialize your project and install dependencies").argument("[components...]", "names, url or local path to component").option("-p, --preset <preset>", "the preset to use. (monochrome, clay)").option("-f, --framework <framework>", "the framework to use. (react, solid, svelte, vue)").option("--metaframework <metaframework>", "the metaframework to use. (next, react-router, nuxt, sveltekit)").option("-y, --yes", "skip confirmation prompt.", true).option("-d, --defaults", "use default configuration: --preset=monochrome --framework=react --metaframework=vanilla", false).option("-o, --override", "override existing configuration.", false).option("-c, --cwd <cwd>", "the working directory. defaults to the current directory.", process.cwd()).option("-n, --name <name>", "the name for the new project.").option("-s, --silent", "mute output.", false).option("--reinstall", "re-install existing UI components.").option("--no-reinstall", "do not re-install existing UI components.").action(async (components, opts) => {
+	let reinstallComponents = [];
+	const restoreBackupOnExit = () => {};
+	process.on("exit", restoreBackupOnExit);
+	try {
+		const options = initOptionsSchema.parse({
+			...opts,
+			reinstall: opts.reinstall,
+			cwd: path.resolve(opts.cwd)
+		});
+		if (options.defaults) {
+			options.preset = options.preset || "monochrome";
+			options.framework = options.framework || "react";
+			options.reinstall = options.reinstall ?? false;
+		}
+		if (options.preset && !(options.preset in PRESETS)) {
+			logger.error(`Invalid preset: ${highlighter.info(options.preset)}. Available presets: ${Object.keys(PRESETS).map((f) => highlighter.info(f)).join(", ")}.`);
+			logger.break();
+			process.exit(1);
+		}
+		if (options.framework && !(options.framework in FRAMEWORKS)) {
+			logger.error(`Invalid framework: ${highlighter.info(options.framework)}. Available frameworks: ${Object.keys(FRAMEWORKS).map((f) => highlighter.info(f)).join(", ")}.`);
+			logger.break();
+			process.exit(1);
+		}
+		if (options.metaframework && !(options.metaframework in METAFRAMEWORKS)) {
+			logger.error(`Invalid metaframework: ${highlighter.info(options.metaframework)}. Available metaframeworks: ${Object.keys(METAFRAMEWORKS).map((f) => highlighter.info(f)).join(", ")}.`);
+			logger.break();
+			process.exit(1);
+		}
+		if (!options.framework) {
+			const { framework } = await prompts({
+				type: "select",
+				name: "framework",
+				message: "Which framework would you like to use?",
+				choices: Object.keys(FRAMEWORKS).map((framework) => ({
+					title: FRAMEWORKS[framework].title,
+					value: framework
+				})),
+				initial: 0
+			});
+			if (!framework) {
+				logger.error("Framework selection is required.");
+				process.exit(1);
+			}
+			options.framework = framework;
+		}
+		if (!options.preset) {
+			const { preset } = await prompts({
+				type: "select",
+				name: "preset",
+				message: "Which preset would you like to use?",
+				choices: Object.entries(PRESETS).map(([key, preset]) => ({
+					title: preset.name,
+					value: key,
+					disabled: !preset.frameworks.includes(options.framework)
+				})),
+				initial: 0
+			});
+			if (!preset) {
+				logger.error("Preset selection is required.");
+				process.exit(1);
+			}
+			options.preset = preset;
+		}
+		if (!options.metaframework) {
+			const { metaframework } = await prompts({
+				type: "select",
+				name: "metaframework",
+				message: "Which metaframework would you like to use (optional)?",
+				choices: [{
+					title: "None",
+					value: "none"
+				}, ...Object.entries(METAFRAMEWORKS).filter(([_, meta]) => meta.frameworks.includes(options.framework)).map(([key, meta]) => ({
+					title: meta.title,
+					value: key
+				}))],
+				initial: 0
+			});
+			options.metaframework = metaframework === "none" ? void 0 : metaframework;
+		}
+		const cwd = options.cwd;
+		if (fsExtra.existsSync(path.resolve(cwd, "components.json")) && !options.override) {
+			const { overwrite } = await prompts({
+				type: "confirm",
+				name: "overwrite",
+				message: `A ${highlighter.info("components.json")} file already exists. Would you like to overwrite it?`,
+				initial: false
+			});
+			if (!overwrite) {
+				logger.info(`  To start over, remove the ${highlighter.info("components.json")} file and run ${highlighter.info("init")} again.`);
+				logger.break();
+				process.exit(1);
+			}
+			options.override = true;
+		}
+		if (reinstallComponents.length) components = [...components, ...reinstallComponents];
+		options.components = components;
+		await loadEnvFiles(options.cwd);
+		await runInit(options);
+		logger.break();
+		logger.log(`Project initialization completed.\nYou may now add components.`);
+		process.removeListener("exit", restoreBackupOnExit);
+		deleteFileBackup(path.resolve(cwd, "components.json"));
+		logger.break();
+	} catch (error) {
+		process.removeListener("exit", restoreBackupOnExit);
+		restoreBackupOnExit();
+		logger.break();
+		handleError(error);
+	} finally {
+		clearRegistryContext();
+	}
+});
 //#endregion
 //#region src/index.ts
 process.on("SIGINT", () => process.exit(0));
 process.on("SIGTERM", () => process.exit(0));
 async function main() {
-	new Command().name("sprawlify").description("add items from registries to your project").version(version || "1.0.0", "-v, --version", "display the version number").parse();
+	const program = new Command().name("sprawlify").description("add items from registries to your project").version(version || "1.0.0", "-v, --version", "display the version number");
+	program.addCommand(init);
+	program.parse();
 }
 main();
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprawlify",
-  "version": "0.0.89",
+  "version": "0.0.91",
   "type": "module",
   "description": "A command-line interface for Sprawlify.",
   "author": "sprawlify <npm@sprawlify.com>",
@@ -17,6 +17,7 @@
     "dist"
   ],
   "dependencies": {
+    "@dotenvx/dotenvx": "^1.55.1",
     "commander": "^14.0.3",
     "fs-extra": "^11.3.4",
     "kleur": "^4.1.5",