diff options
| author | Somhairle H. Marisol <[email protected]> | 2026-09-21 01:18:53 +0800 |
|---|---|---|
| committer | Somhairle H. Marisol <[email protected]> | 2026-09-21 01:18:53 +0800 |
| commit | 0397c375acea763d3110163b045d259155ba2341 (patch) | |
| tree | 3873b99b5829b12ffc49a5ba10ed5fbaeb48a53b /public/index.html | |
| parent | 7b29dbff7e43e87741476f47df17ad1582b16546 (diff) | |
| download | somhairles-dream-fsharp-0397c375acea763d3110163b045d259155ba2341.tar.gz | |
feat(viewer): stream live pipeline GLBs into the browser viewport
Protocol: RunSnapshot gains CompletedSteps (accumulated from checkpoint
artifact paths, reset on start) so the frontend can tell when real
pipeline geometry exists. New coordinator method StepArtifact plus
GET /api/artifacts/steps serves steps/*.glb while a run is active (any
lifecycle status), traversal-guarded and .glb-only, so stages appear
without waiting for run completion.
Frontend: GLTFLoader loads the latest completed step into the viewport
group as soon as its checkpoint lands over SSE; replay placeholder
frames render only while no step artifacts exist. ?freeze=1 query param
stops rotation for deterministic screenshot verification. Three.js r160
and GLTFLoader (with BufferGeometryUtils) are vendored under public/
vendor with an import map and a window.THREE shim, replacing the CDN
UMD script; the ~1.4MB vendored three.js files are third-party
dependencies (MIT), not project assets.
Tests: store accumulation of completed artifact paths; steps endpoint
serves GLB during an active run, rejects traversal, 404s missing files.
Verified: dotnet build Debug+Release clean, 42/42 tests pass, Fable
compile clean, release server smoke serves index/vendor/steps endpoint.
Diffstat (limited to 'public/index.html')
| -rw-r--r-- | public/index.html | 12 |
1 files changed, 10 insertions, 2 deletions
diff --git a/public/index.html b/public/index.html index 47b6245..2acf08e 100644 --- a/public/index.html +++ b/public/index.html @@ -6,7 +6,15 @@ <meta name="theme-color" content="#080b0d"> <title>Somhairle's Dream · 实时重建台</title> <link rel="stylesheet" href="/styles.css"> - <script src="https://cdn.jsdelivr.net/npm/[email protected]/build/three.min.js"></script> + <script type="importmap"> + { + "imports": { + "three": "/vendor/three.module.js", + "three/addons/": "/vendor/addons/" + } + } + </script> + <script type="module" src="/vendor/three-setup.js"></script> </head> <body> <main class="shell" aria-labelledby="page-title"> @@ -45,7 +53,7 @@ <span id="status-label">待机</span> </div> </div> - <p id="run-message" class="status-message">等待下一个设计运行</p> + <p id="run-message" class="status-message">当前没有下一版正在开发</p> <form id="run-controls" class="run-controls"> <div class="control-grid"> <label> |