0.0.24 • Published 4 years ago

wcg.ui.kit v0.0.24

Weekly downloads
-
License
ISC
Repository
-
Last release
4 years ago

WCG UI Kit

pipeline status coverage report

Stencil Library with angular and react outputs documented in the playbook. This is an example architecture of how this can work.

Table of Contents

Requirements

  • node >= v10.16.3

Getting Started

Setup the project:

$ yarn setup && yarn build

Start all everything

$ yarn start

Available Scripts

CommandDescription
yarn buildBuild everything
yarn build:angularBuild the angular example application
yarn build:playbookBuild the playbook documentation static site
yarn build:reactBuild the react example application
yarn build:stencil:angularBuild the angular wrapper library of the stencil component library
yarn build:stencil:reactBuild the react wrapper library of the stencil component library
yarn build:stencilBuild the stencil library
yarn cleanRemove all node modules, lock files, and compiled/ignored code
yarn lint:angularLint the angular example application
yarn lint:jsLint all .js files
yarn lint:scssLint all .scss files
yarn lint:stencilLint the stencil library
yarn lintLint everything
yarn serve:playbookStart the playbook server
yarn setupInstall, link, and build all necessary packages to get started
yarn startStart and watch everything
yarn start:angularStart and watch the angular example application
yarn start:reactStart and watch the react example application
yarn start:stencilStart and watch the stencil library
yarn testTest the stencil library
yarn test:watchTest the stencil library in watch mode

Generate Library Items

In order to generate a new stencil component:

$ wcg --cmd generate --type component --name <component-name>

To generate an example for a component:

$ wcg --cmd generate --type example --name <component-name> --exampleName <example-name> --playbookDir <playbook-group-name>

After Generating a new component or an example remember to run a new build:

$ yarn build

Environments

EnvironmentUrlBranch
DEVTBDdevelop
QATBDqa
PRODTBDmaster

Publishing

Update package versions

To change the version number in all package.json files, in the root directory, run the following command, replacing <update_type> with one of the semantic versioning release types (patch, major, or minor)

$ node bin/release <update_type>

Build all libraries and docs:

$ yarn build

Publish all packages:

$ node bin/publish

Commit and push the changes:

git add .
git commit -m "Release <version>"
git push