@rocketqueue/ui

React UI components and a standalone monitor app for Rocketqueue queues.

Library

Use the dashboard inside your own React app:

import { EventuallyDashboard, EventuallyUIProvider } from "@rocketqueue/ui";
import "@rocketqueue/ui/styles.css"

export function App() {
  return (
    <EventuallyUIProvider endpoint="/api/playground">
      <EventuallyDashboard />
    </EventuallyUIProvider>
  );
}

Standalone Monitor

Build the package:

bun --filter @rocketqueue/ui build

Start the monitor app:

node packages/eventually-ui/dist/cli.js start

By default the app uses /api/playground as its backend endpoint. Override it with --endpoint to point at your own queue backend:

node packages/eventually-ui/dist/cli.js start \
  --host 127.0.0.1 \
  --port 3210 \
  --endpoint https://your-backend.example.com/api/queues

Available flags:

• --host: host to bind the local monitor server. Default: 127.0.0.1
• --port: port to bind the local monitor server. Default: 3210
• --endpoint: Rocketqueue UI API endpoint used by the React app. Default: /api/playground

start only serves the built monitor app from dist/standalone. It does not create a queue backend server.