@conduction/docusaurus-preset 1.4.1 → 1.4.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@conduction/docusaurus-preset",
-  "version": "1.4.1",
+  "version": "1.4.3",
   "scripts": {
     "prepack": "node scripts/prepack-bundle-css.js"
   },

package/src/theme/Navbar/index.jsx

@@ -99,7 +99,13 @@ export default function Navbar() {
   const rightItems = items.filter(i => i.position === 'right' || i.type === 'localeDropdown');
 
   return (
-    <nav className={styles.nav} role="navigation" aria-label="Main">
+    /* `navbar` (Docusaurus's framework class) is added alongside the
+       brand styles.nav so the internal scroll-anchor offset query
+       `document.querySelector('.navbar').clientHeight` resolves. The
+       previous JS-only class swizzle made every doc page crash with
+       "Cannot read properties of null (reading 'clientHeight')" the
+       moment Docusaurus ran its anchor logic on a heading scroll. */
+    <nav className={`navbar ${styles.nav}`} role="navigation" aria-label="Main">
       <div className={styles.left}>
         <Link to={homeHref} className={styles.wordmark}>
           {wordmark}

package/static/lib/canal-footer.js

@@ -129,15 +129,37 @@
   /* Product pages opt out of the boat-sinking mini-game by setting
      `themeConfig.minigames = false` in createConfig(); the Footer
      swizzle then doesn't render the .game-hud / .game-over / boat
-     templates. The skyline + house listeners + drifting fleet (built
-     above this point) are still wanted. Bail out before any game
-     wiring rather than null-deref'ing on the missing elements. */
+     templates. The static decoration (trapgevel skyline, drift speeds,
+     Conduction-house Maps link, drift-boat caches) is still wanted —
+     run those first so a no-game build doesn't ship an empty .skyline.
+     Then bail out before the game-only wiring rather than null-deref'ing
+     on the missing HUD / restart-button. The script's `resize` handler
+     re-runs buildSkyline() on viewport changes too, so the skyline
+     stays full when a viewer resizes the window. */
   if (!hud || !goRestart || !goPanel) {
-    /* Mark hydrated and expose a no-op API so the Footer's
-       useEffect re-hydrate loop exits cleanly on SPA route changes. */
+    buildSkyline();
+    rollSpeeds();
+    wireConductionHouse();
+    captureDriftTemplates();
+    const onResizeNoGame = () => {
+      clearTimeout(window._canalNoGameResizeT);
+      window._canalNoGameResizeT = setTimeout(() => {
+        buildSkyline();
+        rollSpeeds();
+        wireConductionHouse();
+      }, 200);
+    };
+    window.addEventListener('resize', onResizeNoGame);
+    /* Mark hydrated and expose hydrate as a no-op (the IIFE's later
+       `window.CanalFooter.hydrate = init` already handles the SPA
+       re-mount path; we just need _cleanup to tear down the resize
+       listener so it doesn't leak across SPA navigations. */
     window.CanalFooter = window.CanalFooter || {};
-    window.CanalFooter.hydrate  = window.CanalFooter.hydrate  || function () {};
-    window.CanalFooter._cleanup = window.CanalFooter._cleanup || function () {};
+    window.CanalFooter.hydrate = window.CanalFooter.hydrate || function () {};
+    window.CanalFooter._cleanup = function () {
+      window.removeEventListener('resize', onResizeNoGame);
+      clearTimeout(window._canalNoGameResizeT);
+    };
     return;
   }