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

About 1 year ago

Author

Mattia Vaccari

Subscribe to post

Get notified by email when there are changes.