centoui-cli 1.0.0-alpha.27 → 1.0.0-alpha.29

package/dist/index.mjs

@@ -4,11 +4,11 @@ import { cancel, confirm, group, intro, isCancel, log, note, outro, tasks, text
 import { dirname, join } from "pathe";
 import fsExtra from "fs-extra";
 import { addDependency, removeDependency } from "nypm";
-import { pathToFileURL } from "node:url";
+import { loadConfig } from "c12";
 //#endregion
 //#region src/constants.ts
 /** CentoUI current package version, sourced directly from package.json. */
-const VERSION = "1.0.0-alpha.27";
+const VERSION = "1.0.0-alpha.29";
 /** File name for the user-side CentoUI config (created by `centoui init`). */
 const CONFIG_FILE_NAME = "centoui.config.ts";
 /**
@@ -27,6 +27,11 @@ const REGISTRY_INDEX_URL = `${`${CORE_SRC_BASE_URL}/registry`}/index.json`;
 */
 const THEME_CSS_URL = `${CORE_SRC_BASE_URL}/defaults/centoui.css`;
 /**
+* Full URL to the default values file for the CentoUI config.
+* The contents of this file are written to the user's project during `centoui init`.
+*/
+const CONFIG_DEFAULTS_URL = `${CORE_SRC_BASE_URL}/defaults/config.ts`;
+/**
 * HTTP headers required when fetching raw content from the GitHub API.
 * These ensure we get the raw file bytes, not GitHub's HTML wrapper.
 */
@@ -185,10 +190,7 @@ async function confirmOverwriteIfExists(label, path) {
 //#endregion
 //#region src/utils/config-utils.ts
 /**
-* Loads and returns the user's CentoUI configuration from `centoui.config.ts`.
-*
-* Uses a dynamic `import()` via a `file://` URL so that TypeScript config files
-* compiled by the user's build tooling are resolved correctly at runtime.
+* Loads and returns the user's CentoUI configuration from `centoui.config.ts` using c12.
 *
 * @param cwd - Absolute path to the project root.
 * @returns The default export of `centoui.config.ts` cast as {@link CentoUIConfig}.
@@ -196,13 +198,58 @@ async function confirmOverwriteIfExists(label, path) {
 * @throws If the file exists but cannot be imported or does not export a default value.
 */
 async function loadCentoUIConfig(cwd) {
-	const configFilePath = join(cwd, CONFIG_FILE_NAME);
+	const { config, configFile } = await loadConfig({
+		name: "centoui",
+		cwd
+	});
+	if (!configFile) throw new Error(`[loadCentoUIConfig] "${CONFIG_FILE_NAME}" not found in "${cwd}". Run \`centoui init\` first.`);
+	return config;
+}
+/**
+* Fetches the raw content of the default CentoUI config file from GitHub.
+*
+* This file contains the default icon mappings and other shared defaults
+* that are merged into the user's generated config.
+*
+* @returns Raw UTF-8 content of the default config file.
+* @throws If the network request fails or the server returns a non-2xx status.
+*/
+async function fetchDefaultConfig() {
+	let response;
 	try {
-		if (!await fsExtra.pathExists(configFilePath)) throw new Error(`[loadCentoUIConfig] "${CONFIG_FILE_NAME}" not found in "${cwd}". Run \`centoui init\` first.`);
-		return (await import(pathToFileURL(configFilePath).href)).default;
+		response = await fetch(CONFIG_DEFAULTS_URL, { headers: GITHUB_RAW_FETCH_HEADERS });
 	} catch (error) {
-		throw new Error(`[loadCentoUIConfig] Failed to import "${configFilePath}": ${error}`);
+		throw new Error(`[fetchDefaultConfigContent] Network request for default config failed: ${error}`);
 	}
+	if (!response.ok) throw new Error(`[fetchDefaultConfigContent] Server returned ${response.status} ${response.statusText} (URL: ${CONFIG_DEFAULTS_URL})`);
+	return response.text();
+}
+/**
+* Extracts the inner config object from the default config file content.
+*
+* Strips the `export default`, `satisfies` clause, and outer braces,
+* returning just the inner properties as a raw string.
+*
+* @example
+* // Input:
+* // export default {
+* //   icons: { check: 'lucide:check' },
+* // } satisfies Pick<CentoUIConfig, 'icons'>
+* // Output:
+* // "  icons: { check: 'lucide:check' },"
+*
+* @param fileContent - The full source of the default config file.
+* @returns The inner config body, or an empty string if no object is found.
+*/
+function extractInnerConfigContent(fileContent) {
+	let cleanedConfigContent = fileContent.replace(/^import\s+.*$/gm, "");
+	cleanedConfigContent = cleanedConfigContent.replace(/^\s*export\s+default\s+/, "");
+	cleanedConfigContent = cleanedConfigContent.replace(/\s+satisfies\s+[^}]*$/, "");
+	cleanedConfigContent = cleanedConfigContent.trim();
+	const firstBrace = cleanedConfigContent.indexOf("{");
+	const lastBrace = cleanedConfigContent.lastIndexOf("}");
+	if (firstBrace === -1 || lastBrace === -1 || lastBrace <= firstBrace) return "";
+	return cleanedConfigContent.slice(firstBrace + 1, lastBrace).replace(/^\n/, "").replace(/\n\s*$/, "");
 }
 /**
 * Generates the content of a default `centoui.config.ts` file.
@@ -215,17 +262,24 @@ async function loadCentoUIConfig(cwd) {
 * @param componentsDir - Relative path (from project root) where components will be installed.
 * @returns A string containing the complete TypeScript source for the config file.
 */
-function buildDefaultConfigFileContent(themeFilePath, componentsDir) {
+/**
+* Generates the content of a user's default `centoui.config.ts` file.
+*
+* Fetches the default config from GitHub to get the latest default config values (icon mappings, etc.),
+* then merges them with the user-provided paths. The generated file uses
+* `defineConfig` so IDEs can provide type-checking and autocompletion.
+*
+* @param themeFilePath - Relative path (from project root) where the CSS theme file lives.
+* @param componentsDir - Relative path (from project root) where components will be installed.
+* @returns A string containing the complete TypeScript source for the config file.
+*/
+async function buildUserDefaultConfigFileContent(themeFilePath, componentsDir) {
 	return `import { defineConfig } from 'centoui'
 
 export default defineConfig({
   componentsDir: '${componentsDir}',
   themeFilePath: '${themeFilePath}',
-  icons: {
-    check: 'lucide:check',
-    close: 'lucide:x',
-    menu: 'lucide:menu',
-  },
+${extractInnerConfigContent(await fetchDefaultConfig())}
 })
 `;
 }
@@ -370,10 +424,11 @@ function init() {
 				let registry;
 				await tasks([
 					{
-						title: `Writing ${CONFIG_FILE_NAME}`,
+						title: "Fetching config defaults",
 						task: async () => {
 							if (!shouldWriteConfig) return `Skipped — "${CONFIG_FILE_NAME}" already exists`;
-							await fsExtra.outputFile(configPath, buildDefaultConfigFileContent(directories.themeFilePath, directories.componentDir), "utf-8");
+							const userConfigContent = await buildUserDefaultConfigFileContent(directories.themeFilePath, directories.componentDir);
+							await fsExtra.outputFile(configPath, userConfigContent, "utf-8");
 							return `${CONFIG_FILE_NAME} written`;
 						}
 					},

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "centoui-cli",
   "type": "module",
-  "version": "1.0.0-alpha.27",
+  "version": "1.0.0-alpha.29",
   "private": false,
   "description": "Official CLI for CentoUI.",
   "author": "Favour Emeka <favorodera@gmail.com>",
@@ -30,20 +30,22 @@
   },
   "devDependencies": {
     "@types/fs-extra": "^11.0.4",
+    "@vitest/ui": "^4.1.5",
     "tsdown": "^0.21.7",
     "type-fest": "^5.6.0",
-    "@vitest/ui": "^4.1.5",
     "vitest": "^4.1.2"
   },
   "dependencies": {
     "@clack/prompts": "^1.2.0",
+    "c12": "4.0.0-beta.5",
     "citty": "^0.2.2",
     "fs-extra": "^11.3.4",
     "nypm": "^0.6.6",
     "pathe": "^2.0.3"
   },
   "engines": {
-    "node": ">=22.0.0"
+    "node": ">=22.0.0",
+    "pnpm": ">=11.0.0"
   },
   "scripts": {
     "build": "tsdown",