@a2f0/skyline 0.2.43 → 0.2.45

package/docs/package.md

@@ -56,7 +56,8 @@ bun add /tmp/a2f0-skyline-<version>.tgz
 ```
 
 The tarball includes `lib/` (ESM and declarations), `site/` (the complete static
-viewer), package documentation, and third-party notices. Sources, test fixtures,
+viewer), package documentation, and third-party notices. The standalone site's favicons are
+not part of `site/` ([why](#copy-the-viewer-assets)). Sources, test fixtures,
 credentials, deployment configuration, and the unused source photograph are
 excluded. No viewer assets load from a CDN.
 
@@ -109,6 +110,10 @@ await copySkylineAssets('./public/skyline');
 ```
 
 Serve that directory over HTTP at `/skyline/`, preserving all its relative paths.
+The copy holds no favicons. Its pages link `/favicon.ico`, `/favicon.svg` and
+`/apple-touch-icon.png` at the origin's root, so a page opened from the copy shows the
+host's own icons, as long as the host serves those three files; the mounted viewer never
+requests them. The standalone site renders its own icons at deploy time.
 The helper copies files into the supplied directory; it does not clear unrelated
 files already there. Use a dedicated directory for these assets, and clear it before
 copying an upgrade, so files a new version dropped do not linger. All the viewer's

package/package.json

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

package/site/building-detail.html

@@ -5,7 +5,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="robots" content="noindex" />
     <meta name="theme-color" content="#080808" />
-    <link rel="icon" href="data:," />
+    <link rel="icon" href="/favicon.ico" sizes="any" />
+    <link rel="icon" href="/favicon.svg" type="image/svg+xml" />
+    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
     <title>Building Detail — Chicago Skyline</title>
     <link rel="stylesheet" href="study.css" />
     <!-- Framed by another page, the page leaves its links to the frame's own controls. -->

package/site/building-study.html

@@ -5,7 +5,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="robots" content="noindex" />
     <meta name="theme-color" content="#080808" />
-    <link rel="icon" href="data:," />
+    <link rel="icon" href="/favicon.ico" sizes="any" />
+    <link rel="icon" href="/favicon.svg" type="image/svg+xml" />
+    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
     <title>Crain Communications Building — 3D Study</title>
     <link rel="stylesheet" href="study.css" />
     <script type="module" src="click-tracking-page.js"></script>

package/site/index.html

@@ -5,7 +5,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="robots" content="noindex" />
     <meta name="theme-color" content="#000000" />
-    <link rel="icon" href="data:," />
+    <link rel="icon" href="/favicon.ico" sizes="any" />
+    <link rel="icon" href="/favicon.svg" type="image/svg+xml" />
+    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
     <title>Chicago Skyline — Living Night</title>
     <!-- viewer-page.js mounts the viewer from skyline-viewer.js, its styles and skyline-3d.html,
          and starts the scene's code; fetch them alongside it. -->

package/site/skyline-3d.html

@@ -5,7 +5,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="robots" content="noindex" />
     <meta name="theme-color" content="#000000" />
-    <link rel="icon" href="data:," />
+    <link rel="icon" href="/favicon.ico" sizes="any" />
+    <link rel="icon" href="/favicon.svg" type="image/svg+xml" />
+    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
     <link rel="stylesheet" href="study.css" />
     <title>3D Chicago Skyline</title>
     <script type="module" src="click-tracking-page.js"></script>

package/site/skyline-study.html

@@ -5,7 +5,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="robots" content="noindex" />
     <meta name="theme-color" content="#080808" />
-    <link rel="icon" href="data:," />
+    <link rel="icon" href="/favicon.ico" sizes="any" />
+    <link rel="icon" href="/favicon.svg" type="image/svg+xml" />
+    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
     <link rel="stylesheet" href="study.css" />
     <title>Thirty-four on the skyline — Skyline Study</title>
     <script type="module" src="click-tracking-page.js"></script>

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;
         }
     }

package/site/skyline-webgl.html

@@ -4,6 +4,9 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="robots" content="noindex" />
+    <link rel="icon" href="/favicon.ico" sizes="any" />
+    <link rel="icon" href="/favicon.svg" type="image/svg+xml" />
+    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
     <title>WebGL Chicago Skyline Prototype</title>
     <style>
       :root {