c0bra/generator-browser-widget

README

Yeoman generator for creating reusable browser widgets

Inspiration from Sindre's generator-nm

Build & bundle with rollup
Transpile with babel
Or with TypeScript
Build components with svelte
Handle your CSS with PostCSS
Unit test with jest
E2E test in the browser with cypress.io (Useful for testing widgets and visual components, but JS code can be tested too)
Publish code coverage to coveralls.io
Local development server with live-reload using live-server
Create a static gh-pages site with VuePress

$ npm i -g yo generator-browser-widget

Scaffold your module with the generator:

$ yo browser-widget

Run the local development server. Your browser and cypress will open up.

$ npm run dev

Other npm scripts

$ npm run build
$ npm run test # test with jest
$ npm run e2e # run cypress e2e tests

Yeoman generator for creating reusable browser widgets

Inspiration from Sindre's generator-nm

Build & bundle with rollup
Transpile with babel
Or with TypeScript
Build components with svelte
Handle your CSS with PostCSS
Unit test with jest
E2E test in the browser with cypress.io (Useful for testing widgets and visual components, but JS code can be tested too)
Publish code coverage to coveralls.io
Local development server with live-reload using live-server
Create a static gh-pages site with VuePress

$ npm i -g yo generator-browser-widget

Scaffold your module with the generator:

$ yo browser-widget

Run the local development server. Your browser and cypress will open up.

$ npm run dev

Other npm scripts

$ npm run build
$ npm run test # test with jest
$ npm run e2e # run cypress e2e tests

gem-hunter