Nanobot: Polygonal Mascot

    @temporalio/ui

    2.1.58 • Public • Published

    Temporal UI

    Prerequisites

    Temporal must be running in development. (For details, see Run a dev Cluster in the documentation.)

    Temporal UI requires Temporal v1.16.0 or later.

    Trying it out

    After pulling down the lastest version of Temporal's docker-compose, you can access the UI by visiting http://localhost:8080.

    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:

    pnpm install
    pnpm run build:local
    pnpm 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 pnpm install, start the development server:

    pnpm 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:

    pnpm run dev:local
    pnpm 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 pnpm scripts.

    pnpm run build:local
    pnpm run build:cloud

    The resulting assets will be placed in .vercel/output/static.

    You can preview the built app with pnpm 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

    Developing with Canary

    To get a better representation of production data, you can run our UI with the canary-go repo. You will need go installed on your machine.

    canary-go

    make bins
    ./temporal-canary start

    temporal

    make bins
    TEMPORAL_ENVIRONMENT=development_sqlite make start

    tctl

    make build
    ./tctl config set version next
    ./tctl -n canary namespace register
    ./tctl -n default namespace register
    ./tctl cluster add-search-attributes -y \
     	--name CustomKeywordField --type Keyword \
     	--name CustomStringField --type Text \
     	--name CustomTextField --type Text \
     	--name CustomIntField --type Int \
     	--name CustomDatetimeField --type Datetime \
     	--name CustomDoubleField --type Double \
     	--name CustomBoolField --type Bool

    To view the search attributes code: https://github.com/temporalio/docker-builds/blob/main/docker/auto-setup.sh#L297

    ui-server

    make build-server
    ./ui-server start

    ui

    pnpm start

    Keywords

    Install

    npm i @temporalio/ui

    DownloadsWeekly Downloads

    924

    Version

    2.1.58

    License

    MIT

    Unpacked Size

    699 kB

    Total Files

    675

    Last publish

    Collaborators

    • laurakwhit
    • rossedfort
    • alex.tideman
    • temporal-sdk-team
    • taillogs
    • flossypurse
    • tempbearpig