gb-schematics

This package contains a collection of Schematics for generating my favorite features.

You will need the Reference Schematics CLI tooling to execute these schematics.

If you're using Nx: Smart, Fast and Extensible Build System you might also like my miscellaneous NX plugins.

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

Development

npx tsx tools/make-schemas --stamp generated

./src/collection.json

bump

schematics gb-schematics:bump [part]

Bump package.json version

Arguments

| ARGUMENT | DESCRIPTION | VALUE TYPE | | --- | --- | --- | | part | Which part to increment | major | premajor | minor | preminor | patch | prepatch | prerelease |

Options

| OPTION | DESCRIPTION | VALUE TYPE | DEFAULT VALUE | | --- | --- | --- | --- | | --tag | A tag to use with semantic version denotation | string | | | --skipInstall | Skip package installation | boolean | false |

module

schematics gb-schematics:module [name]

Add Class or general Module

Arguments

| ARGUMENT | DESCRIPTION | VALUE TYPE | | --- | --- | --- | | name | The name of the module. | string |

Options

| OPTION | DESCRIPTION | VALUE TYPE | DEFAULT VALUE | | --- | --- | --- | --- | | --directory | The directory to create the module, relative to the project source. | string | | | --kind | kind of module | class | values | values | | --unitTestRunner | Test runner to use for unit tests. | jest | vitest | native | none | jest | | --inSourceTests | When using Vitest, separate spec files will not be generated and instead will be included within the source files. | boolean | false | | --pascalCaseFiles | Use pascal case file names for class module. | boolean | true | | --language | The language to use. | ts | js | ts | | --sourceRoot | The path to your project's source root | string | |

sveltekit-component

schematics gb-schematics:sveltekit-component [name]

Add a component to your sveltekit project

Arguments

| ARGUMENT | DESCRIPTION | VALUE TYPE | | --- | --- | --- | | name | The name of the component. | string |

Options

| OPTION | DESCRIPTION | VALUE TYPE | DEFAULT VALUE | | --- | --- | --- | --- | | --directory | The directory to create the component, relative to your project source. | string | | | --props | Property for your component. Use "name:type" for explcit type. | array | | | --language | Component script language. | js | ts | js | | --style | Component style language. | none | css | scss | css |

sveltekit-route

schematics gb-schematics:sveltekit-route [name]

Add a route to your sveltekit project

Arguments

| ARGUMENT | DESCRIPTION | VALUE TYPE | | --- | --- | --- | | name | The name of the route. | string |

Options

| OPTION | DESCRIPTION | VALUE TYPE | DEFAULT VALUE | | --- | --- | --- | --- | | --path | The path at which to create the route file, relative to the projectRoot. Default is a folder with the same name as the route in the project root. | string | | | --style | The value of style element lang attribute | css | scss | css | | --skipTests | Do not create "spec.ts" test files for the new route. | boolean | false | | --load | Should the load function run on client and server (universal) or just server | universal | server | none | none |

see

• Angular Schematics
• Schematics README
• Angular Blog