@cyber-harbour/ui v1.0.44

Getting Started with Cyber Harbor UI Kit

Development

Installation

npm install

Building the Library

The library is built using tsup, which provides optimized builds for both ESM and CommonJS formats.

# Development with watch mode
npm run dev

# Production build
npm run build

# Build without minification
npm run build:dev

# Type checking without build
npm run type-check

Build Output

When building the library, the following is generated in the dist folder:

• ESM modules (.mjs files)
• CommonJS modules (.js files)
• TypeScript declaration files (.d.ts and .d.mts)
• Source maps

Storybook

You can run Storybook to develop and test components:

npm run storybook

To build Storybook:

npm run build-storybook

Build Optimizations

The project uses various optimizations for efficient building:

Production Mode

• Minification of the output files
• Tree shaking to remove unused code
• Console logs removal
• Source maps for debugging

Development Mode

• Watch mode for auto-rebuilding on changes
• Inline source maps for easier debugging
• No minification for faster builds
• No type generation for speed