@abelfubu/schematics 0.0.3

package/README.md

@@ -0,0 +1,7 @@
+# schematics
+
+This library was generated with [Nx](https://nx.dev).
+
+## Building
+
+Run `nx build schematics` to build the library.

package/generators.json

@@ -0,0 +1,26 @@
+{
+  "generators": {
+    "feature": {
+      "factory": "./src/feature/feature",
+      "schema": "./src/feature/schema.json",
+      "description": "Feature generator"
+    },
+    "ng-add": {
+      "factory": "./src/ng-add/index",
+      "schema": "./src/ng-add/schema.json",
+      "description": "Abelfubuize your project"
+    }
+  },
+  "schematics": {
+    "feature": {
+      "factory": "./src/feature/compat",
+      "schema": "./src/feature/schema.json",
+      "description": "Feature generator"
+    },
+    "ng-add": {
+      "factory": "./src/ng-add/compat",
+      "schema": "./src/ng-add/schema.json",
+      "description": "Abelfubuize your project"
+    }
+  }
+}

package/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "@abelfubu/schematics",
+  "version": "0.0.3",
+  "type": "commonjs",
+  "main": "./src/index.js",
+  "types": "./src/index.d.ts",
+  "dependencies": {
+    "@nx/devkit": "21.0.3",
+    "tslib": "^2.3.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/abelfubu/abelfubu-source.git"
+  },
+  "generators": "./generators.json",
+  "schematics": "./generators.json"
+}

package/src/feature/compat.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (generatorOptions: import("./schema").FeatureGeneratorSchema) => (tree: any, context: any) => Promise<any>;
+export default _default;

package/src/feature/compat.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const devkit_1 = require("@nx/devkit");
+const feature_1 = require("./feature");
+exports.default = (0, devkit_1.convertNxGenerator)(feature_1.featureGenerator);
+//# sourceMappingURL=compat.js.map

package/src/feature/compat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compat.js","sourceRoot":"","sources":["../../../../../packages/schematics/src/feature/compat.ts"],"names":[],"mappings":";;AAAA,uCAAgD;AAEhD,uCAA6C;AAE7C,kBAAe,IAAA,2BAAkB,EAAC,0BAAgB,CAAC,CAAC"}

package/src/feature/feature.d.ts

@@ -0,0 +1,4 @@
+import { Tree } from '@nx/devkit';
+import { FeatureGeneratorSchema } from './schema';
+export declare function featureGenerator(tree: Tree, options: FeatureGeneratorSchema): Promise<void>;
+export default featureGenerator;

package/src/feature/feature.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.featureGenerator = featureGenerator;
+const tslib_1 = require("tslib");
+const devkit_1 = require("@nx/devkit");
+const path = require("path");
+function featureGenerator(tree, options) {
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const projectRoot = `src/${options.name}`;
+        const { className, fileName, propertyName } = (0, devkit_1.names)(options.name.split('/').pop());
+        (0, devkit_1.generateFiles)(tree, path.join(__dirname, 'files'), projectRoot, {
+            fileName,
+            className,
+            propertyName,
+            prefix: options.prefix,
+        });
+        yield (0, devkit_1.formatFiles)(tree);
+    });
+}
+exports.default = featureGenerator;
+//# sourceMappingURL=feature.js.map

package/src/feature/feature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature.js","sourceRoot":"","sources":["../../../../../packages/schematics/src/feature/feature.ts"],"names":[],"mappings":";;AAIA,4CAkBC;;AAtBD,uCAAqE;AACrE,6BAA6B;AAG7B,SAAsB,gBAAgB,CACpC,IAAU,EACV,OAA+B;;QAE/B,MAAM,WAAW,GAAG,OAAO,OAAO,CAAC,IAAI,EAAE,CAAC;QAE1C,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,IAAA,cAAK,EACjD,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAC9B,CAAC;QAEF,IAAA,sBAAa,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,WAAW,EAAE;YAC9D,QAAQ;YACR,SAAS;YACT,YAAY;YACZ,MAAM,EAAE,OAAO,CAAC,MAAM;SACvB,CAAC,CAAC;QAEH,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;CAAA;AAED,kBAAe,gBAAgB,CAAC"}

package/src/feature/files/__fileName__.component.spec.ts.template

@@ -0,0 +1,36 @@
+import { signal } from '@angular/core';
+import { TestBed } from '@angular/core/testing';
+import { <%= className %>Component } from './<%= fileName %>.component';
+import { <%= className %>Store } from './<%= fileName %>.store';
+
+describe(<%= className %>Component.name, () => {
+  const StoreMock = {
+    initialize: jest.fn(),
+    name: signal('<%= className %>'),
+  };
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [<%= className %>Component],
+      providers: [
+        {
+          provide: <%= className %>Store,
+          useValue: StoreMock,
+        },
+      ],
+    }).compileComponents();
+  });
+
+  function setup() {
+    const fixture = TestBed.createComponent(<%= className %>Component);
+    fixture.detectChanges();
+
+    return { fixture };
+  }
+
+  it('should initialize store', () => {
+    setup();
+
+    expect(StoreMock.initialize).toHaveBeenCalled();
+  });
+});

package/src/feature/files/__fileName__.component.ts.template

@@ -0,0 +1,17 @@
+import { ChangeDetectionStrategy, Component, inject, OnInit } from '@angular/core';
+import { <%= className %>Store } from './<%= fileName %>.store';
+
+@Component({
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  imports: [],
+  providers: [<%= className %>Store],
+  selector: '<%= prefix %>-<%= fileName %>',
+  template: `<h1>{{ store.name() }} works!!</h1>`,
+})
+export class <%= className %>Component implements OnInit {
+  protected readonly store = inject(<%= className %>Store);
+
+  ngOnInit(): void {
+    this.store.initialize();
+  }
+}

package/src/feature/files/__fileName__.facade.ts.template

@@ -0,0 +1,12 @@
+import { Injectable } from '@angular/core';
+import { Observable, of, map } from 'rxjs';
+import { <%= propertyName %>Adapter } from './adapters/<%= fileName %>.adapter';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class <%= className %>Facade {
+  get(): Observable<{ name: string }> {
+    return of({ name: '<%= className %>' }).pipe(map(<%= propertyName %>Adapter));
+  }
+}

package/src/feature/files/__fileName__.routes.ts.template

@@ -0,0 +1,8 @@
+import { Routes } from '@angular/router';
+
+export const routes: Routes = [
+  {
+    path: '',
+    loadComponent: () => import('./<%= fileName %>.component').then(m => m.<%= className %>Component),
+  }
+]

package/src/feature/files/__fileName__.store.spec.ts.template

@@ -0,0 +1,38 @@
+import { TestBed } from '@angular/core/testing';
+import { of } from 'rxjs';
+
+import { <%= className %>Facade } from './<%= fileName %>.facade';
+import { <%= className %>Store } from './<%= fileName %>.store';
+
+describe(<%= className %>Store.name, () => {
+  const FacadeMock = {
+    get: jest.fn(),
+  };
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      providers: [
+        {
+          provide: <%= className %>Facade,
+          useValue: FacadeMock,
+        },
+      ],
+    });
+  });
+
+  afterEach(() => jest.clearAllMocks());
+
+  function setup() {
+    const store = TestBed.inject(<%= className %>Store);
+
+    return { store };
+  }
+
+  it('should initialize', () => {
+    const { store } = setup();
+
+    FacadeMock.get.mockReturnValue(of({ name: '<%= className %>' }));
+    store.initialize();
+    expect(store.name()).toBe('<%= className %>');
+  });
+});

package/src/feature/files/__fileName__.store.ts.template

@@ -0,0 +1,26 @@
+import { Injectable, computed, inject, signal } from '@angular/core'
+
+import { <%= className %>Facade } from './<%= fileName %>.facade';
+
+interface <%= className %>State {
+  name: string;
+};
+
+const defaultState: <%= className %>State = {
+  name: '',
+};
+
+@Injectable({
+  providedIn: 'root',
+})
+export class <%= className %>Store { 
+  private readonly facade = inject(<%= className %>Facade);
+
+  private readonly state = signal<<%= className %>State>(defaultState);
+
+  readonly name = computed(() => this.state().name);
+
+  initialize(): void {
+    this.facade.get().subscribe(({ name }) => this.state.set({ name }));
+  }
+}

package/src/feature/files/adapters/__fileName__.adapter.ts.template

@@ -0,0 +1,3 @@
+export function <%= propertyName %>Adapter(source: { name: string}): { name: string } {
+  return source;
+}

package/src/feature/schema.d.ts

@@ -0,0 +1,4 @@
+export interface FeatureGeneratorSchema {
+  name: string;
+  prefix: string;
+}

package/src/feature/schema.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema",
+  "$id": "Feature",
+  "title": "",
+  "type": "object",
+  "properties": {
+    "name": {
+      "type": "string",
+      "description": "Name of the feature",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      },
+      "x-prompt": "What name would you like to use?"
+    },
+    "prefix": {
+      "type": "string",
+      "description": "Prefix to use for the feature",
+      "x-prompt": "What prefix would you like to use?"
+    }
+  },
+  "required": ["name", "prefix"]
+}

package/src/ng-add/compat.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (generatorOptions: any) => (tree: any, context: any) => Promise<any>;
+export default _default;

package/src/ng-add/compat.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const devkit_1 = require("@nx/devkit");
+const index_1 = require("./index");
+exports.default = (0, devkit_1.convertNxGenerator)(index_1.addGenerator);
+//# sourceMappingURL=compat.js.map

package/src/ng-add/compat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compat.js","sourceRoot":"","sources":["../../../../../packages/schematics/src/ng-add/compat.ts"],"names":[],"mappings":";;AAAA,uCAAgD;AAEhD,mCAAuC;AAEvC,kBAAe,IAAA,2BAAkB,EAAC,oBAAY,CAAC,CAAC"}

package/src/ng-add/index.d.ts

@@ -0,0 +1,3 @@
+import { Tree } from '@nx/devkit';
+export declare function addGenerator(tree: Tree): Promise<import("@nx/devkit").GeneratorCallback>;
+export default addGenerator;

package/src/ng-add/index.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addGenerator = addGenerator;
+const tslib_1 = require("tslib");
+const devkit_1 = require("@nx/devkit");
+const child_process_1 = require("child_process");
+/**
+ * Returns the latest version of a package
+ * @param packageName Name of the package
+ * @returns Latest version string or 'latest'
+ */
+function getLatestVersion(packageName) {
+    try {
+        // Execute npm command to get the latest version
+        const latestVersion = (0, child_process_1.execSync)(`npm show ${packageName} version`, {
+            encoding: 'utf-8',
+        }).trim();
+        return latestVersion;
+    }
+    catch (error) {
+        devkit_1.logger.warn(`Could not fetch latest version for ${packageName}, using 'latest' instead`);
+        return 'latest';
+    }
+}
+function addGenerator(tree) {
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const tasks = [];
+        // 1. Add Prettier
+        const prettier = getLatestVersion('prettier');
+        tasks.push((0, devkit_1.addDependenciesToPackageJson)(tree, {}, { prettier }));
+        if (!tree.exists('.prettierrc')) {
+            tree.write('.prettierrc', JSON.stringify({
+                semi: false,
+            }, null, 2));
+        }
+        // 2. Add Tailwind
+        const tailwindcss = getLatestVersion('tailwindcss');
+        const postcss = getLatestVersion('postcss');
+        const tailwindPostcss = getLatestVersion('@tailwindcss/postcss');
+        tasks.push((0, devkit_1.addDependenciesToPackageJson)(tree, {}, {
+            tailwindcss,
+            '@tailwindcss/postcss': tailwindPostcss,
+            postcss,
+        }));
+        tree.write('.postcssrc.json', `{
+  "plugins": {
+    "@tailwindcss/postcss": {}
+  }
+}`);
+        tree.write('src/styles.css', `@import "tailwindcss";`);
+        // 3. Run ng add @angular-eslint/schematics
+        (0, child_process_1.execSync)('npx ng add @angular-eslint/schematics --skip-confirmation', {
+            stdio: 'inherit',
+        });
+        yield (0, devkit_1.formatFiles)(tree);
+        return (0, devkit_1.runTasksInSerial)(...tasks, () => (0, devkit_1.installPackagesTask)(tree));
+    });
+}
+exports.default = addGenerator;
+//# sourceMappingURL=index.js.map

package/src/ng-add/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../packages/schematics/src/ng-add/index.ts"],"names":[],"mappings":";;AA+BA,oCAuDC;;AAtFD,uCAOoB;AACpB,iDAAyC;AAEzC;;;;GAIG;AACH,SAAS,gBAAgB,CAAC,WAAmB;IAC3C,IAAI,CAAC;QACH,gDAAgD;QAChD,MAAM,aAAa,GAAG,IAAA,wBAAQ,EAAC,YAAY,WAAW,UAAU,EAAE;YAChE,QAAQ,EAAE,OAAO;SAClB,CAAC,CAAC,IAAI,EAAE,CAAC;QAEV,OAAO,aAAa,CAAC;IACvB,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,eAAM,CAAC,IAAI,CACT,sCAAsC,WAAW,0BAA0B,CAC5E,CAAC;QACF,OAAO,QAAQ,CAAC;IAClB,CAAC;AACH,CAAC;AAED,SAAsB,YAAY,CAAC,IAAU;;QAC3C,MAAM,KAAK,GAAG,EAAE,CAAC;QAEjB,kBAAkB;QAClB,MAAM,QAAQ,GAAG,gBAAgB,CAAC,UAAU,CAAC,CAAC;QAC9C,KAAK,CAAC,IAAI,CAAC,IAAA,qCAA4B,EAAC,IAAI,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC;QAEjE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,CAAC;YAChC,IAAI,CAAC,KAAK,CACR,aAAa,EACb,IAAI,CAAC,SAAS,CACZ;gBACE,IAAI,EAAE,KAAK;aACZ,EACD,IAAI,EACJ,CAAC,CACF,CACF,CAAC;QACJ,CAAC;QAED,kBAAkB;QAClB,MAAM,WAAW,GAAG,gBAAgB,CAAC,aAAa,CAAC,CAAC;QACpD,MAAM,OAAO,GAAG,gBAAgB,CAAC,SAAS,CAAC,CAAC;QAC5C,MAAM,eAAe,GAAG,gBAAgB,CAAC,sBAAsB,CAAC,CAAC;QACjE,KAAK,CAAC,IAAI,CACR,IAAA,qCAA4B,EAC1B,IAAI,EACJ,EAAE,EACF;YACE,WAAW;YACX,sBAAsB,EAAE,eAAe;YACvC,OAAO;SACR,CACF,CACF,CAAC;QAEF,IAAI,CAAC,KAAK,CACR,iBAAiB,EACjB;;;;EAIF,CACC,CAAC;QAEF,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE,wBAAwB,CAAC,CAAC;QAEvD,2CAA2C;QAC3C,IAAA,wBAAQ,EAAC,2DAA2D,EAAE;YACpE,KAAK,EAAE,SAAS;SACjB,CAAC,CAAC;QAEH,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;QAExB,OAAO,IAAA,yBAAgB,EAAC,GAAG,KAAK,EAAE,GAAG,EAAE,CAAC,IAAA,4BAAmB,EAAC,IAAI,CAAC,CAAC,CAAC;IACrE,CAAC;CAAA;AAED,kBAAe,YAAY,CAAC"}

package/src/ng-add/schema.json

@@ -0,0 +1,8 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema",
+  "$id": "Add",
+  "title": "Abelfubuize your project",
+  "type": "object",
+  "properties": {},
+  "required": []
+}