@barcidev/ngx-autogen 0.1.6 → 0.1.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@barcidev/ngx-autogen",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "description": "A collection of Angular schematics for essential functionalities.",
   "main": "dist/index.js",
   "scripts": {
@@ -47,13 +47,13 @@
     "node": ">=16.0.0"
   },
   "dependencies": {
-    "@angular-devkit/core": "^20.3.13",
-    "@angular-devkit/schematics": "^20.3.13",
-    "@schematics/angular": "^21.0.4",
+    "@angular-devkit/core": "^21.2.0",
+    "@angular-devkit/schematics": "^21.2.0",
+    "@schematics/angular": "^21.2.0",
     "typescript": "~5.9.2"
   },
   "devDependencies": {
-    "@angular-devkit/schematics-cli": "^21.1.2",
+    "@angular-devkit/schematics-cli": "^21.2.0",
     "@types/jasmine": "~5.1.0",
     "@types/node": "^20.17.19",
     "copyfiles": "^2.4.1",

package/src/collection.json

@@ -10,6 +10,11 @@
       "description": "Adds NgRx Store to the Angular application with signal support.",
       "factory": "./ngrx/store/index#signalStore",
       "schema": "./ngrx/store/schema.json"
+    },
+    "app-i18n": {
+      "description": "Adds Transloco to the Angular application.",
+      "factory": "./transloco/index#transloco",
+      "schema": "./transloco/schema.json"
     }
   }
 }

package/src/common/file-actions.d.ts

@@ -0,0 +1,9 @@
+import { Rule, Tree } from "@angular-devkit/schematics";
+export declare const mergeFilesSmart: (urlPath: string, destPath: string, options: any, tree: Tree) => Rule;
+/**
+ * Añade un provider a un componente Standalone y gestiona sus imports.
+ */
+export declare function addProviderToStandaloneComponent(componentPath: string, providerName: string, imports: {
+    symbol: string;
+    path: string;
+}[]): Rule;

package/src/common/file-actions.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mergeFilesSmart = void 0;
+exports.addProviderToStandaloneComponent = addProviderToStandaloneComponent;
+const schematics_1 = require("@angular-devkit/schematics");
+const change_1 = require("@schematics/angular/utility/change");
+const ts = require("typescript");
+const schematics_2 = require("@angular-devkit/schematics");
+const ast_utils_1 = require("@schematics/angular/utility/ast-utils");
+const mergeFilesSmart = (urlPath, destPath, options, tree) => {
+    return (0, schematics_1.mergeWith)((0, schematics_1.apply)((0, schematics_1.url)(urlPath), [
+        (0, schematics_1.applyTemplates)(Object.assign(Object.assign({}, schematics_1.strings), options)),
+        (0, schematics_1.move)(destPath),
+        (0, schematics_1.forEach)((fileEntry) => {
+            if (tree.exists(fileEntry.path)) {
+                const existingContent = tree.read(fileEntry.path).toString();
+                if (existingContent.includes(fileEntry.content.toString().trim())) {
+                    return null;
+                }
+            }
+            return fileEntry;
+        }),
+    ]));
+};
+exports.mergeFilesSmart = mergeFilesSmart;
+/**
+ * Añade un provider a un componente Standalone y gestiona sus imports.
+ */
+function addProviderToStandaloneComponent(componentPath, providerName, imports) {
+    return (tree) => {
+        const text = tree.read(componentPath);
+        if (!text) {
+            throw new schematics_2.SchematicsException(`No se encontró el archivo: ${componentPath}`);
+        }
+        const sourceText = text.toString("utf-8");
+        const source = ts.createSourceFile(componentPath, sourceText, ts.ScriptTarget.Latest, true);
+        const recorder = tree.beginUpdate(componentPath);
+        // 1. Añadir el provider al array de metadata
+        const providerChanges = (0, ast_utils_1.addSymbolToNgModuleMetadata)(source, componentPath, "providers", providerName, null);
+        providerChanges.forEach((change) => {
+            if (change instanceof change_1.InsertChange) {
+                recorder.insertLeft(change.pos, change.toAdd);
+            }
+        });
+        // 2. Añadir todos los imports necesarios
+        imports.forEach((item) => {
+            const importChange = (0, ast_utils_1.insertImport)(source, componentPath, item.symbol, item.path);
+            if (importChange instanceof change_1.InsertChange) {
+                recorder.insertLeft(importChange.pos, importChange.toAdd);
+            }
+        });
+        tree.commitUpdate(recorder);
+        return tree;
+    };
+}
+//# sourceMappingURL=file-actions.js.map

package/src/common/pluralize.d.ts

@@ -0,0 +1,2 @@
+export declare const pluralizeEs: (name: string) => string;
+export declare const pluralizeEn: (name: string) => string;

package/src/common/pluralize.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.pluralizeEn = exports.pluralizeEs = void 0;
+const pluralizeEs = (name) => {
+    if (!name)
+        return name;
+    const lastChar = name.slice(-1).toLowerCase();
+    const vowels = ["a", "e", "i", "o", "u"];
+    if (vowels.includes(lastChar))
+        return name + "s";
+    if (lastChar === "z")
+        return name.slice(0, -1) + "ces";
+    return name + "es";
+};
+exports.pluralizeEs = pluralizeEs;
+const pluralizeEn = (name) => {
+    if (!name)
+        return name;
+    const lastChar = name.slice(-1).toLowerCase();
+    const vowels = ["a", "e", "i", "o", "u"];
+    if (lastChar === "y" && !vowels.includes(name.slice(-2, -1).toLowerCase())) {
+        return name.slice(0, -1) + "ies";
+    }
+    if (["s", "x", "z", "ch", "sh"].some((end) => name.toLowerCase().endsWith(end))) {
+        return name + "es";
+    }
+    return name + "s";
+};
+exports.pluralizeEn = pluralizeEn;
+//# sourceMappingURL=pluralize.js.map

package/src/ng-add/index.js

@@ -18,12 +18,12 @@ function ngAdd(options) {
         }
         const mainVersion = parseInt(angularCoreVer.replace(/[^\d.]/g, "").split(".")[0], 10);
         if (mainVersion < 20) {
-            _context.logger.error(`❌ Error: ngx-essentials requires Angular v20 or higher. Detected: v${mainVersion}`);
+            _context.logger.error(`❌ Error: @barcidev/ngx-autogen requires Angular v20 or higher. Detected: v${mainVersion}`);
             return tree; // Stop execution
         }
         const ngrxVersion = `^${mainVersion}.0.0`;
         _context.logger.info(`📦 Configuring dependencies for Angular v${mainVersion}...`);
-        const packageName = "ngx-autogen";
+        const packageName = "@barcidev/ngx-autogen";
         packageJson.dependencies = Object.assign(Object.assign({}, packageJson.dependencies), { "@ngrx/signals": ngrxVersion });
         if (packageJson.dependencies[packageName]) {
             const currentVer = packageJson.dependencies[packageName];

package/src/ngrx/store/files/state/services/__name@dasherize__.service.ts.template

@@ -11,7 +11,7 @@ import {
 })
 export class <%= classify(name) %>Service {
 
-  add<%= classify(name) %>$(entity: Add<%= classify(name) %>): Observable<number> {
+  add<%= classify(name) %>$(payload: Add<%= classify(name) %>): Observable<number> {
     return of(0);
   }
 
@@ -23,7 +23,7 @@ export class <%= classify(name) %>Service {
     return of([]);
   }
 
-  update<%= classify(name) %>$(entity: Update<%= classify(name) %>): Observable<boolean> {
+  update<%= classify(name) %>$(payload: Update<%= classify(name) %>): Observable<boolean> {
     return of(true);
   }
 }

package/src/ngrx/store/files/state/store/__name@dasherize__.store.ts.template

@@ -27,6 +27,7 @@ const config = entityConfig({
 });
 
 export const <%= classify(name) %>Store = signalStore(
+  { providedIn: 'root' },
   withEntities(config),
   withEntityStatus(),
   withPagination(),
@@ -83,7 +84,7 @@ export const <%= classify(name) %>Store = signalStore(
             }),
             catchError(() => {
               patchState(store, (state) => ({
-                status: { ...state.status, error: new Error('Error al cargar horario-accesos'), loading: false }
+                status: { ...state.status, error: new Error('Error al cargar'), loading: false }
               }));
               return EMPTY;
             })
@@ -178,7 +179,7 @@ export const <%= classify(name) %>Store = signalStore(
                 status: {
                   ...state.status,
                   _updateLoading: false,
-                  error: new Error('Error al actualizar horario-acceso'),
+                  error: new Error('Error al actualizar'),
                   idsUpdating: idsUpdating.filter((idUpdating) => idUpdating !== payload.<%= pk %>)
                 }
               }));

package/src/ngrx/store/index.js

@@ -13,50 +13,13 @@ exports.signalStore = signalStore;
 const core_1 = require("@angular-devkit/core");
 const schematics_1 = require("@angular-devkit/schematics");
 const workspace_1 = require("@schematics/angular/utility/workspace");
-const pluralizeEs = (name) => {
-    if (!name)
-        return name;
-    const lastChar = name.slice(-1).toLowerCase();
-    const vowels = ["a", "e", "i", "o", "u"];
-    if (vowels.includes(lastChar))
-        return name + "s";
-    if (lastChar === "z")
-        return name.slice(0, -1) + "ces";
-    return name + "es";
-};
-const pluralizeEn = (name) => {
-    if (!name)
-        return name;
-    const lastChar = name.slice(-1).toLowerCase();
-    const vowels = ["a", "e", "i", "o", "u"];
-    if (lastChar === "y" && !vowels.includes(name.slice(-2, -1).toLowerCase())) {
-        return name.slice(0, -1) + "ies";
-    }
-    if (["s", "x", "z", "ch", "sh"].some((end) => name.toLowerCase().endsWith(end))) {
-        return name + "es";
-    }
-    return name + "s";
-};
-function mergeFilesSmart(urlPath, destPath, options, tree) {
-    return (0, schematics_1.mergeWith)((0, schematics_1.apply)((0, schematics_1.url)(urlPath), [
-        (0, schematics_1.applyTemplates)(Object.assign(Object.assign({}, core_1.strings), options)),
-        (0, schematics_1.move)(destPath),
-        (0, schematics_1.forEach)((fileEntry) => {
-            if (tree.exists(fileEntry.path)) {
-                const existingContent = tree.read(fileEntry.path).toString();
-                if (existingContent.includes(fileEntry.content.toString().trim())) {
-                    return null;
-                }
-            }
-            return fileEntry;
-        }),
-    ]));
-}
+const file_actions_1 = require("../../common/file-actions");
+const pluralize_1 = require("../../common/pluralize");
 function signalStore(options) {
     return (tree) => __awaiter(this, void 0, void 0, function* () {
         var _a;
         const workspace = yield (0, workspace_1.getWorkspace)(tree);
-        const globalConfig = (_a = workspace.extensions.schematics) === null || _a === void 0 ? void 0 : _a["ngx-autogen:all"];
+        const globalConfig = (_a = workspace.extensions.schematics) === null || _a === void 0 ? void 0 : _a["@barcidev/ngx-autogen:all"];
         if (globalConfig && globalConfig.pk && !options.pk) {
             options.pk = globalConfig.pk;
         }
@@ -121,9 +84,9 @@ function signalStore(options) {
             (0, schematics_1.applyTemplates)(Object.assign(Object.assign(Object.assign({}, core_1.strings), options), { pluralize: (word) => {
                     switch (options.lang) {
                         case "es":
-                            return pluralizeEs(word);
+                            return (0, pluralize_1.pluralizeEs)(word);
                         default:
-                            return pluralizeEn(word);
+                            return (0, pluralize_1.pluralizeEn)(word);
                     }
                 }, pk: options.pk || "id" })),
             (0, schematics_1.move)(namePath),
@@ -133,9 +96,9 @@ function signalStore(options) {
             (0, schematics_1.applyTemplates)(Object.assign(Object.assign(Object.assign({}, core_1.strings), options), { pluralize: (word) => {
                     switch (options.lang) {
                         case "es":
-                            return pluralizeEs(word);
+                            return (0, pluralize_1.pluralizeEs)(word);
                         default:
-                            return pluralizeEn(word);
+                            return (0, pluralize_1.pluralizeEn)(word);
                     }
                 }, pk: options.pk || "id" })),
             (0, schematics_1.move)((0, core_1.join)(namePath, options.grouped ? "services" : "")),
@@ -145,15 +108,15 @@ function signalStore(options) {
             (0, schematics_1.applyTemplates)(Object.assign(Object.assign(Object.assign({}, core_1.strings), options), { pluralize: (word) => {
                     switch (options.lang) {
                         case "es":
-                            return pluralizeEs(word);
+                            return (0, pluralize_1.pluralizeEs)(word);
                         default:
-                            return pluralizeEn(word);
+                            return (0, pluralize_1.pluralizeEn)(word);
                     }
                 }, pk: options.pk || "id" })),
             (0, schematics_1.move)((0, core_1.join)(namePath, options.grouped ? "models" : "")),
         ])));
         // common entity
-        rules.push(mergeFilesSmart("./files/entity", "src/app/shared/state", options, tree));
+        rules.push((0, file_actions_1.mergeFilesSmart)("./files/entity", "src/app/shared/state", options, tree));
         return (0, schematics_1.chain)(rules);
     });
 }

package/src/transloco/files/component/__name@dasherize__.i18n.ts.template

@@ -0,0 +1,18 @@
+import { TranslationScopeConfig } from 'app/i18n/transloco.model';
+
+const esCO = {
+  title: 'Titulo'
+};
+const enUS = {
+  title: 'Title'
+};
+
+const scope = '<%= name %>' as const;
+
+export const <%= name %>I18n: TranslationScopeConfig<typeof esCO, typeof scope> = {
+  scope,
+  translations: {
+    'en-US': enUS,
+    'es-CO': esCO
+  }
+};

package/src/transloco/files/i18n/global.i18n.ts.template

@@ -0,0 +1,19 @@
+import { TranslationScopeConfig } from "./transloco.model";
+
+const esCO = {};
+
+const enUS: typeof esCO = {};
+
+const scope = "global" as const;
+
+export const globalI18n: TranslationScopeConfig<typeof esCO, typeof scope> = {
+  scope,
+  translations: {
+    "en-US": enUS,
+    "es-CO": esCO,
+  },
+};
+
+export const appI18n = {
+  [scope]: globalI18n.translations["es-CO"],
+};

package/src/transloco/files/i18n/transloco-loader.ts.template

@@ -0,0 +1,10 @@
+import { HttpClient } from "@angular/common/http";
+import { inject, Injectable } from "@angular/core";
+import { Translation, TranslocoLoader } from "@jsverse/transloco";
+
+@Injectable({ providedIn: "root" })
+export class TranslocoHttpLoader implements TranslocoLoader {
+  private _http = inject(HttpClient);
+
+  getTranslation = (): Promise<Translation> => Promise.resolve({});
+}

package/src/transloco/files/i18n/transloco-wrapper.ts.template

@@ -0,0 +1,12 @@
+import { provideTranslocoScope } from '@jsverse/transloco';
+
+import { TranslationScopeConfig } from './transloco.model';
+
+export const provideTranslocoScopeWrapper = (config: TranslationScopeConfig) =>
+  provideTranslocoScope({
+    alias: config.alias,
+    loader: Object.fromEntries(
+      Object.entries(config.translations).map(([lang, translation]) => [lang, () => Promise.resolve(translation)])
+    ),
+    scope: config.scope
+  });

package/src/transloco/files/i18n/transloco.model.ts.template

@@ -0,0 +1,34 @@
+import { Translation } from "@jsverse/transloco";
+
+import { appI18n } from "./global.i18n";
+
+export type AppI18nType = typeof appI18n;
+
+export type AppLanguageCode = "en-US" | "es-CO";
+
+export type ConfigTranslation<T> = Record<AppLanguageCode, T>;
+
+export type TranslationKeys = PathKeys<AppI18nType> | (string & {});
+export type TranslationPagesKeys<K extends keyof AppI18nType> =
+  | PathKeys<AppI18nType[K]>
+  | (string & {});
+
+export interface TranslationScopeConfig<T = Translation, U = string> {
+  alias?: string;
+  scope: U;
+  translations: ConfigTranslation<T>;
+}
+
+type PathKeys<T> = T extends object
+  ? {
+      [K in keyof T]: K extends number | string
+        ?
+            | `${K}`
+            | (PathKeys<T[K]> extends infer P
+                ? P extends number | string
+                  ? `${K}.${P}`
+                  : never
+                : never)
+        : never;
+    }[keyof T]
+  : never;

package/src/transloco/index.d.ts

@@ -0,0 +1,3 @@
+import { Rule } from "@angular-devkit/schematics";
+import { TranslocoSchemaOptions } from "./scheme";
+export declare function transloco(options: TranslocoSchemaOptions): Rule;

package/src/transloco/index.js

@@ -0,0 +1,113 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.transloco = transloco;
+const schematics_1 = require("@angular-devkit/schematics");
+const tasks_1 = require("@angular-devkit/schematics/tasks");
+const dependencies_1 = require("@schematics/angular/utility/dependencies");
+const rules_1 = require("@schematics/angular/utility/standalone/rules");
+const workspace_1 = require("@schematics/angular/utility/workspace");
+const path_1 = require("path");
+const file_actions_1 = require("../common/file-actions");
+const pluralize_1 = require("../common/pluralize");
+function transloco(options) {
+    return (tree, _context) => __awaiter(this, void 0, void 0, function* () {
+        var _a;
+        // 1. Configuración del Workspace y Proyecto
+        const workspace = yield (0, workspace_1.getWorkspace)(tree);
+        if (!options.project) {
+            options.project =
+                workspace.extensions.defaultProject ||
+                    Array.from(workspace.projects.keys())[0];
+        }
+        const project = workspace.projects.get(options.project);
+        if (!project) {
+            throw new schematics_1.SchematicsException(`El proyecto "${options.project}" no existe.`);
+        }
+        // 2. Detección automática del componente en la ruta actual
+        const fullPath = process.cwd();
+        const relativeExecutionPath = fullPath
+            .replace(process.cwd(), "")
+            .replace(/\\/g, "/");
+        const directory = tree.getDir((0, path_1.normalize)(relativeExecutionPath));
+        const componentFile = directory.subfiles.find((file) => file.endsWith(".component.ts"));
+        if (!componentFile && !options.name) {
+            throw new schematics_1.SchematicsException("❌ No se encontró un archivo *.component.ts en este directorio.");
+        }
+        const componentFileName = componentFile
+            ? componentFile.replace(".component.ts", "")
+            : options.name;
+        options.name = componentFileName;
+        // 3. Determinación de rutas para generación de archivos
+        const srcIndex = fullPath.lastIndexOf("src");
+        const relativePath = srcIndex !== -1
+            ? fullPath.substring(srcIndex)
+            : (0, path_1.join)((0, path_1.normalize)("src"), "app");
+        options.path = (0, path_1.normalize)(relativePath);
+        const namePath = options.path; // Generamos archivos en la misma carpeta del componente detectado
+        const rules = [];
+        // 4. Verificación de instalación de Transloco (Idempotencia)
+        const appConfigPath = "src/app/app.config.ts";
+        const appConfigContent = ((_a = tree.read(appConfigPath)) === null || _a === void 0 ? void 0 : _a.toString()) || "";
+        const isTranslocoInstalled = appConfigContent.includes("provideTransloco");
+        if (!isTranslocoInstalled) {
+            _context.logger.info("📦 Transloco no detectado. Iniciando configuración global...");
+            // A. Añadir dependencia a package.json
+            rules.push((host) => {
+                (0, dependencies_1.addPackageJsonDependency)(host, {
+                    type: dependencies_1.NodeDependencyType.Default,
+                    name: "@jsverse/transloco",
+                    version: "^7.0.0",
+                });
+                _context.addTask(new tasks_1.NodePackageInstallTask());
+                return host;
+            });
+            // B. Inyectar provider global en app.config.ts
+            rules.push((0, rules_1.addRootProvider)(options.project, ({ code, external }) => {
+                return code `
+            ${external("provideTransloco", "@jsverse/transloco")}({
+              config: {
+                availableLangs: ['en', 'es'],
+                defaultLang: 'en',
+                prodMode: !${external("isDevMode", "@angular/core")}(),
+                reRenderOnLangChange: true
+              },
+              loader: ${external("TranslocoHttpLoader", "./i18n/transloco-loader")}
+            })
+          `;
+            }));
+        }
+        // 5. Generación de archivos i18n del componente
+        rules.push((0, schematics_1.mergeWith)((0, schematics_1.apply)((0, schematics_1.url)("./files/component"), [
+            (0, schematics_1.applyTemplates)(Object.assign(Object.assign(Object.assign({}, schematics_1.strings), options), { pluralize: (word) => options.lang === "es" ? (0, pluralize_1.pluralizeEs)(word) : (0, pluralize_1.pluralizeEn)(word) })),
+            (0, schematics_1.move)(namePath),
+        ])));
+        // 6. Registro del Scope en el Componente Standalone
+        if (componentFile) {
+            const componentPath = (0, path_1.join)(namePath, componentFile);
+            const i18nConstantName = `${schematics_1.strings.camelize(options.name)}I18n`;
+            rules.push((0, file_actions_1.addProviderToStandaloneComponent)(componentPath, `provideTranslocoScopeWrapper(${i18nConstantName})`, [
+                {
+                    symbol: `provideTranslocoScopeWrapper`,
+                    path: `src/app/i18n/transloco-loader`, // Ajusta a tu path real de utilidades
+                },
+                {
+                    symbol: i18nConstantName,
+                    path: `./${schematics_1.strings.dasherize(options.name)}.i18n`,
+                },
+            ]));
+        }
+        // 7. Sincronización de archivos i18n comunes
+        rules.push((0, file_actions_1.mergeFilesSmart)("./files/i18n", "src/app/i18n", options, tree));
+        return (0, schematics_1.chain)(rules);
+    });
+}
+//# sourceMappingURL=index.js.map

package/src/transloco/schema.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "TranslocoSchematic",
+  "title": "Transloco Schema",
+  "type": "object",
+  "properties": {
+    "name": {
+      "type": "string",
+      "description": "Name of the component.",
+      "priority": 1
+    },
+    "path": {
+      "type": "string",
+      "description": "Destination path."
+    },
+    "lang": {
+      "type": "string",
+      "description": "Language for pluralization ('en' for English, 'es' for Spanish).",
+      "enum": ["en", "es"],
+      "default": "en"
+    }
+  }
+}

package/src/transloco/scheme.d.ts

@@ -0,0 +1,6 @@
+export interface TranslocoSchemaOptions {
+  path: string | null;
+  name: string;
+  lang: string | null;
+  project?: string;
+}