Repository for the implementation and distribution of ECL Europa component library as vanilla web-components. ECL web-components are written and compiled using stencil.js.
To quickly run the app:
git clone https://github.com/planctus/ecl-webcomponents
yarn (install packages)
yarn start (build stencil and watch files)
yarn dev (start storybook)
generate ecl-{component} runs stencil generate
generate:template ecl-{component} creates empty files in the package of the component
build builds the application, including storybook
lint runs stylelint on scss files and eslint on js files
test Runs the prettier checks and the snapshot tests
test:update Updates the snapshots
start builds stencil and watches files for changes
dev starts storybook
pretty-check Runs the checks by prettier
pretty-write Fix the errors with prettier
yarn generate ecl-{component} (choose only the spec file)
yarn generate:template ecl-{component}
This will create most of the files needed in src/components/ecl-{component} The scss in src/styles normally "use" the theme (ec/eu) and the vanilla scss from ecl.
- Get more information here