v1.0.0

A Home Assistant Lovelace card that embeds the weilSieDichLieben BVG (Berlin public transport) departure board, with the upstream kiosk aesthetic intact: DotMatrix bitmap font, scrolling marquee remarks, orange-on-black, and a click-through leaflet vehicle radar map.

Install

Via HACS:

1. HACS → Frontend → ⋯ → Custom repositories
2. Add https://github.com/genericJE/ha-weilSieDichLieben as type Lovelace
3. Install weilSieDichLieben Card
4. Add the card to a dashboard

The visual editor lets you search for BVG stations by name and toggle transport modes per station. For kiosk-style fullscreen, set the view to panel: true.

Configuration

type: custom:weil-sie-dich-lieben-card
stations:
  - id: "900100003"
    value: "S+U Alexanderplatz"
    suburban: true       # S-Bahn
    subway: true         # U-Bahn
    tram: true
    bus: true
    ferry: false
    express: false       # IC/ICE
    regional: false      # RB/RE
    when: 0              # min minutes ahead
    results: 6           # departures shown
language: de             # de | en
fontSize: 16
remarksVisibility: true
standardRemarksVisibility: true
hideDepartureCol: false

Highlights

• Mounts the upstream React DepartureDisplay via @r2wc/react-to-web-component
• Visual config editor with debounced BVG station search
• DotMatrix font bundled inline as a data URI
• antd, leaflet, and react-fast-marquee styles scoped into the React shadow root via StyleProvider + a MutationObserver mirror, so the upstream's flex columns, scrolling marquees, and 520px floating radar popover all render correctly inside HA's dashboard tree
• HA Lovelace YAML is the single source of truth — no cookies, no in-card settings drawer
• Live preview in the "Add card" picker

Bundle

Single ES module weil-sie-dich-lieben-card.js, ~720KB minified (includes React, antd, leaflet, the upstream React source, and the DotMatrix font binary). Loaded once per HA frontend session.

License

MIT. Derived from weilSieDichLieben by Nikolas Tsombanis.