This project contains all components for the new corporate design.

This project uses SWC for production builds and SWC for test compilation.

To create a production build use npm run build:source and npm run build:types.

This uses SWC to compile Typescript to JavaScript and TSC to generate the type definitions.

Why?

SWC is 20x faster than Babel on a single thread and 70x faster on four cores.

SWC: https://swc.rs/

To tun all tests run npm run test.

To start the storybook use npm run storybook.

For isolated component development inside the library, you can run storybook and edit the component's files.

npm run storybook

Common situation: Edit library component which is used in another frontend

1. Run npm run local-expose to expose the local npm package to other local projects

2. Navigate to root dir of desired project (where the package.json is located)

3. Run npm link @greenbone/ui

4. Change import paths

• from @greenbone/ui
• to @greenbone/ui/dev

The library now gets mounter inside the node_modules folder of the target project node_modules/

5. For full Typescript support add the following to your tsconfig.json

    "paths": {
"@greenbone/ui/dev": ["./node_modules/@greenbone/ui/src"]
}