@ayseaistudio/ui-components

Reusable UI component library for AISTUDIO projects. Includes ready-to-use components like buttons and other UI elements.

🚀 Installation

Install the package in your React project:

npm install @ayseaistudio/ui-components@latest

If you encounter a React version conflict, use:

npm install @ayseaistudio/ui-components --legacy-peer-deps

npm list @ayseaistudio/ui-components

🛠️ Development & Publishing Workflow

Follow these steps whenever you add a new component or make changes:

1️⃣ Build the project

Compile TypeScript source files into JavaScript:

npx tsc

2️⃣ Copy CSS files to the dist/ folder

Ensure that all component styles are available after build:

npx cpy "src/**/*.css" dist/

3️⃣ Increase the package version

Each publish requires a new version. Choose one of the following depending on the change type:

npm version patch    # for small fixes (1.0.0 → 1.0.1)
npm version minor    # for new components (1.0.0 → 1.1.0)
npm version major    # for breaking changes (1.0.0 → 2.0.0)

4️⃣ Publish to npm

Publish the new version publicly:

npm publish --access public

⚠️ Make sure you are logged in to npm as ayseaistudio:

npm whoami

🧪 Local Testing (Before Publishing)

If you want to test the package locally in another project:

In the UIComponents project:

npm link

In your target project:

npm link @ayseaistudio/ui-components

This allows you to import the local version without publishing.

To login npm:

Username: ayseaistudio email: [email protected] Password: AIstudio1.