Angular schematics for smoother experience

@alusta/mint is collection of schematics created for minty expriences! 😍

Features:

• Running ng new won't create any apps, just a workspace for monorepo structure. See below.
• Always set styling as scss
• No need to remember every flag, necessary values will be asked
• Use Lerna to handle publishing libraries

@Alusta/mint was originally called @slush/salts

Creating new workspace with schematics:

Install CLI to use schematics

npm i -g @angular/cli

Install salty schematics

npm i -g @alusta/mint

Create a workspace

ng new WORKSPACE_NAME --collection=@alusta/mint
# Note: `ng new` won't create any apps/libs!

For non Angular project

Working in the workspace

Creating apps / libs

# New app
ng g app
# New library
ng g lib

Available schematics

• Angular (note: these are not the same that vanilla Angular CLI provides)

  • app
  • lib
  • feature / f
  • view / v
  • component / c
  • directive / d
  • guard
  • service / s
  • module / m
  • pipe / p
  • side-drawer / sd
  • overlay / ol

Needed styles

For side-drawer

.side-drawer {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}

For overlay

.app-overlay {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
}

Publishing libs

To publish libraries install Lerna

npm i -g lerna

Then just run

npm run publish

Not using Angular

Install CLI

npm i -g @angular-devkit/schematics-cli

There is yet no way to create workspace. Only "exeption" is to create a microservice.

schematics @alusta/mint:SCHEMATIC_NAME

Note: Schematics which are specifically for Angular, can't be used.

Available schematics (for non Angular project)

• General
  • microservice / ms
  • test
• React
  • react-component / rc

Developing @alusta/mint

Creating new schematics

To add new schematics you can easily run any of following commands:

Just blank schematic

npm run add-blank

Create new files

npm run add-custom

Use external schematics

npm run add-external

Modify files

npm run add-modify

Use your own from @alusta/create-schematics

schematics @alusta/create-schematics:SCHEMATIC_NAME

Building the schematics

Well just run the classic

npm run build