@a2f0/skyline 0.2.43 → 0.2.44

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@a2f0/skyline",
-  "version": "0.2.43",
+  "version": "0.2.44",
   "description": "Interactive Chicago skyline viewer and reusable Three.js building models",
   "license": "UNLICENSED",
   "repository": {

package/site/skyline-viewer.js

@@ -51,6 +51,9 @@ export function mount(root, { assets, signal, controls, colour, theme, attributi
     // Keep the drawing reachable until the first 3D frame succeeds, even if the scene's
     // markup or code never loads, and again if its graphics context is lost.
     let sceneUnavailable = true;
+    // The toolbar's show original waits while the scene boots, until its first frame, a
+    // failure to load, or a lost graphics context.
+    let booting = true;
     const frames = {};
     const toolbar = navigation ? createToolbar() : null;
     function updateView() {
@@ -72,6 +75,7 @@ export function mount(root, { assets, signal, controls, colour, theme, attributi
                 button.setAttribute("aria-pressed", String(showing));
                 button.title = showing ? home.title : toggle.title;
             }
+            toolbar.querySelector(`#${toggles.original.id}`).hidden = booting;
         }
     }
     function showMode(next) {
@@ -152,6 +156,8 @@ export function mount(root, { assets, signal, controls, colour, theme, attributi
                 return new Promise(() => { });
             const message = element(document, "p", { className: "loading", textContent: SCENE_FAILURE }, { role: "status" });
             scene.append(message);
+            booting = false;
+            updateView();
             throw error;
         }
         if (signal.aborted)
@@ -187,11 +193,13 @@ export function mount(root, { assets, signal, controls, colour, theme, attributi
                     onShowOriginal: showOriginal,
                     onReady() {
                         sceneUnavailable = false;
+                        booting = false;
                         updateView();
                         resolve();
                     },
                     onUnavailable() {
                         sceneUnavailable = true;
+                        booting = false;
                         updateView();
                     },
                 });
@@ -205,6 +213,8 @@ export function mount(root, { assets, signal, controls, colour, theme, attributi
             // press away.
             scene.querySelector("#loading").textContent = SCENE_FAILURE;
             scene.querySelectorAll("button, input").forEach((control) => { control.disabled = true; });
+            booting = false;
+            updateView();
             throw error;
         }
     }