feat: sync mip and pydevices-examples hero apps

Author: bdbarnett

assets/apps/benchmark_deck.py

@@ -0,0 +1,200 @@
+"""
+PyDevices Multi-Interpreter Benchmark (Hero Canvas App for pydevices-examples)
+=============================================================================
+Interactive multi-interpreter execution matrix and benchmark meter:
+- 5-target performance comparator (MicroPython, CircuitPython, CPython, WASM, Android)
+- Real-time frame throughput and dirty-rect blit telemetry
+- Interactive benchmark mode selector
+"""
+
+import math
+import sys
+import time
+import types
+from random import random
+
+try:
+    import js
+    from js import document, window
+    from pyodide.ffi import create_proxy
+except ImportError:
+    js = None
+    document = None
+    window = None
+    create_proxy = lambda fn: fn
+
+from displaydev.psdisplay import PSDisplay
+
+
+BENCH_MODES = ["BLIT 16-BIT", "DIRTY-RECT", "MATH / TRIG"]
+
+TARGETS = [
+    ("MP", "#F59E0B", 0.88),
+    ("CP", "#38BDF8", 0.76),
+    ("CPy", "#10B981", 0.98),
+    ("WASM", "#8B5CF6", 0.92),
+    ("AND", "#EC4899", 0.84),
+]
+
+
+class BenchmarkDeckHero:
+    def __init__(self, canvas_id="hero_canvas", size=240):
+        self.canvas_id = canvas_id
+        self.size = size
+        self.w = size
+        self.h = size
+
+        if "board_config" not in sys.modules:
+            bc = types.ModuleType("board_config")
+            bc.display_drv = PSDisplay(canvas_id, width=size, height=size)
+            sys.modules["board_config"] = bc
+            self.drv = bc.display_drv
+        else:
+            self.drv = sys.modules["board_config"].display_drv
+
+        self.mode_idx = 0
+        self.frame_cnt = 0
+        self.burst = 0.0
+
+        self.draw()
+        self._bind_events()
+
+        self._tick_proxy = create_proxy(self._js_tick_cb) if window else None
+        self._tick_interval = window.setInterval(self._tick_proxy, 33) if window else None
+
+    def _js_tick_cb(self):
+        self.tick()
+
+    def _bind_events(self):
+        if not document:
+            return
+        canvas = document.getElementById(self.canvas_id)
+        if not canvas:
+            return
+
+        def on_pointer_down(event):
+            event.preventDefault()
+            self.mode_idx = (self.mode_idx + 1) % len(BENCH_MODES)
+            self.burst = 1.0
+            self.draw()
+
+        self._p_down = create_proxy(on_pointer_down)
+        canvas.addEventListener("pointerdown", self._p_down)
+
+    def tick(self):
+        self.frame_cnt += 1
+        if self.burst > 0.0:
+            self.burst = max(0.0, self.burst - 0.05)
+        self.draw()
+
+    def draw(self):
+        if not hasattr(self.drv, "_buf_ctx") or not self.drv._buf_ctx:
+            return
+        ctx = self.drv._buf_ctx
+        w, h = self.w, self.h
+
+        # 1. Dark Console Background
+        ctx.fillStyle = "#0A0E17"
+        ctx.fillRect(0, 0, w, h)
+
+        # 2. Header Bar
+        ctx.fillStyle = "rgba(15, 23, 42, 0.95)"
+        ctx.fillRect(0, 0, w, 28)
+        ctx.strokeStyle = "#1E293B"
+        ctx.lineWidth = 1
+        ctx.beginPath()
+        ctx.moveTo(0, 28)
+        ctx.lineTo(w, 28)
+        ctx.stroke()
+
+        ctx.fillStyle = "#F59E0B"
+        ctx.font = "bold 9px system-ui, monospace"
+        ctx.textAlign = "left"
+        ctx.fillText("⚡ MULTI-INTERPRETER", 10, 18)
+
+        ctx.fillStyle = "#10B981"
+        ctx.textAlign = "right"
+        ctx.fillText("5 RUNTIMES · 60FPS", w - 10, 18)
+
+        # 3. Mode Pill Selector (x: 12, y: 36, w: 216, h: 26)
+        mx, my, mw, mh = 12, 36, 216, 26
+        ctx.fillStyle = "#0F172A"
+        ctx.beginPath()
+        ctx.roundRect(mx, my, mw, mh, 6)
+        ctx.fill()
+        ctx.strokeStyle = "#334155"
+        ctx.lineWidth = 1
+        ctx.stroke()
+
+        ctx.fillStyle = "#94A3B8"
+        ctx.font = "bold 8px system-ui, sans-serif"
+        ctx.textAlign = "left"
+        ctx.fillText("BENCHMARK:", mx + 8, my + 17)
+
+        ctx.fillStyle = "#38BDF8"
+        ctx.font = "bold 9px monospace"
+        ctx.textAlign = "right"
+        ctx.fillText(f"▶ {BENCH_MODES[self.mode_idx]}", mx + mw - 8, my + 17)
+
+        # 4. Multi-Target Performance Bars (x: 12, y: 70)
+        t = time.time() * 2.0
+        bar_y_start = 72
+        bar_h = 16
+        gap = 10
+
+        for i, (tag, col_hex, base_val) in enumerate(TARGETS):
+            row_y = bar_y_start + i * (bar_h + gap)
+
+            # Label Tag
+            ctx.fillStyle = "#E2E8F0"
+            ctx.font = "bold 9px monospace"
+            ctx.textAlign = "left"
+            ctx.fillText(f"{tag:<4}", 12, row_y + 12)
+
+            # Bar Track
+            bx, bw = 52, w - 66
+            ctx.fillStyle = "#1E293B"
+            ctx.beginPath()
+            ctx.roundRect(bx, row_y, bw, bar_h, 4)
+            ctx.fill()
+
+            # Dynamic Wave Load
+            wave = math.sin(t + i * 1.2) * 0.08 + (random() * 0.04 - 0.02) + self.burst * 0.1
+            eff_val = max(0.2, min(1.0, base_val + wave))
+
+            # Active Bar Fill
+            fill_w = int(bw * eff_val)
+            ctx.fillStyle = col_hex
+            ctx.beginPath()
+            ctx.roundRect(bx, row_y, fill_w, bar_h, 4)
+            ctx.fill()
+
+            # Percentage text inside or beside bar
+            ctx.fillStyle = "#FFFFFF"
+            ctx.font = "bold 8px monospace"
+            ctx.textAlign = "right"
+            ctx.fillText(f"{int(eff_val * 100)}%", bx + fill_w - 4 if fill_w > 32 else bx + fill_w + 18, row_y + 12)
+
+        # 5. Bottom Tap Prompt
+        ctx.fillStyle = "#64748B"
+        ctx.font = "8px system-ui, sans-serif"
+        ctx.textAlign = "center"
+        ctx.fillText("TAP TO CYCLE BENCHMARK MODE", w // 2, 218)
+
+        if hasattr(self.drv, "show"):
+            self.drv.show()
+
+
+_bench_app = None
+
+
+def main(canvas_id="hero_canvas"):
+    global _bench_app
+    print(f"Initializing PyDevices Benchmark Deck on canvas '{canvas_id}'...")
+    _bench_app = BenchmarkDeckHero(canvas_id, size=240)
+    print("PyDevices Benchmark Deck running successfully!")
+
+
+if __name__ == "__main__":
+    cid = sys.argv[1] if len(sys.argv) > 1 else "hero_canvas"
+    main(cid)