@shivay_18/ng-crud 0.1.2 → 0.1.4

package/README.md

@@ -1,12 +1,12 @@
-# ng-crud
+# @shivay_18/ng-crud
 
 Angular CRUD generator using Angular Schematics and Angular Material.
 
 Generates a **complete, production-ready CRUD** (List, Create, Edit, Delete) with:
 
-- Angular Material UI (table, paginator, sort, dialogs, snackbar, forms)
+- Angular Material UI (table, paginator, sort, dialogs, snackbar, forms, chips, tooltips, progress spinner)
 - Reactive Forms with validation
-- REST HTTP service
+- REST HTTP service with error handling
 - Auto-detects Angular 14+ (Module-based) or Angular 17+ (Standalone)
 - **Safe to uninstall** — generated code has zero dependency on this package
 
@@ -22,7 +22,7 @@ Generates a **complete, production-ready CRUD** (List, Create, Edit, Delete) wit
 ## Installation
 
 ```bash
-npm install --save-dev ng-crud
+npm install --save-dev @shivay_18/ng-crud
 ```
 
 ---
@@ -30,7 +30,7 @@ npm install --save-dev ng-crud
 ## Usage
 
 ```bash
-ng generate ng-crud:crud <name> --fields="field1:type,field2:type" --apiUrl="http://localhost:3000"
+ng generate @shivay_18/ng-crud:crud <name> --fields="field1:type,field2:type" --apiUrl="http://localhost:3000"
 ```
 
 ### Options
@@ -60,16 +60,16 @@ Append `*` to mark a field as required: `name*:string`
 
 ```bash
 # Basic
-ng generate ng-crud:crud product
+ng generate @shivay_18/ng-crud:crud product
 
 # With fields
-ng generate ng-crud:crud product --fields="name*:string,price*:number,active:boolean"
+ng generate @shivay_18/ng-crud:crud product --fields="name*:string,price*:number,active:boolean"
 
 # With custom API and path
-ng generate ng-crud:crud order --fields="orderId*:number,status*:string,total:number" --apiUrl="https://api.myapp.com" --path="features"
+ng generate @shivay_18/ng-crud:crud order --fields="orderId*:number,status*:string,total:number" --apiUrl="https://api.myapp.com" --path="features"
 
 # Force standalone (Angular 17+)
-ng generate ng-crud:crud user --fields="username*:string,email*:string,isAdmin:boolean" --standalone=true
+ng generate @shivay_18/ng-crud:crud user --fields="username*:string,email*:string,isAdmin:boolean" --standalone=true
 ```
 
 ---
@@ -80,26 +80,68 @@ ng generate ng-crud:crud user --fields="username*:string,email*:string,isAdmin:b
 
 ```
 src/app/<name>/
-├── <name>.module.ts          ← NgModule with routing & all Material imports
-├── models/
-│   └── <name>.model.ts       ← TypeScript interface
-├── services/
-│   └── <name>.service.ts     ← HTTP CRUD service (GET/POST/PUT/DELETE)
 ├── <name>-list/
+│   ├── <name>.module.ts                    ← NgModule with child routes & all Material imports
 │   ├── <name>-list.component.ts
-│   ├── <name>-list.component.html   ← Material table, paginator, search
+│   ├── <name>-list.component.html          ← Material table, paginator, sort, search
 │   ├── <name>-list.component.scss
 │   └── <name>-delete-dialog.component.ts
-└── <name>-form/
-    ├── <name>-form.component.ts     ← Create & Edit (shared)
-    ├── <name>-form.component.html   ← Reactive form with validation
-    └── <name>-form.component.scss
+├── <name>-form/
+│   ├── <name>-form.component.ts            ← Create & Edit (shared), Reactive Form
+│   ├── <name>-form.component.html
+│   └── <name>-form.component.scss
+├── models/
+│   └── <name>.model.ts                     ← TypeScript interface
+└── services/
+    └── <name>.service.ts                   ← HTTP CRUD service (GET/POST/PUT/DELETE)
 ```
 
+> The module is auto-imported into `app.module.ts`.
+
 ### Angular 17+ (Standalone)
 
 Same structure but without `<name>.module.ts`. Each component is standalone with its own imports.
 
+> Routes are auto-added to `app.routes.ts` with `children` for list, new, and edit paths.
+
+---
+
+## Routing
+
+### Module-based (Angular 14–16)
+
+The schematic auto-imports the module into `app.module.ts`. Add a lazy-loaded route to your `app-routing.module.ts`:
+
+```ts
+{
+  path: 'products',
+  loadChildren: () => import('./product/product-list/product.module').then(m => m.ProductModule)
+}
+```
+
+The module includes internal child routes:
+
+| Path        | Component           |
+| ----------- | ------------------- |
+| ``          | `<Name>ListComponent`  |
+| `new`       | `<Name>FormComponent`  |
+| `:id/edit`  | `<Name>FormComponent`  |
+
+### Standalone (Angular 17+)
+
+Routes are auto-added to `app.routes.ts`:
+
+```ts
+{
+  path: 'products',
+  children: [
+    { path: '', component: ProductListComponent, title: 'Product List' },
+    { path: 'new', component: ProductFormComponent, title: 'New Product' },
+    { path: ':id/edit', component: ProductFormComponent, title: 'Edit Product' }
+  ]
+}
+```
+
 ---
 
 ## Environment Configuration
@@ -125,40 +167,16 @@ The generated service expects wrapped API responses:
 { "statusCode": 200, "statusMessage": "OK", "data": [...], "message": "..." }
 ```
 
-The service automatically unwraps `data` before returning it to components.
-
----
-
-### Module-based (Angular 14–16)
-
-Add a lazy-loaded route to your `app-routing.module.ts`:
-
-```ts
-{
-  path: 'products',
-  loadChildren: () => import('./product/product.module').then(m => m.ProductModule)
-}
-```
-
-### Standalone (Angular 17+)
-
-The schematic auto-adds the list route to `app.routes.ts`. Add child routes manually if needed:
-
-```ts
-{
-  path: 'products',
-  loadComponent: () => import('./product/product-list/product-list.component').then(c => c.ProductListComponent)
-}
-```
+The service automatically unwraps `data` before returning it to components. Errors are passed through as-is for component-level handling.
 
 ---
 
 ## Uninstall
 
-The generated code has **zero runtime dependency** on `ng-crud`. Uninstall safely anytime:
+The generated code has **zero runtime dependency** on `@shivay_18/ng-crud`. Uninstall safely anytime:
 
 ```bash
-npm uninstall ng-crud
+npm uninstall @shivay_18/ng-crud
 ```
 
 ---

package/dist/crud/files/module/components/__name@dasherize__-form/__name@dasherize__-form.component.ts.template

@@ -86,15 +86,8 @@ export class <%= classify(name) %>FormComponent implements OnInit {
       },
       error: (error) => {
         let errorMessage = 'Save failed. Please try again.';
-        if (error.status === 400) {
-          const body = error.error;
-          if (body?.errors && typeof body.errors === 'object') {
-            const messages = Object.values(body.errors as Record<string, string[]>)
-              .flat().join(' ');
-            errorMessage = messages || errorMessage;
-          } else if (body?.message) {
-            errorMessage = body.message;
-          }
+        if (error.status === 400 && error.error?.message) {
+          errorMessage = error.error.message;
         } else if (error.status === 404) {
           errorMessage = '<%= classify(name) %> not found.';
         } else if (error.status === 500) {

package/dist/crud/files/standalone/components/__name@dasherize__-form/__name@dasherize__-form.component.ts.template

@@ -107,15 +107,8 @@ export class <%= classify(name) %>FormComponent implements OnInit {
       },
       error: (error) => {
         let errorMessage = 'Save failed. Please try again.';
-        if (error.status === 400) {
-          const body = error.error;
-          if (body?.errors && typeof body.errors === 'object') {
-            const messages = Object.values(body.errors as Record<string, string[]>)
-              .flat().join(' ');
-            errorMessage = messages || errorMessage;
-          } else if (body?.message) {
-            errorMessage = body.message;
-          }
+        if (error.status === 400 && error.error?.message) {
+          errorMessage = error.error.message;
         } else if (error.status === 404) {
           errorMessage = '<%= classify(name) %> not found.';
         } else if (error.status === 500) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shivay_18/ng-crud",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "Angular CRUD generator with Material UI. Generates complete CRUD operations. Safe to uninstall after generation.",
   "keywords": [
     "angular",