update schema.json

Author: ktrdev2020

.github/workflows/publish.yml

@@ -8,6 +8,7 @@ on:
 jobs:
   publish:
     runs-on: ubuntu-latest
+
     steps:
       - name: ⬇️ Checkout
         uses: actions/checkout@v3
@@ -17,15 +18,20 @@ jobs:
         with:
           node-version: 18
           registry-url: https://npm.pkg.github.com/
-          scope: "@your-scope"
+          scope: "@ktrdev2020"
+
+      - name: 📦 Install dependencies
+        run: npm install
+
+      - name: 🧱 Build schematic
+        run: npm run build
 
-      - name: 🛠 Install & Test
+      - name: ✅ Test schematic locally
         run: |
           npm install -g @angular-devkit/schematics-cli
-          npm install
-          schematics .:crud --name=test --model="id:number,name:string"
+          schematics ./dist:crud --name=test --model="id:number,name:string"
 
-      - name: 🚀 Publish to GitHub Packages (GHCR)
+      - name: 🚀 Publish to GHCR
         run: npm publish
         env:
           NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.gitignore

@@ -1,3 +1 @@
 .npmrc 
-.npmrc 
-.npmrc 

crud/schema.json

@@ -1,7 +1,6 @@
-
 {
   "$schema": "http://json-schema.org/schema",
-  "id": "CrudSchema",
+  "$id": "CrudSchema",
   "title": "Crud Schema",
   "type": "object",
   "properties": {

dist/collection.json

@@ -0,0 +1,10 @@
+{
+  "$schema": "../node_modules/@angular-devkit/schematics/collection-schema.json",
+  "schematics": {
+    "crud": {
+      "description": "Generate Ionic + NgRx Entity CRUD Module",
+      "factory": "./crud/index#crud",
+      "schema": "./crud/schema.json"
+    }
+  }
+}

dist/crud/files/__name@dasherize__/component/__name@dasherize__-add/__name@dasherize__-add.component.html.template

@@ -0,0 +1,19 @@
+
+<ion-header>
+  <ion-toolbar color="primary">
+    <ion-title>เพิ่มข้อมูล</ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content>
+  <form [formGroup]="form" (ngSubmit)="onSubmit()">
+    <% modelFields.forEach(field => { if (field.key !== 'id') { %>
+    <ion-item>
+      <ion-label position="stacked"><%= field.key %></ion-label>
+      <ion-input formControlName="<%= field.key %>" type="text"></ion-input>
+    </ion-item>
+    <% } }) %>
+
+    <ion-button expand="block" type="submit" [disabled]="form.invalid">บันทึก</ion-button>
+  </form>
+</ion-content>

dist/crud/files/__name@dasherize__/component/__name@dasherize__-edit/__name@dasherize__-edit.component.html.template

@@ -0,0 +1,19 @@
+
+<ion-header>
+  <ion-toolbar color="primary">
+    <ion-title>แก้ไขข้อมูล</ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content>
+  <form [formGroup]="form" (ngSubmit)="onSubmit()">
+    <% modelFields.forEach(field => { if (field.key !== 'id') { %>
+    <ion-item>
+      <ion-label position="stacked"><%= field.key %></ion-label>
+      <ion-input formControlName="<%= field.key %>" type="text"></ion-input>
+    </ion-item>
+    <% } }) %>
+
+    <ion-button expand="block" type="submit" [disabled]="form.invalid">บันทึก</ion-button>
+  </form>
+</ion-content>

dist/crud/files/__name@dasherize__/component/__name@dasherize__-list/__name@dasherize__-list.component.html.template

@@ -0,0 +1,17 @@
+
+<ion-header>
+  <ion-toolbar color="primary">
+    <ion-title><%= classify(name) %> List</ion-title>
+    <ion-buttons slot="end">
+      <ion-button [routerLink]="['/add']">เพิ่ม</ion-button>
+    </ion-buttons>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content>
+  <ion-list *ngIf="(items$ | async) as items">
+    <ion-item *ngFor="let item of items" [routerLink]="['/item', item.id]">
+      {{ item.id }} - {{ item.name }}
+    </ion-item>
+  </ion-list>
+</ion-content>

dist/crud/files/__name@dasherize__/models/__name@dasherize__.model.ts.template

@@ -0,0 +1,6 @@
+
+export interface <%= classify(name) %> {
+<% modelFields.forEach(field => { %>
+  <%= field.key %>: <%= field.type %>;
+<% }); %>
+}

dist/crud/files/__name@dasherize__/services/__name@dasherize__.service.ts.template

@@ -0,0 +1,33 @@
+
+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { <%= classify(name) %> } from '../models/<%= dasherize(name) %>.model';
+import { Observable } from 'rxjs';
+import { EnvironmentService } from 'src/app/shared/services/environment.service';
+
+@Injectable({ providedIn: 'root' })
+export class <%= classify(name) %>Service {
+  private baseUrl = this.env.apiUrl + '/<%= classify(name) %>';
+
+  constructor(private http: HttpClient, private env: EnvironmentService) {}
+
+  getAll(): Observable<<%= classify(name) %>[]> {
+    return this.http.get<<%= classify(name) %>[]>(this.baseUrl);
+  }
+
+  getById(id: number | string): Observable<<%= classify(name) %>> {
+    return this.http.get<<%= classify(name) %>>(`${this.baseUrl}/${id}`);
+  }
+
+  create(data: <%= classify(name) %>): Observable<any> {
+    return this.http.post(this.baseUrl, data);
+  }
+
+  update(id: number | string, data: <%= classify(name) %>): Observable<any> {
+    return this.http.put(`${this.baseUrl}/${id}`, data);
+  }
+
+  delete(id: number | string): Observable<any> {
+    return this.http.delete(`${this.baseUrl}/${id}`);
+  }
+}

dist/crud/files/__name@dasherize__/store/actions/__name@dasherize__.actions.ts.template

@@ -0,0 +1,15 @@
+
+import { createAction, props } from '@ngrx/store';
+import { <%= classify(name) %> } from '../../models/<%= dasherize(name) %>.model';
+
+export const load<%= classify(name) %>s = createAction('[<%= classify(name) %>] Load');
+export const load<%= classify(name) %>sSuccess = createAction('[<%= classify(name) %>] Load Success', props<{ data: <%= classify(name) %>[] }>());
+export const load<%= classify(name) %>sFailure = createAction('[<%= classify(name) %>] Load Failure', props<{ error: any }>());
+
+export const load<%= classify(name) %>ById = createAction('[<%= classify(name) %>] Load By Id', props<{ id: number | string }>());
+export const load<%= classify(name) %>ByIdSuccess = createAction('[<%= classify(name) %>] Load By Id Success', props<{ data: <%= classify(name) %> }>());
+export const load<%= classify(name) %>ByIdFailure = createAction('[<%= classify(name) %>] Load By Id Failure', props<{ error: any }>());
+
+export const create<%= classify(name) %> = createAction('[<%= classify(name) %>] Create', props<{ data: <%= classify(name) %> }>());
+export const update<%= classify(name) %> = createAction('[<%= classify(name) %>] Update', props<{ id: number | string, data: <%= classify(name) %> }>());
+export const delete<%= classify(name) %> = createAction('[<%= classify(name) %>] Delete', props<{ id: number | string }>());