@riboseinc/anafero-cli 0.0.65 → 0.0.66

package/bootstrap.js

@@ -110916,15 +110916,15 @@ schema (${ast._tag}): ${ast}`;
       }
     }, [locateResource, state.activeResourceURI]);
     const [resourceContainerElement, setResourceContainerElement] = (0, import_react212.useState)(null);
-    const setUpInterceptor = (0, import_react212.useCallback)((resourcesRef) => {
-      if (resourcesRef) {
-        setResourceContainerElement(resourcesRef);
+    (0, import_react212.useEffect)(() => {
+      if (!resourceContainerElement || !getVersionRelativePath) {
+        return;
       }
-      intercept_nav_default(resourcesRef, {
+      const cleanUpInterceptor = intercept_nav_default(resourceContainerElement, {
         // shadowDom: true,
       }, function handleIntercept(evt, el) {
         const href = el.getAttribute("href");
-        if (!href || !getVersionRelativePath) {
+        if (!href) {
           return;
         }
         const url2 = new URL(href, document.baseURI);
@@ -110944,7 +110944,18 @@ schema (${ast._tag}): ${ast}`;
           return true;
         }
       });
-    }, [reverseResource, getVersionRelativePath, getContainingPageResourceURI]);
+      return cleanUpInterceptor;
+    }, [
+      resourceContainerElement,
+      reverseResource,
+      getVersionRelativePath,
+      getContainingPageResourceURI
+    ]);
+    const refResourceContainerElement = (0, import_react212.useCallback)((resourcesRef) => {
+      if (resourcesRef) {
+        setResourceContainerElement(resourcesRef);
+      }
+    }, [setResourceContainerElement]);
     const [queuedFragment, setQueuedFragment] = (0, import_react212.useState)("");
     const jumpTo = (0, import_react212.useCallback)((uri) => {
       if (getContainingPageResourceURI(uri) === uri) {
@@ -110959,7 +110970,7 @@ schema (${ast._tag}): ${ast}`;
         console.error("Unable to reverse resource URI for path", path);
         throw new Error("Unable to reverse resource URI for path");
       }
-      console.debug("Navigating & activating resource", resourceURI);
+      console.debug("Navigating & activating resource via router", resourceURI);
       dispatch({ type: "activated_resource", uri: resourceURI, pageURI: getContainingPageResourceURI(resourceURI) });
     }, [reverseResource, jumpTo, getContainingPageResourceURI]);
     const pageMap = (0, import_react212.useMemo)(
@@ -111129,7 +111140,7 @@ schema (${ast._tag}): ${ast}`;
           type: "deactivated_browsing_mode"
         }), [])
       }
-    ), /* @__PURE__ */ import_react212.default.createElement("main", { id: "resources", ref: setUpInterceptor }, /* @__PURE__ */ import_react212.default.createElement($7167f8da3cce35e4$export$2881499e37b75b9a, { theme: $bf24a13e98395dd3$export$bca14c5b3b88a9c9, locale }, state.visibleResourceURIs.map((uri, idx) => {
+    ), /* @__PURE__ */ import_react212.default.createElement("main", { id: "resources", ref: refResourceContainerElement }, /* @__PURE__ */ import_react212.default.createElement($7167f8da3cce35e4$export$2881499e37b75b9a, { theme: $bf24a13e98395dd3$export$bca14c5b3b88a9c9, locale }, state.visibleResourceURIs.map((uri, idx) => {
       const isActive2 = uri === activePageResourceURI;
       const isOnlyOneShown = state.visibleResourceURIs.length < 2;
       const isMarkedActive = !isOnlyOneShown && isActive2;
@@ -111280,7 +111291,10 @@ schema (${ast._tag}): ${ast}`;
     if (!parentPath) {
       throw new Error("getAdjacentResource: missing parentPath");
     }
-    const parentNavPath = [parentPath, "resource-nav.json"].join("/");
+    const parentNavPath = [
+      parentPath === "/" ? "" : parentPath,
+      "resource-nav.json"
+    ].join("/");
     const parentNav = decodeUnknownSync(ResourceNavSchema)(await (await fetch(parentNavPath, { signal })).json());
     const currentPathTail = currentPath.slice(currentPath.lastIndexOf("/") + 1);
     const children = parentNav.children.map(
@@ -111331,16 +111345,14 @@ schema (${ast._tag}): ${ast}`;
 
   // bootstrap.tsx
   patchLunr();
-  getExtensionImports().then(setUpExtensionImportMap).then(initApp);
-  function initApp() {
+  getExtensionImports().then(setUpExtensionImportMap).then(hydrateApp);
+  function hydrateApp() {
     const appRoot = document.getElementById("app");
     if (!appRoot) {
       console.error("Can\u2019t initialize the app: missing root");
       return;
     }
-    const useStrictMode2 = document.documentElement.dataset.useReactStrict === "true";
     const originalHTML = appRoot.innerHTML;
-    document.body.style.height = `${appRoot.clientHeight}px`;
     const app = /* @__PURE__ */ import_react213.default.createElement(ErrorBoundaryWithCustomView_default, { fallback: /* @__PURE__ */ import_react213.default.createElement(
       "div",
       {
@@ -111348,17 +111360,23 @@ schema (${ast._tag}): ${ast}`;
         suppressHydrationWarning: true
       }
     ) }, /* @__PURE__ */ import_react213.default.createElement(AppLoader, null));
+    holdBodyHeightUntilHydrationIsComplete(appRoot.clientHeight);
+    const useStrictMode2 = document.documentElement.dataset.useReactStrict === "true";
     (0, import_client.hydrateRoot)(
       appRoot,
       useStrictMode2 ? /* @__PURE__ */ import_react213.default.createElement(import_react214.StrictMode, null, app) : app
     );
-    const observer = new MutationObserver(function cleanUpLoad() {
+  }
+  function holdBodyHeightUntilHydrationIsComplete(heightInPx) {
+    document.body.style.height = `${heightInPx}px`;
+    function unsetHeightAndDisconnectObserverIfHydrated() {
       const hasInitialized = !!document.documentElement.getAttribute("data-react-helmet");
       if (hasInitialized) {
         setTimeout(() => document.body.style.removeProperty("height"), 500);
         observer.disconnect();
       }
-    });
+    }
+    const observer = new MutationObserver(unsetHeightAndDisconnectObserverIfHydrated);
     observer.observe(document.documentElement, {
       attributes: true,
       childList: false,