CX Preact component library POC

To build the component library run npm run build

Getting Started

1️⃣ Install all necessary dependencies:

npm install

2️⃣ In order to run storybook to see all the available components run:

npm run storybook

3️⃣ In order to build and bundle the library for the release to npm, run

npm run build

4️⃣ To add new component to the library please create a folder in /source/components with the name of component, eg NewComponent

5️⃣ Add necessary files (component's styling, story for Storybook and the .tsx component body)

6️⃣ Add barrel import of the component - index.ts with

export { default } from './NewComponent.component';

7️⃣ Re export component in root index.ts of /components folder

export { default as NewComponent } from './NewComponent';

8️⃣ Add ngrok url zoom_jet_client http service to connect frontend with backend path -> zoom_jet_client/src/ts/services/base-http.service.ts

export default class BaseHttpService {
private readonly BASE_URL = '...YOUR NGROK URL';
...

9️⃣ If you want to prepare minified bunde of the application run

npm run build