@trineui/cli 0.1.1 → 0.1.2

package/README.md

@@ -31,6 +31,7 @@ Notes:
 - for `apps/demo`, `@trine/ui` resolves locally for delivered components while `@trine/ui/*` temporarily bridges non-localized components back to the authoring source
 - the delivered shared styling baseline is `tokens.css` + `trine-consumer.css`
 - the current proven target dependency baseline is Angular 21, Tailwind CSS v4, and `class-variance-authority`
+- the current proven target shape accepts a global stylesheet entry such as `src/styles.scss`, `src/styles.css`, or `src/global.scss` when it is resolved from `angular.json`
 - use a Node LTS line supported by Angular 21 in the target repo; odd-numbered Node releases can build with warnings
 - when `package.json` is present in the target root, the CLI warns if Tailwind CSS v4 or `class-variance-authority` are missing
 

package/dist/add-component.js

@@ -61,10 +61,7 @@ const DEMO_PROXY_EXPORT_LINES = [
 ];
 export function addComponent(manifest, options) {
     const targetRoot = path.resolve(options.cwd, options.target);
-    const targetAppDir = path.join(targetRoot, 'src', 'app');
-    const targetStylesEntry = path.join(targetRoot, 'src', 'styles.scss');
-    const targetTsconfig = path.join(targetRoot, 'tsconfig.app.json');
-    assertTargetShape(manifest.componentName, targetRoot, targetAppDir, targetStylesEntry, targetTsconfig);
+    const { targetStylesEntry, targetTsconfig } = resolveTargetShape(manifest.componentName, targetRoot);
     const componentDestDir = path.join(targetRoot, 'src', 'app', 'components', 'ui', manifest.componentName);
     const stylesDestDir = path.join(targetRoot, 'src', 'styles');
     const componentCopyTargets = manifest.sourceFiles.map((source) => ({
@@ -146,7 +143,10 @@ function ensureSharedStyleBaseline(targetRoot, stylesDestDir, componentLabel) {
         warnings,
     };
 }
-function assertTargetShape(componentName, targetRoot, targetAppDir, targetStylesEntry, targetTsconfig) {
+function resolveTargetShape(componentName, targetRoot) {
+    const targetAppDir = path.join(targetRoot, 'src', 'app');
+    const targetTsconfig = path.join(targetRoot, 'tsconfig.app.json');
+    const targetStylesEntry = resolveStylesEntry(targetRoot);
     const missing = [];
     if (!existsSync(targetRoot)) {
         missing.push(targetRoot);
@@ -154,18 +154,25 @@ function assertTargetShape(componentName, targetRoot, targetAppDir, targetStyles
     if (!existsSync(targetAppDir)) {
         missing.push(targetAppDir);
     }
-    if (!existsSync(targetStylesEntry)) {
-        missing.push(targetStylesEntry);
+    if (!targetStylesEntry) {
+        missing.push(`${path.join(targetRoot, 'src', 'styles.scss')} or ${path.join(targetRoot, 'src', 'styles.css')} or the first resolvable build styles entry in ${path.join(targetRoot, 'angular.json')}`);
     }
     if (!existsSync(targetTsconfig)) {
         missing.push(targetTsconfig);
     }
     if (missing.length > 0) {
         throw new Error([
-            `trine add ${componentName} requires an Angular app target with src/app, src/styles.scss, and tsconfig.app.json.`,
+            `trine add ${componentName} requires an Angular app target with src/app, a global stylesheet entry, and tsconfig.app.json.`,
             ...missing.map((file) => `- ${file}`),
         ].join('\n'));
     }
+    if (!targetStylesEntry) {
+        throw new Error(`trine add ${componentName} could not resolve a global stylesheet entry for ${targetRoot}.`);
+    }
+    return {
+        targetStylesEntry,
+        targetTsconfig,
+    };
 }
 function ensureLinesFile(filePath, lines) {
     const existing = existsSync(filePath) ? readFileSync(filePath, 'utf8') : '';
@@ -315,3 +322,41 @@ function readTargetDependencyWarnings(targetRoot, componentLabel) {
 function looksLikeTailwindV4(range) {
     return /(^|[^\d])4(\D|$)/.test(range);
 }
+export function looksLikeAngularAppRoot(root) {
+    return (existsSync(path.join(root, 'src', 'app')) &&
+        existsSync(path.join(root, 'tsconfig.app.json')) &&
+        resolveStylesEntry(root) !== undefined);
+}
+function resolveStylesEntry(targetRoot) {
+    const conventionalStyles = ['src/styles.scss', 'src/styles.css'];
+    for (const relativePath of conventionalStyles) {
+        const absolutePath = path.join(targetRoot, relativePath);
+        if (existsSync(absolutePath)) {
+            return absolutePath;
+        }
+    }
+    const angularJsonPath = path.join(targetRoot, 'angular.json');
+    if (!existsSync(angularJsonPath)) {
+        return undefined;
+    }
+    try {
+        const angularJson = JSON.parse(readFileSync(angularJsonPath, 'utf8'));
+        for (const project of Object.values(angularJson.projects ?? {})) {
+            const styles = project.architect?.build?.options?.styles ?? project.targets?.build?.options?.styles ?? [];
+            for (const styleEntry of styles) {
+                const relativePath = typeof styleEntry === 'string' ? styleEntry : (styleEntry.input ?? undefined);
+                if (!relativePath) {
+                    continue;
+                }
+                const absolutePath = path.join(targetRoot, relativePath);
+                if (existsSync(absolutePath)) {
+                    return absolutePath;
+                }
+            }
+        }
+    }
+    catch {
+        return undefined;
+    }
+    return undefined;
+}

package/dist/index.js

@@ -1,6 +1,7 @@
 #!/usr/bin/env node
-import { existsSync, readdirSync } from 'node:fs';
+import { readdirSync } from 'node:fs';
 import path from 'node:path';
+import { looksLikeAngularAppRoot } from "./add-component.js";
 import { addButton } from "./add-button.js";
 const HELP_TEXT = `Usage:
   npx @trineui/cli@latest add button [--target <app-root>]
@@ -14,7 +15,7 @@ Defaults:
 Notes:
   - v0 supports Button only
   - external targets can run trine add button from the app root or pass --target /absolute/path/to/angular-app
-  - the current proven target model is Angular 21 + src/app + src/styles.scss + tsconfig.app.json
+  - the current proven target model is Angular 21 + src/app + tsconfig.app.json + a global stylesheet entry such as src/styles.scss, src/styles.css, or src/global.scss resolved from angular.json
   - use a Node LTS line supported by Angular 21 in the target repo
   - the current proven styling/runtime baseline requires Tailwind CSS v4 and class-variance-authority in the target repo
   - consumer-owned component files fail clearly if they already exist
@@ -75,9 +76,6 @@ function isSupportedComponent(value) {
 function capitalize(value) {
     return value.charAt(0).toUpperCase() + value.slice(1);
 }
-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 '.';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trineui/cli",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "type": "module",
   "description": "Copy-paste ownership CLI for Trine UI components.",
   "main": "./dist/index.js",