@riboseinc/anafero-cli 0.0.18 → 0.0.19

package/bootstrap.js

@@ -132617,18 +132617,6 @@ var VersionWorkspace = function({
       hasFragment ? `#${rpath.split("#")[1]}` : null
     ];
   }, [expandUnversionedPath]);
-  const scrollToResource = (0, import_react218.useCallback)((resourceURI) => {
-    const el = document.getElementById(resourceURI) ?? document.querySelector(`[about="${resourceURI}"]`);
-    if (el) {
-      try {
-        el.scrollIntoView();
-      } catch (e2) {
-        console.error("Failed to scroll element into view", resourceURI);
-      }
-    } else {
-      console.error("Element not found for resource to scroll to", resourceURI);
-    }
-  }, []);
   (0, import_react218.useEffect)(() => {
     const handlePopState = function() {
       const uri = typeof history.state?.res === "string" ? history.state.res : void 0;
@@ -132674,8 +132662,11 @@ var VersionWorkspace = function({
       dispatch({ type: "activated_resource", uri: res });
     }
   }, [expandResourcePath, locateResource, state.activeResourceURI]);
-  const [queuedFragment, setQueuedFragment] = (0, import_react218.useState)("");
+  const [resourceContainerElement, setResourceContainerElement] = (0, import_react218.useState)(null);
   const setUpInterceptor = (0, import_react218.useCallback)((resourcesRef) => {
+    if (resourcesRef) {
+      setResourceContainerElement(resourcesRef);
+    }
     intercept_nav_default(resourcesRef, {
       // shadowDom: true,
     }, function handleIntercept(evt, el) {
@@ -132731,16 +132722,50 @@ var VersionWorkspace = function({
   }, [hierarchy, state.expandedResourceURIs, actualSelected]);
   const routerProps = (0, import_react218.useMemo)(() => ({ router: { navigate } }), [navigate]);
   const isLoading = Object.values(resourceDeps).find((val) => typeof val === "function");
+  const [queuedFragment, setQueuedFragment] = (0, import_react218.useState)("");
+  const scrollToResource = (0, import_react218.useCallback)(() => {
+    if (!queuedFragment) {
+      return;
+    }
+    if (!resourceContainerElement) {
+      console.warn("Cannot scroll to resource: no resource container element");
+      return;
+    }
+    const el = document.getElementById(queuedFragment) ?? resourceContainerElement.querySelector(`[about="${queuedFragment}"]`);
+    if (el) {
+      try {
+        el.scrollIntoView();
+      } catch (e2) {
+        console.error("Failed to scroll element into view", queuedFragment);
+      }
+      setQueuedFragment("");
+    } else {
+      console.error("Element not found for resource to scroll to", queuedFragment);
+    }
+  }, [resourceContainerElement, queuedFragment]);
   (0, import_react218.useEffect)(() => {
-    if (!isLoading && queuedFragment) {
-      const elID = queuedFragment;
-      window.location.hash = `#${encodeURIComponent(elID)}`;
-      setTimeout(() => {
-        scrollToResource(elID);
+    if (!isLoading && queuedFragment && resourceContainerElement) {
+      const resourceID = queuedFragment;
+      window.location.hash = `#${encodeURIComponent(resourceID)}`;
+      const observer = new MutationObserver(scrollToResource);
+      scrollToResource();
+      observer.observe(resourceContainerElement, {
+        attributes: false,
+        childList: true,
+        characterData: false,
+        subtree: true
+      });
+      const timeout2 = setTimeout(() => {
         setQueuedFragment("");
-      }, 500);
+      }, 5e3);
+      return function() {
+        observer.disconnect();
+        window.clearTimeout(timeout2);
+      };
     }
-  }, [isLoading, queuedFragment]);
+    return function() {
+    };
+  }, [isLoading, queuedFragment, scrollToResource, resourceContainerElement]);
   const lastVisibleResourceMarkerIntersection = useInView({
     threshold: 0,
     initialInView: true