@resolve-components/theme 1.2.2 → 1.2.4

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@resolve-components/theme",
-  "version": "1.2.2",
+  "version": "1.2.4",
   "schematics": "./collection.json",
-  "description": "🔥 Fully customizable Angular UI components made with ❤️ using Angular CDK 🔥",
+  "description": "🔥 Fully customizable Angular UI components made with ❤️ using Angular CDK 🔥",
   "peerDependencies": {
     "@angular/common": ">=17.0.0",
     "@angular/core": ">=17.0.0",

package/schematics/ng-add/index.js

@@ -286,6 +286,67 @@ function addGlobalStyles(options) {
     };
 }
 // ---------------------------------------------------------------------------
+// Rule: wrap app.html with <rc-layout>
+// ---------------------------------------------------------------------------
+function addRcLayoutToTemplate(options) {
+    return (tree, ctx) => {
+        const cfg = resolveProjectConfig(tree, options);
+        const sourceRoot = cfg?.sourceRoot ?? 'src';
+        const templatePath = `${sourceRoot}/app/app.html`;
+        if (!tree.exists(templatePath)) {
+            ctx.logger.warn(`⚠  ${templatePath} not found — wrap your root template with <rc-layout> manually.`);
+            return tree;
+        }
+        const content = tree.read(templatePath).toString('utf-8');
+        if (content.includes('<rc-layout'))
+            return tree;
+        const wrapped = `<rc-layout>\n${content.trimEnd()}\n</rc-layout>\n`;
+        tree.overwrite(templatePath, wrapped);
+        ctx.logger.info(`  Wrapped ${templatePath} with <rc-layout>`);
+        return tree;
+    };
+}
+// ---------------------------------------------------------------------------
+// Rule: add RcLayout to app.ts imports
+// ---------------------------------------------------------------------------
+function addRcLayoutToAppComponent(options) {
+    return (tree, ctx) => {
+        const cfg = resolveProjectConfig(tree, options);
+        const sourceRoot = cfg?.sourceRoot ?? 'src';
+        // Support both app.ts and app.component.ts
+        const appTsPath = tree.exists(`${sourceRoot}/app/app.ts`)
+            ? `${sourceRoot}/app/app.ts`
+            : tree.exists(`${sourceRoot}/app/app.component.ts`)
+                ? `${sourceRoot}/app/app.component.ts`
+                : null;
+        if (!appTsPath) {
+            ctx.logger.warn(`⚠  app.ts / app.component.ts not found — add RcLayout to your root component imports manually.`);
+            return tree;
+        }
+        let content = tree.read(appTsPath).toString('utf-8');
+        if (content.includes('RcLayout'))
+            return tree;
+        // Add import statement after last existing import
+        const importLine = `import { RcLayout } from '@resolve-components/theme';\n`;
+        const lastImportMatch = [...content.matchAll(/^import .*?;\n/gms)]
+            .filter((m) => !m[0].includes('\n  '))
+            .pop();
+        if (lastImportMatch) {
+            const insertAt = lastImportMatch.index + lastImportMatch[0].length;
+            content =
+                content.slice(0, insertAt) + importLine + content.slice(insertAt);
+        }
+        else {
+            content = importLine + content;
+        }
+        // Add RcLayout to the component's imports array
+        content = content.replace(/(imports:\s*\[)/, `$1RcLayout, `);
+        tree.overwrite(appTsPath, content);
+        ctx.logger.info(`  Added RcLayout import → ${appTsPath}`);
+        return tree;
+    };
+}
+// ---------------------------------------------------------------------------
 // Exported schematic factory
 // ---------------------------------------------------------------------------
 function ngAdd(options) {
@@ -296,6 +357,8 @@ function ngAdd(options) {
             addBuildConfig(options),
             addProviderToConfig(options),
             addGlobalStyles(options),
+            addRcLayoutToTemplate(options),
+            addRcLayoutToAppComponent(options),
             (_tree, ctx) => {
                 ctx.addTask(new tasks_1.NodePackageInstallTask());
                 ctx.logger.info('\n✅ @resolve-components/theme setup complete!');