sprawlify 0.0.99 → 0.0.100

package/dist/index.mjs

@@ -8,7 +8,7 @@ import { existsSync } from "fs";
 import prompts from "prompts";
 import { faker } from "@faker-js/faker";
 //#region package.json
-var version = "0.0.99";
+var version = "0.0.100";
 //#endregion
 //#region src/utils/file-helper.ts
 const FILE_BACKUP_SUFFIX = ".bak";
@@ -197,18 +197,89 @@ const METAFRAMEWORKS = {
 const PRESETS = {
 	clay: {
 		name: "Clay",
-		frameworks: ["react"]
+		frameworks: { react: {} }
 	},
 	monochrome: {
 		name: "Monochrome",
-		frameworks: [
-			"react",
-			"solid",
-			"svelte",
-			"vue"
-		]
+		frameworks: {
+			react: {
+				dependencies: {
+					"class-variance-authority": "^0.7.1",
+					clsx: "^2.1.1",
+					"tailwind-merge": "^3.3.1"
+				},
+				devDependencies: {},
+				items: [{
+					name: "utils",
+					dependencies: ["clsx", "tailwind-merge"],
+					files: [{
+						content: "import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n",
+						type: "registry:utils",
+						path: "utils.ts"
+					}]
+				}]
+			},
+			solid: {
+				dependencies: {
+					"class-variance-authority": "^0.7.1",
+					clsx: "^2.1.1",
+					"tailwind-merge": "^3.3.1"
+				},
+				devDependencies: {},
+				items: [{
+					name: "utils",
+					dependencies: ["clsx", "tailwind-merge"],
+					files: [{
+						content: "import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n",
+						type: "registry:utils",
+						path: "utils.ts"
+					}]
+				}]
+			},
+			svelte: {
+				dependencies: {
+					"class-variance-authority": "^0.7.1",
+					clsx: "^2.1.1",
+					"tailwind-merge": "^3.3.1"
+				},
+				devDependencies: {},
+				items: [{
+					name: "utils",
+					dependencies: ["clsx", "tailwind-merge"],
+					files: [{
+						content: "import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n",
+						type: "registry:utils",
+						path: "utils.ts"
+					}]
+				}]
+			},
+			vue: {
+				dependencies: {
+					"class-variance-authority": "^0.7.1",
+					clsx: "^2.1.1",
+					"tailwind-merge": "^3.3.1"
+				},
+				devDependencies: {},
+				items: [{
+					name: "utils",
+					dependencies: ["clsx", "tailwind-merge"],
+					files: [{
+						content: "import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n",
+						type: "registry:utils",
+						path: "utils.ts"
+					}]
+				}]
+			}
+		}
 	}
 };
+function getPresetItems(presetName, frameworkName) {
+	return getFrameworkPreset(presetName, frameworkName)?.items ?? [];
+}
+function getFrameworkPreset(presetName, frameworkName) {
+	if (!presetName || !frameworkName) return;
+	return PRESETS[presetName]?.frameworks?.[frameworkName];
+}
 //#endregion
 //#region src/commands/init/options.ts
 const initOptionsSchema = z.object({
@@ -295,7 +366,7 @@ async function promptForMissingSelections(options) {
 			choices: Object.entries(PRESETS).map(([key, preset]) => ({
 				title: preset.name,
 				value: key,
-				disabled: !preset.frameworks.includes(options.framework)
+				disabled: !Object.keys(preset.frameworks).includes(options.framework)
 			})),
 			initial: 0
 		});
@@ -427,19 +498,21 @@ dist-ssr
     "preview": "vite preview"
   },
   "dependencies": {
+    "@sprawlify/primitives": "^0.0.99",
+    "@sprawlify/react": "^0.0.99",
     "react": "^19.2.4",
     "react-dom": "^19.2.4"
   },
   "devDependencies": {
-    "@tailwindcss/vite": "^4.2.1",
+    "@tailwindcss/vite": "^4.2.2",
     "@types/node": "^24.12.0",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
     "globals": "^17.4.0",
-    "tailwindcss": "^4.2.1",
-    "typescript": "~5.9.3",
-    "vite": "^8.0.0"
+    "tailwindcss": "^4.2.2",
+    "typescript": "^5.9.3",
+    "vite": "^8.0.1"
   }
 }`
 		},
@@ -598,14 +671,16 @@ dist-ssr
     "preview": "vite preview"
   },
   "dependencies": {
+    "@sprawlify/primitives": "^0.0.99",
+    "@sprawlify/solid": "^0.0.99",
     "solid-js": "^1.9.11"
   },
   "devDependencies": {
-    "@tailwindcss/vite": "^4.2.1",
+    "@tailwindcss/vite": "^4.2.2",
     "@types/node": "^24.12.0",
-    "tailwindcss": "^4.2.1",
-    "typescript": "~5.9.3",
-    "vite": "^8.0.0",
+    "tailwindcss": "^4.2.2",
+    "typescript": "^5.9.3",
+    "vite": "^8.0.1",
     "vite-plugin-solid": "^2.11.11"
   }
 }`
@@ -762,16 +837,20 @@ dist-ssr
     "preview": "vite preview",
     "check": "svelte-check --tsconfig ./tsconfig.app.json && tsc -p tsconfig.node.json"
   },
+  "dependencies": {
+    "@sprawlify/primitives": "^0.0.99",
+    "@sprawlify/svelte": "^0.0.99"
+  },
   "devDependencies": {
     "@sveltejs/vite-plugin-svelte": "^7.0.0",
-    "@tailwindcss/vite": "^4.2.1",
+    "@tailwindcss/vite": "^4.2.2",
     "@tsconfig/svelte": "^5.0.8",
     "@types/node": "^24.12.0",
     "svelte": "^5.54.0",
     "svelte-check": "^4.4.5",
-    "tailwindcss": "^4.2.1",
-    "typescript": "~5.9.3",
-    "vite": "^8.0.0"
+    "tailwindcss": "^4.2.2",
+    "typescript": "^5.9.3",
+    "vite": "^8.0.1"
   }
 }`
 		},
@@ -918,16 +997,18 @@ dist-ssr
     "preview": "vite preview"
   },
   "dependencies": {
+    "@sprawlify/primitives": "^0.0.99",
+    "@sprawlify/vue": "^0.0.99",
     "vue": "^3.5.30"
   },
   "devDependencies": {
-    "@tailwindcss/vite": "^4.2.1",
+    "@tailwindcss/vite": "^4.2.2",
     "@types/node": "^24.12.0",
     "@vitejs/plugin-vue": "^6.0.5",
     "@vue/tsconfig": "^0.9.0",
-    "tailwindcss": "^4.2.1",
-    "typescript": "~5.9.3",
-    "vite": "^8.0.0",
+    "tailwindcss": "^4.2.2",
+    "typescript": "^5.9.3",
+    "vite": "^8.0.1",
     "vue-tsc": "^3.2.6"
   }
 }`
@@ -1001,6 +1082,80 @@ export default defineConfig({
 };
 //#endregion
 //#region src/commands/init/run-init.ts
+function resolvePresetFilePath(cwd, file) {
+	const srcPath = path.resolve(cwd, "src");
+	const appPath = path.resolve(cwd, "app");
+	if (file.type === "registry:utils") {
+		if (fsExtra.existsSync(srcPath)) return path.resolve(srcPath, "lib", file.path);
+		if (fsExtra.existsSync(appPath)) return path.resolve(appPath, "lib", file.path);
+		return path.resolve(srcPath, "lib", file.path);
+	}
+	return path.resolve(cwd, file.path);
+}
+function resolveItemsToApply(presetItems, requestedComponents) {
+	const presetItemsByName = new Map(presetItems.map((item) => [item.name, item]));
+	const itemNamesToApply = /* @__PURE__ */ new Set();
+	const packageNames = /* @__PURE__ */ new Set();
+	const unresolvedNames = /* @__PURE__ */ new Set();
+	const queue = requestedComponents.size === 0 ? presetItems.map((item) => item.name) : [...requestedComponents];
+	while (queue.length > 0) {
+		const dependencyName = queue.shift();
+		if (!dependencyName) continue;
+		const matchingItem = presetItemsByName.get(dependencyName);
+		if (matchingItem) {
+			if (itemNamesToApply.has(matchingItem.name)) continue;
+			itemNamesToApply.add(matchingItem.name);
+			for (const nestedDependency of matchingItem.dependencies ?? []) queue.push(nestedDependency);
+			continue;
+		}
+		packageNames.add(dependencyName);
+	}
+	if (requestedComponents.size > 0) {
+		for (const componentName of requestedComponents) if (!presetItemsByName.has(componentName)) unresolvedNames.add(componentName);
+	}
+	return {
+		itemsToApply: [...itemNamesToApply].map((itemName) => presetItemsByName.get(itemName)).filter((item) => Boolean(item)),
+		packageNames,
+		unresolvedNames
+	};
+}
+async function applyPresetPackageDependencies(cwd, frameworkPreset, packageNames) {
+	if (!frameworkPreset || packageNames.size === 0) return;
+	const packageJsonPath = path.resolve(cwd, "package.json");
+	if (!fsExtra.existsSync(packageJsonPath)) {
+		logger.warn("Skipping preset package dependencies because package.json was not found.");
+		return;
+	}
+	const packageJson = await fsExtra.readJson(packageJsonPath);
+	let didChange = false;
+	const missingPackages = [];
+	packageJson.dependencies ??= {};
+	packageJson.devDependencies ??= {};
+	for (const packageName of packageNames) {
+		const dependencyVersion = frameworkPreset.dependencies?.[packageName];
+		if (dependencyVersion) {
+			if (!packageJson.dependencies[packageName]) {
+				packageJson.dependencies[packageName] = dependencyVersion;
+				didChange = true;
+			}
+			continue;
+		}
+		const devDependencyVersion = frameworkPreset.devDependencies?.[packageName];
+		if (devDependencyVersion) {
+			if (!packageJson.devDependencies[packageName]) {
+				packageJson.devDependencies[packageName] = devDependencyVersion;
+				didChange = true;
+			}
+			continue;
+		}
+		missingPackages.push(packageName);
+	}
+	if (didChange) {
+		await fsExtra.writeJson(packageJsonPath, packageJson, { spaces: 2 });
+		logger.success("Updated package.json with preset package dependencies.");
+	}
+	if (missingPackages.length > 0) logger.warn(`Skipping unresolved preset packages: ${missingPackages.map((packageName) => highlighter.info(packageName)).join(", ")}.`);
+}
 async function runInit(options) {
 	let cwd = options.cwd;
 	if (options.name && options.name !== ".") {
@@ -1026,12 +1181,7 @@ async function runInit(options) {
 		$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"
-		}
+		metaframework: options.metaframework
 	};
 	let backupPath = null;
 	if (fsExtra.existsSync(componentsJsonPath)) {
@@ -1052,6 +1202,25 @@ async function runInit(options) {
 		}
 		throw error;
 	}
+	const frameworkPreset = getFrameworkPreset(options.preset, options.framework);
+	const { itemsToApply, packageNames, unresolvedNames } = resolveItemsToApply(getPresetItems(options.preset, options.framework), new Set(options.components ?? []));
+	if (unresolvedNames.size > 0) logger.warn(`Skipping unknown preset component options: ${[...unresolvedNames].map((componentName) => highlighter.info(componentName)).join(", ")}.`);
+	if (itemsToApply.length === 0) {
+		await applyPresetPackageDependencies(cwd, frameworkPreset, packageNames);
+		return;
+	}
+	await applyPresetPackageDependencies(cwd, frameworkPreset, packageNames);
+	logger.info(`Applying preset components: ${itemsToApply.map((item) => highlighter.info(item.name)).join(", ")}.`);
+	for (const item of itemsToApply) for (const file of item.files ?? []) {
+		const targetPath = resolvePresetFilePath(cwd, file);
+		if (fsExtra.existsSync(targetPath) && !options.override) {
+			logger.warn(`Skipping ${highlighter.info(path.relative(cwd, targetPath))} because it already exists. Use ${highlighter.info("--override")} to replace it.`);
+			continue;
+		}
+		await fsExtra.ensureDir(path.dirname(targetPath));
+		await fsExtra.writeFile(targetPath, file.content, "utf8");
+		logger.success(`Created ${highlighter.info(path.relative(cwd, targetPath))} from preset component ${highlighter.info(item.name)}.`);
+	}
 }
 //#endregion
 //#region src/commands/init.ts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprawlify",
-  "version": "0.0.99",
+  "version": "0.0.100",
   "type": "module",
   "description": "A command-line interface for Sprawlify.",
   "author": "sprawlify <npm@sprawlify.com>",