Move demo page to demo/boy and bootstrap video catalog (#1212)

Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: kixelated

.gitignore

@@ -30,6 +30,9 @@ node_modules
 *.m3u8
 *.m4s
 
+# Cloudflare Wrangler
+.wrangler/
+
 # We're using bun
 package-lock.json
 yarn.lock

bun.lock

@@ -1,2 +1 @@
 gen/
-flake.lock

cdn/boy/.gitignore

@@ -1,14 +1,15 @@
 [Unit]
-Description=Download ROM for boy-${name}
-Before=boy-${name}.service
+Description=Download all Game Boy ROMs
 
 [Service]
 Type=oneshot
 RemainAfterExit=yes
 User=root
 WorkingDirectory=/var/lib/moq
 
+%{ for rom in roms ~}
 ExecStart=/var/lib/moq/pkg/bin/wget -nv https://rom.moq.dev/${rom} -O /var/lib/moq/${rom}
+%{ endfor ~}
 
 [Install]
 WantedBy=multi-user.target

cdn/boy/boy-prepare.service.tftpl

@@ -1,8 +1,8 @@
 [Unit]
 Description=MoQ Boy - ${name}
-After=network-online.target boy-${name}-prepare.service
+After=network-online.target boy-prepare.service
 Wants=network-online.target
-Requires=boy-${name}-prepare.service
+Requires=boy-prepare.service
 
 [Service]
 Type=simple

cdn/boy/boy.service.tftpl

@@ -52,30 +52,10 @@ deploy:
 		systemctl enable monitor.service && \
 		systemctl start vacuum.timer && \
 		systemctl restart monitor.service && \
-		systemctl enable boy-big2small-prepare.service && \
-		systemctl enable boy-big2small.service && \
-		systemctl enable boy-dangan-prepare.service && \
-		systemctl enable boy-dangan.service && \
-		systemctl enable boy-opossum-prepare.service && \
-		systemctl enable boy-opossum.service && \
-		systemctl enable boy-capybara-prepare.service && \
-		systemctl enable boy-capybara.service && \
-		systemctl enable boy-fofk-prepare.service && \
-		systemctl enable boy-fofk.service && \
-		systemctl enable boy-gb-run-prepare.service && \
-		systemctl enable boy-gb-run.service && \
-		systemctl start boy-big2small-prepare.service && \
-		systemctl start boy-dangan-prepare.service && \
-		systemctl start boy-opossum-prepare.service && \
-		systemctl start boy-capybara-prepare.service && \
-		systemctl start boy-fofk-prepare.service && \
-		systemctl start boy-gb-run-prepare.service && \
-		systemctl restart boy-big2small.service && \
-		systemctl restart boy-dangan.service && \
-		systemctl restart boy-opossum.service && \
-		systemctl restart boy-capybara.service && \
-		systemctl restart boy-fofk.service && \
-		systemctl restart boy-gb-run.service"
+		systemctl enable boy-prepare.service && \
+		systemctl start boy-prepare.service && \
+		systemctl enable boy-big2small.service boy-dangan.service boy-opossum.service boy-capybara.service boy-fofk.service boy-gb-run.service && \
+		systemctl restart boy-big2small.service boy-dangan.service boy-opossum.service boy-capybara.service boy-fofk.service boy-gb-run.service"
 
 # Check status of all boy services
 status:

cdn/boy/justfile

@@ -11,12 +11,10 @@ locals {
 
 # Generate systemd service files from templates
 resource "local_file" "boy_prepare_service" {
-  for_each = local.roms
   content = templatefile("${path.module}/boy-prepare.service.tftpl", {
-    name = each.key
-    rom  = each.value
+    roms = values(local.roms)
   })
-  filename = "${path.module}/gen/boy-${each.key}-prepare.service"
+  filename = "${path.module}/gen/boy-prepare.service"
 }
 
 resource "local_file" "boy_service" {

cdn/boy/main.tf

@@ -1 +1,2 @@
 rom/
+.wrangler/

demo/boy/.gitignore

@@ -0,0 +1,19 @@
+{
+	"name": "@moq/demo-boy",
+	"private": true,
+	"type": "module",
+	"version": "0.1.0",
+	"description": "MoQ Boy Demo - Crowd-controlled Game Boy streaming",
+	"license": "(MIT OR Apache-2.0)",
+	"scripts": {
+		"dev": "vite --open"
+	},
+	"dependencies": {
+		"@moq/boy": "workspace:^"
+	},
+	"devDependencies": {
+		"esbuild": "^0.27.0",
+		"typescript": "^6.0.0",
+		"vite": "^7.3.1"
+	}
+}

demo/boy/package.json

@@ -5,12 +5,11 @@
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 		<title>MoQ Boy</title>
 		<style>
-			body { margin: 0; padding: 0; background: #0a0a0a; }
-			moq-boy { min-height: 100vh; }
+			* { margin: 0; padding: 0; box-sizing: border-box; }
+			body { font-family: system-ui, sans-serif; background: #0a0a0a; color: #e0e0e0; }
 		</style>
 	</head>
 	<body>
-		<moq-boy url="http://localhost:4443/anon"></moq-boy>
-		<script type="module" src="./element.ts"></script>
+		<script type="module" src="./index.ts"></script>
 	</body>
 </html>