Impierce UI Component Library

This component library uses shadcn-svelte for the underlying components and then applies custom styling. The raw components (npx shadcn-svelte add ...) are located in src/lib/components/ui. Note: some components that do not exist in shadcn-svelte yet have been imported from svelte-headlessui.

Local development

npm install
npm run storybook

Go to http://localhost:6006 to see a live preview of the components!

npm run dev

Go to http://localhost:3000 to browse through pre-defined user flows (mock data)

Build

npm run build-storybook
npx http-server storybook-static

Go to http://localhost:8081 and explore the final components!

Release

The release is currently not automated or generated.

1. Adjust the version in package.json
2. Go to GitHub > Releases > Draft a new release
3. Create the next tag (according to the version)
4. Set the release title to the same name
5. Publish
6. A GitHub workflow will be triggered that tests, builds and publishes the version

Use a released version

# https://docs.github.com/en/authentication/keeping-your-account-and-data-secure/creating-a-personal-access-token
# GitHub > Settings > Developer settings > Personal access tokens > Tokens (classic)
# Note: Read private packages, Expiration: 90 days, Scopes: read:packages

touch ~/.npmrc

//npm.pkg.github.com/:_authToken=ghp_...