ui-dev-server

Task

Start the VST UI dev server pointed at a backend host.

The UI project lives at ui/vios-ui/ (package vst-ui-ts) relative to the services/vios tree. All npm commands below must run from that directory — cd into it first. Do not assume the session working directory is the UI project root.

Arguments provided: $ARGUMENTS

Steps

1. Determine the backend URL

• If $ARGUMENTS is non-empty, parse it as <ip:port> with an optional trailing path.
• If no arguments were given, use AskUserQuestion to ask the user:
  • "What is the backend IP and port? (e.g. :30888)"
• Default path is /vst if none provided.
• Construct the full URL: http://<ip>:<port><path>

2. Edit ui/vios-ui/src/config.tsx

Read the file first, then apply one of the two cases below:

---

Case A — file is in original (unedited) state:

Detect by presence of isDevelopment or getPort function definitions.

Replace this entire block (from after the import line to before export default):

const isDevelopment = () => {
    return process.env.NODE_ENV === 'development';
};

const getPort = () => {
    return isDevelopment() ? '30000' : window.location.port;
};

const mdatWebAPIDefaultPort = '8081';
const analyticsUIServerDefaultPort = '8003';

const config: Config = {
    sensorManagementEndpoint: `${window.location.protocol}//${window.location.hostname}:${getPort()}`,
    streamRecorderEndpoint: `${window.location.protocol}//${window.location.hostname}:${getPort()}`,
    storageManagementEndpoint: `${window.location.protocol}//${window.location.hostname}:${getPort()}`,
    liveStreamEndpoint: `${window.location.protocol}//${window.location.hostname}:${getPort()}`,
    replayStreamEndpoint: `${window.location.protocol}//${window.location.hostname}:${getPort()}`,
    streambridgeEndpoint: `${window.location.protocol}//${window.location.hostname}:${getPort()}`,

    mdatWebApiEndpoint: `${window.location.protocol}//${window.location.hostname}:${mdatWebAPIDefaultPort}`,
    analyticsUIServerEndpoint: `${window.location.protocol}//${window.location.hostname}:${analyticsUIServerDefaultPort}`,
    enableLogs: true, // enable-disable console logs
};