@514sid/signagekit 0.0.0-stage → 0.0.1

package/examples/fire-alarm/data.yml

@@ -0,0 +1,23 @@
+hours:
+  - [Maternity, '14:00 - 20:00']
+  - [Surgical, '15:00 - 19:00']
+  - [Paediatrics, '10:00 - 20:00']
+  - [Cardiology, '14:00 - 18:00']
+notices:
+  - Two visitors per bed
+  - Use the hand gel at every ward door
+  - Parking validation at Reception
+
+alert:
+  level: danger
+  icon: fire
+  title: Fire alarm
+  message: 'Fire reported on Level 2, East Wing. Leave the building by the nearest exit.'
+  steps:
+    - Do not use the lifts
+    - Follow the green exit signs
+    - Staff will guide patients and visitors
+    - Gather in Car Park B, away from the entrance
+  footer: 'Do not re-enter until a fire officer gives the all clear. Updated 14:32'
+  mode: takeover
+  until: '2026-11-15T00:00:00Z'

package/examples/fire-alarm/layout.yml

@@ -0,0 +1,30 @@
+# yaml-language-server: $schema=https://signagekit.514sid.com/schema.json
+# St. Mary's Hospital main entrance: visitor information, with a fire alarm
+# takeover bound to /alert. Clear the alert by setting /alert to null.
+colors:
+  scheme: light
+  accent: '#0b5cad'
+
+layout:
+  design: landscape
+  flow:
+    - { zone: head, span: 9, height: 170px }
+    - { zone: clock, span: 3, height: 170px }
+    - { zone: hours, span: 7, height: 2 }
+    - { zone: info, span: 5, height: 2 }
+
+zones:
+  head: { type: heading, text: Welcome to St. Mary's }
+  clock: { type: clock, surface: raised, show_date: true }
+  hours:
+    type: table
+    title: Visiting hours
+    columns: [Ward, Hours]
+    align: [start, end]
+    rows: { bind: /hours }
+  info:
+    type: list
+    title: Visitor notices
+    items: { bind: /notices }
+
+alert: { bind: /alert }

package/examples/gym-classes/data.yml

@@ -0,0 +1,17 @@
+# Leeds is on GMT in November, so Z matches local time.
+next_at: '2026-11-14T14:00:00Z'
+next_label: Spin Power, Studio 1
+spots_left: 3
+spots_label: Book in the app
+classes:
+  - ['14:00', Spin Power, Studio 1, Dani, 3 left]
+  - ['14:30', Yoga Flow, Studio 2, Mei, 8 left]
+  - ['15:15', HIIT 45, Studio 1, Marcus, 11 left]
+  - ['16:00', Pilates Core, Studio 2, Sofia, Full]
+  - ['17:00', Boxfit, Studio 3, Jayden, 6 left]
+  - ['17:30', Spin Endurance, Studio 1, Dani, 9 left]
+  - ['18:00', Stretch and Restore, Studio 2, Mei, 14 left]
+messages:
+  - Towels at the front desk
+  - Late cancellations after 2 hours are charged
+  - Sauna closed for cleaning 15:00 to 15:30

package/examples/gym-classes/layout.yml

@@ -0,0 +1,47 @@
+# yaml-language-server: $schema=https://signagekit.514sid.com/schema.json
+# Pulse Fitness Leeds, reception wall. Landscape, dark with a hot accent.
+colors:
+  scheme: dark
+  accent: '#f97316'
+
+layout:
+  design: landscape
+  flow:
+    - { zone: head, span: 8, height: 170px }
+    - { zone: clock, span: 4, height: 170px }
+    - { zone: classes, span: 8, height: 4 }
+    - { zone: next, span: 4, height: 4 }
+    - { zone: ticker, height: 110px }
+
+zones:
+  head: { type: heading, text: Classes today }
+  clock: { type: clock, surface: raised, hour12: false }
+  classes:
+    type: table
+    columns: [Time, Class, Studio, Coach, Spots]
+    align: [start, start, start, start, end]
+    widths: [1.1, 2.6, 1.4, 1.8, 1.3]
+    page_rows: 7
+    seconds: 12
+    rows: { bind: /classes }
+  next:
+    type: stack
+    items:
+      - type: countdown
+        weight: 2
+        title: Next class
+        label: { bind: /next_label }
+        to: { bind: /next_at }
+        done: Starting now
+      - type: stat
+        weight: 2
+        title: Studio 1 spots
+        value: { bind: /spots_left }
+        unit: left
+        thresholds: { warning: 5, danger: 2 }
+        label: { bind: /spots_label }
+  ticker:
+    type: cycle
+    surface: raised
+    seconds: 8
+    items: { bind: /messages }

package/examples/hotel-lobby/data.yml

@@ -0,0 +1,2 @@
+guest_url: https://guest.harborhouse.example
+desk_note: Front desk is staffed 24 hours. Dial 0 from any room phone for anything you need, including a late checkout or a taxi.

package/examples/hotel-lobby/layout.yml

@@ -0,0 +1,29 @@
+# yaml-language-server: $schema=https://signagekit.514sid.com/schema.json
+# Sparse lobby screen: four zones, light scheme, landscape.
+colors:
+  scheme: light
+  accent: '#0f5132'
+
+layout:
+  design: landscape
+  flow:
+    - { zone: head, span: 12, height: 200px }
+    - { zone: time, span: 4, height: 1 }
+    - { zone: guide, span: 4, height: 1 }
+    - { zone: desk, span: 4, height: 1 }
+
+zones:
+  head: { type: heading, title: Lobby, text: Welcome to Harbor House, align: start }
+  time: { type: clock, title: Local time, surface: raised, show_date: true, hour12: false }
+  guide:
+    type: qr
+    title: Guest guide
+    value: { bind: /guest_url }
+    label: Wi-Fi, room service and checkout
+  desk:
+    type: text
+    title: Front desk
+    surface: accent
+    text: { bind: /desk_note }
+    fit: true
+    align: start

package/examples/lunch/data.yml

@@ -0,0 +1,16 @@
+# Every value in YAML data is read as text, so 4.50 stays "4.50".
+menu:
+  - [Tomato soup, VG, 4.50]
+  - [Chicken curry, GF, 8.90]
+  - [Mushroom risotto, V, 8.20]
+  - [Fish and chips, '', 9.50]
+  - [Falafel wrap, VG, 6.80]
+wait: 6
+seats: 42
+notices:
+  - 'Fire drill Thursday at 10:00'
+  - New vegan station opens Monday
+messages:
+  - 'Coffee bar open until 16:00'
+  - 'Card payments only after 14:00'
+  - Reusable cups get 20p off

package/examples/lunch/layout.yml

@@ -0,0 +1,43 @@
+# yaml-language-server: $schema=https://signagekit.514sid.com/schema.json
+# A canteen screen: the menu, wait time, free seats and notices. Designed for
+# landscape; on a portrait screen the zones move onto rows of their own.
+colors:
+  scheme: dark
+  accent: '#2563eb'
+
+layout:
+  design: landscape
+  flow:
+    - { zone: head, span: 9, height: 170px }
+    - { zone: clock, span: 3, height: 170px }
+    - { zone: menu, span: 6, height: 2 }
+    - { zone: info, span: 6, height: 2 }
+    - { zone: news, height: 110px }
+
+zones:
+  head: { type: heading, text: Today's lunch }
+  clock: { type: clock, surface: raised, show_date: true }
+  menu:
+    type: table
+    title: Menu
+    columns: [Dish, Diet, Price]
+    align: [start, start, end]
+    rows: { bind: /menu }
+  info:
+    type: stack
+    items:
+      - type: stack
+        direction: row
+        items:
+          - { type: stat, title: Wait time, value: { bind: /wait }, unit: min }
+          - { type: stat, title: Seats free, value: { bind: /seats } }
+      - type: stack
+        direction: row
+        items:
+          - { type: list, title: Notices, items: { bind: /notices } }
+          - type: text
+            surface: accent
+            title: Allergens
+            fit: true
+            text: Ask at the counter for allergen information.
+  news: { type: cycle, surface: raised, items: { bind: /messages }, seconds: 8 }

package/examples/meeting-room/data.json

@@ -0,0 +1,19 @@
+{
+  "room": {
+    "name": "Ada Lovelace",
+    "floor": "Floor 3, east wing",
+    "book_url": "https://rooms.northwind.example/r/ada-lovelace"
+  },
+  "status": {
+    "text": "In use",
+    "label": "Busy until 15:00",
+    "state": "danger",
+    "ends_at": "2026-11-14T15:00:00Z"
+  },
+  "agenda": [
+    { "start": "13:00", "end": "15:00", "title": "Pricing review", "detail": "Organiser: M. Oyelaran" },
+    { "start": "15:00", "end": "15:30", "title": "Interview debrief" },
+    { "start": "15:30", "end": "16:30", "title": "Sprint planning, Payments squad", "detail": "Organiser: J. Whitcombe-Tarasova" },
+    { "start": "17:00", "end": "17:30", "title": "1:1 Priya / Daniel" }
+  ]
+}

package/examples/meeting-room/layout.json

@@ -0,0 +1,107 @@
+{
+  "version": 1,
+  "colors": {
+    "scheme": "dark",
+    "accent": "#f59e0b"
+  },
+  "layout": {
+    "design": "portrait",
+    "flow": [
+      {
+        "zone": "room",
+        "span": 8,
+        "height": "200px"
+      },
+      {
+        "zone": "clock",
+        "span": 4,
+        "height": "200px"
+      },
+      {
+        "zone": "status",
+        "span": 12,
+        "height": 2
+      },
+      {
+        "zone": "ends",
+        "span": 6,
+        "height": 1.2
+      },
+      {
+        "zone": "book",
+        "span": 6,
+        "height": 1.2
+      },
+      {
+        "zone": "agenda",
+        "span": 12,
+        "height": 4
+      },
+      {
+        "zone": "rules",
+        "span": 12,
+        "height": "150px"
+      }
+    ]
+  },
+  "zones": {
+    "room": {
+      "type": "heading",
+      "title": "Meeting room",
+      "text": {
+        "bind": "/room/name"
+      }
+    },
+    "clock": {
+      "type": "clock",
+      "surface": "raised",
+      "hour12": false
+    },
+    "status": {
+      "type": "stat",
+      "title": {
+        "bind": "/room/floor"
+      },
+      "value": {
+        "bind": "/status/text"
+      },
+      "label": {
+        "bind": "/status/label"
+      },
+      "state": {
+        "bind": "/status/state"
+      }
+    },
+    "ends": {
+      "type": "countdown",
+      "surface": "raised",
+      "title": "Current meeting",
+      "to": {
+        "bind": "/status/ends_at"
+      },
+      "label": "left"
+    },
+    "book": {
+      "type": "qr",
+      "title": "Book this room",
+      "value": {
+        "bind": "/room/book_url"
+      },
+      "label": "Scan to book"
+    },
+    "agenda": {
+      "type": "schedule",
+      "title": "Next up",
+      "rows": 6,
+      "items": {
+        "bind": "/agenda"
+      }
+    },
+    "rules": {
+      "type": "text",
+      "surface": "accent",
+      "text": "Seats 10. Please wipe the whiteboard and take your cups when you leave.",
+      "fit": true
+    }
+  }
+}

package/examples/noc-wall/data.yml

@@ -0,0 +1,18 @@
+alert: ''
+kpi:
+  error_rate: 0.31
+  error_state: warning
+  p99: 412
+  p99_spark: [530, 510, 498, 470, 455, 430, 412]
+svc:
+  cdn: good
+  auth: good
+  api: warning
+  payments: good
+  db: warning
+  vpn: danger
+incidents:
+  - [SEV2, VPN ams-02 saturated, 41 m]
+  - [SEV3, eu-west API over SLO, 36 m]
+  - [SEV3, Replica lag on pg-replica-04, 22 m]
+  - [SEV4, Certificate expires in 9 days, 3 d]

package/examples/noc-wall/layout.yml

@@ -0,0 +1,63 @@
+# yaml-language-server: $schema=https://signagekit.514sid.com/schema.json
+# Network operations wall: six zones, dark.
+colors:
+  scheme: dark
+
+layout:
+  flow:
+    - { zone: head, span: 8, height: 120px }
+    - { zone: clock, span: 4, height: 120px }
+    - { zone: err, span: 3, height: 1 }
+    - { zone: p99, span: 3, height: 1 }
+    - { zone: svc, span: 6, height: 1 }
+    - { zone: inc, span: 12, height: 1 }
+
+alert:
+  text: { bind: /alert }
+  title: Major incident
+  state: danger
+
+zones:
+  head:
+    type: heading
+    title: Network operations
+    text: Global edge and core
+  clock:
+    type: clock
+    surface: raised
+    show_date: true
+    hour12: false
+  err:
+    type: stat
+    title: Error rate
+    value: { bind: /kpi/error_rate }
+    unit: '%'
+    state: { bind: /kpi/error_state }
+    trend: up
+    delta: '+0.04'
+    good_when: down
+  p99:
+    type: stat
+    title: p99 latency
+    value: { bind: /kpi/p99 }
+    unit: ms
+    trend: down
+    delta: -18 ms
+    good_when: down
+    spark: { bind: /kpi/p99_spark }
+  svc:
+    type: status
+    title: Services
+    items:
+      - { label: Edge CDN, state: { bind: /svc/cdn } }
+      - { label: Sign-in, state: { bind: /svc/auth } }
+      - { label: Core API, state: { bind: /svc/api }, note: eu-west slow }
+      - { label: Payments, state: { bind: /svc/payments } }
+      - { label: Postgres, state: { bind: /svc/db }, note: lag 4 s }
+      - { label: Office VPN, state: { bind: /svc/vpn }, note: down }
+  inc:
+    type: table
+    title: Open incidents
+    columns: [Sev, Incident, Age]
+    align: [start, start, end]
+    rows: { bind: /incidents }

package/examples/oee-line/data.yml

@@ -0,0 +1,25 @@
+# Every value is read as text.
+oee:
+  value: 78.4
+  state: warning
+  trend: up
+  delta: +1.6 pts
+  spark: [71, 73, 72, 75, 77, 76, 78.4]
+  hourly: [74, 76, 72, 79, 81, 77, 78]
+  target: [85, 85, 85, 85, 85, 85, 85]
+hours: ['06:00', '07:00', '08:00', '09:00', '10:00', '11:00', '12:00']
+lines:
+  - { label: Line 1 PET 0.5 L, value: 412, max: 480, state: good }
+  - { label: Line 2 PET 1.5 L, value: 301, max: 360, state: good }
+  - { label: Line 3 glass, value: 188, max: 300, state: warning }
+  - { label: Line 4 cans, value: 0, max: 600, state: danger }
+downtime:
+  - { label: Changeover, value: 52 }
+  - { label: Glue pump, value: 41 }
+  - { label: No preforms, value: 27 }
+  - { label: Micro stops, value: 19 }
+  - { label: CIP cleaning, value: 15 }
+messages:
+  - 'Changeover on Line 3 at 13:00, bring format parts'
+  - 'Forklift route B closed until 15:00'
+  - 'QA sample every 30 min, record on tablet'

package/examples/oee-line/layout.yml

@@ -0,0 +1,55 @@
+# yaml-language-server: $schema=https://signagekit.514sid.com/schema.json
+# OEE board for a bottling plant floor, landscape.
+colors:
+  scheme: dark
+  accent: '#0ea5e9'
+
+layout:
+  design: landscape
+  gap: 2
+  flow:
+    - { zone: head, span: 9, height: 120px }
+    - { zone: clock, span: 3, height: 120px }
+    - { zone: oee, span: 4, height: 2 }
+    - { zone: trend, span: 8, height: 2 }
+    - { zone: lines, span: 6, height: 3 }
+    - { zone: downtime, span: 6, height: 3 }
+    - { zone: news, height: 100px }
+
+zones:
+  head: { type: heading, text: Filling hall 2 OEE, surface: raised }
+  clock: { type: clock, surface: raised }
+  oee:
+    type: stat
+    title: OEE today
+    value: { bind: /oee/value }
+    unit: '%'
+    state: { bind: /oee/state }
+    trend: { bind: /oee/trend }
+    delta: { bind: /oee/delta }
+    good_when: up
+    spark: { bind: /oee/spark }
+  trend:
+    type: chart
+    kind: line
+    title: OEE by hour vs target
+    labels: { bind: /hours }
+    series:
+      - { name: OEE, values: { bind: /oee/hourly } }
+      - { name: Target, values: { bind: /oee/target } }
+  lines:
+    type: meters
+    title: Line speed
+    unit: bpm
+    items: { bind: /lines }
+  downtime:
+    type: bars
+    title: Downtime today
+    unit: min
+    limit: 5
+    items: { bind: /downtime }
+  news:
+    type: cycle
+    surface: raised
+    seconds: 6
+    items: { bind: /messages }

package/examples/office-air/data.yml

@@ -0,0 +1,25 @@
+# Readings from the floor sensors. Every value in YAML data is read as text.
+floor: Floor 3, east wing
+co2:
+  now: 742
+  trend: down
+  delta: -58 since 10:00
+  label: Fresh
+temp:
+  now: 21.8
+  label: Comfortable
+  state: good
+humidity: 46
+rooms:
+  - { label: Harbour, value: 1180, max: 1600 }
+  - { label: Lighthouse, value: 960, max: 1600 }
+  - { label: Quay, value: 812, max: 1600 }
+  - { label: Dockside, value: 655, max: 1600 }
+  - { label: Pier, value: 540, max: 1600 }
+day:
+  hours: ['08:00', '09:00', '10:00', '11:00', '12:00', '13:00', '14:00']
+  co2: [520, 690, 800, 940, 1080, 870, 742]
+tips:
+  - Harbour is getting stuffy, open the window or take a break
+  - Windows on the south side open with the grey handle
+  - Plants on this floor are watered on Mondays and Thursdays

package/examples/office-air/layout.yml

@@ -0,0 +1,71 @@
+# yaml-language-server: $schema=https://signagekit.514sid.com/schema.json
+# Air quality on an office floor, for the screen by the kitchen.
+version: 1
+colors:
+  scheme: dark
+  accent: '#0ea5e9'
+
+layout:
+  flow:
+    - { zone: head, span: 9, height: 130px }
+    - { zone: clock, span: 3, height: 130px }
+    - { zone: co2, span: 4, height: 2 }
+    - { zone: temp, span: 4, height: 2 }
+    - { zone: humidity, span: 4, height: 2 }
+    - { zone: rooms, span: 5, height: 3 }
+    - { zone: today, span: 7, height: 3 }
+    - { zone: tips, height: 100px }
+
+zones:
+  head:
+    type: heading
+    title: Air quality
+    text: { bind: /floor }
+  clock:
+    type: clock
+    surface: raised
+    show_date: true
+  co2:
+    type: stat
+    title: CO₂, open plan
+    value: { bind: /co2/now }
+    unit: ppm
+    thresholds: { warning: 1000, danger: 1400 }
+    trend: { bind: /co2/trend }
+    delta: { bind: /co2/delta }
+    good_when: down
+    label: { bind: /co2/label }
+  temp:
+    type: stat
+    title: Temperature
+    value: { bind: /temp/now }
+    unit: °C
+    label: { bind: /temp/label }
+    state: { bind: /temp/state }
+  humidity:
+    type: meter
+    title: Humidity
+    value: { bind: /humidity }
+    max: 100
+    unit: '%'
+    thresholds: { warning: 60, danger: 70 }
+  rooms:
+    type: meters
+    title: CO₂ by meeting room, ppm
+    items: { bind: /rooms }
+    thresholds: { warning: 1000, danger: 1400 }
+  today:
+    type: chart
+    kind: area
+    title: CO₂ today, open plan
+    labels: { bind: /day/hours }
+    series:
+      - name: CO₂
+        values: { bind: /day/co2 }
+    target: 1000
+    target_label: Open a window above 1000
+  tips:
+    type: cycle
+    surface: raised
+    items: { bind: /tips }
+    seconds: 8

package/examples/sales-today/data.json

@@ -0,0 +1,28 @@
+{
+  "kpi": {
+    "revenue": 134210,
+    "vs_target": 105,
+    "target_label": "Day target 128K",
+    "state": "good",
+    "trend": "up",
+    "delta": "+2.4 pts"
+  },
+  "hourly": {
+    "labels": ["09:00", "10:00", "11:00", "12:00", "13:00", "14:00", "15:00", "16:00"],
+    "revenue": [9.1, 12.4, 14.8, 16.2, 17.5, 19.9, 21.3, 23.0]
+  },
+  "reps": [
+    { "label": "Dana Reyes", "value": 31.2 },
+    { "label": "Marcus Okafor", "value": 28.4 },
+    { "label": "Lena Brandt", "value": 26.9 },
+    { "label": "Sam Whitfield", "value": 22.1 },
+    { "label": "Aiko Tanaka", "value": 19.7 },
+    { "label": "Joel Mensah", "value": 17.4 }
+  ],
+  "regions": [
+    { "label": "North", "value": 104 },
+    { "label": "East", "value": 97 },
+    { "label": "South", "value": 78 },
+    { "label": "West", "value": 62 }
+  ]
+}