inai-react-components 1.4.0 → 1.5.0

package/dist/commands/add.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"add.d.ts","sourceRoot":"","sources":["../../src/commands/add.ts"],"names":[],"mappings":"AAKA,OAAO,EAGL,KAAK,iBAAiB,EAEtB,KAAK,kBAAkB,EAExB,MAAM,aAAa,CAAC;AAoBrB,MAAM,WAAW,UAAU;IACzB,kDAAkD;IAClD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,kDAAkD;IAClD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oDAAoD;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kDAAkD;IAClD,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,kEAAkE;IAClE,WAAW,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CACjD;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG;IAChD,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;CACd,CAsCA;AAED;;GAEG;AACH,wBAAgB,cAAc,CAC5B,QAAQ,EAAE;IAAE,UAAU,EAAE,iBAAiB,EAAE,CAAC;IAAC,MAAM,EAAE,iBAAiB,EAAE,CAAC;IAAC,SAAS,EAAE,iBAAiB,EAAE,CAAA;CAAE,EAC1G,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,MAAM,GAAG,IAAI,GACpB,iBAAiB,GAAG,IAAI,CAc1B;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAC1B,SAAS,EAAE,iBAAiB,EAC5B,cAAc,EAAE,kBAAkB,GACjC,MAAM,CAiBR;AA4JD,wBAAsB,MAAM,CAC1B,aAAa,EAAE,MAAM,EACrB,OAAO,EAAE,MAAM,EACf,OAAO,GAAE,UAAe,GACvB,OAAO,CAAC,SAAS,CAAC,CAmMpB;AAqCD,MAAM,WAAW,iBAAkB,SAAQ,UAAU;IACnD,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAsB,UAAU,CAC9B,aAAa,CAAC,EAAE,MAAM,EACtB,OAAO,CAAC,EAAE,iBAAiB,GAC1B,OAAO,CAAC,IAAI,CAAC,CAqIf"}
+{"version":3,"file":"add.d.ts","sourceRoot":"","sources":["../../src/commands/add.ts"],"names":[],"mappings":"AAKA,OAAO,EAGL,KAAK,iBAAiB,EAEtB,KAAK,kBAAkB,EAExB,MAAM,aAAa,CAAC;AAoBrB,MAAM,WAAW,UAAU;IACzB,kDAAkD;IAClD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,kDAAkD;IAClD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oDAAoD;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kDAAkD;IAClD,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,kEAAkE;IAClE,WAAW,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CACjD;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG;IAChD,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;CACd,CAsCA;AAED;;GAEG;AACH,wBAAgB,cAAc,CAC5B,QAAQ,EAAE;IAAE,UAAU,EAAE,iBAAiB,EAAE,CAAC;IAAC,MAAM,EAAE,iBAAiB,EAAE,CAAC;IAAC,SAAS,EAAE,iBAAiB,EAAE,CAAA;CAAE,EAC1G,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,MAAM,GAAG,IAAI,GACpB,iBAAiB,GAAG,IAAI,CAc1B;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAC1B,SAAS,EAAE,iBAAiB,EAC5B,cAAc,EAAE,kBAAkB,GACjC,MAAM,CAiBR;AA2OD,wBAAsB,MAAM,CAC1B,aAAa,EAAE,MAAM,EACrB,OAAO,EAAE,MAAM,EACf,OAAO,GAAE,UAAe,GACvB,OAAO,CAAC,SAAS,CAAC,CAmMpB;AAqCD,MAAM,WAAW,iBAAkB,SAAQ,UAAU;IACnD,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAsB,UAAU,CAC9B,aAAa,CAAC,EAAE,MAAM,EACtB,OAAO,CAAC,EAAE,iBAAiB,GAC1B,OAAO,CAAC,IAAI,CAAC,CAqIf"}

package/dist/commands/add.js

@@ -107,6 +107,10 @@ async function installOne(component, registry, componentsJson, registryDir, root
     const baseTargetDir = getTargetDir(component, componentsJson);
     const isMultiFile = component.type === "block" || component.type === "template";
     const targetDir = isMultiFile ? path.join(baseTargetDir, name) : baseTargetDir;
+    // Prefix used by component source files. Stripping it preserves the
+    // component's internal subdirectory structure (e.g. `data-table/context.tsx`
+    // stays inside a `data-table/` subfolder in the user's project).
+    const UI_PREFIX = "packages/ui/src/";
     const copiedFiles = [];
     const skippedFiles = [];
     // Track captured content for the snapshot (only for files that were
@@ -114,15 +118,30 @@ async function installOne(component, registry, componentsJson, registryDir, root
     const capturedFiles = {};
     for (const filePath of component.files) {
         const registryFilePath = path.join(registryDir, filePath);
-        const fileName = path.basename(filePath);
-        const localFilePath = path.join(rootDir, targetDir, fileName);
+        // Destination path relative to `targetDir`:
+        // - Blocks/templates (multi-file) already nest under `<targetDir>/<name>/`,
+        //   so we take the basename of each file (flat within the block dir).
+        // - Components strip the `packages/ui/src/` prefix so compound components
+        //   like `data-table` keep their internal `data-table/` subfolder.
+        let destRel;
+        if (isMultiFile) {
+            destRel = path.basename(filePath);
+        }
+        else if (filePath.startsWith(UI_PREFIX)) {
+            destRel = filePath.slice(UI_PREFIX.length);
+        }
+        else {
+            destRel = path.basename(filePath);
+        }
+        const localFilePath = path.join(rootDir, targetDir, destRel);
+        const displayName = isMultiFile ? `${name}/${destRel}` : destRel;
         if (!fs.existsSync(registryFilePath)) {
             continue;
         }
         const exists = fs.existsSync(localFilePath);
         if (exists && !options.force) {
             if (options.skipExisting) {
-                skippedFiles.push(isMultiFile ? `${name}/${fileName}` : fileName);
+                skippedFiles.push(displayName);
                 continue;
             }
             if (options.dryRun) {
@@ -136,7 +155,7 @@ async function installOne(component, registry, componentsJson, registryDir, root
                     initial: false,
                 });
                 if (!res.overwrite) {
-                    skippedFiles.push(isMultiFile ? `${name}/${fileName}` : fileName);
+                    skippedFiles.push(displayName);
                     continue;
                 }
             }
@@ -158,19 +177,38 @@ async function installOne(component, registry, componentsJson, registryDir, root
                 content,
             };
         }
-        copiedFiles.push(isMultiFile ? `${name}/${fileName}` : fileName);
-    }
-    // Internal deps (lib/cn, lib/animations, ...) — installed under the
-    // project's detected sourceRoot so they match where `init` placed cn.ts.
-    const sourceRoot = getSourceRoot(componentsJson);
+        copiedFiles.push(displayName);
+    }
+    // Internal deps (lib/cn, lib/animations, lib/i18n-context, ...).
+    //
+    // Placement matters: source components import via `./lib/<name>.js`
+    // (sibling), so lib files MUST land in `<componentDir>/lib/` — NOT in
+    // `<sourceRoot>/lib/`. Otherwise the relative imports break at runtime.
+    //
+    // Extensions: most lib files are `.ts` but `i18n-context.tsx` contains
+    // JSX and must be copied as `.tsx`. We probe both in order.
+    const componentsDir = resolveLocalDir(componentsJson.aliases.components, componentsJson);
     const copiedInternalDeps = [];
     for (const dep of component.internalDeps) {
-        const depFileName = dep.split("/").pop() + ".ts";
-        const depSourcePath = path.join(registryDir, "packages", "ui", "src", dep + ".ts");
-        const depTargetPath = path.join(rootDir, sourceRoot, "lib", depFileName);
-        if (!fs.existsSync(depSourcePath)) {
+        const depBase = dep.split("/").pop();
+        const tsSource = path.join(registryDir, "packages", "ui", "src", dep + ".ts");
+        const tsxSource = path.join(registryDir, "packages", "ui", "src", dep + ".tsx");
+        let depSourcePath;
+        let depFileName;
+        if (fs.existsSync(tsSource)) {
+            depSourcePath = tsSource;
+            depFileName = `${depBase}.ts`;
+        }
+        else if (fs.existsSync(tsxSource)) {
+            depSourcePath = tsxSource;
+            depFileName = `${depBase}.tsx`;
+        }
+        else {
             continue;
         }
+        // e.g. componentsDir = "app/components/ui" → target:
+        //      "app/components/ui/lib/i18n-context.tsx"
+        const depTargetPath = path.join(rootDir, componentsDir, "lib", depFileName);
         const content = fs.readFileSync(depSourcePath, "utf-8");
         if (options.dryRun) {
             console.log(chalk.dim(`  [dry-run] would write ${path.relative(rootDir, depTargetPath)}`));
@@ -181,6 +219,29 @@ async function installOne(component, registry, componentsJson, registryDir, root
         }
         copiedInternalDeps.push(dep);
     }
+    // Block/template lib: blocks import via `../../lib/animations` and
+    // `../../lib/styles` relative to `<blocksDir>/<blockName>/page.tsx`,
+    // which resolves two levels up to `path.dirname(blocksDir)/lib/`.
+    // Copy the global block lib from `apps/docs/src/registry/lib/` there.
+    if (isMultiFile) {
+        const blocksDir = resolveLocalDir(componentsJson.aliases.blocks, componentsJson);
+        const blockLibDest = path.join(rootDir, path.dirname(blocksDir), "lib");
+        for (const libFile of ["animations.ts", "styles.ts"]) {
+            const src = path.join(registryDir, "apps", "docs", "src", "registry", "lib", libFile);
+            if (!fs.existsSync(src))
+                continue;
+            const dest = path.join(blockLibDest, libFile);
+            if (fs.existsSync(dest) && !options.force)
+                continue;
+            if (options.dryRun) {
+                console.log(chalk.dim(`  [dry-run] would write ${path.relative(rootDir, dest)}`));
+            }
+            else {
+                fs.mkdirSync(blockLibDest, { recursive: true });
+                fs.copyFileSync(src, dest);
+            }
+        }
+    }
     // Update components.json (skipped in dry-run).
     if (!options.dryRun) {
         const registryVersion = registry.version;
@@ -650,34 +711,53 @@ async function installAll(options) {
         ...registry.templates,
     ];
     console.log(chalk.bold(`\nInstalling all ${allItems.length} components, blocks, and templates...\n`));
-    const installed = componentsJson.installedComponents ?? [];
-    const installedNames = new Set(installed.map((c) => c.name));
+    // Track what's been installed across the loop. Because `runAdd` resolves
+    // transitive dependencies (e.g. `alert` pulls in `button`), a component
+    // scheduled later in the iteration may already be on disk by the time we
+    // reach it. We refresh this set from `components.json` after every
+    // `runAdd` call so `isInstalled` stays accurate across the bulk install.
+    const installedNames = new Set((componentsJson.installedComponents ?? []).map((c) => c.name));
     const allNpmDeps = new Set();
     let addedCount = 0;
-    let updatedCount = 0;
+    let skippedCount = 0;
     for (const item of allItems) {
-        const isInstalled = installedNames.has(item.name);
-        const action = isInstalled ? "Updating" : "Adding";
+        // Skip components that were already installed by a previous iteration
+        // as a transitive dep — avoids redundant file writes and prevents the
+        // overwrite prompt from hanging the bulk install.
+        if (installedNames.has(item.name)) {
+            skippedCount++;
+            continue;
+        }
         const prefix = item.type === "block" ? "block/" : item.type === "template" ? "template/" : "";
-        const spinner = ora(`${action} "${prefix}${item.name}"...`).start();
+        const spinner = ora(`Adding "${prefix}${item.name}"...`).start();
         try {
             const spec = prefix ? `${prefix}${item.name}` : item.name;
+            // Pause the spinner defensively — any stray `prompts()` call inside
+            // `runAdd` would otherwise deadlock because ora holds stdout while
+            // the prompt reads stdin.
+            spinner.stop();
             const result = await runAdd(spec, rootDir, {
+                // During a bulk install, default to skipping files that already
+                // exist (from transitive deps or user edits) instead of prompting
+                // for overwrite. `--force` still overrides this if the user wants
+                // to refresh everything.
                 force: options?.force,
                 dryRun: options?.dryRun,
-                skipExisting: options?.skipExisting,
+                skipExisting: options?.skipExisting ?? !options?.force,
             });
             if (!result.added) {
                 spinner.fail(result.message);
                 continue;
             }
-            if (isInstalled) {
-                spinner.succeed(`Updated "${prefix}${item.name}"`);
-                updatedCount++;
-            }
-            else {
-                spinner.succeed(`Added "${prefix}${item.name}"`);
-                addedCount++;
+            spinner.succeed(`Added "${prefix}${item.name}"`);
+            addedCount++;
+            // Refresh the installed-names cache so the next iteration sees any
+            // transitive deps just installed by `runAdd`.
+            const freshJson = readComponentsJson(rootDir);
+            if (freshJson?.installedComponents) {
+                for (const entry of freshJson.installedComponents) {
+                    installedNames.add(entry.name);
+                }
             }
             for (const dep of result.npmDeps) {
                 allNpmDeps.add(dep);
@@ -694,8 +774,8 @@ async function installAll(options) {
     if (addedCount > 0) {
         console.log(chalk.green(`  ${addedCount} component${addedCount > 1 ? "s" : ""} added`));
     }
-    if (updatedCount > 0) {
-        console.log(chalk.blue(`  ${updatedCount} component${updatedCount > 1 ? "s" : ""} updated`));
+    if (skippedCount > 0) {
+        console.log(chalk.dim(`  ${skippedCount} component${skippedCount > 1 ? "s" : ""} skipped (already installed as dependency)`));
     }
     if (allNpmDeps.size > 0) {
         console.log(chalk.yellow("\nInstall required npm dependencies:"));

package/dist/commands/init.d.ts

@@ -273,11 +273,12 @@ export declare function getLegacyTailwindCssTemplate(theme: Theme, fontBody: Fon
 export declare function normalizeThemeCss(css: string, theme: string): string;
 /**
  * Copies the i18n base files (context, types, defaults) from the registry
- * to the project's <sourceRoot>/lib/. Required because ~75 components import
- * `useUIMessages` from `./lib/i18n-context.js` — without these files, every
- * subsequent `add` of an i18n-aware component would produce a broken import.
+ * to `<componentPath>/lib/`. Required because ~75 components import
+ * `useUIMessages` from `./lib/i18n-context.js` — the lib directory must
+ * live as a SIBLING of the component `.tsx` files so relative imports
+ * resolve correctly.
  */
-export declare function copyI18nFiles(registryDir: string | undefined, targetDir: string, sourceRoot: string): string[];
+export declare function copyI18nFiles(registryDir: string | undefined, targetDir: string, componentPath: string): string[];
 export declare function runInit(config: InitConfig, targetDir: string, repoUrl?: string): Promise<{
     success: boolean;
     filesCreated: string[];

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

@@ -1 +1 @@
-{"version":3,"file":"init.d.ts","sourceRoot":"","sources":["../../src/commands/init.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"init.d.ts","sourceRoot":"","sources":["../../src/commands/init.ts"],"names":[],"mappings":"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"}

package/dist/commands/init.js

@@ -347,16 +347,17 @@ function copyTokensToProject(registryDir, targetDir, theme, sourceRoot) {
 }
 /**
  * Copies the i18n base files (context, types, defaults) from the registry
- * to the project's <sourceRoot>/lib/. Required because ~75 components import
- * `useUIMessages` from `./lib/i18n-context.js` — without these files, every
- * subsequent `add` of an i18n-aware component would produce a broken import.
+ * to `<componentPath>/lib/`. Required because ~75 components import
+ * `useUIMessages` from `./lib/i18n-context.js` — the lib directory must
+ * live as a SIBLING of the component `.tsx` files so relative imports
+ * resolve correctly.
  */
-export function copyI18nFiles(registryDir, targetDir, sourceRoot) {
+export function copyI18nFiles(registryDir, targetDir, componentPath) {
     if (!registryDir)
         return [];
     const files = ["i18n-context.tsx", "i18n-types.ts", "i18n-defaults.ts"];
     const srcBase = path.join(registryDir, "packages", "ui", "src", "lib");
-    const destBase = path.join(targetDir, sourceRoot, "lib");
+    const destBase = path.join(targetDir, componentPath, "lib");
     fs.mkdirSync(destBase, { recursive: true });
     const copied = [];
     for (const file of files) {
@@ -364,7 +365,7 @@ export function copyI18nFiles(registryDir, targetDir, sourceRoot) {
         if (!fs.existsSync(src))
             continue;
         fs.copyFileSync(src, path.join(destBase, file));
-        copied.push(`${sourceRoot}/lib/${file}`);
+        copied.push(`${componentPath}/lib/${file}`);
     }
     return copied;
 }
@@ -381,12 +382,15 @@ export async function runInit(config, targetDir, repoUrl) {
     fs.mkdirSync(componentDir, { recursive: true });
     const blockDir = path.join(targetDir, config.blockPath);
     fs.mkdirSync(blockDir, { recursive: true });
-    // 3. Create cn.ts utility under the detected source root
-    const utilsDir = path.join(targetDir, sourceRoot, "lib");
-    fs.mkdirSync(utilsDir, { recursive: true });
-    const cnPath = path.join(utilsDir, "cn.ts");
+    // 3. Create cn.ts utility as a sibling of the components directory.
+    //    Components import via `./lib/cn.js`, so lib/ MUST live directly
+    //    next to the installed component files — `<componentPath>/lib/`,
+    //    not `<sourceRoot>/lib/`.
+    const libDir = path.join(targetDir, config.componentPath, "lib");
+    fs.mkdirSync(libDir, { recursive: true });
+    const cnPath = path.join(libDir, "cn.ts");
     fs.writeFileSync(cnPath, getCnTemplate());
-    filesCreated.push(`${sourceRoot}/lib/cn.ts`);
+    filesCreated.push(`${config.componentPath}/lib/cn.ts`);
     // 4. Copy tokens and create CSS
     const cssRelPath = config.cssEntryPoint ?? `${sourceRoot}/index.css`;
     const cssPath = path.join(targetDir, cssRelPath);
@@ -396,8 +400,9 @@ export async function runInit(config, targetDir, repoUrl) {
         const registryDir = getCacheDir();
         const tokenFiles = copyTokensToProject(registryDir, targetDir, config.theme, sourceRoot);
         filesCreated.push(...tokenFiles);
-        // Copy i18n base files so components importing useUIMessages resolve
-        const i18nFiles = copyI18nFiles(registryDir, targetDir, sourceRoot);
+        // Copy i18n base files next to the components so their
+        // `./lib/i18n-context.js` imports resolve.
+        const i18nFiles = copyI18nFiles(registryDir, targetDir, config.componentPath);
         filesCreated.push(...i18nFiles);
         fs.writeFileSync(cssPath, getLocalTailwindCssTemplate(config.theme, config.fontBody, config.fontHeading, config.radius));
     }

package/dist/index.js

@@ -17,7 +17,7 @@ const program = new Command();
 program
     .name("inai-ui")
     .description("CLI for InAI UI component library")
-    .version("1.4.0");
+    .version("1.5.0");
 program
     .command("init [repo-url]")
     .description("Initialize InAI UI in your project. Optionally pass a Git repo URL to fetch components remotely.")

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "inai-react-components",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "description": "CLI for InAI UI component library — install components from a private registry into your React project",
   "private": false,
   "type": "module",