Add deployed demo

rcoh · rcoh · commit 2ff9b4e86909 · 2026-02-25T21:39:03.000Z
diff --git a/.github/workflows/pages.yml b/.github/workflows/pages.yml
@@ -0,0 +1,67 @@
+name: Deploy Trace Viewer Demo
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+    branches: [main]
+
+permissions:
+  contents: write
+
+concurrency:
+  group: pages-${{ github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: dtolnay/rust-toolchain@stable
+
+      - uses: Swatinem/rust-cache@v2
+
+      - name: Build demo trace
+        run: cargo run --example realistic_workload
+        timeout-minutes: 5
+
+      - name: Assemble site
+        run: |
+          mkdir -p _site
+          cp dial9-tokio-telemetry/trace_viewer.html _site/trace_viewer.html
+          cp realistic_trace.bin _site/demo.bin
+          cp demo/index.html _site/index.html
+
+      - name: Deploy (main)
+        if: github.ref == 'refs/heads/main'
+        uses: peaceiris/actions-gh-pages@4f9cc6602d3f66b9c108549d475ec49e8ef4d45e # v4.0.0
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: ./_site
+
+      - name: Deploy (PR preview)
+        if: github.event_name == 'pull_request'
+        uses: peaceiris/actions-gh-pages@4f9cc6602d3f66b9c108549d475ec49e8ef4d45e # v4.0.0
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: ./_site
+          destination_dir: pr/${{ github.event.number }}
+
+      - name: Comment PR with preview link
+        if: github.event_name == 'pull_request'
+        uses: actions/github-script@v7
+        with:
+          script: |
+            const url = `https://${context.repo.owner}.github.io/${context.repo.repo}/pr/${context.issue.number}/`;
+            const body = `🔍 **Trace Viewer Preview:** ${url}`;
+            const { data: comments } = await github.rest.issues.listComments({
+              ...context.repo, issue_number: context.issue.number
+            });
+            const existing = comments.find(c => c.body.includes('Trace Viewer Preview'));
+            if (existing) {
+              await github.rest.issues.updateComment({ ...context.repo, comment_id: existing.id, body });
+            } else {
+              await github.rest.issues.createComment({ ...context.repo, issue_number: context.issue.number, body });
+            }
diff --git a/demo/index.html b/demo/index.html
@@ -0,0 +1,3 @@
+<!doctype html>
+<meta http-equiv="refresh" content="0;url=trace_viewer.html?trace=demo.bin">
+<a href="trace_viewer.html?trace=demo.bin">Open Trace Viewer Demo</a>
diff --git a/dial9-tokio-telemetry/trace_viewer.html b/dial9-tokio-telemetry/trace_viewer.html
@@ -1590,6 +1590,21 @@
                 if (trace) renderAll();
             });
 
+            // ── Auto-load trace from ?trace=URL parameter ──
+            (function autoLoadFromUrl() {
+                const traceUrl = new URLSearchParams(location.search).get("trace");
+                if (!traceUrl) return;
+                dropZone.innerHTML = "Loading trace…";
+                fetch(traceUrl)
+                    .then(r => { if (!r.ok) throw new Error(r.status); return r.arrayBuffer(); })
+                    .then(buf => {
+                        trace = parseTrace(buf);
+                        processTrace();
+                        showViewer(traceUrl.split("/").pop());
+                    })
+                    .catch(err => { dropZone.innerHTML = "Failed to load trace: " + err.message; });
+            })();
+
             // ── Legend (inline in toolbar area) ──
             (function addLegend() {
                 const tb = document.getElementById("toolbar");

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+<!doctype html>`
	`2`	`+<meta http-equiv="refresh" content="0;url=trace_viewer.html?trace=demo.bin">`
	`3`	`+<a href="trace_viewer.html?trace=demo.bin">Open Trace Viewer Demo</a>`