Creative Commons Web Component Generator

This is the repository that generate the code that is published in npm. To use the package check his storybook or the package in the npm repository.

This project is created with wc-base-typescript. A project to create isolated web components with typescript

Uses:

• typescript
• rollup
• karma
• jasmine
• storybook

Contribute

Download this project for local development of web the components.

Once the project is on your computer, enter the folder and install all npm dependencies:

npm i

The components are stored in "src/components".

To run a server in development mode run:

npm start

The components will be compiled every time you save a file.

Tests

Karma & jasmine are used as testing environment and framework.

Inside the component folder, there is a file ending with "spec.ts" that include the tests.

To run the test use:

npm test

Storybook

There are two files inside the component folder that are used by storybook.

• @component.stories.ts: Is the file to create the story for the component.

• README.md: It's used to add documentation for the component using the Notes storybook addon.

Run storybook with:

npm run storybook

Build the component

npm run build

You can find the builds in the "dist" folder.

The component will be compiled in a js file (as ES module), to use it as module in any application, and in a dist.js (as iife), to use it directly in browsers, with the same name you give to the folder in "src/components".

All modules include their respective Typescript declaration files.