📖 UI Kit

1. In the ui-kit project

• Link the package:

pnpm link --global

pnpm run build

⚠️ The consuming project uses the dist/ output. If you don’t build, changes won’t appear.

2. In the consuming project (the app where you use the UI Kit)

• Link the local UI Kit:

pnpm link cedar-ui-kit

(adjust the path if your UI Kit folder is located elsewhere)

• After each update in ui-kit, repeat:

# inside ui-kit
pnpm run build

# inside your app
pnpm install

📦 Publishing to npm registry

Prerequisites

• Node.js and pnpm installed
• npm account (create one at https://www.npmjs.com/signup)
• Logged in to npm in your terminal

Publishing Steps

1. Login to npm (if not already):

   npm login

   Enter your username, password, and email when prompted.

2. Build the package:

   pnpm run build

   This ensures the latest version of your components is compiled into the dist/ directory.

3. Update the package version:

   pnpm version patch

   • Use patch for bug fixes, minor for new features, and major for breaking changes.
   • This command automatically updates your package.json version and creates a Git tag.

4. Publish to npm:

   pnpm publish --access public

5. Verify the publish: Visit https://www.npmjs.com/package/cedar-ui-kit to confirm that your latest version is live.

6. (Optional) Push tags and commits to Git:

   git push && git push --tags

🧩 After Publishing

• In the consuming project:

  pnpm install cedar-ui-kit@latest

  or to upgrade to the latest version:

  pnpm update cedar-ui-kit