@barcidev/ngx-autogen 0.1.71 → 0.1.72

package/src/ngrx/store/index.js

@@ -11,6 +11,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.signalStore = signalStore;
 const core_1 = require("@angular-devkit/core");
+const ts_morph_1 = require("ts-morph");
 const schematics_1 = require("@angular-devkit/schematics");
 const tasks_1 = require("@angular-devkit/schematics/tasks");
 const dependencies_1 = require("@schematics/angular/utility/dependencies");
@@ -103,33 +104,29 @@ function ensureNgrxSignals(version) {
 }
 function updateIndexFile(ctx) {
     return (tree) => {
-        const { options, indexPath, nameDash, entityName } = ctx;
-        const entityHeader = `/* ${entityName.toUpperCase()} */`;
-        const exportBlock = [
-            entityHeader,
-            `export * from './${nameDash}${options.grouped ? "/models" : ""}/${nameDash}.model';`,
-            `export * from './${nameDash}${options.grouped ? "/services" : ""}/${nameDash}.service';`,
-            `export * from './${nameDash}/${nameDash}.store';`,
-            "",
-        ].join("\n");
+        const { options, indexPath, nameDash } = ctx;
         let content = tree.exists(indexPath)
             ? tree.read(indexPath).toString()
             : "";
-        if (content.includes(entityHeader)) {
-            // Evitar duplicados línea por línea
-            const newLines = exportBlock
-                .split("\n")
-                .filter((line) => line.trim() !== "" && !content.includes(line));
-            if (newLines.length > 0)
-                content += newLines.join("\n") + "\n";
-        }
-        else {
-            content =
-                content.trim() + (content.length > 0 ? "\n\n" : "") + exportBlock;
+        const project = new ts_morph_1.Project({
+            manipulationSettings: { quoteKind: ts_morph_1.QuoteKind.Single }
+        });
+        const sourceFile = project.createSourceFile('index.ts', content);
+        const exportsToAdd = [
+            `./${nameDash}${options.grouped ? "/models" : ""}/${nameDash}.model`,
+            `./${nameDash}${options.grouped ? "/services" : ""}/${nameDash}.service`,
+            `./${nameDash}/${nameDash}.store`
+        ];
+        const currentExports = sourceFile.getExportDeclarations().map(e => e.getModuleSpecifierValue());
+        for (const exp of exportsToAdd) {
+            if (!currentExports.includes(exp)) {
+                sourceFile.addExportDeclaration({ moduleSpecifier: exp });
+            }
         }
+        const newContent = sourceFile.getFullText();
         tree.exists(indexPath)
-            ? tree.overwrite(indexPath, content)
-            : tree.create(indexPath, content);
+            ? tree.overwrite(indexPath, newContent)
+            : tree.create(indexPath, newContent);
         return tree;
     };
 }

package/README.es.md

@@ -1,352 +0,0 @@
-# ngx-autogen
-
-[![Language: English](https://img.shields.io/badge/lang-en-blue.svg)](README.md)
-[![Language: Spanish](https://img.shields.io/badge/lang-es-yellow.svg)](README.es.md)
-
-**ngx-autogen** es un conjunto de schematics diseñados para optimizar y estandarizar el flujo de trabajo en proyectos Angular. Esta librería proporciona herramientas de generación de código que siguen las mejores prácticas, permitiendo a los desarrolladores ahorrar tiempo en tareas repetitivas y configuración de arquitectura.
-
-## 🚀 Características
-
-El proyecto se lanza inicialmente con un enfoque en la gestión de estado, pero está diseñado para crecer:
-
-- **Store Schematic**: Nuestro primer schematic disponible. Permite generar automáticamente toda la estructura necesaria para un store basado en signals (NGRX-Signals), facilitando la integración rápida y escalable de la gestión de estado en tus aplicaciones.
-
-## 📅 Próximamente
-
-**ngx-autogen** es un proyecto en evolución continua. Se irán agregando progresivamente nuevas herramientas y schematics para cubrir más aspectos del desarrollo en Angular, como:
-
-- Generación de servicios y utilidades.
-- Scaffolding para componentes avanzados.
-
-## 📦 Instalación
-
-Puedes instalar el paquete en tu proyecto Angular mediante angular cli para que se configure automáticamente el proyecto con las dependencias necesarias:
-
-```bash
-ng add ngx-autogen
-```
-
-## 🛠️ Uso
-
-### Generar un Store
-
-#### Propiedades
-
-- `name`(obligatorio): nombre del store.
-- `pk`(opcional): nombre de la primary key, si no se especifica se usara la especificada en el proceso de instalacion del schematic, de lo contrario se usara `id`.
-- `path`(opcional): ruta del store, si no se especifica se usara la especificada en el proceso de instalacion del schematic, de lo contrario se usara `src/app/core`. La carpeta `state` se agregará automáticamente a la ruta.
-- `grouped` (opcional): si es verdadero, los archivos se agruparán en subcarpetas `models`, `services` y `store`.
-
-#### Ejemplo
-
-```bash
-ng g app-store --name="user" --pk="cod"
-```
-
-Esto creará los archivos `user.model.ts`, `user.service.ts`, `user.store.ts` dentro de la carpeta `src/app/core/state/user`, y los archivos `entity.model.ts`, `with-entity-pagination.ts`, y `with-entity-status.ts` si no existen dentro de la carpeta `src/app/shared/state`.
-
-```bash
-src/
-└── app/
-    └── shared/
-        └── state/
-            ├── entity.model.ts
-            ├── with-entity-pagination.ts
-            └── with-entity-status.ts
-    └── state/
-        └── index.ts
-        └── user/
-            ├── user.service.ts
-            ├── user.model.ts
-            └── user.store.ts
-```
-
-El archivo `index.ts` exportará todo lo necesario para que el store pueda ser importado y utilizado en cualquier parte de la aplicación.
-
-```typescript
-/* USER */
-export * from './user/user.model';
-export * from './user/user.service';
-export * from './user/user.store';
-```
-
-La carpeta `src/app/shared/state` contiene los archivos compartidos para el manejo del estado.
-
-`entity.model.ts`:
-
-```typescript
-import { HttpErrorResponse } from '@angular/common/http';
-import { FormControl } from '@angular/forms';
-
-export type FormGroupType<T> = {
-  [K in keyof T]: FormControl<T[K]>;
-};
-
-export interface RequestConfig<T, U = unknown> {
-  onError?: (error?: HttpErrorResponse) => void;
-  onSuccess?: (response?: U) => void;
-  payload: T;
-}
-```
-
-El archivo `user.model.ts` contiene la interface del modelo de datos.
-
-```typescript
-import { FormGroupType } from 'src/app/shared/state/entity.model';
-
-export interface AddUser {
-}
-
-export type AddUserForm = FormGroupType<AddUser>;
-
-export interface UserDto {
-  cod: number;
-}
-
-export type UpdateUser = Partial<UserDto> & Pick<UserDto, 'cod'>;
-
-export interface UserRequest{}
-```
-
-El archivo `user.service.ts` contiene el servicio que se encarga de la lógica de negocio.
-
-```typescript
-import { Injectable } from '@angular/core';
-import { Observable, of } from 'rxjs';
-import {
-  AddUser,
-  UserDto,
-  UpdateUser
-} from './user.model';
-
-@Injectable({
-  providedIn: 'root'
-})
-export class UserService {
-
-  addUser$(entity: AddUser): Observable<number> {
-    return of(0);
-  }
-
-  removeUser$(cod: number): Observable<boolean> {
-    return of(true);
-  }
-
-  getUsers$(): Observable<UserDto[]> {
-    return of([]);
-  }
-
-  updateUser$(entity: UpdateUser): Observable<boolean> {
-    return of(true);
-  }
-}
-```
-
-El archivo `user.store.ts` contiene el store que se encarga de la gestión de estado.
-
-```typescript
-import { computed, inject } from '@angular/core';
-import { patchState, signalStore, type, withComputed, withHooks, withMethods, withState } from '@ngrx/signals';
-import {
-  addEntity,
-  entityConfig,
-  removeEntity,
-  setAllEntities,
-  updateEntity,
-  withEntities
-} from '@ngrx/signals/entities';
-import { rxMethod } from '@ngrx/signals/rxjs-interop';
-import { catchError, of, pipe, switchMap, tap } from 'rxjs';
-
-import { RequestConfig } from 'src/app/shared/state/entity.model';
-import { withPagination } from 'src/app/shared/state/with-entity-pagination';
-import { withEntityStatus } from 'src/app/shared/state/with-entity-status';
-import {
-  AddUser,
-  UserDto,
-  UpdateUser
-} from './user.model';
-import { UserService } from './user.service';
-
-const config = entityConfig({
-  entity: type<UserDto>(),
-  selectId: (entity) => entity.cod,
-});
-
-export const UserStore = signalStore(
-  withEntities(config),
-  withEntityStatus(),
-  withPagination(),
-  withComputed(({ entities, entityMap, status: { idSelected } }) => ({
-    users: computed(() => entities()),
-    userSeleccionado: computed(() => {
-      const cod = idSelected();
-      return cod ? entityMap()[cod] : null;
-    })
-  })),
-  withMethods((store, userService = inject(UserService)) => ({
-    addUser: rxMethod<RequestConfig<AddUser, UserDto>>(
-      pipe(
-        tap(() => {
-          patchState(store, (state) => ({ status: { ...state.status, addLoading: true } }));
-        }),
-        switchMap(({ onError, onSuccess, payload: { request } }) => {
-          return userService.addUser$(request).pipe(
-            tap((cod) => {
-              const newUser: UserDto = { ...request, cod};
-              patchState(store, addEntity(newUser, config), (state) => ({
-                    ...state,
-                    status: { ...state.status, addError: null, addLoading: false }
-                  }));
-              if (onSuccess) {
-                onSuccess(newUser);
-              }
-            }),
-            catchError(() => {
-              const error = new Error('');
-              patchState(store, (state) => ({
-                status: { ...state.status, addError: error, addLoading: false }
-              }));
-              if (onError) {
-                onError();
-              }
-              return EMPTY;
-            })
-          );
-        })
-      )
-    ),
-    loadUsers: rxMethod<void>(
-      pipe(
-        tap(() => {
-          patchState(store, (state) => ({ status: { ...state.status, loading: true } }));
-        }),
-        switchMap(() => {
-          return userService.getUsers$().pipe(
-            tap((response) => {
-              patchState(store, setAllEntities(response, config), (state) => ({
-                status: { ...state.status, error: null, loaded: true, loading: false }
-              }));
-            }),
-            catchError(() => {
-              patchState(store, (state) => ({
-                status: { ...state.status, error: new Error('Error al cargar users'), loading: false }
-              }));
-              return EMPTY;
-            })
-          );
-        })
-      )
-    ),
-    removeUser: rxMethod<RequestConfig<number, boolean>>(
-      pipe(
-        tap(({ payload }) => {
-          patchState(store, (state) => ({
-            status: {
-              ...state.status,
-              _removeLoading: true,
-              idsRemoving: [...(state.status.idsRemoving || []), payload]
-            }
-          }));
-        }),
-        switchMap(({ onError, onSuccess, payload }) => {
-          return userService.removeUser$(payload).pipe(
-            tap((response) => {
-              if (response) {
-                const idsRemoving = store.status.idsRemoving() || [];
-                patchState(store, removeEntity(payload), (state) => ({
-                  status: {
-                    ...state.status,
-                    _removeLoading: false,
-                    error: null,
-                    idsRemoving: idsRemoving.filter((idRemoving) => idRemoving !== payload)
-                  }
-                }));
-                if (onSuccess) {
-                  onSuccess(response);
-                }
-              } else {
-                throw new Error();
-              }
-            }),
-            catchError(() => {
-              const idsRemoving = store.status.idsRemoving() || [];
-              patchState(store, (state) => ({
-                status: {
-                  ...state.status,
-                  _removeLoading: false,
-                  error: new Error(),
-                  idsRemoving: idsRemoving.filter((idRemoving) => idRemoving !== payload)
-                }
-              }));
-              if (onError) {
-                onError();
-              }
-              return EMPTY;
-            })
-          );
-        })
-      )
-    ),
-    updateUser: rxMethod<RequestConfig<UpdateUser, boolean>>(
-      pipe(
-        tap(({ payload }) => {
-          patchState(store, (state) => ({
-            status: {
-              ...state.status,
-              _updateLoading: true,
-              idsUpdating: [...(state.status.idsUpdating || []), payload.cod]
-            }
-          }));
-        }),
-        switchMap(({ onError, onSuccess, payload }) => {
-          return userService.updateUser$(entity).pipe(
-            tap((response) => {
-              if (response) {
-                const idsUpdating = store.status.idsUpdating() || [];
-                patchState(store, updateEntity({ changes: payload, id: payload.cod }, config), (state) => ({
-                  status: {
-                    ...state.status,
-                    _updateLoading: false,
-                    error: null,
-                    idsUpdating: idsUpdating.filter((idUpdating) => idUpdating !== payload.cod)
-                  }
-                }));
-                if (onSuccess) {
-                  onSuccess(response);
-                }
-              } else {
-                throw new Error('');
-              }
-            }),
-            catchError(() => {
-              const idsUpdating = store.status.idsUpdating() || [];
-              patchState(store, (state) => ({
-                status: {
-                  ...state.status,
-                  _updateLoading: false,
-                  error: new Error('Error al actualizar user'),
-                  idsUpdating: idsUpdating.filter((idUpdating) => idUpdating !== payload.cod)
-                }
-              }));
-              if (onError) {
-                onError();
-              }
-              return EMPTY;
-            })
-          );
-        })
-      )
-    ),
-  })),
-  withHooks({
-    onInit: (store) => {
-      store.loadUsers();
-    },
-  })
-);
-```
-
-## 📄 Licencia
-
-Este proyecto está bajo la licencia [MIT](LICENSE).

package/src/angular/component/files/__name@dasherize__.component.html.template

@@ -1,20 +0,0 @@
-<div
-<% if (i18n === 'Yes') { %>
-*typedTransloco="let t; prefix:'<%= camelize(name) %>'"
-<% } %>
->
-  <h1>
-    <% if (i18n === 'Yes') { %>
-    {{ t('title') }}
-    <% }
-    else { %>
-    <%= classify(name) %> Works!
-    <% } %>
-  </h1>
-
-  <% if (store === 'Yes') { %>
-
-  <pre>{{ data$() | json }}</pre>
-
-  <% } %>
-</div>

package/src/angular/component/files/__name@dasherize__.component.spec.ts.template

@@ -1,25 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { <%= classify(name) %>Component } from './<%= dasherize(name) %>.component';
-<% if (store === 'Yes') { %>import { <%= classify(storeName) %>Store } from './state';<% } %>
-
-describe('<%= classify(name) %>Component', () => {
-  let component: <%= classify(name) %>Component;
-  let fixture: ComponentFixture<<%= classify(name) %>Component>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [<%= classify(name) %>Component],
-      providers: [
-        <% if (store === 'Yes') { %><%= classify(storeName) %>Store,<% } %>
-      ]
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(<%= classify(name) %>Component);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/angular/component/files/__name@dasherize__.component.ts.template

@@ -1,17 +0,0 @@
-import { Component, inject } from '@angular/core';
-<% if (store === 'Yes') { %>
-import { <%= classify(storeName) %>Store<% if (!isProvideInRoot) { %>, provide<%= classify(storeName) %>Store<% } %> } from './state';
-import { JsonPipe } from '@angular/common';
-<% } %>
-
-@Component({
-  imports: [<% if (store === 'Yes') { %>JsonPipe<% } %>],
-  providers: [<% if (store === 'Yes' && !isProvideInRoot) { %>...provide<%= classify(storeName) %>Store()<% } %>],
-  selector: 'app-<%= dasherize(name) %>',
-  styleUrls: ['./<%= dasherize(name) %>.component.css'],
-  templateUrl: './<%= dasherize(name) %>.component.html',
-})
-export class <%= classify(name) %>Component {
-<% if (store === 'Yes') { %>  private _<%= camelize(storeName) %>Store = inject(<%= classify(storeName) %>Store);
-  data$ = this._<%= camelize(storeName) %>Store.entities();<% } %>
-}