Radium Schematics

This repository folder contains Radium schematics than can be used to simplify development process.

Building

Skip this step if you're using these schematics from NPM package. Run

npm run schematics

This will build all schematics for the current repository making them possible to use.

Schematics Reference

To retrieve information about parameters for exact schematics run them with --help parameter.

nx-boilerplate

Works in NX environments.

Creates a standard skeleton application which uses standard Radium skin, layout, core components and controls. The generated application shows examples of creating typical use-cases.

Parameters information

ng g ./dist/tools/schematics/collection.json:nx-boilerplate --help

Creating a boilerplate

ng g ./dist/tools/schematics/collection.json:nx-boilerplate <application-name> --debug=false --force=true

Note that <application-name> is a required parameter. Boilerplate will be created in your apps folder and added to your angular.json/nx.json to be properly wired with all the NG/NX features. By default the boilerplate will be created with a standard API URL address.

When using this schematic from NPM simply run:

ng g @rdcz/schematics:nx-boilerplate

ng-boilerplate

Works for standard Angular applications created with ng new. Generates a standard skeleton application which uses standard Radium skin, layout, core components and controls. The generated application shows examples of creating typical use-cases.

To use this schematic make sure to create an empty angular application with ng new. Then run:

npm install --save-dev @rdcz/schematics
ng g @rdcz/schematics:ng-boilerplate

ng-add

Adds main Radium libraries (core-services and core-components) to any Angular application. Also necessary configurations are done in angular.json and tsconfig.json.

This schematic adds custom webpack config in order to wire-up Radium localization files.

To use this schematic, from your angular project run:

ng add @rdcz/schematics

Creating New Schematics

• A super detailed guide on schematics (also covers NPM publishing): https://medium.com/@tomastrajan/total-guide-to-custom-angular-schematics-5c50cf90cdb4
• Another helpful guide: https://javascript-conference.com/blog/how-to-create-your-own-angular-schematics/