Bagubagu Schematics

Develop

First thing first

npm install -g schematics-cli
git clone https://github.com/bagubagu/s.git
yarn install
yarn build

Modify table component

Modify src/table/files/*

to test:

# Test from an example angular project
cd example

# this will not really create the files
# because it's running in dry-run mode
schematics ..:table

# to see the changes
schematics ..:table --dry-run=false

Create new component

1. Add your new component to src/collection.json
2. mkdir src/newcomponent
3. create your new component, use src/table as example

To test the component

cd example

# this will run in dry-run mode (not changing anything)
schematics ..:mycomponent

# set dry-run to false, to see changes
schematics ..:mycomponent --dry-run=false

Test from an existing angular project

# link our schematics to global
cd s
npm link .

# test from hijrah-admin
cd ../hijrah-admin
npm link @bagubagu/schematics
ng g @bagubagu/schematics:table

How to use

npm i -g @bagubagu/schematics

Create .json for @bagubagu/schematics

cd ./angular_project/src/app/
generate-json-schematics

This will generate <file_name>.json in ./angular_project/src/app

Create new table

 ng g @bagubagu/schematics:table <table_name> --project=<project_name>

Note: Before creating a new table please make sure that <table_name>.json's path is included (and/or) <table_name>.json does exists

Create new Service

 
 # this will run in dry-run mode (not changing anything)
 ng g @bagubagu/schematics:service <service_name> --project=<project_name>

Create new Pipe

  ng g @bagubagu/schematics:pipe <pipe_name> --project=<project_name>

Example

Create Table

  cd ./project/hehe/product/
  generate-json-schematics 

? What do you want to create?  (Use arrow keys)
  Form
❯ Table

  ng g @bagubagu/schematics:table product/product-list --dry-run=false

Create Form

  cd example/src/app/product/
  generate-json-schematics 

? What do you want to create?  (Use arrow keys)
❯ Form
  Table

  cd example/
  ng g @bagubagu/schematics:form product/product-add --dry-run=false

Service

   cd example/
   ng g @bagubagu/schematics:service product/product --project=example --dry-run=false

Pipe

  cd example/
  ng g @bagubagu/schematics:pipe product --project=example --dry-run=false