thenbe / ui

The next-generation UI for Temporal.

Temporal UI

Nota bene: This is pre-release software.

Prerequisites

Temporal must be running in development. (See our documentation for details.)

Trying it out

After pulling down the lastest version of Temporal's docker-compose, you can start it up in experimental mode.

docker-compose -f docker-compose-ui-experimental.yml up -d

Trying it out: Bleeding edge

Starting the UI API server will give you a somewhat recent version on localhost:8080. If you want to use the most recent commit to main, you can spin up a bleeding-edge build as described below.

Once you have the prerequisites going, run the following:

npm run build:local
npm run preview:local

Developing

Developing the UI has the same prequisites as trying it out. Once you've created a project and installed dependencies with npm install, start the development server:

npm start

By default, the application will start up with a version of the UI for the local version of Temporal. You can start the UI for Temporal Cloud by setting the VITE_TEMPORAL_UI_BUILD_TARGET target to cloud. Alternatively, you can use either of the following scripts:

npm run dev:local
npm run dev:cloud

Building

The Temporal UI must be built for either the local version or Temporal Cloud. You must set the VITE_TEMPORAL_UI_BUILD_TARGET environment variable in order to build the assets. This will be set for you if you use either of the following npm scripts.

npm run build:local
npm run build:cloud

The resulting assets will be placed in either build-local or build-cloud respectively.

You can preview the built app with npm run preview, regardless of whether you installed an adapter. This should not be used to serve your app in production.

Configuration

Set these environment variables if you want to change their defaults

Variable	Description	Default	Stage
VITE_API	Temporal HTTP API address. Set to empty `` to use relative paths	http://localhost:8080	Build
VITE_MODE	Build target	development	Build