hbengine 0.2.3

package/engine-conformance/testdata/clock-worker/bundle/assets.json

@@ -0,0 +1 @@
+{ "groups": { "boot": { "files": ["index.html", "game.js", "game.css", "clock-worker.js"] } } }

package/engine-conformance/testdata/clock-worker/bundle/clock-worker.js

@@ -0,0 +1,14 @@
+// A test bundle's worker (travel.browser.test.mjs): a worker started from a
+// blob reads every clock a worker has (Date, performance.timeOrigin + now(),
+// Intl.DateTimeFormat with no date) and starts a blob worker of its own, which
+// reads Date too. What they read is written to the console as an error line
+// the run records (consoleErrors), with the numbers the test checks against
+// the variant's travelled instant: the same shape in every variant, so the
+// line is not new to any of them.
+const nested = 'postMessage(Date.now());';
+const code = `
+  const inner = new Worker(URL.createObjectURL(new Blob([${JSON.stringify(nested)}], { type: 'text/javascript' })));
+  inner.onmessage = (e) => postMessage({ now: Date.now(), perf: performance.timeOrigin + performance.now(), year: new Intl.DateTimeFormat('en-US', { timeZone: 'UTC', year: 'numeric' }).format(), nested: e.data });
+`;
+const worker = new Worker(URL.createObjectURL(new Blob([code], { type: 'text/javascript' })));
+worker.onmessage = (e) => console.error('clock-worker ' + JSON.stringify(e.data));

package/engine-conformance/testdata/clock-worker/bundle/game.css

@@ -0,0 +1,17 @@
+body { margin: 0; background: #08141a; color: #F9F9FB; font: 500 14px/1.4 'Figtree', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
+.dice { width: 100%; max-width: 560px; box-sizing: border-box; padding: 20px; display: grid; gap: 20px; }
+.facts { display: flex; flex-wrap: wrap; gap: 16px; justify-content: space-between; font-size: 13px; color: #8F96A8; font-variant-numeric: tabular-nums; }
+.facts b { color: #F9F9FB; font-weight: 700; font-size: 15px; }
+.track { position: relative; height: 48px; background: #0b1f28; border: 1px solid #0D2A38; border-radius: 24px; }
+.win { position: absolute; top: 0; bottom: 0; background: rgba(40, 243, 243, 0.22); border-left: 1px solid #28F3F3; border-right: 1px solid #28F3F3; border-radius: inherit; }
+.scale { position: absolute; inset: 100% 12px auto 12px; padding-top: 6px; display: flex; justify-content: space-between; color: #8F96A8; font-size: 11px; font-variant-numeric: tabular-nums; }
+.marker { position: absolute; top: 50%; left: 22px; transform: translate(-50%, -50%); min-width: 44px; height: 36px; padding: 0 10px; display: grid; place-items: center; border-radius: 18px; background: #28F3F3; color: #041015; font-weight: 700; font-size: 15px; font-variant-numeric: tabular-nums; box-shadow: 0 6px 20px rgba(0,0,0,.4); transition: left 620ms cubic-bezier(.2,.8,.2,1); }
+.marker.win { background: #58e879; }
+.marker.lose { background: #FA2E5D; color: #F9F9FB; }
+.pick { display: grid; gap: 12px; }
+.side { display: inline-flex; padding: 3px; gap: 3px; background: rgba(9,102,125,0.15); border-radius: 8px; justify-self: start; }
+.side button { height: 32px; padding: 0 14px; border: 0; border-radius: 6px; background: transparent; color: #8F96A8; font: inherit; font-weight: 600; cursor: pointer; }
+.side button[aria-pressed="true"] { background: #0D2A38; color: #F9F9FB; }
+.target { display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: center; }
+.target input[type="range"] { width: 100%; accent-color: #28F3F3; }
+.target output { color: #F9F9FB; font-weight: 700; font-variant-numeric: tabular-nums; min-width: 28px; text-align: right; }

package/engine-conformance/testdata/clock-worker/bundle/game.js

@@ -0,0 +1,61 @@
+// Dice: roll under or over N on 0–99. The zone picks the bet by setting
+// game.bet; /engine-sdk/ui.js draws the panel around it.
+import { mount } from '/engine-sdk/ui.js';
+
+const el = document.getElementById('game');
+const marker = document.getElementById('marker');
+const winBand = document.getElementById('win');
+const mult = document.getElementById('mult');
+const chance = document.getElementById('chance');
+const maxwin = document.getElementById('maxwin');
+const target = document.getElementById('target');
+const val = document.getElementById('val');
+const sides = el.querySelectorAll('[data-side]');
+const wait = (ms) => new Promise((r) => setTimeout(r, ms));
+const pct = (x) => (x / 99 * 100) + '%';
+
+let side = 'under';
+let n = 50;
+
+const game = await mount(el, {
+    async reveal(round) {
+        const roll = round.data[0].roll;
+        marker.classList.remove('win', 'lose');
+        marker.textContent = '?';
+        marker.style.transition = 'none';
+        marker.style.left = '22px';
+        void marker.offsetWidth;
+        marker.style.transition = '';
+        await wait(40);
+        marker.style.left = `clamp(22px, ${pct(roll)}, calc(100% - 22px))`; // the marker stays on the track at 0 and 99
+        await wait(620);
+        marker.textContent = String(roll);
+        marker.classList.add(round.payout > 0 ? 'win' : 'lose');
+    },
+});
+const { engine, field } = game;
+const money = engine.money;
+const bets = new Map(engine.config.modes[0].bets.map((b) => [b.id, b]));
+const range = () => (side === 'under' ? [0, n - 1] : [n + 1, 99]);
+
+function paint() {
+    val.textContent = String(n);
+    const [lo, hi] = range();
+    winBand.style.left = pct(lo);
+    winBand.style.width = pct(hi - lo);
+    chance.textContent = String(hi - lo + 1);
+    const bet = bets.get(`${side}-${n}`);
+    const m = bet.maxMultBp / 10000;
+    mult.textContent = m.toFixed(2) + '×';
+    maxwin.textContent = money.sign + money.format(money.payout(field.amount, m)) + (money.sign ? '' : ' ' + money.unit);
+    game.bet = bet.id;
+}
+
+for (const s of sides) s.addEventListener('click', () => {
+    side = s.dataset.side;
+    for (const o of sides) o.setAttribute('aria-pressed', String(o === s));
+    paint();
+});
+target.addEventListener('input', () => { n = +target.value; paint(); });
+field.addEventListener('change', paint);
+paint();

package/engine-conformance/testdata/clock-worker/bundle/hbtest.json

@@ -0,0 +1,4 @@
+{
+  "stake": { "page": "index.html", "selector": "hb-game hb-bet-amount input", "value": "1.00" },
+  "bet": { "page": "index.html", "selector": "hb-game [data-main]" }
+}

package/engine-conformance/testdata/clock-worker/bundle/index.html

@@ -0,0 +1,35 @@
+<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+<title>Clock worker</title>
+<link rel="stylesheet" href="./game.css">
+<script type="module" src="/engine-sdk/bet-field.js"></script>
+<script type="module" src="./game.js"></script>
+<script src="./clock-worker.js"></script>
+</head>
+<body>
+<hb-game id="game">
+  <div slot="zone" class="dice" aria-live="polite">
+    <div class="facts">
+      <span>Payout <b id="mult">2.00×</b></span>
+      <span>Chance <b id="chance">50</b>%</span>
+      <span>Max win <b id="maxwin">—</b></span>
+    </div>
+    <div class="track" id="track">
+      <div class="win" id="win"></div>
+      <div class="scale"><span>0</span><span>25</span><span>50</span><span>75</span><span>99</span></div>
+      <div class="marker" id="marker">?</div>
+    </div>
+    <div class="pick">
+      <div class="side" role="tablist">
+        <button type="button" data-side="under" aria-pressed="true">Under</button>
+        <button type="button" data-side="over">Over</button>
+      </div>
+      <label class="target"><input id="target" type="range" min="2" max="98" step="1" value="50" aria-label="target"><output id="val">50</output></label>
+    </div>
+  </div>
+</hb-game>
+</body>
+</html>

package/engine-conformance/testdata/clock-worker/math/dice.tsv

@@ -0,0 +1,100 @@
+1	{"roll":0}
+1	{"roll":1}
+1	{"roll":2}
+1	{"roll":3}
+1	{"roll":4}
+1	{"roll":5}
+1	{"roll":6}
+1	{"roll":7}
+1	{"roll":8}
+1	{"roll":9}
+1	{"roll":10}
+1	{"roll":11}
+1	{"roll":12}
+1	{"roll":13}
+1	{"roll":14}
+1	{"roll":15}
+1	{"roll":16}
+1	{"roll":17}
+1	{"roll":18}
+1	{"roll":19}
+1	{"roll":20}
+1	{"roll":21}
+1	{"roll":22}
+1	{"roll":23}
+1	{"roll":24}
+1	{"roll":25}
+1	{"roll":26}
+1	{"roll":27}
+1	{"roll":28}
+1	{"roll":29}
+1	{"roll":30}
+1	{"roll":31}
+1	{"roll":32}
+1	{"roll":33}
+1	{"roll":34}
+1	{"roll":35}
+1	{"roll":36}
+1	{"roll":37}
+1	{"roll":38}
+1	{"roll":39}
+1	{"roll":40}
+1	{"roll":41}
+1	{"roll":42}
+1	{"roll":43}
+1	{"roll":44}
+1	{"roll":45}
+1	{"roll":46}
+1	{"roll":47}
+1	{"roll":48}
+1	{"roll":49}
+1	{"roll":50}
+1	{"roll":51}
+1	{"roll":52}
+1	{"roll":53}
+1	{"roll":54}
+1	{"roll":55}
+1	{"roll":56}
+1	{"roll":57}
+1	{"roll":58}
+1	{"roll":59}
+1	{"roll":60}
+1	{"roll":61}
+1	{"roll":62}
+1	{"roll":63}
+1	{"roll":64}
+1	{"roll":65}
+1	{"roll":66}
+1	{"roll":67}
+1	{"roll":68}
+1	{"roll":69}
+1	{"roll":70}
+1	{"roll":71}
+1	{"roll":72}
+1	{"roll":73}
+1	{"roll":74}
+1	{"roll":75}
+1	{"roll":76}
+1	{"roll":77}
+1	{"roll":78}
+1	{"roll":79}
+1	{"roll":80}
+1	{"roll":81}
+1	{"roll":82}
+1	{"roll":83}
+1	{"roll":84}
+1	{"roll":85}
+1	{"roll":86}
+1	{"roll":87}
+1	{"roll":88}
+1	{"roll":89}
+1	{"roll":90}
+1	{"roll":91}
+1	{"roll":92}
+1	{"roll":93}
+1	{"roll":94}
+1	{"roll":95}
+1	{"roll":96}
+1	{"roll":97}
+1	{"roll":98}
+1	{"roll":99}