Sync hero apps/chrome from dotgithub; rebuild WASM interpreter

Deployed copy of the 16 hero canvas apps and hero-runtime.js, now
using board_config/appdev (or display_driver/lvgl) like every other
PyDevices example instead of manually wiring WasmDisplay + appdev.App.
Removed the generator's "Browser architecture" section; the
hand-authored "Architecture & Layers" Mermaid diagram on this page
moves outside the PYDEVICES-ARCHITECTURE marker pair so future
regenerations can't clobber it.

vendor/micropython/{mjs,wasm}: rebuilt via cmods/build_interpreters.sh
-- the deployed .wasm was frozen with a stale WasmDisplay.__init__
that only accepted self, so every hero app and gallery demo would have
hit a TypeError constructing its display in production.

Generated by dotgithub/scripts/generate_sites.py from the fixed
source; see PyDevices/.github@8d8463c for the underlying app/generator
changes.

Author: bdbarnett

assets/apps/ast_parser.py

@@ -8,16 +8,16 @@
 """
 
 import math
-import sys
-import time
 from random import random, choice
 
+from board_config import display_drv
 import board_config
 import appdev
-import board_config
 import events
 import pygraphics
 
+app = appdev.App(board_config)
+
 
 def _color(value):
     value = value.lstrip("#")
@@ -51,17 +51,11 @@ def _text(display, value, x, y, color, align="left"):
 
 
 class AstParserHero:
-    def __init__(self, canvas_id="hero_canvas", size=240):
-        self.canvas_id = canvas_id
+    def __init__(self, size=240):
         self.size = size
         self.w = size
         self.h = size
-
-        import os
-        os.environ.setdefault('PYDEVICES_WIDTH', str(size))
-        os.environ.setdefault('PYDEVICES_HEIGHT', str(size))
-        self.drv = board_config.display_drv
-        self.app = appdev.App(board_config)
+        self.drv = display_drv
 
         self.tokens_parsed = 4820
         self.schemas_gen = 142
@@ -76,7 +70,7 @@ def __init__(self, canvas_id="hero_canvas", size=240):
         self.draw()
         self._bind_events()
 
-        self._tick_subscription = self.app.every(33, self._timer_tick)
+        self._tick_subscription = app.every(33, self._timer_tick)
 
     def _timer_tick(self, _timer):
         self.tick()
@@ -90,7 +84,7 @@ def on_pointer_down(_event):
             self.log_lines.append((f"EMIT {tok}", col))
             self.draw()
 
-        self.app.on(events.MOUSEBUTTONDOWN, on_pointer_down)
+        app.on(events.MOUSEBUTTONDOWN, on_pointer_down)
 
     def tick(self):
         self.scan_line_y += 1.8
@@ -157,16 +151,4 @@ def draw(self):
             self.drv.show()
 
 
-_ast_app = None
-
-
-def main(canvas_id="hero_canvas"):
-    global _ast_app
-    print(f"Initializing PyDevices AST Parser on canvas '{canvas_id}'...")
-    _ast_app = AstParserHero(canvas_id, size=240)
-    print("PyDevices AST Parser running successfully!")
-
-
-if __name__ == "__main__":
-    cid = sys.argv[1] if len(sys.argv) > 1 else "hero_canvas"
-    main(cid)
+_ast_app = AstParserHero(size=min(display_drv.width, display_drv.height))

assets/apps/benchmark_deck.py

@@ -8,16 +8,17 @@
 """
 
 import math
-import sys
 import time
 from random import random
 
+from board_config import display_drv
 import board_config
 import appdev
-import board_config
 import events
 import pygraphics
 
+app = appdev.App(board_config)
+
 
 def _color(value):
     value = value.lstrip("#")
@@ -44,17 +45,12 @@ def _text(display, value, x, y, color, align="left"):
 
 
 class BenchmarkDeckHero:
-    def __init__(self, canvas_id="hero_canvas", size=240):
-        self.canvas_id = canvas_id
+    def __init__(self, size=240):
         self.size = size
         self.w = size
         self.h = size
 
-        import os
-        os.environ.setdefault('PYDEVICES_WIDTH', str(size))
-        os.environ.setdefault('PYDEVICES_HEIGHT', str(size))
-        self.drv = board_config.display_drv
-        self.app = appdev.App(board_config)
+        self.drv = display_drv
 
         self.mode_idx = 0
         self.frame_cnt = 0
@@ -63,7 +59,7 @@ def __init__(self, canvas_id="hero_canvas", size=240):
         self.draw()
         self._bind_events()
 
-        self._tick_subscription = self.app.every(33, self._timer_tick)
+        self._tick_subscription = app.every(33, self._timer_tick)
 
     def _timer_tick(self, _timer):
         self.tick()
@@ -74,7 +70,7 @@ def on_pointer_down(_event):
             self.burst = 1.0
             self.draw()
 
-        self.app.on(events.MOUSEBUTTONDOWN, on_pointer_down)
+        app.on(events.MOUSEBUTTONDOWN, on_pointer_down)
 
     def tick(self):
         self.frame_cnt += 1
@@ -136,16 +132,4 @@ def draw(self):
             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)
+_bench_app = BenchmarkDeckHero(size=min(display_drv.width, display_drv.height))

assets/apps/bus_scope.py

@@ -5,15 +5,17 @@
 hardware bus signals, clock pulses, frame throughput, and TE sync.
 """
 
-import sys
 import time
 import math
 from random import random
 
+from board_config import display_drv
 import board_config
 import appdev
 import pygraphics
 
+app = appdev.App(board_config)
+
 
 def _color(value):
     value = value.lstrip("#")
@@ -28,25 +30,20 @@ def _text(display, value, x, y, color, align="left"):
 
 
 class BusScopeHero:
-    def __init__(self, canvas_id="hero_canvas", size=240):
-        self.canvas_id = canvas_id
+    def __init__(self, size=240):
         self.size = size
         self.w = size
         self.h = size
 
-        import os
-        os.environ.setdefault('PYDEVICES_WIDTH', str(size))
-        os.environ.setdefault('PYDEVICES_HEIGHT', str(size))
-        self.drv = board_config.display_drv
-        self.app = appdev.App(board_config)
+        self.drv = display_drv
 
         self.offset = 0.0
         self.fps = 60.0
         self.mbps = 80.0
         self.frame_cnt = 0
 
         self.draw()
-        self._tick_subscription = self.app.every(30, self._timer_tick)
+        self._tick_subscription = app.every(30, self._timer_tick)
 
     def _timer_tick(self, _timer):
         self.tick()
@@ -126,11 +123,4 @@ def draw(self):
             self.drv.show()
 
 
-_bus_scope_app = None
-
-
-def main(canvas_id="hero_canvas"):
-    global _bus_scope_app
-    print(f"Initializing PyDevices Bus Scope on canvas '{canvas_id}'...")
-    _bus_scope_app = BusScopeHero(canvas_id, size=240)
-    print("PyDevices Bus Scope running successfully!")
+_bus_scope_app = BusScopeHero(size=min(display_drv.width, display_drv.height))

assets/apps/circuit_dial.py

@@ -8,15 +8,16 @@
 """
 
 import math
-import sys
 import time
 
+from board_config import display_drv
 import board_config
 import appdev
-import board_config
 import events
 import pygraphics
 
+app = appdev.App(board_config)
+
 
 def _rgb565(red, green, blue):
     return (int(red) & 0xF8) << 8 | (int(green) & 0xFC) << 3 | int(blue) >> 3
@@ -54,19 +55,14 @@ def hsl_to_rgb(h, s, l):
 
 
 class CircuitDialHero:
-    def __init__(self, canvas_id="hero_canvas", size=240):
-        self.canvas_id = canvas_id
+    def __init__(self, size=240):
         self.size = size
         self.w = size
         self.h = size
         self.cx = size // 2
         self.cy = size // 2
 
-        import os
-        os.environ.setdefault('PYDEVICES_WIDTH', str(size))
-        os.environ.setdefault('PYDEVICES_HEIGHT', str(size))
-        self.drv = board_config.display_drv
-        self.app = appdev.App(board_config)
+        self.drv = display_drv
 
         self.num_leds = 16
         self.base_hue = 0.0
@@ -78,7 +74,7 @@ def __init__(self, canvas_id="hero_canvas", size=240):
         self.draw()
         self._bind_events()
 
-        self._tick_subscription = self.app.every(33, self._timer_tick)
+        self._tick_subscription = app.every(33, self._timer_tick)
 
     def _timer_tick(self, _timer):
         self.tick()
@@ -107,9 +103,9 @@ def on_pointer_move(event):
         def on_pointer_up(event):
             self.is_dragging = False
 
-        self.app.on(events.MOUSEBUTTONDOWN, on_pointer_down)
-        self.app.on(events.MOUSEMOTION, on_pointer_move)
-        self.app.on(events.MOUSEBUTTONUP, on_pointer_up)
+        app.on(events.MOUSEBUTTONDOWN, on_pointer_down)
+        app.on(events.MOUSEMOTION, on_pointer_move)
+        app.on(events.MOUSEBUTTONUP, on_pointer_up)
 
     def tick(self):
         now = time.time()
@@ -170,16 +166,4 @@ def draw(self):
             self.drv.show()
 
 
-_circuit_app = None
-
-
-def main(canvas_id="hero_canvas"):
-    global _circuit_app
-    print(f"Initializing PyDevices CircuitPython Dial on canvas '{canvas_id}'...")
-    _circuit_app = CircuitDialHero(canvas_id, size=240)
-    print("PyDevices CircuitPython Dial running successfully!")
-
-
-if __name__ == "__main__":
-    cid = sys.argv[1] if len(sys.argv) > 1 else "hero_canvas"
-    main(cid)
+_circuit_app = CircuitDialHero(size=min(display_drv.width, display_drv.height))

assets/apps/encoder.py

@@ -5,16 +5,17 @@
 rotational drag physics, tactile momentary push-button switch, and live telemetry.
 """
 
-import sys
 import time
 import math
 
+from board_config import display_drv
 import board_config
 import appdev
-import board_config
 import events
 import pygraphics
 
+app = appdev.App(board_config)
+
 
 def _color(value):
     value = value.lstrip("#")
@@ -28,20 +29,15 @@ def _text(display, value, x, y, color):
 
 
 class EncoderHero:
-    def __init__(self, canvas_id="hero_canvas", size=240):
-        self.canvas_id = canvas_id
+    def __init__(self, size=240):
         self.size = size
         self.w = size
         self.h = size
         self.cx = size // 2
         self.cy = size // 2
 
         # Initialize PSDisplay
-        import os
-        os.environ.setdefault('PYDEVICES_WIDTH', str(size))
-        os.environ.setdefault('PYDEVICES_HEIGHT', str(size))
-        self.drv = board_config.display_drv
-        self.app = appdev.App(board_config)
+        self.drv = display_drv
 
         # Encoder state
         self.angle_deg = 45.0
@@ -61,7 +57,7 @@ def __init__(self, canvas_id="hero_canvas", size=240):
         self._bind_events()
         self.draw()
 
-        self._tick_subscription = self.app.every(25, self._timer_tick)
+        self._tick_subscription = app.every(25, self._timer_tick)
 
     def _timer_tick(self, _timer):
         self.tick()
@@ -110,9 +106,9 @@ def on_pointer_up(event):
             self.step_idx = int(nearest_detent) % self.detents
             self.draw()
 
-        self.app.on(events.MOUSEBUTTONDOWN, on_pointer_down)
-        self.app.on(events.MOUSEMOTION, on_pointer_move)
-        self.app.on(events.MOUSEBUTTONUP, on_pointer_up)
+        app.on(events.MOUSEBUTTONDOWN, on_pointer_down)
+        app.on(events.MOUSEMOTION, on_pointer_move)
+        app.on(events.MOUSEBUTTONUP, on_pointer_up)
 
     def tick(self):
         now = time.time()
@@ -214,11 +210,4 @@ def draw(self):
             self.drv.show()
 
 
-_encoder_app = None
-
-
-def main(canvas_id="hero_canvas"):
-    global _encoder_app
-    print(f"Initializing PyDevices 3D Rotary Encoder on canvas '{canvas_id}'...")
-    _encoder_app = EncoderHero(canvas_id, size=240)
-    print("PyDevices 3D Rotary Encoder running successfully!")
+_encoder_app = EncoderHero(size=min(display_drv.width, display_drv.height))