@alusta/mint

Angular schematics

Usage no npm install needed!

<script type="module">
  import alustaMint from 'https://cdn.skypack.dev/@alusta/mint';
</script>

README

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