Listen addresses

Listen address of each demo service, switchable between all interfaces, the host address and localhost. Public non-proxy listeners are flagged.

View as Markdown

<sv-bindings>· loading

Tryset Redis to Internal.

Installation

pnpm dlx shadcn@latest add @lumesec/sv-bindings

First timeRegister the @lumesec registry once, or install by URL+

Adds @lumesec to your components.json:

pnpm dlx shadcn@latest registry add @lumesec=https://elements.lumesec.ai/r/{name}.json

Or skip the setup and install by URL:

npx shadcn@latest add https://elements.lumesec.ai/r/sv-bindings.json

Usage

import { SvBindings } from "@/components/lumesec/sv-bindings";

export function Example() {
  return (
    <SvBindings />
  );
}

Behaviour

Where each service listens: on all interfaces, on the host address or only locally. Public listeners outside the reverse proxy are flagged.

API reference

Events

Events bubble and cross the shadow boundary unless the description says otherwise.

changeReact proponChangeDetail{ action: 'bind', service: string, port: number, bind: string }

Fires when a listen address is chosen. service is the display name, for example Redis; bind is 0.0.0.0, 127.0.0.1 or the host address.

Accessibility

Each row's choice is a role="group" labelled Listen address for the service, with aria-pressed buttons.
Rows are a role="list". The summary counts are a polite live region.
Reduced motion: no animation; with reduced motion only the shared button transitions are switched off.

Theming

The element reads your shadcn theme tokens through its shadow root, so light and dark follow your theme. The accent comes from --lumesec. See Theming.

This component reads --border, --lumesec-success, --lumesec-warning and --muted-foreground.

To restyle only LumeSec elements, set the matching --ui-* overrides: --ui-border, --ui-muted, --ui-ok and --ui-warn.

Notes

Built-in demo data: eight services from INFRA (Reverse proxy, AIOP API on app-01, Admin UI, Job worker, Identity, PostgreSQL, Redis, Grafana). Redis starts on 0.0.0.0 to show the warning. No attribute selects a record.
Public on any service other than the reverse proxy shows a warning that suggests binding to the host address and routing through the proxy.
Only the first port of each service is shown. The event carries the service name, not its id.

<sv-port-map>

Port spacesv-port-map

<sv-port-picker>

Port pickersv-port-picker

<sv-port-scan>

Listening ports scansv-port-scan

<sv-conflicts>

Conflicts before applysv-conflicts

Was this page helpful?

Related