/tangerine-ui

A UI for Tangerine

Primary LanguageTypeScript

🍊 Tangerine

This is a frontend plugin that provides a conversational AI search interface that talks to Tangerine.

Development

Before starting:

  • Make sure you are using Node 20.17 or higher
  • Run yarn install
  • You'll need the URL for your tangerine server as well as the OAuth token exported as environment variables:
export TANGERINE_CLUSTER_URL="tangerine.mycompany.com"
export TANGERINE_CLUSTER_API_TOKEN="DEADBEEFDEADBEEFDEADBEEFDEADBEEF"

With all of that in place you can start the dev server:

yarn dev

The app will be running on localhost:3000

Deploy to RHDH

Proxy Config

In app-config.yaml first add the proxy:

proxy:
  endpoints:
    '/tangerine':
      target: "tangerine.mycompany.com"
      headers:
        Authorization: "Bearer DEADBEEFDEADBEEFDEADBEEFDEADBEEF"

Dynamic Plugin Config

Add this to the dynmaic plugins config file

    - package: "https://github.com/RedHatInsights/backstage-plugin-convo-frontend/releases/download/v0.2.9/redhatinsights-backstage-plugin-convo-frontend-dynamic-0.2.9.tgz"
      disabled: false
      integrity: "sha256-2lwrT6OIXWCaNFsR+Ns6T5MDWRmYUSGW8VpyeWwPLtU="
      pluginConfig:
        dynamicPlugins:
          frontend:
            redhatinsights.backstage-plugin-convo-frontend:
              dynamicRoutes:
                - path: /convo
                  importName: AISearchFrontendPage
                  menuItem:
                    icon: 'chat'
                    text: "Convo: AI Search"

Build the Dynamic Plugin

Run ./build - the packed tarball for the release along with its integrity sha will be generated.

Attributions

This project uses graphics from Twemoji, licensed under Creative Commons Attribution 4.0 International (CC-BY 4.0). Twemoji graphics © 2014-2024 Twitter, Inc and other contributors. The original source can be found here: https://github.com/twitter/twemoji.