@barcidev/ngx-autogen 0.1.70 → 0.1.72

package/README_ES.md

@@ -0,0 +1,385 @@
+<p align="center">
+  <img src="./logo.png" alt="ngx-autogen logo" width="120">
+</p>
+
+<p align="center">
+  <a href="README.md">🇺🇸 English</a> | <a href="README_ES.md">🇪🇸 Español</a>
+</p>
+
+<p align="center">
+  <a href="https://www.npmjs.com/package/@barcidev/ngx-autogen"><img src="https://img.shields.io/npm/v/@barcidev/ngx-autogen?style=for-the-badge&color=007acc&labelColor=010101" alt="npm version"></a>
+  <a href="https://github.com/jpalacio09/ngx-autogen/blob/main/LICENSE"><img src="https://img.shields.io/npm/l/@barcidev/ngx-autogen?style=for-the-badge&color=green&labelColor=010101" alt="license"></a>
+  <img src="https://img.shields.io/badge/Angular-17%2B-DD0031?style=for-the-badge&logo=angular&labelColor=010101" alt="Angular 17+">
+  <img src="https://img.shields.io/badge/NgRx%20Signals-17%2B-BA2BD2?style=for-the-badge&logo=ngrx&labelColor=010101" alt="NgRx Signals 17+">
+</p>
+
+<p align="center">
+  <b>⚡ Schematics de Angular que generan entidades completas de NgRx Signal Store, scopes de i18n para Transloco y componentes standalone en segundos. ⚡</b>
+</p>
+
+---
+
+## 📖 Tabla de Contenidos
+
+- [Resumen](#resumen)
+- [Requisitos](#requisitos)
+- [Instalación](#instalación)
+  - [Vía ng add (recomendado)](#vía-ng-add-recomendado)
+  - [Vía npm](#vía-npm)
+- [Exports de Runtime](#exports-de-runtime)
+- [Referencia de Schematics](#referencia-de-schematics)
+  - [ng-add](#ng-add)
+  - [app-store](#app-store)
+  - [app-i18n](#app-i18n)
+  - [app-component](#app-component)
+- [Licencia](#licencia)
+
+---
+
+## 🌟 Resumen
+
+`@barcidev/ngx-autogen` es una colección de schematics para Angular diseñada para eliminar el scaffolding repetitivo al construir aplicaciones empresariales. Genera código listo para producción enfocado en tres áreas principales:
+
+- **NgRx Signal Store** (`app-store`) - Un store de señales CRUD completo con gestión de entidades, estado de pagación, seguimiento de estado y una capa de servicio y modelo. Basado en `@ngrx/signals` y `@ngrx/signals/entities`.
+- **Transloco i18n** (`app-i18n`) - Archivos de traducción con integración tipada de Transloco vía `@barcidev/typed-transloco`, registro automático de providers y actualización global del mapa de tipos.
+- **Componente Angular** (`app-component`) - Generación de componentes standalone vía `@schematics/angular` con cableado opcional automático para el store e i18n.
+
+La librería también incluye utilidades de runtime bajo `@barcidev/ngx-autogen/entity` que proporcionan características reutilizables para NgRx Signal Store: `withEntityStatus`, `withPagination` y ayudantes para modelos tipados.
+
+---
+
+## 📋 Requisitos
+
+| Dependencia | Versión Mínima |
+|---|---|
+| `@angular/core` | `>=17.0.0` |
+| `@angular/common` | `>=17.0.0` |
+| `@angular/forms` | `>=17.0.0` |
+| `@ngrx/signals` | `>=17.0.0` |
+| Node.js | `>=16.0.0` |
+
+---
+
+## 🚀 Instalación
+
+### Vía ng add (recomendado)
+
+```bash
+ng add @barcidev/ngx-autogen
+```
+
+Este comando realiza las siguientes acciones automáticamente:
+
+1. **Mueve la librería a `devDependencies`** - Si se instaló como una dependencia de producción, se reubica en `devDependencies` en el `package.json`.
+2. **Registra la colección de schematics** - Añade `@barcidev/ngx-autogen` a `cli.schematicCollections` en `angular.json`, habilitando alias cortos como `ng g app-store`.
+3. **Almacena la configuración global** - Guarda el idioma predeterminado seleccionado (`lang`) bajo `schematics["@barcidev/ngx-autogen:all"]` en `angular.json` para que todos los schematics lo hereden.
+
+**Prompt:**
+
+| Pregunta | Por defecto |
+|---|---|
+| ¿Cuál es el idioma predeterminado para la aplicación (en, es)? | `en` |
+
+### Vía npm
+
+```bash
+npm install @barcidev/ngx-autogen --save-dev
+```
+
+> [!NOTE]
+> Al instalar vía npm, debe registrar manualmente la colección en `angular.json` y usar el nombre completo del schematic (ej: `ng generate @barcidev/ngx-autogen:app-store`).
+
+---
+
+## 🛠️ Exports de Runtime
+
+La librería exporta características reutilizables para NgRx Signal Store bajo el punto de entrada `@barcidev/ngx-autogen/entity`:
+
+| Export | Descripción |
+|---|---|
+| `withEntityStatus()` | Característica del Signal Store que añade seguimiento de carga, errores y estado de selección para las entidades. |
+| `withPagination()` | Característica del Signal Store que añade estado de paginación (página, tamaño, total). |
+| `RequestConfig<TPayload, TResponse>` | Tipo genérico para configuraciones de métodos del store con callbacks `payload`, `onSuccess` y `onError`. |
+| `FormGroupType<T>` | Tipo de utilidad que mapea una interfaz a sus tipos de control de `FormGroup` de Angular. |
+
+```typescript
+import { withEntityStatus, withPagination, RequestConfig, FormGroupType } from '@barcidev/ngx-autogen/entity';
+```
+
+---
+
+## 📖 Referencia de Schematics
+
+### `ng-add`
+
+**Descripción**: Schematic de ng add para ngx-autogen. Configura el espacio de trabajo para usar todos los schematics de la librería.
+
+**Uso**
+```bash
+ng add @barcidev/ngx-autogen
+```
+
+**Opciones**
+
+| Opción | Tipo | Por defecto | Requerido | Descripción |
+|---|---|---|---|---|
+| `lang` | `string` | `en` | No | El idioma predeterminado para la aplicación (`en`, `es`). |
+
+---
+
+### `app-store`
+
+> Alias: `ng g app-store` (cuando la colección está registrada vía `ng add`)
+
+**Descripción**: Añade NgRx Store a la aplicación Angular con soporte para señales. Genera un signal store CRUD completo, servicio y capa de modelo para una entidad dada.
+
+**Uso**
+```bash
+# Forma corta (requiere ng add):
+ng g app-store --name product
+
+# Forma completa:
+ng generate @barcidev/ngx-autogen:app-store --name product
+```
+
+**Opciones**
+
+| Opción | Tipo | Por defecto | Requerido | Descripción |
+|---|---|---|---|---|
+| `name` | `string` | - | **Sí** | Nombre de la entidad. Se usa para derivar todos los nombres de clases, archivos y métodos del store. |
+| `path` | `string` | *(cwd)* | No | Ruta de destino. Por defecto es el directorio de trabajo actual relativo a `src/`. |
+| `grouped` | `boolean` | `false` | No | Indica si los archivos deben agruparse en subcarpetas `models/` y `services/`. |
+| `pk` | `string` | `id` | No | El nombre de la clave primaria predeterminada (ej: `id`, `cod`, `uuid`). |
+| `lang` | `string` | *(global)* | No | El idioma predeterminado para la aplicación (`en`, `es`). Heredado de la configuración de `ng add`. |
+| `isProvideInRoot` | `boolean` | `false` | No | Indica si el store y el servicio deben usar `providedIn: 'root'`. |
+
+**Qué genera**
+
+Para un nombre de entidad dado, este schematic crea:
+
+- `<name>.store.ts` - Signal Store de NgRx con métodos CRUD completos (`add`, `load`, `update`, `remove`, `select`), configuración de entidad, selectores computados y hook `onInit`.
+- `<name>.service.ts` - Servicio inyectable con métodos base para `add$`, `get$` (pluralizado), `update$` y `remove$`.
+- `<name>.model.ts` - Interfaces TypeScript: `Add<Name>`, `<Name>Dto`, `Update<Name>`, `Add<Name>Form` y `<Name>Request`.
+- `state/index.ts` - Archivo barrel con re-exports (creado o actualizado).
+
+También:
+- Instala `@ngrx/signals` si no está presente (coincidiendo con la versión mayor de Angular).
+- Configura el alias de ruta `@shared-state/*` en `tsconfig.app.json`.
+- Guarda los valores predeterminados de `pk` y `lang` en `angular.json`.
+
+**Ejemplos**
+
+**Mínimo - Entidad con valores por defecto:**
+```bash
+ng g app-store --name product
+```
+```
+src/app/state/
+  index.ts
+  product/
+    product.model.ts
+    product.service.ts
+    product.store.ts
+```
+
+**Diseño agrupado con PK personalizada:**
+```bash
+ng g app-store --name invoice --grouped --pk cod
+```
+```
+src/app/state/
+  index.ts
+  invoice/
+    models/
+      invoice.model.ts
+    services/
+      invoice.service.ts
+    invoice.store.ts
+```
+
+**Proporcionado en root con pluralización en español:**
+```bash
+ng g app-store --name usuario --isProvideInRoot --lang es
+```
+```
+src/app/state/
+  index.ts
+  usuario/
+    usuario.model.ts      # interfaces con pk: id
+    usuario.service.ts    # @Injectable({ providedIn: 'root' })
+    usuario.store.ts      # signalStore({ providedIn: 'root' }, ...) - los métodos usan "Usuarios" (plural en español)
+```
+
+---
+
+### `app-i18n`
+
+> Alias: `ng g app-i18n` (cuando la colección está registrada vía `ng add`)
+
+**Descripción**: Añade Transloco a la aplicación Angular. Genera un archivo de traducción con scope i18n y lo conecta al componente objetivo.
+
+**Uso**
+```bash
+# Forma corta:
+ng g app-i18n --name dashboard
+
+# Forma completa:
+ng generate @barcidev/ngx-autogen:app-i18n --name dashboard
+```
+
+**Opciones**
+
+| Opción | Tipo | Por defecto | Requerido | Descripción |
+|---|---|---|---|---|
+| `name` | `string` | *(auto-detect)* | No | Nombre del componente. Se detecta automáticamente del archivo `.component.ts` en el directorio actual si no se proporciona. |
+| `path` | `string` | *(cwd)* | No | Ruta de destino. Por defecto es el directorio de trabajo actual relativo a `src/`. |
+| `lang` | `string` | *(global)* | No | Idioma para la pluralización (`en` para inglés, `es` para español). |
+
+**Qué genera**
+
+- `<name>.i18n.ts` - Archivo de scope de traducción con objetos `en-US` y `es-CO` registrados vía `TranslocoUtils.createScopeConfig`.
+
+También:
+- Ejecuta `@barcidev/typed-transloco:ng-add` si Transloco aún no está configurado en el proyecto.
+- Añade `provideTranslocoScopeWrapper` al array de `providers` del componente.
+- Añade `AppTypedTranslocoDirective` al array de `imports` del componente.
+- Actualiza el mapa de tipos global `app.i18n.ts` con el nuevo scope.
+
+**Ejemplos**
+
+**Auto-detectar componente en el directorio actual:**
+```bash
+cd src/app/features/dashboard
+ng g app-i18n
+```
+```
+src/app/features/dashboard/
+  dashboard.i18n.ts          # nuevo
+  dashboard.component.ts     # actualizado con providers + imports
+```
+
+**Nombre y ruta explícitos:**
+```bash
+ng g app-i18n --name settings --path src/app/features/settings
+```
+```
+src/app/features/settings/
+  settings.i18n.ts
+```
+
+**Con pluralización en español:**
+```bash
+ng g app-i18n --name usuario --lang es
+```
+```
+src/app/features/usuario/
+  usuario.i18n.ts    # clave de scope: "usuario", la pluralización usa reglas del español
+```
+
+---
+
+### `app-component`
+
+> Alias: `ng g app-component` (cuando la colección está registrada vía `ng add`)
+
+**Descripción**: Genera un componente de Angular con soporte opcional para i18n y NgRx. Delega en `@schematics/angular:component` para la generación base, luego encadena opcionalmente los schematics `app-store` y `app-i18n`.
+
+**Uso**
+```bash
+# Forma corta:
+ng g app-component --name product-list
+
+# Forma completa:
+ng generate @barcidev/ngx-autogen:app-component --name product-list
+```
+
+**Opciones**
+
+| Opción | Tipo | Por defecto | Requerido | Descripción |
+|---|---|---|---|---|
+| `name` | `string` | - | **Sí** | Nombre del componente. |
+| `store` | `string` | - | No | Indica si se debe crear un store para el componente. Enum: `Yes`, `No`. |
+| `i18n` | `string` | - | No | Indica si se debe crear un archivo i18n para el componente. Enum: `Yes`, `No`. |
+| `pk` | `string` | `id` | No | El nombre de la clave primaria predeterminada. Solo se usa cuando `store` es `Yes`. |
+| `isProvideInRoot` | `boolean` | `false` | No | Indica si el store y el servicio deben proporcionarse en root. Solo se usa cuando `store` es `Yes`. |
+| `path` | `string` | *(cwd)* | No | Ruta de destino. |
+| `lang` | `string` | *(global)* | No | Idioma para la pluralización (`en`, `es`). |
+| `style` | `string` | `css` | No | La extensión de archivo o preprocesador a usar para los archivos de estilo. |
+| `skipTests` | `boolean` | `false` | No | No crear archivos de prueba `spec.ts`. |
+| `inlineStyle` | `boolean` | `false` | No | Incluir estilos inline en el archivo `.ts` del componente. |
+| `inlineTemplate` | `boolean` | `false` | No | Incluir plantilla inline en el archivo `.ts` del componente. |
+
+**Prompts interactivos** (cuando `store` es `Yes`):
+
+| Pregunta | Por defecto |
+|---|---|
+| What is the name of the entity store to create? | *(nombre del componente)* |
+| What is the name of the default Primary Key? | `id` |
+| Should the store and service be provided in root? | `No` |
+
+**Qué genera**
+
+El componente base es generado por el schematic oficial `@schematics/angular:component` con `standalone: true`. Dependiendo de las opciones:
+
+- **Con `store: Yes`**: Encadena el schematic `app-store` dentro del directorio del componente, inyecta el store en la clase del componente, añade `JsonPipe` a los imports, conecta la propiedad computada `data$` y configura los `providers` con `provide<Name>Store()` (a menos que `isProvideInRoot` sea true). También actualiza el `.spec.ts` con providers de mock para el store.
+- **Con `i18n: Yes`**: Encadena el schematic `app-i18n` dentro del directorio del componente.
+
+**Ejemplos**
+
+**Mínimo - Solo componente:**
+```bash
+ng g app-component --name dashboard --store No --i18n No
+```
+```
+src/app/dashboard/
+  dashboard.component.ts
+  dashboard.component.html
+  dashboard.component.css
+  dashboard.component.spec.ts
+```
+
+**Componente con store e i18n:**
+```bash
+ng g app-component --name product-list --store Yes --i18n Yes --style scss
+```
+```
+src/app/product-list/
+  product-list.component.ts     # inyecta ProductListStore, data$, JsonPipe, providers
+  product-list.component.html   # <div *typedTransloco="let t; prefix:'productList'">
+  product-list.component.scss
+  product-list.component.spec.ts # TestBed configurado con mock del store
+  product-list.i18n.ts
+  state/
+    index.ts
+    product-list/
+      product-list.model.ts
+      product-list.service.ts
+      product-list.store.ts
+```
+
+**Componente con nombre de store personalizado y provider en root:**
+```bash
+ng g app-component --name user-profile --store Yes --i18n No --pk uuid --isProvideInRoot
+```
+
+Cuando se le pida el nombre del entity store, ingrese `user` en lugar del predeterminado `user-profile`:
+
+```
+src/app/user-profile/
+  user-profile.component.ts     # inyecta UserStore (no UserProfileStore)
+  user-profile.component.html
+  user-profile.component.css
+  user-profile.component.spec.ts
+  state/
+    index.ts
+    user/
+      user.model.ts             # campo pk: uuid
+      user.service.ts           # @Injectable({ providedIn: 'root' })
+      user.store.ts             # signalStore({ providedIn: 'root' }, ...)
+```
+
+---
+
+## ⚖️ Licencia
+
+[MIT](./LICENSE) - Jorge Palacio Barcinilla

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@barcidev/ngx-autogen",
-  "version": "0.1.70",
+  "version": "0.1.72",
   "description": "A collection of Angular schematics for essential functionalities.",
   "main": "dist/index.js",
   "scripts": {
@@ -18,6 +18,7 @@
     "dist/lib/**/*.js",
     "dist/lib/**/*.d.ts",
     "README.md",
+    "README_ES.md",
     "LICENSE"
   ],
   "keywords": [
@@ -54,6 +55,7 @@
     "@angular-devkit/schematics": "^21.2.0",
     "@barcidev/typed-transloco": "^0.0.15",
     "@schematics/angular": "^21.2.0",
+    "ts-morph": "^28.0.0",
     "typescript": "~5.9.2"
   },
   "devDependencies": {

package/src/angular/component/index.js

@@ -13,7 +13,7 @@ exports.component = component;
 const schematics_1 = require("@angular-devkit/schematics");
 const workspace_1 = require("@schematics/angular/utility/workspace");
 const path_1 = require("path");
-const pluralize_1 = require("../../common/pluralize");
+const ts_morph_1 = require("ts-morph");
 const prompts_1 = require("../../common/prompts");
 function component(options) {
     return (tree) => __awaiter(this, void 0, void 0, function* () {
@@ -31,7 +31,17 @@ function component(options) {
         }
         const context = resolveComponentContext(workspace, options);
         return (0, schematics_1.chain)([
-            generateComponentFiles(context),
+            (0, schematics_1.externalSchematic)("@schematics/angular", "component", {
+                name: context.options.name,
+                path: context.movePath,
+                project: context.projectName,
+                style: options.style,
+                skipTests: options.skipTests,
+                inlineStyle: options.inlineStyle,
+                inlineTemplate: options.inlineTemplate,
+                standalone: true, // Forzar standalone true como estándar moderno
+            }),
+            injectStoreAndI18n(context),
             options.i18n === "Yes"
                 ? (0, schematics_1.schematic)("app-i18n", {
                     name: context.options.name,
@@ -76,11 +86,129 @@ function resolveComponentContext(workspace, options) {
         entityName: schematics_1.strings.classify(options.name),
     };
 }
-function generateComponentFiles(ctx) {
-    const { options, movePath, nameDash } = ctx;
-    const targetPath = (0, path_1.join)(movePath, nameDash);
-    const templateUtils = 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) });
-    const createSource = (srcUrl, dest) => (0, schematics_1.mergeWith)((0, schematics_1.apply)((0, schematics_1.url)(srcUrl), [(0, schematics_1.applyTemplates)(templateUtils), (0, schematics_1.move)(dest)]));
-    return (0, schematics_1.chain)([createSource("./files", targetPath)]);
+function injectStoreAndI18n(ctx) {
+    return (tree) => {
+        const { options, movePath, nameDash } = ctx;
+        const storeName = options.storeName ? schematics_1.strings.classify(options.storeName) : '';
+        const storeVar = options.storeName ? schematics_1.strings.camelize(options.storeName) : '';
+        const componentName = schematics_1.strings.classify(options.name);
+        const tsPath = (0, path_1.join)(movePath, nameDash, `${nameDash}.component.ts`);
+        const project = new ts_morph_1.Project({ manipulationSettings: { quoteKind: ts_morph_1.QuoteKind.Single } });
+        if (options.store === 'Yes' && tree.exists(tsPath)) {
+            const sourceFile = project.createSourceFile('temp.ts', tree.read(tsPath).toString());
+            sourceFile.addImportDeclaration({
+                moduleSpecifier: './state',
+                namedImports: options.isProvideInRoot ? [`${storeName}Store`] : [`${storeName}Store`, `provide${storeName}Store`]
+            });
+            const hasJsonPipe = sourceFile.getImportDeclarations().some(imp => imp.getNamedImports().some(n => n.getName() === 'JsonPipe'));
+            if (!hasJsonPipe) {
+                sourceFile.addImportDeclaration({
+                    moduleSpecifier: '@angular/common',
+                    namedImports: ['JsonPipe']
+                });
+            }
+            const hasInject = sourceFile.getImportDeclarations().some(imp => imp.getNamedImports().some(n => n.getName() === 'inject'));
+            if (!hasInject) {
+                const coreImport = sourceFile.getImportDeclaration('@angular/core');
+                if (coreImport) {
+                    coreImport.addNamedImport('inject');
+                }
+                else {
+                    sourceFile.addImportDeclaration({
+                        moduleSpecifier: '@angular/core',
+                        namedImports: ['inject']
+                    });
+                }
+            }
+            const classDecl = sourceFile.getClass(`${componentName}Component`);
+            if (classDecl) {
+                classDecl.insertProperty(0, {
+                    name: `_${storeVar}Store`,
+                    initializer: `inject(${storeName}Store)`,
+                    scope: ts_morph_1.Scope.Private
+                });
+                classDecl.insertProperty(1, {
+                    name: `data$`,
+                    initializer: `this._${storeVar}Store.entities()`
+                });
+                const componentDecorator = classDecl.getDecorator('Component');
+                if (componentDecorator) {
+                    const objExpr = componentDecorator.getArguments()[0];
+                    if (objExpr && objExpr.getKind() === ts_morph_1.SyntaxKind.ObjectLiteralExpression) {
+                        const obj = objExpr.asKindOrThrow(ts_morph_1.SyntaxKind.ObjectLiteralExpression);
+                        const importsProp = obj.getProperty('imports');
+                        if (importsProp && importsProp.getKind() === ts_morph_1.SyntaxKind.PropertyAssignment) {
+                            const arr = importsProp.asKindOrThrow(ts_morph_1.SyntaxKind.PropertyAssignment).getInitializerIfKind(ts_morph_1.SyntaxKind.ArrayLiteralExpression);
+                            if (arr) {
+                                arr.addElement('JsonPipe');
+                            }
+                        }
+                        else {
+                            obj.addPropertyAssignment({ name: 'imports', initializer: '[JsonPipe]' });
+                        }
+                        if (!options.isProvideInRoot) {
+                            const providersProp = obj.getProperty('providers');
+                            if (providersProp && providersProp.getKind() === ts_morph_1.SyntaxKind.PropertyAssignment) {
+                                const arr = providersProp.asKindOrThrow(ts_morph_1.SyntaxKind.PropertyAssignment).getInitializerIfKind(ts_morph_1.SyntaxKind.ArrayLiteralExpression);
+                                if (arr) {
+                                    arr.addElement(`...provide${storeName}Store()`);
+                                }
+                            }
+                            else {
+                                obj.addPropertyAssignment({ name: 'providers', initializer: `[...provide${storeName}Store()]` });
+                            }
+                        }
+                    }
+                }
+            }
+            tree.overwrite(tsPath, sourceFile.getFullText());
+        }
+        if (!options.inlineTemplate) {
+            const htmlPath = (0, path_1.join)(movePath, nameDash, `${nameDash}.component.html`);
+            if (tree.exists(htmlPath)) {
+                let htmlContent = `<div>\n  <h1>${componentName} Works!</h1>\n`;
+                if (options.store === 'Yes') {
+                    htmlContent += `  <pre>{{ data$() | json }}</pre>\n`;
+                }
+                htmlContent += `</div>`;
+                if (options.i18n === 'Yes') {
+                    htmlContent = `<div *typedTransloco="let t; prefix:'${schematics_1.strings.camelize(options.name)}'">\n  <h1>{{ t('title') }}</h1>\n`;
+                    if (options.store === 'Yes') {
+                        htmlContent += `  <pre>{{ data$() | json }}</pre>\n`;
+                    }
+                    htmlContent += `</div>`;
+                }
+                tree.overwrite(htmlPath, htmlContent);
+            }
+        }
+        const specPath = (0, path_1.join)(movePath, nameDash, `${nameDash}.component.spec.ts`);
+        if (options.store === 'Yes' && !options.skipTests && tree.exists(specPath)) {
+            const specSource = project.createSourceFile('spec.ts', tree.read(specPath).toString());
+            specSource.addImportDeclaration({
+                moduleSpecifier: './state',
+                namedImports: [`${storeName}Store`]
+            });
+            const callExprs = specSource.getDescendantsOfKind(ts_morph_1.SyntaxKind.CallExpression);
+            const configTestBed = callExprs.find(c => c.getExpression().getText() === 'TestBed.configureTestingModule');
+            if (configTestBed) {
+                const objArg = configTestBed.getArguments()[0];
+                if (objArg && objArg.getKind() === ts_morph_1.SyntaxKind.ObjectLiteralExpression) {
+                    const obj = objArg.asKindOrThrow(ts_morph_1.SyntaxKind.ObjectLiteralExpression);
+                    const providersProp = obj.getProperty('providers');
+                    if (providersProp && providersProp.getKind() === ts_morph_1.SyntaxKind.PropertyAssignment) {
+                        const arr = providersProp.asKindOrThrow(ts_morph_1.SyntaxKind.PropertyAssignment).getInitializerIfKind(ts_morph_1.SyntaxKind.ArrayLiteralExpression);
+                        if (arr) {
+                            arr.addElement(`{ provide: ${storeName}Store, useValue: { entities: () => [] } }`);
+                        }
+                    }
+                    else {
+                        obj.addPropertyAssignment({ name: 'providers', initializer: `[{ provide: ${storeName}Store, useValue: { entities: () => [] } }]` });
+                    }
+                }
+            }
+            tree.overwrite(specPath, specSource.getFullText());
+        }
+        return tree;
+    };
 }
 //# sourceMappingURL=index.js.map

package/src/angular/component/schema.json

@@ -40,6 +40,26 @@
       "type": "string",
       "description": "Language for pluralization ('en' for English, 'es' for Spanish).",
       "enum": ["en", "es"]
+    },
+    "style": {
+      "type": "string",
+      "description": "The file extension or preprocessor to use for style files.",
+      "default": "css"
+    },
+    "skipTests": {
+      "type": "boolean",
+      "description": "Do not create \"spec.ts\" test files for the new class.",
+      "default": false
+    },
+    "inlineStyle": {
+      "type": "boolean",
+      "description": "Include styles inline in the component.ts file. Only CSS styles can be included inline.",
+      "default": false
+    },
+    "inlineTemplate": {
+      "type": "boolean",
+      "description": "Include template inline in the component.ts file.",
+      "default": false
     }
   },
   "required": ["name"]

package/src/angular/component/types/types.d.ts

@@ -15,4 +15,8 @@ export interface ComponentSchemaOptions {
     isProvideInRoot?: boolean;
     path?: string;
     lang?: "en" | "es";
+    style?: string;
+    skipTests?: boolean;
+    inlineStyle?: boolean;
+    inlineTemplate?: boolean;
 }

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

@@ -30,7 +30,7 @@ export const <%= classify(name) %>Store = signalStore(
   withEntities(config),
   withEntityStatus(),
   withPagination(),
-  withComputed(({ entities, entityMap, status: { idSelected } }) => ({
+  withComputed(({ entityMap, status: { idSelected } }) => ({
     <%= camelize(name) %>Seleccionado: computed(() => {
       const <%= pk %> = idSelected();
       return <%= pk %> ? entityMap()[<%= pk %>] : null;
@@ -54,8 +54,7 @@ export const <%= classify(name) %>Store = signalStore(
                 onSuccess(new<%= classify(name) %>);
               }
             }),
-            catchError(() => {
-              const error = new Error('');
+            catchError((error) => {
               patchState(store, (state) => ({
                 status: { ...state.status, addError: error, addLoading: false }
               }));
@@ -80,9 +79,9 @@ export const <%= classify(name) %>Store = signalStore(
                 status: { ...state.status, error: null, loaded: true, loading: false }
               }));
             }),
-            catchError(() => {
+            catchError((error) => {
               patchState(store, (state) => ({
-                status: { ...state.status, error: new Error('Error al cargar'), loading: false }
+                status: { ...state.status, error, loading: false }
               }));
               return EMPTY;
             })
@@ -121,13 +120,13 @@ export const <%= classify(name) %>Store = signalStore(
                 throw new Error();
               }
             }),
-            catchError(() => {
+            catchError((error) => {
               const idsRemoving = store.status.idsRemoving() || [];
               patchState(store, (state) => ({
                 status: {
                   ...state.status,
                   _removeLoading: false,
-                  error: new Error(),
+                  error,
                   idsRemoving: idsRemoving.filter((idRemoving) => idRemoving !== payload)
                 }
               }));
@@ -183,13 +182,13 @@ export const <%= classify(name) %>Store = signalStore(
                 throw new Error('');
               }
             }),
-            catchError(() => {
+            catchError((error) => {
               const idsUpdating = store.status.idsUpdating() || [];
               patchState(store, (state) => ({
                 status: {
                   ...state.status,
                   _updateLoading: false,
-                  error: new Error('Error al actualizar'),
+                  error,
                   idsUpdating: idsUpdating.filter((idUpdating) => idUpdating !== payload.<%= pk %>)
                 }
               }));