@barcidev/ngx-autogen 0.1.14 → 0.1.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@barcidev/ngx-autogen",
-  "version": "0.1.14",
+  "version": "0.1.16",
   "description": "A collection of Angular schematics for essential functionalities.",
   "main": "dist/index.js",
   "scripts": {

package/src/common/file-actions.js

@@ -28,27 +28,57 @@ exports.mergeFilesSmart = mergeFilesSmart;
  */
 function addProviderToStandaloneComponent(componentPath, providerName, imports) {
     return (tree) => {
+        var _a;
         const text = tree.read(componentPath);
-        if (!text) {
+        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
+        // 1. Gestionar Imports
         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);
             }
         });
+        // 2. Buscar el decorador @Component y su propiedad 'providers'
+        const componentClass = source.statements.find((s) => {
+            var _a;
+            return ts.isClassDeclaration(s) &&
+                !!((_a = s.modifiers) === null || _a === void 0 ? void 0 : _a.some((m) => m.kind === ts.SyntaxKind.ExportKeyword));
+        });
+        if (!componentClass)
+            return tree;
+        const decorator = (_a = ts
+            .getDecorators(componentClass)) === null || _a === void 0 ? void 0 : _a.find((d) => ts.isCallExpression(d.expression) &&
+            ts.isIdentifier(d.expression.expression) &&
+            d.expression.expression.text === "Component");
+        if (decorator && ts.isCallExpression(decorator.expression)) {
+            const args = decorator.expression.arguments;
+            if (args.length > 0 && ts.isObjectLiteralExpression(args[0])) {
+                const objectLiteral = args[0];
+                const providersProp = objectLiteral.properties.find((p) => ts.isPropertyAssignment(p) &&
+                    ts.isIdentifier(p.name) &&
+                    p.name.text === "providers");
+                if (providersProp &&
+                    ts.isArrayLiteralExpression(providersProp.initializer)) {
+                    // Caso: El array de providers YA existe
+                    const elements = providersProp.initializer.elements;
+                    const pos = elements.length > 0
+                        ? elements[elements.length - 1].getEnd()
+                        : providersProp.initializer.getStart() + 1;
+                    const toAdd = elements.length > 0 ? `, ${providerName}` : providerName;
+                    recorder.insertRight(pos, toAdd);
+                }
+                else {
+                    // Caso: El array de providers NO existe, lo creamos
+                    const pos = objectLiteral.getStart() + 1;
+                    const toAdd = `\n  providers: [${providerName}],`;
+                    recorder.insertRight(pos, toAdd);
+                }
+            }
+        }
         tree.commitUpdate(recorder);
         return tree;
     };

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

@@ -1,4 +1,4 @@
-import { TranslationScopeConfig } from 'app/i18n/transloco.model';
+import { TranslationScopeConfig } from '@i18n/transloco.model';
 
 const esCO = {
   title: 'Titulo'

package/src/transloco/index.d.ts

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

package/src/transloco/index.js

@@ -18,10 +18,13 @@ 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");
+/**
+ * Schematic principal para configurar Transloco en un componente específico
+ */
 function transloco(options) {
     return (tree, _context) => __awaiter(this, void 0, void 0, function* () {
         var _a;
-        // 1. Configuración del Workspace y Proyecto
+        // --- 1. CONFIGURACIÓN INICIAL Y WORKSPACE ---
         const workspace = yield (0, workspace_1.getWorkspace)(tree);
         if (!options.project) {
             options.project =
@@ -32,35 +35,32 @@ function transloco(options) {
         if (!project) {
             throw new schematics_1.SchematicsException(`El proyecto "${options.project}" no existe.`);
         }
-        // 3. Determinación de rutas para generación de archivos
+        // --- 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((0, path_1.normalize)(options.path));
-        console.log(`🔍 Buscando componente en: ${options.path}`);
-        const componentFile = directory.subfiles.find((file) => file.endsWith(".component.ts"));
-        console.log(`📄 Componente detectado: ${componentFile || "Ninguno"}`);
+        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 *.component.ts en este directorio.");
+            throw new schematics_1.SchematicsException("❌ No se encontró un archivo .ts en este directorio y no se proveyó un --name.");
         }
-        const componentFileName = componentFile
-            ? componentFile.replace(".component.ts", "")
+        // Normalizamos el nombre (ej. mi-componente.component -> mi-componente)
+        options.name = componentFile
+            ? componentFile.replace(".component.ts", "").replace(".ts", "")
             : options.name;
-        options.name = componentFileName;
-        console.log(`✅ Nombre del componente para i18n: ${options.name}`);
-        console.log(`📂 Ruta de generación de archivos i18n: ${options.path}`);
-        const namePath = options.path; // Generamos archivos en la misma carpeta del componente detectado
         const rules = [];
-        // 4. Verificación de instalación de Transloco (Idempotencia)
+        // --- 3. CONFIGURACIÓN GLOBAL (IDEMPOTENTE) ---
         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
+        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,
@@ -70,35 +70,32 @@ function transloco(options) {
                 _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")}
-            })
-          `;
-            }));
+            // Provider global en app.config.ts
+            rules.push((0, rules_1.addRootProvider)(options.project, ({ code, external }) => 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
+        // --- 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)(namePath),
+            (0, schematics_1.move)(options.path),
         ])));
-        // 6. Registro del Scope en el Componente Standalone
+        // --- 5. REGISTRO DEL SCOPE EN EL COMPONENTE ---
         if (componentFile) {
-            const componentPath = (0, path_1.join)(namePath, componentFile);
+            const componentPath = (0, path_1.join)(options.path, componentFile);
             const i18nConstantName = `${schematics_1.strings.camelize(options.name)}I18n`;
-            console.log(`🔗 Registrando scope de Transloco en ${componentFile} con constante ${i18nConstantName}, este es el path: ${componentPath}`);
             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
+                    path: `@i18n/transloco-loader`,
                 },
                 {
                     symbol: i18nConstantName,
@@ -106,44 +103,64 @@ function transloco(options) {
                 },
             ]));
         }
-        // 7. Sincronización de archivos i18n comunes
+        // --- 6. SINCRONIZACIÓN DE ARCHIVOS COMUNES Y TSCONFIG ---
         rules.push((0, file_actions_1.mergeFilesSmart)("./files/i18n", "src/app/i18n", options, tree));
+        // Ejecutar actualización de tsconfig
         updateTsConfig(tree);
         return (0, schematics_1.chain)(rules);
     });
-    function updateTsConfig(tree) {
-        const tsConfigPath = "/tsconfig.json";
-        const path = tree.exists(tsConfigPath)
-            ? tsConfigPath
-            : "/tsconfig.app.json";
-        const buffer = tree.read(path);
-        if (!buffer)
-            return;
-        let contentText = buffer.toString();
-        // Limpieza manual de comentarios para evitar que JSON.parse falle
-        const cleanJson = contentText.replace(/\/\*[\s\S]*?\*\/|([^\\:]|^)\/\/.*$/gm, "$1");
-        let tsconfig;
-        try {
-            tsconfig = JSON.parse(cleanJson);
+}
+/**
+ * Actualiza los paths en tsconfig para soportar el alias @i18n.
+ * Detecta la baseUrl existente para calcular la ruta relativa correcta.
+ */
+function updateTsConfig(tree) {
+    const tsConfigPath = tree.exists("/tsconfig.json")
+        ? "/tsconfig.json"
+        : "/tsconfig.app.json";
+    const buffer = tree.read(tsConfigPath);
+    if (!buffer)
+        return;
+    // Limpieza de comentarios para evitar errores en JSON.parse
+    const content = buffer
+        .toString()
+        .replace(/\/\*[\s\S]*?\*\/|([^\\:]|^)\/\/.*$/gm, "$1");
+    try {
+        const tsconfig = JSON.parse(content);
+        // Asegurar que exista compilerOptions
+        tsconfig.compilerOptions = tsconfig.compilerOptions || {};
+        // 1. Detectar o establecer baseUrl
+        // Si no existe, la inicializamos en "./"
+        const baseUrl = tsconfig.compilerOptions.baseUrl || "./";
+        if (!tsconfig.compilerOptions.baseUrl) {
+            tsconfig.compilerOptions.baseUrl = baseUrl;
         }
-        catch (e) {
-            // Si falla, intentamos parsearlo tal cual por si no tiene comentarios
-            try {
-                tsconfig = JSON.parse(contentText);
-            }
-            catch (innerError) {
-                throw new schematics_1.SchematicsException(`No se pudo parsear ${path}. Asegúrate de que es un JSON válido.`);
+        // 2. Calcular el path del alias basado en la baseUrl
+        // Si baseUrl es "./", el path debe ser "src/app/i18n/*"
+        // Si baseUrl es "src", el path debe ser "app/i18n/*"
+        let i18nPath = "src/app/i18n/*";
+        if (baseUrl !== "./" && baseUrl !== ".") {
+            // Normalizamos la baseUrl eliminando barras iniciales/finales (ej. "src/" -> "src")
+            const normalizedBase = baseUrl.replace(/^\.\/|\/$/g, "");
+            // Si la baseUrl ya incluye 'src', la recortamos del path del alias
+            if (i18nPath.startsWith(normalizedBase)) {
+                i18nPath = i18nPath.replace(normalizedBase, "").replace(/^\//, "");
             }
         }
-        // Configurar los paths
-        tsconfig.compilerOptions = tsconfig.compilerOptions || {};
+        // 3. Configurar los paths
         tsconfig.compilerOptions.paths = tsconfig.compilerOptions.paths || {};
-        const sharedAlias = "@i18n/*";
-        const sharedPath = ["src/app/i18n/*"];
-        if (!tsconfig.compilerOptions.paths[sharedAlias]) {
-            tsconfig.compilerOptions.paths[sharedAlias] = sharedPath;
-            tree.overwrite(path, JSON.stringify(tsconfig, null, 2));
+        const alias = "@i18n/*";
+        const pathValue = [i18nPath];
+        // Solo actualizamos si el alias no existe o el valor ha cambiado
+        if (!tsconfig.compilerOptions.paths[alias] ||
+            tsconfig.compilerOptions.paths[alias][0] !== i18nPath) {
+            tsconfig.compilerOptions.paths[alias] = pathValue;
+            tree.overwrite(tsConfigPath, JSON.stringify(tsconfig, null, 2));
+            console.log(`✅ TsConfig actualizado: @i18n -> ${i18nPath} (baseUrl: ${baseUrl})`);
         }
     }
+    catch (e) {
+        console.warn(`⚠️ No se pudo procesar ${tsConfigPath}. Revisa que sea un JSON válido.`);
+    }
 }
 //# sourceMappingURL=index.js.map