Task: Setup the ui-kit repository for the @aladia/ui-kit NPM package

We need to fully set up the ui-kit repository, which will contain the entire ALADIA Design System (ALDS), including design tokens and UI components.

Requirements:

  1. NPM Package Configuration

    • Prepare the repository to publish the @aladia/ui-kit package to NPM.

    • Ensure proper semantic versioning and changelog generation.

  2. CI/CD Pipeline

    • Configure a CI/CD workflow that triggers on every pull request merged into main.

    • The pipeline should automatically:

      • Build and test the project.

      • Publish the new package version to NPM.

  3. Visual Testing Integration

    • Set up Chromatic for visual regression testing.

    • Configure Chromatic to run automatically on every pull request targeting main.

  4. Storybook Build

    • Ensure Storybook is properly set up and built during the PR workflow.

    • The latest build should be pushed to Chromatic and previewable.

Goal

The ultimate goal is to validate the entire design-to-code workflow, starting from:

  • The Figma-based Design System

  • Flowing through Tokens Studio and the Supernova pipeline,

  • Which automatically creates a pull request to the ui-kit repository

  • That PR triggers Chromatic and Storybook visual tests

  • And upon merge into main, releases a new version of the @aladia/ui-kit package to NPM,

  • Finally allowing the updated package to be consumed and tested from a branch of the main-frontend-project.

Domain
General
Action
feat
Department
Frontend

Please authenticate to join the conversation.

Upvoters
Status

Completed

Board
๐Ÿ’ก

Feature Request

Date

11 months ago

Author

Mattia Vaccari

Subscribe to post

Get notified by email when there are changes.