@nebularstreams/overlay-sdk 1.0.0

package/templates/all/gaming/battleship/manifest.json

@@ -0,0 +1,279 @@
+{
+  "instructions": "Place the fleet by selecting every coordinate occupied by a ship; adjoining cells form one vessel, so leave water between separate boats. Keep Fleet display hidden during play, then add every coordinate fired upon by the player. The overlay determines hits, misses and sunk vessels automatically. Reveal the fleet when the round ends. Use Reset round to clear all shots and hide the fleet again, then press Update.",
+  "meta": {
+    "content/title": {
+      "type": "string",
+      "phase": "edit",
+      "label": "Title", "hint": "Enter title",
+      "default": "Fleet Command"
+    },
+    "content/player": {
+      "type": "string",
+      "phase": "edit",
+      "label": "Player", "hint": "Enter player name",
+      "default": "John Carter"
+    },
+    "content/location": {
+      "type": "string",
+      "phase": "edit",
+      "label": "Player location", "hint": "Enter player location",
+      "default": "New York · NY"
+    },
+    "board/fleet": {
+      "type": "multi",
+      "phase": "edit",
+      "container": "big",
+      "label": "Fleet positions", "hint": "Every coordinate occupied by the player's ships",
+      "choose": [
+        "A1",
+        "A2",
+        "A3",
+        "A4",
+        "A5",
+        "A6",
+        "A7",
+        "A8",
+        "A9",
+        "A10",
+        "B1",
+        "B2",
+        "B3",
+        "B4",
+        "B5",
+        "B6",
+        "B7",
+        "B8",
+        "B9",
+        "B10",
+        "C1",
+        "C2",
+        "C3",
+        "C4",
+        "C5",
+        "C6",
+        "C7",
+        "C8",
+        "C9",
+        "C10",
+        "D1",
+        "D2",
+        "D3",
+        "D4",
+        "D5",
+        "D6",
+        "D7",
+        "D8",
+        "D9",
+        "D10",
+        "E1",
+        "E2",
+        "E3",
+        "E4",
+        "E5",
+        "E6",
+        "E7",
+        "E8",
+        "E9",
+        "E10",
+        "F1",
+        "F2",
+        "F3",
+        "F4",
+        "F5",
+        "F6",
+        "F7",
+        "F8",
+        "F9",
+        "F10",
+        "G1",
+        "G2",
+        "G3",
+        "G4",
+        "G5",
+        "G6",
+        "G7",
+        "G8",
+        "G9",
+        "G10",
+        "H1",
+        "H2",
+        "H3",
+        "H4",
+        "H5",
+        "H6",
+        "H7",
+        "H8",
+        "H9",
+        "H10",
+        "I1",
+        "I2",
+        "I3",
+        "I4",
+        "I5",
+        "I6",
+        "I7",
+        "I8",
+        "I9",
+        "I10",
+        "J1",
+        "J2",
+        "J3",
+        "J4",
+        "J5",
+        "J6",
+        "J7",
+        "J8",
+        "J9",
+        "J10"
+      ],
+      "cols": 10,
+      "rows": 10,
+      "responsive": true,
+      "minCellWidth": "2.54rem",
+      "default": [
+        "A2", "A3", "A4", "A5",
+        "C3", "C4", "C5",
+        "F7", "F8", "F9",
+        "H2", "H3",
+        "J8", "J9"
+      ]
+    },
+    "content/playPlayer": {
+      "type": "string",
+      "phase": "play",
+      "label": "Player", "hint": "Player name displayed during the round",
+      "source": "content/player",
+      "readonly": true
+    },
+    "board/fleetVisibility": {
+      "type": "choose",
+      "phase": "play",
+      "label": "Fleet display", "hint": "Hide the fleet during play or reveal it after the round",
+      "choose": ["hidden", "revealed"],
+      "default": "hidden"
+    },
+    "board/shots": {
+      "type": "multi",
+      "phase": "play",
+      "container": "big",
+      "label": "Player shots", "hint": "Coordinates fired upon by the player",
+      "choose": [
+        "A1",
+        "A2",
+        "A3",
+        "A4",
+        "A5",
+        "A6",
+        "A7",
+        "A8",
+        "A9",
+        "A10",
+        "B1",
+        "B2",
+        "B3",
+        "B4",
+        "B5",
+        "B6",
+        "B7",
+        "B8",
+        "B9",
+        "B10",
+        "C1",
+        "C2",
+        "C3",
+        "C4",
+        "C5",
+        "C6",
+        "C7",
+        "C8",
+        "C9",
+        "C10",
+        "D1",
+        "D2",
+        "D3",
+        "D4",
+        "D5",
+        "D6",
+        "D7",
+        "D8",
+        "D9",
+        "D10",
+        "E1",
+        "E2",
+        "E3",
+        "E4",
+        "E5",
+        "E6",
+        "E7",
+        "E8",
+        "E9",
+        "E10",
+        "F1",
+        "F2",
+        "F3",
+        "F4",
+        "F5",
+        "F6",
+        "F7",
+        "F8",
+        "F9",
+        "F10",
+        "G1",
+        "G2",
+        "G3",
+        "G4",
+        "G5",
+        "G6",
+        "G7",
+        "G8",
+        "G9",
+        "G10",
+        "H1",
+        "H2",
+        "H3",
+        "H4",
+        "H5",
+        "H6",
+        "H7",
+        "H8",
+        "H9",
+        "H10",
+        "I1",
+        "I2",
+        "I3",
+        "I4",
+        "I5",
+        "I6",
+        "I7",
+        "I8",
+        "I9",
+        "I10",
+        "J1",
+        "J2",
+        "J3",
+        "J4",
+        "J5",
+        "J6",
+        "J7",
+        "J8",
+        "J9",
+        "J10"
+      ],
+      "cols": 10,
+      "rows": 10,
+      "responsive": true,
+      "minCellWidth": "2.54rem",
+      "default": ["A3", "B8", "D4", "F8", "H9", "J8"]
+    },
+    "board/reset": {
+      "type": "reset",
+      "phase": "play",
+      "icon": "undo",
+      "text": "Reset round", "hint": "Clear all shots and hide the fleet for a new round",
+      "values": {
+        "board/fleetVisibility": "hidden",
+        "board/shots": []
+      }
+    }
+  }
+}

package/templates/all/gaming/gta/mission/index.html

@@ -0,0 +1,121 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>GTA Mission Panel</title>
+    <style>
+        * {
+            box-sizing: border-box;
+        }
+
+        html, body {
+            width: 100%;
+            height: 100%;
+            margin: 0;
+            overflow: hidden;
+            background: transparent;
+        }
+
+        body {
+            color: #fff;
+            font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
+            letter-spacing: .035em;
+        }
+
+        .mission {
+            position: absolute;
+            right: 5%;
+            top: 9%;
+            width: 34rem;
+            padding: 1.6rem 1.8rem;
+            background: rgba(8, 8, 8, .88);
+            border-left: .55rem solid #78d84b;
+            box-shadow: 0 1rem 3rem #0008;
+            transform: skewX(-2deg);
+        }
+
+        .eyebrow {
+            color: #78d84b;
+            font: 700 .8rem system-ui, sans-serif;
+            letter-spacing: .22em;
+            text-transform: uppercase;
+        }
+
+        h1 {
+            margin: .25rem 0 .5rem;
+            font-size: 2.6rem;
+            text-transform: uppercase;
+            text-shadow: .16rem .16rem 0 #000;
+        }
+
+        .objective {
+            margin: 0 0 1.2rem;
+            color: #ddd;
+            font: 600 1rem system-ui, sans-serif;
+            letter-spacing: normal;
+        }
+
+        .footer {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            gap: 1rem;
+        }
+
+        .progress {
+            flex: 1;
+            height: .7rem;
+            overflow: hidden;
+            background: #333;
+        }
+
+        .progress span {
+            display: block;
+            width: 65%;
+            height: 100%;
+            background: #78d84b;
+            transition: width .35s ease;
+        }
+
+        .reward {
+            color: #8fea62;
+            font-size: 1.45rem;
+            white-space: nowrap;
+        }
+    </style>
+</head>
+<body>
+<section class="mission">
+    <div class="eyebrow">Current objective</div>
+    <h1 id="mission">THE GETAWAY</h1>
+    <p class="objective" id="objective">Reach the safehouse</p>
+    <div class="footer">
+        <div class="progress"><span id="progress"></span></div>
+        <div class="reward" id="reward">$5,000</div>
+    </div>
+</section>
+<script>
+
+	// convenience to assign values
+	const $ = (name, value) => {
+		const element = document.getElementById(name);
+		if (element) {
+			if (value !== undefined) element.textContent = String(value);
+			else return element;
+		}
+	}
+
+	function setProgress(value) {
+		const percentage = Math.max(0, Math.min(100, Number(value)));
+		$("progress").style.width = `${percentage}%`;
+	}
+
+	window.addEventListener("nebular-overlay:update", ({detail}) => {
+		if (detail.mission?.title != null) $("mission", detail.mission.title);
+		if (detail.mission?.objective != null) $("objective", detail.mission.objective);
+		if (detail.mission?.reward != null) $("reward", detail.mission.reward);
+		if (detail.mission?.progress != null) setProgress(detail.mission.progress);
+	});
+</script>
+</body>
+</html>

package/templates/all/gaming/gta/mission/manifest.json

@@ -0,0 +1,38 @@
+{
+  "instructions": "Enter the mission title, objective and reward, then adjust progress as the mission advances. Press Update to refresh the mission panel without changing unrelated fields.",
+  "meta": {
+    "mission/title": {
+      "type": "string",
+      "phase": "edit",
+      "label": "Mission title", "hint": "Enter mission title",
+      "default": "THE GETAWAY"
+    },
+    "mission/objective": {
+      "type": "string",
+      "phase": "edit",
+      "label": "Objective", "hint": "Enter objective",
+      "default": "Reach the safehouse"
+    },
+    "mission/reward": {
+      "type": "string",
+      "phase": "edit",
+      "label": "Reward", "hint": "Enter reward",
+      "default": "$5,000"
+    },
+    "mission/playObjective": {
+      "type": "string",
+      "phase": "play",
+      "label": "Objective", "hint": "Mission objective displayed during play",
+      "source": "mission/objective",
+      "readonly": true
+    },
+    "mission/progress": {
+      "type": "range",
+      "phase": "play",
+      "label": "Progress", "hint": "Current completion percentage for the mission",
+      "min": 0,
+      "max": 100,
+      "default": 65
+    }
+  }
+}

package/templates/all/sports/football/scoreboard/index.html

@@ -0,0 +1,115 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>Football Scoreboard</title>
+    <style>
+        * {
+            box-sizing: border-box;
+        }
+
+        html, body {
+            width: 100%;
+            height: 100%;
+            margin: 0;
+            overflow: hidden;
+            background: transparent;
+        }
+
+        body {
+            color: #fff;
+            font-family: Inter, system-ui, sans-serif;
+        }
+
+        .scoreboard {
+            position: absolute;
+            top: 5%;
+            left: 50%;
+            transform: translateX(-50%);
+            display: grid;
+            grid-template-columns: 16rem 5rem 5rem 16rem;
+            align-items: stretch;
+            background: rgba(8, 17, 27, .94);
+            border-radius: .8rem;
+            overflow: hidden;
+            box-shadow: 0 1rem 3rem rgba(0, 0, 0, .35);
+            border: 1px solid rgba(255, 255, 255, .18);
+        }
+
+        .team {
+            display: flex;
+            align-items: center;
+            gap: .8rem;
+            padding: 1rem 1.2rem;
+            font-weight: 800;
+            letter-spacing: .04em;
+        }
+
+        .team.away {
+            justify-content: flex-end;
+            text-align: right;
+        }
+
+        .badge {
+            width: 2rem;
+            height: 2rem;
+            display: grid;
+            place-items: center;
+            border-radius: 50%;
+            background: #19b76b;
+            font-size: .72rem;
+        }
+
+        .away .badge {
+            background: #ea4b35;
+            order: 2;
+        }
+
+        .score {
+            display: grid;
+            place-items: center;
+            background: #fff;
+            color: #0b1722;
+            font-size: 2rem;
+            font-weight: 900;
+        }
+
+        .clock {
+            grid-column: 1 / -1;
+            background: #19b76b;
+            padding: .3rem;
+            text-align: center;
+            font-size: .85rem;
+            font-weight: 800;
+            letter-spacing: .14em;
+        }
+    </style>
+</head>
+<body>
+<section class="scoreboard">
+    <div class="team"><span class="badge">H</span><span id="home">HOME</span></div>
+    <div class="score" id="homeScore">0</div>
+    <div class="score" id="awayScore">0</div>
+    <div class="team away"><span class="badge">A</span><span id="away">AWAY</span></div>
+    <div class="clock" id="clock">00:00</div>
+</section>
+<script>
+
+	const $ = (name, value) => {
+		const element = document.getElementById(name);
+		if (element) {
+			if (value !== undefined) element.textContent = String(value);
+			else return element;
+		}
+	}
+	window.addEventListener("nebular-overlay:update", ({detail}) => {
+		if (detail.home?.name != null) $("home", detail.home.name);
+		if (detail.home?.score != null) $("homeScore", detail.home.score);
+		if (detail.away?.name != null) $("away", detail.away.name);
+		if (detail.away?.score != null) $("awayScore", detail.away.score);
+		if (detail.clock != null) $("clock", detail.clock);
+		window.invalidate?.()
+	});
+</script>
+</body>
+</html>

package/templates/all/sports/football/scoreboard/manifest.json

@@ -0,0 +1,54 @@
+{
+  "instructions": "Enter both team names, update their scores and set the match clock. Press Update whenever the score or clock changes; omitted fields retain their current values.",
+  "meta": {
+    "home/name": {
+      "type": "string",
+      "phase": "edit",
+      "label": "Home team", "hint": "Enter team name",
+      "default": "HOME"
+    },
+    "home/playName": {
+      "type": "string",
+      "phase": "play",
+      "label": "Home team", "hint": "Home-team name displayed during play",
+      "source": "home/name",
+      "readonly": true
+    },
+    "home/score": {
+      "type": "number",
+      "phase": "play",
+      "label": "Home score", "hint": "Enter score",
+      "min": 0,
+      "default": 0,
+      "break": true
+    },
+    "away/name": {
+      "type": "string",
+      "phase": "edit",
+      "label": "Away team", "hint": "Enter team name",
+      "default": "AWAY"
+    },
+    "away/playName": {
+      "type": "string",
+      "phase": "play",
+      "label": "Away team", "hint": "Away-team name displayed during play",
+      "source": "away/name",
+      "readonly": true
+    },
+    "away/score": {
+      "type": "number",
+      "phase": "play",
+      "label": "Away score", "hint": "Enter score",
+      "min": 0,
+      "default": 0,
+      "break": true
+    },
+    "clock": {
+      "type": "string",
+      "phase": "play",
+      "label": "Match clock", "hint": "e.g. 45:00",
+      "pattern": "^[0-9]{1,3}:[0-5][0-9]$",
+      "default": "00:00"
+    }
+  }
+}