zard-cli 1.0.0-beta.13 → 1.0.0-beta.130

package/commands/init/config-prompter.js

@@ -1,15 +1,16 @@
-import { logger } from '../../utils/logger.js';
-import { getAvailableThemes, getThemeDisplayName } from '../../utils/theme-selector.js';
-import chalk from 'chalk';
+import { candidateProjects, detectProjectKind, fallbackRootFor, isLibraryKind, libraryBaseUrl, libraryStylesPath, } from '../../commands/init/project-kind.js';
+import { SOURCE_ICON_FAMILY } from '../../core/icons/index.js';
 import { existsSync } from 'node:fs';
 import { readFile } from 'node:fs/promises';
 import * as path from 'node:path';
-import prompts from 'prompts';
 import { z } from 'zod';
 export const SCHEMA_URL = 'https://zardui.com/schema.json';
 export const configSchema = z.object({
     $schema: z.string(),
     style: z.enum(['css']),
+    icons: z.string(),
+    rtl: z.boolean(),
+    projectType: z.enum(['angular', 'angular-library', 'nx', 'nx-library', 'analog']),
     appConfigFile: z.string(),
     packageManager: z.enum(['npm', 'yarn', 'pnpm', 'bun']),
     tailwind: z.object({
@@ -22,88 +23,105 @@ export const configSchema = z.object({
         utils: z.string(),
         core: z.string(),
         services: z.string(),
+        blocks: z.string(),
     }),
 });
-export async function promptForConfig(cwd, projectInfo, packageManager) {
-    const highlight = (text) => chalk.cyan(text);
-    const options = await prompts([
-        {
-            type: 'text',
-            name: 'app.config',
-            message: `Where is your ${highlight('app.config.ts')} file?`,
-            initial: projectInfo.hasNx ? 'apps/[app]/src/app/app.config.ts' : 'src/app/app.config.ts',
-        },
-        {
-            type: 'select',
-            name: 'theme',
-            message: `Choose a ${highlight('theme')} for your components:`,
-            choices: getAvailableThemes().map(theme => ({
-                title: getThemeDisplayName(theme),
-                value: theme,
-            })),
-            initial: 0,
-        },
-        {
-            type: 'text',
-            name: 'tailwindCss',
-            message: `Where is your ${highlight('global CSS')} file?`,
-            initial: projectInfo.hasNx ? 'apps/[app]/src/styles.css' : 'src/styles.css',
-        },
-        {
-            type: 'text',
-            name: 'components',
-            message: `Configure the import alias for ${highlight('components')}:`,
-            initial: '@/shared/components',
-        },
-        {
-            type: 'text',
-            name: 'utils',
-            message: `Configure the import alias for ${highlight('utils')}:`,
-            initial: '@/shared/utils',
-        },
-    ]);
-    await validateCssFile(cwd, options.tailwindCss);
-    const componentsAlias = options.components;
-    const utilsAlias = options.utils;
-    const sharedBase = path.dirname(componentsAlias);
-    const config = configSchema.parse({
+/**
+ * The project the chosen type suggests as the target.
+ *
+ * When more than one is compatible the wizard asks — but something has to be
+ * preselected when the list opens, and the first declared project is the least
+ * surprising answer.
+ */
+function targetProject(projectInfo, kind, projectRoot) {
+    const candidates = candidateProjects(kind, projectInfo);
+    return candidates.find(project => project.root === projectRoot) ?? candidates[0];
+}
+/**
+ * The paths suggested for the type the user chose.
+ *
+ * They come from the project declared in the workspace whenever there is one —
+ * the build target's `styles` is where the global CSS actually lives, and
+ * guessing it was what made init suggest paths that did not exist in monorepo
+ * layouts.
+ */
+export function defaultAnswers(projectInfo, kind = detectProjectKind(projectInfo), projectRoot) {
+    const project = targetProject(projectInfo, kind, projectRoot);
+    const root = project?.root ?? fallbackRootFor(kind);
+    const shared = {
+        kind,
+        projectRoot: root,
+        theme: 'neutral',
+        componentsAlias: '@/shared/components',
+        utilsAlias: '@/shared/utils',
+    };
+    if (isLibraryKind(kind)) {
+        return {
+            ...shared,
+            // A library has no app.config; the field stays empty in components.json.
+            appConfig: '',
+            globalCss: libraryStylesPath(root),
+        };
+    }
+    const sourceRoot = project?.sourceRoot ?? (root ? `${root}/src` : 'src');
+    return {
+        ...shared,
+        appConfig: `${sourceRoot}/app/app.config.ts`,
+        globalCss: project?.styles[0] ?? `${sourceRoot}/styles.css`,
+    };
+}
+/**
+ * Where the components are written, derived from `app.config.ts`.
+ *
+ * Hardcoding `src/app` broke every layout that was not a single app at the root:
+ * in a workspace the app.config lives in `apps/<app>/src/app`, and the components
+ * ended up in a root `src/app` that belongs to no project. The directory holding
+ * app.config is exactly the root of the app's code.
+ *
+ * Separators are normalized before `dirname`, not after: on POSIX `path.dirname`
+ * does not treat `\` as a separator, so a Windows-style path collapsed to `.`
+ * and silently fell back to `src/app`.
+ */
+export function deriveBaseUrl(appConfigFile) {
+    const dir = path.posix.dirname(appConfigFile.replace(/\\/g, '/'));
+    return dir === '.' ? 'src/app' : dir;
+}
+/** In a library there is no app.config, so the library root decides. */
+function baseUrlFor(answers) {
+    return isLibraryKind(answers.kind) ? libraryBaseUrl(answers.projectRoot) : deriveBaseUrl(answers.appConfig);
+}
+export function buildConfig(answers, packageManager) {
+    const sharedBase = path.posix.dirname(answers.componentsAlias.replace(/\\/g, '/'));
+    return configSchema.parse({
         $schema: SCHEMA_URL,
         style: 'css',
-        appConfigFile: options['app.config'],
+        // Neither is asked in the wizard: today there is only one icon family, and
+        // RTL does not change what init writes. They go into the file with their
+        // default so they can be edited later, which is what makes them configurable.
+        icons: SOURCE_ICON_FAMILY,
+        rtl: false,
+        projectType: answers.kind,
+        appConfigFile: answers.appConfig,
         packageManager,
         tailwind: {
-            css: options.tailwindCss,
-            baseColor: options.theme,
+            css: answers.globalCss,
+            baseColor: answers.theme,
         },
-        baseUrl: 'src/app',
+        baseUrl: baseUrlFor(answers),
         aliases: {
-            components: componentsAlias,
-            utils: utilsAlias,
+            components: answers.componentsAlias,
+            utils: answers.utilsAlias,
             core: `${sharedBase}/core`,
             services: `${sharedBase}/services`,
+            blocks: `${sharedBase}/blocks`,
         },
     });
-    return config;
 }
-async function validateCssFile(cwd, tailwindCss) {
-    const cssPath = path.join(cwd, tailwindCss);
-    if (!existsSync(cssPath)) {
-        logger.error(`CSS file not found at: ${tailwindCss}`);
-        logger.error('Please ensure your CSS file exists before continuing.');
-        process.exit(1);
-    }
-    const existingContent = await readFile(cssPath, 'utf8');
-    if (existingContent.trim().length > 0) {
-        const { overwrite } = await prompts({
-            type: 'confirm',
-            name: 'overwrite',
-            message: `Your CSS file already has content. This will overwrite everything with ZardUI theme configuration. Continue?`,
-            initial: true,
-        });
-        if (!overwrite) {
-            logger.info('Installation cancelled.');
-            process.exit(0);
-        }
-    }
+export async function inspectCssFile(cwd, relativePath) {
+    const cssPath = path.join(cwd, relativePath);
+    if (!existsSync(cssPath))
+        return 'missing';
+    const content = await readFile(cssPath, 'utf8');
+    return content.trim().length > 0 ? 'has-content' : 'empty';
 }
 //# sourceMappingURL=config-prompter.js.map

package/commands/init/config-prompter.js.map

@@ -1 +1 @@
-{"version":3,"file":"config-prompter.js","sourceRoot":"","sources":["../../../src/commands/init/config-prompter.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"config-prompter.js","sourceRoot":"","sources":["../../../src/commands/init/config-prompter.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,aAAa,EACb,cAAc,EACd,iBAAiB,GAElB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAG9D,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,KAAK,IAAI,MAAM,WAAW,CAAC;AAClC,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,MAAM,CAAC,MAAM,UAAU,GAAG,gCAAgC,CAAC;AAE3D,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,CAAC,MAAM,CAAC;IACnC,OAAO,EAAE,CAAC,CAAC,MAAM,EAAE;IACnB,KAAK,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC;IACtB,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE;IACjB,GAAG,EAAE,CAAC,CAAC,OAAO,EAAE;IAChB,WAAW,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,iBAAiB,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,CAAC,CAAC;IACjF,aAAa,EAAE,CAAC,CAAC,MAAM,EAAE;IACzB,cAAc,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;IACtD,QAAQ,EAAE,CAAC,CAAC,MAAM,CAAC;QACjB,GAAG,EAAE,CAAC,CAAC,MAAM,EAAE;QACf,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE;KACtB,CAAC;IACF,OAAO,EAAE,CAAC,CAAC,MAAM,EAAE;IACnB,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC;QAChB,UAAU,EAAE,CAAC,CAAC,MAAM,EAAE;QACtB,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE;QACjB,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE;QAChB,QAAQ,EAAE,CAAC,CAAC,MAAM,EAAE;QACpB,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE;KACnB,CAAC;CACH,CAAC,CAAC;AAcH;;;;;;GAMG;AACH,SAAS,aAAa,CACpB,WAAwB,EACxB,IAAiB,EACjB,WAAoB;IAEpB,MAAM,UAAU,GAAG,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;IAExD,OAAO,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,KAAK,WAAW,CAAC,IAAI,UAAU,CAAC,CAAC,CAAC,CAAC;AACnF,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,cAAc,CAC5B,WAAwB,EACxB,IAAI,GAAG,iBAAiB,CAAC,WAAW,CAAC,EACrC,WAAoB;IAEpB,MAAM,OAAO,GAAG,aAAa,CAAC,WAAW,EAAE,IAAI,EAAE,WAAW,CAAC,CAAC;IAC9D,MAAM,IAAI,GAAG,OAAO,EAAE,IAAI,IAAI,eAAe,CAAC,IAAI,CAAC,CAAC;IAEpD,MAAM,MAAM,GAAG;QACb,IAAI;QACJ,WAAW,EAAE,IAAI;QACjB,KAAK,EAAE,SAAS;QAChB,eAAe,EAAE,qBAAqB;QACtC,UAAU,EAAE,gBAAgB;KAC7B,CAAC;IAEF,IAAI,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC;QACxB,OAAO;YACL,GAAG,MAAM;YACT,yEAAyE;YACzE,SAAS,EAAE,EAAE;YACb,SAAS,EAAE,iBAAiB,CAAC,IAAI,CAAC;SACnC,CAAC;IACJ,CAAC;IAED,MAAM,UAAU,GAAG,OAAO,EAAE,UAAU,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAEzE,OAAO;QACL,GAAG,MAAM;QACT,SAAS,EAAE,GAAG,UAAU,oBAAoB;QAC5C,SAAS,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,GAAG,UAAU,aAAa;KAC5D,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,aAAa,CAAC,aAAqB;IACjD,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC;IAClE,OAAO,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC;AACvC,CAAC;AAED,wEAAwE;AACxE,SAAS,UAAU,CAAC,OAAoB;IACtC,OAAO,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;AAC9G,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,OAAoB,EAAE,cAA+C;IAC/F,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,eAAe,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC;IAEnF,OAAO,YAAY,CAAC,KAAK,CAAC;QACxB,OAAO,EAAE,UAAU;QACnB,KAAK,EAAE,KAAK;QACZ,2EAA2E;QAC3E,yEAAyE;QACzE,8EAA8E;QAC9E,KAAK,EAAE,kBAAkB;QACzB,GAAG,EAAE,KAAK;QACV,WAAW,EAAE,OAAO,CAAC,IAAI;QACzB,aAAa,EAAE,OAAO,CAAC,SAAS;QAChC,cAAc;QACd,QAAQ,EAAE;YACR,GAAG,EAAE,OAAO,CAAC,SAAS;YACtB,SAAS,EAAE,OAAO,CAAC,KAAK;SACzB;QACD,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC;QAC5B,OAAO,EAAE;YACP,UAAU,EAAE,OAAO,CAAC,eAAe;YACnC,KAAK,EAAE,OAAO,CAAC,UAAU;YACzB,IAAI,EAAE,GAAG,UAAU,OAAO;YAC1B,QAAQ,EAAE,GAAG,UAAU,WAAW;YAClC,MAAM,EAAE,GAAG,UAAU,SAAS;SAC/B;KACF,CAAC,CAAC;AACL,CAAC;AAUD,MAAM,CAAC,KAAK,UAAU,cAAc,CAAC,GAAW,EAAE,YAAoB;IACpE,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC;IAE7C,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;QAAE,OAAO,SAAS,CAAC;IAE3C,MAAM,OAAO,GAAG,MAAM,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAChD,OAAO,OAAO,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC;AAC7D,CAAC"}

package/commands/init/dependencies.d.ts

@@ -1,11 +1,4 @@
 import { type Config } from '../../utils/config.js';
-type ProjectInfo = {
-    framework: string;
-    hasTypeScript: boolean;
-    hasTailwind: boolean;
-    hasNx: boolean;
-    angularVersion: string | null;
-};
+import { type ProjectInfo } from '../../utils/get-project-info.js';
 export declare function installDependencies(cwd: string, config: Config, projectInfo?: ProjectInfo): Promise<void>;
-export {};
 //# sourceMappingURL=dependencies.d.ts.map

package/commands/init/dependencies.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dependencies.d.ts","sourceRoot":"","sources":["../../../src/commands/init/dependencies.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAKnD,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,OAAO,CAAC;IACvB,WAAW,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,OAAO,CAAC;IACf,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B,CAAC;AAEF,wBAAsB,mBAAmB,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC,CAiB/G"}
+{"version":3,"file":"dependencies.d.ts","sourceRoot":"","sources":["../../../src/commands/init/dependencies.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAkB,KAAK,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAKlF,wBAAsB,mBAAmB,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC,CAwC/G"}

package/commands/init/dependencies.js

@@ -1,33 +1,61 @@
+import { bundlerFor, isLibraryKind } from '../../commands/init/project-kind.js';
+import { iconPackagesFor } from '../../core/icons/index.js';
+import { pinAllForAngular } from '../../utils/angular-compat.js';
 import { getProjectInfo } from '../../utils/get-project-info.js';
+import { iconCatalog } from '../../utils/icon-catalog.js';
 import { logger } from '../../utils/logger.js';
-import { installPackages } from '../../utils/package-manager.js';
+import { filterInstalledPackages, installPackagesWithRetry } from '../../utils/package-manager.js';
 export async function installDependencies(cwd, config, projectInfo) {
     const info = projectInfo || (await getProjectInfo(cwd));
-    const cdkVersion = getCdkVersion(info.angularVersion);
-    const deps = [cdkVersion, 'class-variance-authority', 'clsx', 'tailwind-merge', 'lucide-angular'];
-    const devDeps = info.hasTailwind ? [] : ['tailwindcss', '@tailwindcss/postcss', 'postcss', 'tailwindcss-animate'];
+    // The icon package comes from the family chosen in `components.json`, not from
+    // a fixed list: that is what makes `"icons"` mean something the day there is
+    // more than one family.
+    //
+    // Pinned against the project's Angular: the CDK and ng-icons both ship one
+    // release per Angular major and peer on `>=` it, so `latest` is the wrong
+    // answer for anyone not already on the newest Angular.
+    const deps = pinAllForAngular([
+        '@angular/cdk',
+        'class-variance-authority',
+        'clsx',
+        'tailwind-merge',
+        ...iconPackagesFor(config.icons, iconCatalog()),
+    ], info.angularVersion);
+    const devDeps = tailwindPackages(config.projectType);
     if (info.hasTailwind) {
-        logger.info('Tailwind CSS is already installed. Skipping Tailwind dependencies installation.');
+        logger.info('Tailwind CSS is already installed. Only the missing pieces will be added.');
     }
-    await installWithRetry(deps, cwd, config.packageManager, false);
-    if (devDeps.length > 0) {
-        await installWithRetry(devDeps, cwd, config.packageManager, true);
+    // Every batch that comes back empty is a whole manager invocation saved — and
+    // that is exactly the common case for a repeated `init`: nothing to install.
+    const [missingDeps, missingDevDeps] = await Promise.all([
+        filterInstalledPackages(deps, cwd),
+        filterInstalledPackages(devDeps, cwd),
+    ]);
+    if (!missingDeps.length && !missingDevDeps.length) {
+        logger.info('All dependencies are already installed.');
+        return;
     }
+    await installPackagesWithRetry(missingDeps, cwd, config.packageManager, false);
+    await installPackagesWithRetry(missingDevDeps, cwd, config.packageManager, true);
 }
-function getCdkVersion(angularVersion) {
-    if (!angularVersion) {
-        return '@angular/cdk';
-    }
-    const majorVersion = Number.parseInt(angularVersion.split('.')[0]);
-    return `@angular/cdk@^${majorVersion}`;
-}
-async function installWithRetry(packages, cwd, packageManager, isDev) {
-    try {
-        await installPackages(packages, cwd, packageManager, isDev);
-    }
-    catch {
-        logger.warn('Installation failed, retrying with --legacy-peer-deps...');
-        await installPackages(packages, cwd, packageManager, isDev, true);
-    }
+/**
+ * What Tailwind needs to run in that kind of project.
+ *
+ * The list is always the complete one and the installed-filter decides what is
+ * left: checking only for `tailwindcss` missed the case of someone who had it
+ * installed but not the bundler adapter, and then the build emitted no
+ * utilities at all.
+ *
+ * A library has no bundler to configure — the consuming application compiles
+ * the CSS — but the packages stay because the theme init writes there declares
+ * them.
+ */
+function tailwindPackages(kind) {
+    const shared = ['tailwindcss', 'tailwindcss-animate'];
+    if (isLibraryKind(kind))
+        return shared;
+    return bundlerFor(kind) === 'vite'
+        ? [...shared, '@tailwindcss/vite']
+        : [...shared, '@tailwindcss/postcss', 'postcss'];
 }
 //# sourceMappingURL=dependencies.js.map

package/commands/init/dependencies.js.map

@@ -1 +1 @@
-{"version":3,"file":"dependencies.js","sourceRoot":"","sources":["../../../src/commands/init/dependencies.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAUhE,MAAM,CAAC,KAAK,UAAU,mBAAmB,CAAC,GAAW,EAAE,MAAc,EAAE,WAAyB;IAC9F,MAAM,IAAI,GAAG,WAAW,IAAI,CAAC,MAAM,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;IAExD,MAAM,UAAU,GAAG,aAAa,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IACtD,MAAM,IAAI,GAAG,CAAC,UAAU,EAAE,0BAA0B,EAAE,MAAM,EAAE,gBAAgB,EAAE,gBAAgB,CAAC,CAAC;IAElG,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,aAAa,EAAE,sBAAsB,EAAE,SAAS,EAAE,qBAAqB,CAAC,CAAC;IAElH,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;QACrB,MAAM,CAAC,IAAI,CAAC,iFAAiF,CAAC,CAAC;IACjG,CAAC;IAED,MAAM,gBAAgB,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;IAEhE,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACvB,MAAM,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,MAAM,CAAC,cAAc,EAAE,IAAI,CAAC,CAAC;IACpE,CAAC;AACH,CAAC;AAED,SAAS,aAAa,CAAC,cAAuB;IAC5C,IAAI,CAAC,cAAc,EAAE,CAAC;QACpB,OAAO,cAAc,CAAC;IACxB,CAAC;IAED,MAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAEnE,OAAO,iBAAiB,YAAY,EAAE,CAAC;AACzC,CAAC;AAED,KAAK,UAAU,gBAAgB,CAC7B,QAAkB,EAClB,GAAW,EACX,cAA+C,EAC/C,KAAc;IAEd,IAAI,CAAC;QACH,MAAM,eAAe,CAAC,QAAQ,EAAE,GAAG,EAAE,cAAc,EAAE,KAAK,CAAC,CAAC;IAC9D,CAAC;IAAC,MAAM,CAAC;QACP,MAAM,CAAC,IAAI,CAAC,0DAA0D,CAAC,CAAC;QACxE,MAAM,eAAe,CAAC,QAAQ,EAAE,GAAG,EAAE,cAAc,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;IACpE,CAAC;AACH,CAAC"}
+{"version":3,"file":"dependencies.js","sourceRoot":"","sources":["../../../src/commands/init/dependencies.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAC/E,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAEhE,OAAO,EAAE,cAAc,EAAoB,MAAM,gCAAgC,CAAC;AAClF,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,uBAAuB,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAElG,MAAM,CAAC,KAAK,UAAU,mBAAmB,CAAC,GAAW,EAAE,MAAc,EAAE,WAAyB;IAC9F,MAAM,IAAI,GAAG,WAAW,IAAI,CAAC,MAAM,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;IAExD,+EAA+E;IAC/E,6EAA6E;IAC7E,wBAAwB;IACxB,EAAE;IACF,2EAA2E;IAC3E,0EAA0E;IAC1E,uDAAuD;IACvD,MAAM,IAAI,GAAG,gBAAgB,CAC3B;QACE,cAAc;QACd,0BAA0B;QAC1B,MAAM;QACN,gBAAgB;QAChB,GAAG,eAAe,CAAC,MAAM,CAAC,KAAK,EAAE,WAAW,EAAE,CAAC;KAChD,EACD,IAAI,CAAC,cAAc,CACpB,CAAC;IACF,MAAM,OAAO,GAAG,gBAAgB,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;IAErD,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;QACrB,MAAM,CAAC,IAAI,CAAC,2EAA2E,CAAC,CAAC;IAC3F,CAAC;IAED,8EAA8E;IAC9E,6EAA6E;IAC7E,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;QACtD,uBAAuB,CAAC,IAAI,EAAE,GAAG,CAAC;QAClC,uBAAuB,CAAC,OAAO,EAAE,GAAG,CAAC;KACtC,CAAC,CAAC;IAEH,IAAI,CAAC,WAAW,CAAC,MAAM,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC;QAClD,MAAM,CAAC,IAAI,CAAC,yCAAyC,CAAC,CAAC;QACvD,OAAO;IACT,CAAC;IAED,MAAM,wBAAwB,CAAC,WAAW,EAAE,GAAG,EAAE,MAAM,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;IAC/E,MAAM,wBAAwB,CAAC,cAAc,EAAE,GAAG,EAAE,MAAM,CAAC,cAAc,EAAE,IAAI,CAAC,CAAC;AACnF,CAAC;AAED;;;;;;;;;;;GAWG;AACH,SAAS,gBAAgB,CAAC,IAA2B;IACnD,MAAM,MAAM,GAAG,CAAC,aAAa,EAAE,qBAAqB,CAAC,CAAC;IAEtD,IAAI,aAAa,CAAC,IAAI,CAAC;QAAE,OAAO,MAAM,CAAC;IAEvC,OAAO,UAAU,CAAC,IAAI,CAAC,KAAK,MAAM;QAChC,CAAC,CAAC,CAAC,GAAG,MAAM,EAAE,mBAAmB,CAAC;QAClC,CAAC,CAAC,CAAC,GAAG,MAAM,EAAE,sBAAsB,EAAE,SAAS,CAAC,CAAC;AACrD,CAAC"}

package/commands/init/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/commands/init/index.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAQpC,eAAO,MAAM,IAAI,SA2Cb,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/commands/init/index.ts"],"names":[],"mappings":"AAkBA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAIpC,eAAO,MAAM,IAAI,SAkEb,CAAC"}

package/commands/init/index.js

@@ -1,121 +1,185 @@
-import { installComponent } from '../../commands/add/component-installer.js';
-import { promptForConfig } from '../../commands/init/config-prompter.js';
-import { installDependencies } from '../../commands/init/dependencies.js';
-import { applyThemeToStyles, createPostCssConfig } from '../../commands/init/tailwind-setup.js';
-import { updateTsConfig } from '../../commands/init/tsconfig-updater.js';
-import { resolveConfigPaths } from '../../utils/config.js';
+import { buildConfig, defaultAnswers, inspectCssFile } from '../../commands/init/config-prompter.js';
+import { candidateProjects, detectProjectKind, isLibraryKind, PROJECT_KINDS, } from '../../commands/init/project-kind.js';
+import { buildInitSteps } from '../../commands/init/steps.js';
+import { runInitWizard } from '../../commands/init/wizard.js';
+import { isInteractive, printReport, WizardCancelledError } from '../../ui/index.js';
+import { CliError } from '../../utils/errors.js';
 import { getProjectInfo } from '../../utils/get-project-info.js';
+import { loadIconCatalog } from '../../utils/icon-catalog.js';
 import { logger, spinner } from '../../utils/logger.js';
-import { detectPackageManager } from '../../utils/package-manager.js';
-import chalk from 'chalk';
+import { detectPackageManager, suggestedRunner } from '../../utils/package-manager.js';
+import { getRegistryUrl } from '../../utils/registry.js';
 import { Command } from 'commander';
 import { existsSync } from 'node:fs';
-import { mkdir, writeFile } from 'node:fs/promises';
 import * as path from 'node:path';
-import prompts from 'prompts';
-import { updateAngularConfig } from './update-angular-config.js';
 export const init = new Command()
     .name('init')
     .description('initialize your project and install dependencies')
     .option('-y, --yes', 'skip confirmation prompt.', false)
     .option('-c, --cwd <cwd>', 'the working directory. defaults to the current directory.', process.cwd())
+    .option('-t, --type <type>', `the project type: ${PROJECT_KINDS.map(kind => kind.value).join(', ')}.`)
+    .option('-p, --project <name>', 'the workspace project to configure. defaults to the first compatible one.')
     .action(async (options) => {
     const cwd = path.resolve(options.cwd);
     validateWorkingDirectory(cwd);
     const projectInfo = await getProjectInfo(cwd);
     validateAngularProject(projectInfo);
-    const componentsJsonPath = path.resolve(cwd, 'components.json');
-    const isReInitializing = existsSync(componentsJsonPath);
-    if (isReInitializing) {
-        const shouldContinue = await confirmReinitialization();
-        if (!shouldContinue) {
-            logger.info('Re-initialization cancelled.');
-            process.exit(0);
-        }
+    const kind = resolveKind(options.type);
+    const projectRoot = resolveProjectRoot(options.project, kind ?? detectProjectKind(projectInfo), projectInfo);
+    const isReInitializing = existsSync(path.resolve(cwd, 'components.json'));
+    const packageManager = await detectPackageManager(cwd);
+    // Before any step: the catalog is what says which icon package to install,
+    // and it comes from the registry so it does not depend on the CLI version.
+    await loadIconCatalog(getRegistryUrl());
+    const buildSteps = (config) => buildInitSteps(cwd, config, projectInfo, isReInitializing);
+    if (!isInteractive()) {
+        logHeadlessReason();
+        await runHeadless({
+            cwd,
+            projectInfo,
+            packageManager,
+            isReInitializing,
+            buildSteps,
+            yes: options.yes,
+            kind,
+            projectRoot,
+        });
+        return;
     }
-    logger.info(isReInitializing ? 'Re-initializing ZardUI...' : 'Initializing ZardUI...');
-    logger.break();
-    const detectedPm = await detectPackageManager();
-    logger.break();
-    const config = await promptForConfig(cwd, projectInfo, detectedPm);
-    if (!options.yes) {
-        const shouldProceed = await confirmConfiguration();
-        if (!shouldProceed) {
+    try {
+        const { config, logs } = await runInitWizard({
+            cwd,
+            projectInfo,
+            packageManager,
+            isReInitializing,
+            skipConfirmation: options.yes,
+            buildSteps,
+            presetKind: kind,
+            presetProjectRoot: projectRoot,
+        });
+        reportSuccess(config, buildSteps(config), logs);
+    }
+    catch (error) {
+        if (error instanceof WizardCancelledError) {
+            printReport({
+                status: 'cancelled',
+                headline: error.message,
+                notes: ['Nothing was changed in your project.'],
+            });
             process.exit(0);
         }
+        throw error;
     }
-    await runInitializationSteps(cwd, config, projectInfo, isReInitializing);
-    displaySuccessMessage(config);
 });
+/**
+ * Why the full screen was not mounted.
+ *
+ * The CLI falling back to text mode is, to whoever is watching, indistinguishable
+ * from the interface not existing — which is how the degradation on macOS and
+ * Linux went unnoticed until it turned into "it never showed up" reports. With
+ * `--debug`, the command answers for itself.
+ */
+function logHeadlessReason() {
+    logger.debug(`No terminal to draw on (stdin TTY: ${Boolean(process.stdin.isTTY)}, ` +
+        `stdout TTY: ${Boolean(process.stdout.isTTY)}, controlling terminal: unreachable) — running headless.`);
+}
 function validateWorkingDirectory(cwd) {
     if (!existsSync(cwd)) {
-        logger.error(`The path ${cwd} does not exist. Please try again.`);
-        process.exit(1);
+        throw new CliError(`The path ${cwd} does not exist. Please try again.`, 'INVALID_CWD');
     }
 }
 function validateAngularProject(projectInfo) {
     if (projectInfo.framework !== 'angular') {
-        logger.error('This project does not appear to be an Angular project.');
-        logger.error('Please run this command in an Angular project.');
-        process.exit(1);
+        throw new CliError('This project does not appear to be an Angular project.', 'NOT_ANGULAR');
     }
 }
-async function confirmReinitialization() {
-    logger.warn('ZardUI is already initialized in this project.');
-    const { reinitialize } = await prompts({
-        type: 'confirm',
-        name: 'reinitialize',
-        message: 'Do you want to re-initialize? This will overwrite your existing configuration and utils.',
-        initial: true,
-    });
-    return reinitialize;
+/**
+ * The type asked for with `--type`, when there is one.
+ *
+ * It is the answer to the wizard's first question given up front — which is what
+ * makes init usable in CI, where nobody can pick from a menu.
+ */
+function resolveKind(value) {
+    if (!value)
+        return undefined;
+    const kind = PROJECT_KINDS.find(option => option.value === value);
+    if (!kind) {
+        throw new CliError(`Unknown project type "${value}". Expected one of: ${PROJECT_KINDS.map(option => option.value).join(', ')}.`, 'UNKNOWN_PROJECT_TYPE');
+    }
+    return kind.value;
 }
-async function confirmConfiguration() {
-    const { proceed } = await prompts({
-        type: 'confirm',
-        name: 'proceed',
-        message: 'Write configuration to components.json?',
-        initial: true,
-    });
-    return proceed;
+/** The root of the project asked for with `--project`, looked up among the compatible ones. */
+function resolveProjectRoot(name, kind, projectInfo) {
+    if (!name)
+        return undefined;
+    const candidates = candidateProjects(kind, projectInfo);
+    const project = candidates.find(candidate => candidate.name === name);
+    if (!project) {
+        const available = candidates.map(candidate => candidate.name).join(', ') || 'none';
+        throw new CliError(`Project "${name}" is not a ${kind} project in this workspace. Available: ${available}.`, 'UNKNOWN_PROJECT');
+    }
+    return project.root;
 }
-async function runInitializationSteps(cwd, config, projectInfo, isReInitializing) {
-    const initSpinner = spinner('Initializing project...').start();
-    await writeFile(path.resolve(cwd, 'components.json'), JSON.stringify(config, null, 2), 'utf8');
-    initSpinner.text = 'Installing dependencies...';
-    await installDependencies(cwd, config, projectInfo);
-    initSpinner.text = 'Configuring Angular...';
-    await updateAngularConfig(cwd, config);
-    if (!projectInfo.hasTailwind || isReInitializing) {
-        initSpinner.text = 'Setting up PostCSS...';
-        await createPostCssConfig(cwd);
+/**
+ * The path without a UI — CI, pipes and non-interactive terminals.
+ *
+ * Nobody can answer anything here, so the defaults apply and `--yes` is
+ * required: without it the CLI refuses to overwrite the project's global CSS.
+ */
+async function runHeadless(options) {
+    if (!options.yes) {
+        throw new CliError('Running without an interactive terminal requires --yes, since init overwrites your global CSS.', 'NOT_INTERACTIVE');
+    }
+    const kind = options.kind ?? detectProjectKind(options.projectInfo);
+    const answers = defaultAnswers(options.projectInfo, kind, options.projectRoot);
+    const cssState = await inspectCssFile(options.cwd, answers.globalCss);
+    // In a library the theme CSS is created by init, so its absence is expected;
+    // in an application the file has to be there and wired into the build.
+    if (cssState === 'missing' && !isLibraryKind(answers.kind)) {
+        throw new CliError(`CSS file not found at: ${answers.globalCss}. Run init in an interactive terminal to choose another path.`, 'CSS_NOT_FOUND');
+    }
+    const config = buildConfig(answers, options.packageManager);
+    const steps = options.buildSteps(config);
+    logger.info(options.isReInitializing ? 'Re-initializing zard/ui...' : 'Initializing zard/ui...');
+    for (const step of steps) {
+        const stepSpinner = spinner(`${step.label} — ${step.note}`).start();
+        try {
+            await step.run();
+            stepSpinner.succeed(step.label);
+        }
+        catch (error) {
+            stepSpinner.fail(`${step.label}: ${error instanceof Error ? error.message : String(error)}`);
+            throw error;
+        }
     }
-    initSpinner.text = 'Applying theme...';
-    await applyThemeToStyles(cwd, config);
-    initSpinner.text = 'Updating TypeScript config...';
-    await updateTsConfig(cwd, config);
-    initSpinner.text = 'Installing core dependencies...';
-    await installCoreDependencies(cwd, config);
-    initSpinner.succeed('Project initialized');
+    reportSuccess(config, steps, []);
 }
-async function installCoreDependencies(cwd, config) {
-    const resolvedConfig = await resolveConfigPaths(cwd, config);
-    await mkdir(resolvedConfig.resolvedPaths.core, { recursive: true });
-    await mkdir(resolvedConfig.resolvedPaths.utils, { recursive: true });
-    await installComponent('core', resolvedConfig.resolvedPaths.core, resolvedConfig);
-    await installComponent('utils', resolvedConfig.resolvedPaths.utils, resolvedConfig);
+function reportSuccess(config, steps, logs) {
+    printReport({
+        status: 'success',
+        headline: 'zard/ui has been initialized successfully!',
+        items: steps.map(step => `${step.label} — ${step.note}`),
+        notes: nextStepsFor(config),
+        commands: [{ command: `${suggestedRunner(config.packageManager)} zard-cli add`, argument: '[component]' }],
+        logs,
+    });
 }
-function displaySuccessMessage(config) {
-    logger.break();
-    logger.success('ZardUI has been initialized successfully!');
-    logger.break();
-    const runCommand = config.packageManager === 'npm'
-        ? 'npx'
-        : config.packageManager === 'yarn'
-            ? 'yarn dlx'
-            : `${config.packageManager}x`;
-    logger.info('You can now add components using:');
-    logger.info(chalk.bold(`  ${runCommand} @ngzard/ui add [component]`));
-    logger.break();
+/**
+ * What is still left to do by hand.
+ *
+ * In a library init has nowhere to register `provideZard()` and no way to import
+ * the tokens — both belong to the app consuming the library, and without this
+ * notice the user only finds out when the components do not render.
+ */
+function nextStepsFor(config) {
+    if (!isLibraryKind(config.projectType)) {
+        return ['You can now add components using:'];
+    }
+    return [
+        'The consuming app still needs to register provideZard() in its app.config.ts',
+        `and import the theme tokens from this library's ${path.basename(config.tailwind.css)}.`,
+        '',
+        'You can now add components using:',
+    ];
 }
 //# sourceMappingURL=index.js.map