@barcidev/ngx-autogen 0.1.22 → 0.1.24

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@barcidev/ngx-autogen",
-  "version": "0.1.22",
+  "version": "0.1.24",
   "description": "A collection of Angular schematics for essential functionalities.",
   "main": "dist/index.js",
   "scripts": {
@@ -50,7 +50,7 @@
   "dependencies": {
     "@angular-devkit/core": "^21.2.0",
     "@angular-devkit/schematics": "^21.2.0",
-    "@barcidev/typed-transloco": "^0.0.8",
+    "@barcidev/typed-transloco": "^0.0.10",
     "@schematics/angular": "^21.2.0",
     "typescript": "~5.9.2"
   },

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

@@ -1,5 +1,4 @@
 import { TranslationScopeConfig } from '@barcidev/typed-transloco';
-import { AppLanguageCode } from '@i18n/app.i18n.ts';
 
 const esCO = {
   title: 'Titulo'
@@ -10,7 +9,7 @@ const enUS = {
 
 const scope = '<%= name %>' as const;
 
-export const <%= name %>I18n: TranslationScopeConfig<AppLanguageCode, typeof esCO, typeof scope> = {
+export const <%= name %>I18n: TranslationScopeConfig<typeof esCO, typeof scope> = {
   scope,
   translations: {
     'en-US': enUS,

package/src/transloco/index.d.ts

@@ -1,6 +1,6 @@
 import { Rule } from "@angular-devkit/schematics";
 import { TranslocoSchemaOptions } from "./scheme";
 /**
- * Schematic principal para configurar Transloco en un componente específico
+ * Lógica principal del Schematic
  */
 export declare function transloco(options: TranslocoSchemaOptions): Rule;

package/src/transloco/index.js

@@ -15,84 +15,136 @@ const tasks_1 = require("@angular-devkit/schematics/tasks");
 const dependencies_1 = require("@schematics/angular/utility/dependencies");
 const workspace_1 = require("@schematics/angular/utility/workspace");
 const path_1 = require("path");
+const jsonc_parser_1 = require("jsonc-parser");
 const file_actions_1 = require("../common/file-actions");
 const pluralize_1 = require("../common/pluralize");
 /**
- * Schematic principal para configurar Transloco en un componente específico
+ * Lógica principal del Schematic
  */
 function transloco(options) {
-    return (tree, _context) => __awaiter(this, void 0, void 0, function* () {
-        var _a;
-        // --- 1. CONFIGURACIÓN INICIAL Y WORKSPACE ---
+    return (tree) => __awaiter(this, void 0, void 0, function* () {
         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. DETERMINACIÓN DE RUTAS Y DETECCIÓN DE COMPONENTE ---
-        // Resolvemos el path relativo (src/app/...) basado en el directorio de ejecución
-        const fullPath = process.cwd();
-        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 directory = tree.getDir(options.path);
-        // Buscamos el archivo .ts principal del directorio
-        const componentFile = directory.subfiles.find((f) => f.endsWith(".component.ts")) ||
-            directory.subfiles.find((f) => f.endsWith(".ts"));
-        if (!componentFile && !options.name) {
-            throw new schematics_1.SchematicsException("❌ No se encontró un archivo .ts en este directorio y no se proveyó un --name.");
-        }
-        // Normalizamos el nombre (ej. mi-componente.component -> mi-componente)
-        options.name = componentFile
-            ? componentFile.replace(".component.ts", "").replace(".ts", "")
-            : options.name;
-        const rules = [
-            (0, schematics_1.externalSchematic)("@barcidev/typed-transloco", "ng-add", {}),
-        ];
-        // --- 3. CONFIGURACIÓN GLOBAL (IDEMPOTENTE) ---
+        const { project, projectName } = getProjectConfiguration(workspace, options);
+        const { path, componentFile, componentName } = resolveComponentContext(tree, options);
+        // Actualizamos las opciones con los valores calculados para las siguientes reglas
+        const finalOptions = Object.assign(Object.assign({}, options), { project: projectName, path, name: componentName });
+        return (0, schematics_1.chain)([
+            setupGlobalConfig(),
+            generateI18nFiles(finalOptions),
+            updateAppI18nType(project.root || "src", `${schematics_1.strings.camelize(componentName)}I18n`, `${path}/${schematics_1.strings.dasherize(componentName)}.i18n`),
+            registerProviderInComponent(finalOptions, componentFile),
+        ]);
+    });
+}
+/**
+ * --- FUNCIONES HELPER (PURAS O DE CONFIGURACIÓN) ---
+ */
+function getProjectConfiguration(workspace, options) {
+    const projectName = options.project ||
+        workspace.extensions.defaultProject ||
+        Array.from(workspace.projects.keys())[0];
+    const project = workspace.projects.get(projectName);
+    if (!project)
+        throw new schematics_1.SchematicsException(`El proyecto "${projectName}" no existe.`);
+    return { project, projectName };
+}
+function resolveComponentContext(tree, options) {
+    const fullPath = process.cwd();
+    const srcIndex = fullPath.lastIndexOf("src");
+    const path = (0, path_1.normalize)(srcIndex !== -1
+        ? fullPath.substring(srcIndex)
+        : (0, path_1.join)((0, path_1.normalize)("src"), "app"));
+    const directory = tree.getDir(path);
+    const componentFile = directory.subfiles.find((f) => f.endsWith(".component.ts")) ||
+        directory.subfiles.find((f) => f.endsWith(".ts"));
+    if (!componentFile && !options.name) {
+        throw new schematics_1.SchematicsException("❌ No se encontró un componente y no se proveyó un --name.");
+    }
+    const componentName = componentFile
+        ? componentFile.replace(".component.ts", "").replace(".ts", "")
+        : options.name;
+    return { path, componentFile, componentName };
+}
+/**
+ * --- REGLAS (RULES) ---
+ */
+function setupGlobalConfig() {
+    return (tree, context) => {
+        var _a;
         const appConfigPath = "src/app/app.config.ts";
-        const appConfigContent = ((_a = tree.read(appConfigPath)) === null || _a === void 0 ? void 0 : _a.toString()) || "";
-        if (!appConfigContent.includes("provideTransloco")) {
-            _context.logger.info("📦 Transloco no detectado. Configurando globalmente...");
-            // Dependencias y tarea de instalación
-            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;
-            });
+        const content = ((_a = tree.read(appConfigPath)) === null || _a === void 0 ? void 0 : _a.toString()) || "";
+        if (content.includes("provideTransloco"))
+            return tree;
+        context.logger.info("📦 Configurando dependencias globales de Transloco...");
+        (0, dependencies_1.addPackageJsonDependency)(tree, {
+            type: dependencies_1.NodeDependencyType.Default,
+            name: "@jsverse/transloco",
+            version: "^7.0.0",
+        });
+        context.addTask(new tasks_1.NodePackageInstallTask());
+        return (0, schematics_1.chain)([
+            (0, schematics_1.externalSchematic)("@barcidev/typed-transloco", "ng-add", {}),
+        ]);
+    };
+}
+function generateI18nFiles(options) {
+    return (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)(options.path),
+    ]));
+}
+function updateAppI18nType(root, name, importPath) {
+    return (tree, context) => {
+        const path = `${root}/app/i18n/app.i18n.ts`;
+        const buffer = tree.read(path);
+        if (!buffer) {
+            context.logger.warn(`⚠️ No se encontró el archivo ${path}`);
+            return tree;
         }
-        // --- 4. 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)(options.path),
-        ])));
-        // --- 5. REGISTRO DEL SCOPE EN EL COMPONENTE ---
-        if (componentFile) {
-            const componentPath = (0, path_1.join)(options.path, componentFile);
-            const i18nConstantName = `${schematics_1.strings.camelize(options.name)}I18n`;
-            rules.push((0, file_actions_1.addProviderToStandaloneComponent)(componentPath, `provideTranslocoScopeWrapper(${i18nConstantName})`, [
-                {
-                    symbol: `provideTranslocoScopeWrapper`,
-                    path: `@i18n/transloco-wrapper`,
-                },
-                {
-                    symbol: i18nConstantName,
-                    path: `./${schematics_1.strings.dasherize(options.name)}.i18n`,
-                },
-            ]));
+        let content = buffer.toString();
+        const importStatement = `import { ${name} } from '${importPath}';\n`;
+        // 1. AGREGAR EL IMPORT (si no existe ya)
+        if (!content.includes(importPath)) {
+            content = importStatement + content;
         }
-        return (0, schematics_1.chain)(rules);
-    });
+        // 2. ACTUALIZAR EL OBJETO appI18n
+        const options = {
+            formattingOptions: { insertSpaces: true, tabSize: 2 },
+        };
+        // Buscamos el bloque del objeto appI18n
+        const regex = /const\s+appI18n\s*=\s*(\{[\s\S]*?\});/;
+        const match = content.match(regex);
+        if (match) {
+            const oldObjectStr = match[1];
+            /**
+             * Usamos jsonc-parser sobre el fragmento del objeto.
+             * Nota: Pasamos la variableName como referencia (string sin comillas en el valor final)
+             * Para que TS lo reconozca como la variable importada y no como un string,
+             * hacemos un pequeño truco de reemplazo después de modificar.
+             */
+            const edits = (0, jsonc_parser_1.modify)(oldObjectStr, [name], [name + ".translations[en-US]"], options);
+            let newObjectStr = (0, jsonc_parser_1.applyEdits)(oldObjectStr, edits);
+            const newContent = content.replace(oldObjectStr, newObjectStr);
+            tree.overwrite(path, newContent);
+            context.logger.info(`✅ Importado ${name}"`);
+        }
+        return tree;
+    };
+}
+function registerProviderInComponent(options, componentFile) {
+    if (!componentFile)
+        return (tree) => tree;
+    const componentPath = (0, path_1.join)(options.path, componentFile);
+    const i18nConstantName = `${schematics_1.strings.camelize(options.name)}I18n`;
+    return (0, file_actions_1.addProviderToStandaloneComponent)(componentPath, `provideTranslocoScopeWrapper(${i18nConstantName})`, [
+        {
+            symbol: `provideTranslocoScopeWrapper`,
+            path: `@barcidev/typed-transloco`,
+        },
+        {
+            symbol: i18nConstantName,
+            path: `./${schematics_1.strings.dasherize(options.name)}.i18n`,
+        },
+    ]);
 }
 //# sourceMappingURL=index.js.map