@trineui/cli 0.1.0 → 0.1.1

package/README.md

@@ -16,7 +16,8 @@ Notes:
 
 - `button` is the only supported component in this public-style baseline
 - omitting `--target` uses the current directory when it already matches the supported Angular app shape
-- when the current directory is not a supported Angular app target, omitting `--target` falls back to `apps/demo` for local Trine repo verification only
+- when the current directory is not a supported Angular app target, the CLI auto-detects a single Angular app target under the current directory and proceeds automatically
+- when multiple Angular app targets are found, the CLI stops and asks for `--target <app-root>`
 - external targets can run `trine add button` from the app root or pass an explicit app root such as `--target /absolute/path/to/angular-app`
 - the canonical public package name is `@trineui/cli`
 - the CLI command exposed through the package bin is still `trine`

package/dist/add-component.js

@@ -4,6 +4,7 @@ import { fileURLToPath } from 'node:url';
 import ts from 'typescript';
 const STYLE_SOURCE_FILES = ['styles/tokens.css', 'styles/trine-consumer.css'];
 const TEMPLATE_ROOT = fileURLToPath(new URL('../templates/', import.meta.url));
+const LOCAL_REPO_DEMO_ROOT = path.resolve(TEMPLATE_ROOT, '../../../apps/demo');
 const STYLE_IMPORT_LINE = "@import './styles/trine-consumer.css';";
 const DEMO_BRIDGE_COMMENT = '// Temporary demo verification bridge: delivered local components resolve locally; other components still re-export from the authoring source.';
 const DEMO_LOCAL_COMPONENTS = [
@@ -94,7 +95,7 @@ export function addComponent(manifest, options) {
         updatedFiles.push(toTargetRelativePath(targetRoot, componentBarrelPath));
     }
     const uiRootBarrelPath = path.join(targetRoot, 'src', 'app', 'components', 'ui', 'index.ts');
-    const uiRootUpdated = isDemoTarget(targetRoot, options.cwd)
+    const uiRootUpdated = isDemoTarget(targetRoot)
         ? rewriteDemoUiRootBarrel(uiRootBarrelPath)
         : ensureLinesFile(uiRootBarrelPath, [manifest.uiExportLine]);
     if (uiRootUpdated) {
@@ -110,7 +111,7 @@ export function addComponent(manifest, options) {
     if (stylesResult.authoringImportStillPresent) {
         warnings.push(`${toTargetRelativePath(targetRoot, targetStylesEntry)} still imports @trine/ui/styles/trine.css for the broader demo authoring baseline.`);
     }
-    if (isDemoTarget(targetRoot, options.cwd)) {
+    if (isDemoTarget(targetRoot)) {
         warnings.push('apps/demo keeps non-localized components on a temporary @trine/ui/* bridge back to packages/ui so the full demo app can still build while delivered components resolve locally.');
     }
     else {
@@ -213,14 +214,14 @@ function ensureTsconfigAlias(tsconfigPath, targetRoot, cwd) {
     const config = (parsed.config ?? {});
     config.compilerOptions ??= {};
     config.compilerOptions.paths ??= {};
-    const aliasTarget = isDemoTarget(targetRoot, cwd)
-        ? toPosixPath(path.relative(cwd, path.join(targetRoot, 'src', 'app', 'components', 'ui', 'index.ts')))
+    const aliasTarget = isDemoTarget(targetRoot)
+        ? toPosixPath(path.relative(process.cwd(), path.join(targetRoot, 'src', 'app', 'components', 'ui', 'index.ts')))
         : toConfigRelativePath(path.relative(path.dirname(tsconfigPath), path.join(targetRoot, 'src', 'app', 'components', 'ui', 'index.ts')));
     const wildcardTarget = 'packages/ui/*';
     const currentAlias = config.compilerOptions.paths['@trine/ui'];
     const currentWildcardAlias = config.compilerOptions.paths['@trine/ui/*'];
     const aliasIsCurrent = Array.isArray(currentAlias) && currentAlias.length === 1 && currentAlias[0] === aliasTarget;
-    const wildcardIsCurrent = !isDemoTarget(targetRoot, cwd) ||
+    const wildcardIsCurrent = !isDemoTarget(targetRoot) ||
         (Array.isArray(currentWildcardAlias) &&
             currentWildcardAlias.length === 1 &&
             currentWildcardAlias[0] === wildcardTarget);
@@ -228,7 +229,7 @@ function ensureTsconfigAlias(tsconfigPath, targetRoot, cwd) {
         return false;
     }
     config.compilerOptions.paths['@trine/ui'] = [aliasTarget];
-    if (isDemoTarget(targetRoot, cwd)) {
+    if (isDemoTarget(targetRoot)) {
         config.compilerOptions.paths['@trine/ui/*'] = [wildcardTarget];
     }
     else if ('@trine/ui/*' in config.compilerOptions.paths) {
@@ -265,8 +266,9 @@ function ensureStylesImport(stylesPath) {
         authoringImportStillPresent: current.includes("@import '@trine/ui/styles/trine.css';"),
     };
 }
-function isDemoTarget(targetRoot, cwd) {
-    return path.resolve(targetRoot) === path.resolve(cwd, 'apps/demo');
+function isDemoTarget(targetRoot) {
+    return (existsSync(LOCAL_REPO_DEMO_ROOT) &&
+        path.resolve(targetRoot) === path.resolve(LOCAL_REPO_DEMO_ROOT));
 }
 function toPosixPath(filePath) {
     return filePath.split(path.sep).join(path.posix.sep);

package/dist/index.js

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-import { existsSync } from 'node:fs';
+import { existsSync, readdirSync } from 'node:fs';
 import path from 'node:path';
 import { addButton } from "./add-button.js";
 const HELP_TEXT = `Usage:
@@ -8,7 +8,8 @@ const HELP_TEXT = `Usage:
 
 Defaults:
   - current directory when it matches the supported Angular app target shape
-  - otherwise apps/demo for local Trine repo verification only
+  - otherwise auto-detect a single Angular app target under the current directory
+  - when multiple Angular app targets are found, re-run with --target <app-root>
 
 Notes:
   - v0 supports Button only
@@ -29,7 +30,7 @@ function main(argv) {
     if (!isSupportedComponent(component)) {
         throw new Error(component ? `Unsupported component: ${component}\n\n${HELP_TEXT}` : HELP_TEXT);
     }
-    const target = readTarget(rest) ?? defaultTarget(process.cwd());
+    const target = readTarget(rest) ?? autoDetectTarget(process.cwd());
     const result = addButton({
         target,
         cwd: process.cwd(),
@@ -48,6 +49,7 @@ function printSuccess(component, result) {
     const relativeTarget = path.relative(process.cwd(), result.targetRoot) || '.';
     const displayTarget = relativeTarget.startsWith('..') ? result.targetRoot : relativeTarget;
     const componentLabel = capitalize(component);
+    const isRepoDemoVerification = result.warnings.some((warning) => warning.includes('temporary @trine/ui/* bridge'));
     const lines = [
         `trine add ${component} completed.`,
         `Target: ${displayTarget}`,
@@ -62,7 +64,7 @@ function printSuccess(component, result) {
         lines.push('', 'Warnings:', ...result.warnings.map((warning) => `- ${warning}`));
     }
     lines.push('', 'Manual next steps:', `- Ensure the target repo has Tailwind CSS v4 and class-variance-authority installed before building the delivered ${componentLabel}.`, `- Build the target app and confirm ${componentLabel} imports resolve through the local @trine/ui alias.`, `- Review the copied ${component}.skin.ts and tokens.css if you want local consumer customization.`);
-    if (relativeTarget === 'apps/demo') {
+    if (isRepoDemoVerification) {
         lines.push('- Open /validation-shell and review the CLI delivery proof section for the temporary demo verification path.');
     }
     console.log(lines.join('\n'));
@@ -73,12 +75,56 @@ function isSupportedComponent(value) {
 function capitalize(value) {
     return value.charAt(0).toUpperCase() + value.slice(1);
 }
-function defaultTarget(cwd) {
-    return looksLikeAngularAppRoot(cwd) ? '.' : 'apps/demo';
-}
 function looksLikeAngularAppRoot(root) {
     return ['src/app', 'src/styles.scss', 'tsconfig.app.json'].every((relativePath) => existsSync(path.join(root, relativePath)));
 }
+function autoDetectTarget(cwd) {
+    if (looksLikeAngularAppRoot(cwd)) {
+        return '.';
+    }
+    const matches = findAngularAppTargets(cwd);
+    if (matches.length === 1) {
+        return matches[0];
+    }
+    if (matches.length > 1) {
+        throw new Error([
+            'Multiple Angular app targets were found under the current directory. Re-run with --target <app-root>:',
+            ...matches.map((match) => `- ${match}`),
+        ].join('\n'));
+    }
+    return '.';
+}
+function findAngularAppTargets(root) {
+    const matches = new Set();
+    walkForAngularApps(root, root, matches);
+    return [...matches].sort((left, right) => left.localeCompare(right));
+}
+function walkForAngularApps(root, currentDir, matches) {
+    for (const entry of readdirSync(currentDir, { withFileTypes: true })) {
+        if (entry.isDirectory()) {
+            if (shouldSkipDirectory(entry.name)) {
+                continue;
+            }
+            walkForAngularApps(root, path.join(currentDir, entry.name), matches);
+            continue;
+        }
+        if (!entry.isFile() || entry.name !== 'tsconfig.app.json') {
+            continue;
+        }
+        const candidateRoot = currentDir;
+        if (!looksLikeAngularAppRoot(candidateRoot)) {
+            continue;
+        }
+        const relativeRoot = path.relative(root, candidateRoot) || '.';
+        matches.add(toPosixPath(relativeRoot));
+    }
+}
+function shouldSkipDirectory(name) {
+    return ['.angular', '.git', '.playwright-cli', 'dist', 'node_modules', 'output'].includes(name);
+}
+function toPosixPath(filePath) {
+    return filePath.split(path.sep).join(path.posix.sep);
+}
 try {
     main(process.argv.slice(2));
 }

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@trineui/cli",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "type": "module",
   "description": "Copy-paste ownership CLI for Trine UI components.",
   "main": "./dist/index.js",
   "bin": {
-    "trine": "./bin/trine.js"
+    "trine": "bin/trine.js"
   },
   "scripts": {
     "build": "tsc -p tsconfig.build.json",