The next version of the UI for the Kaoto project.

https://kaotoio.github.io/kaoto-next/

• Requirements
• Getting Started
  • Clone the Repository
  • Install Dependencies
• Running kaoto-next with Docker
• Development
  • Web Application
    • Run
    • Build
  • Public Components
• How to do a release
• Camel Catalog and Supporting Schemas
• Storybook

• NodeJS (v18.x or higher) +info
• Yarn (v3.x or higher) +info
• OpenJDK (v21 or higher) +info

For more information on Vite, check Vite's documentation.

First, clone the repository to your local machine.

git clone https://github.com/KaotoIO/kaoto-next

Navigate to the cloned directory and install the necessary packages.

cd kaoto-next
yarn install

Note: By default, @kaoto-next/camel-catalog will also be built using the mvn wrapper.

For trial purposes, there is a docker image that can be run locally:

docker run --rm -p 8080:8080 --name kaoto-next quay.io/kaotoio/kaoto-app:main

To start the development server, execute the following command:

yarn workspace @kaoto-next/ui run start

The application will be accessible at http://localhost:5173 by default.

To build the web application, execute:

yarn workspace @kaoto-next/ui run build

To build the public components, execute:

yarn workspace @kaoto-next/ui run build:lib

To build the Camel Catalog and the supporting schemas, run:

yarn workspace @kaoto-next/camel-catalog run build

Optional: You can update the Camel version in the pom.xml file and then run the build command again.

To view the storybook stories, go to Chromatic. The stories are built for non-Dependabot pull requests and the link to storybook generated for PR is linked once the storybook is published. You can learn more about how to create a story for your UI component here.

To run Storybook locally:

# first build the ui library
yarn workspace @kaoto-next/ui build:lib

# run the storybook
yarn workspace @kaoto-next/ui-tests storybook

To publish to Chromatic: yarn workspace @kaoto-next/ui-tests chromatic