bippy 0.3.0 → 0.3.2

package/dist/{chunk-R357CEJU.cjs → chunk-OZZZ2ACU.cjs}

@@ -8,34 +8,9 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __commonJS = (cb, mod) => function __require() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 
 // src/rdt-hook.ts
-var version = "0.3.0";
+var version = "0.3.2";
 var BIPPY_INSTRUMENTATION_STRING = `bippy-${version}`;
 var objectDefineProperty = Object.defineProperty;
 var objectHasOwnProperty = Object.prototype.hasOwnProperty;
@@ -93,9 +68,23 @@ var installRDTHook = (onActive) => {
   };
   try {
     objectDefineProperty(globalThis, "__REACT_DEVTOOLS_GLOBAL_HOOK__", {
-      value: rdtHook,
+      get() {
+        return rdtHook;
+      },
+      set(newHook) {
+        if (newHook && typeof newHook === "object") {
+          const ourRenderers = rdtHook.renderers;
+          globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__ = newHook;
+          if (ourRenderers.size > 0) {
+            ourRenderers.forEach((renderer, id) => {
+              newHook.renderers.set(id, renderer);
+            });
+            patchRDTHook(onActive);
+          }
+        }
+      },
       configurable: true,
-      writable: true
+      enumerable: true
     });
     const originalWindowHasOwnProperty = window.hasOwnProperty;
     let hasRanHack = false;
@@ -124,7 +113,6 @@ var patchRDTHook = (onActive) => {
     const rdtHook = globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__;
     if (!rdtHook) return;
     if (!rdtHook._instrumentationSource) {
-      isReactRefreshOverride = isReactRefresh(rdtHook);
       rdtHook.checkDCE = checkDCE;
       rdtHook.supportsFiber = true;
       rdtHook.supportsFlight = true;
@@ -139,19 +127,21 @@ var patchRDTHook = (onActive) => {
       const prevInject = rdtHook.inject;
       if (isReactRefresh(rdtHook) && !isRealReactDevtools()) {
         isReactRefreshOverride = true;
-        let nextID = rdtHook.inject(null);
+        const nextID = rdtHook.inject({
+          // @ts-expect-error this is not actually a ReactRenderer,
+          scheduleRefresh() {
+          }
+        });
         if (nextID) {
           rdtHook._instrumentationIsActive = true;
         }
-        rdtHook.inject = () => nextID++;
-      } else {
-        rdtHook.inject = (renderer) => {
-          const id = prevInject(renderer);
-          rdtHook._instrumentationIsActive = true;
-          onActiveListeners.forEach((listener) => listener());
-          return id;
-        };
       }
+      rdtHook.inject = (renderer) => {
+        const id = prevInject(renderer);
+        rdtHook._instrumentationIsActive = true;
+        onActiveListeners.forEach((listener) => listener());
+        return id;
+      };
     }
     if (rdtHook.renderers.size || rdtHook._instrumentationIsActive || // depending on this to inject is unsafe, since inject could occur before and we wouldn't know
     isReactRefresh()) {
@@ -178,6 +168,14 @@ var isClientEnvironment = () => {
     typeof window !== "undefined" && (window.document?.createElement || window.navigator?.product === "ReactNative")
   );
 };
+var safelyInstallRDTHook = () => {
+  try {
+    if (isClientEnvironment()) {
+      getRDTHook();
+    }
+  } catch {
+  }
+};
 
 // src/install-hook-script-string.ts
 var INSTALL_HOOK_SCRIPT_STRING = "(()=>{try{var t=()=>{};const n=new Map;let o=0;globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__={checkDCE:t,supportsFiber:!0,supportsFlight:!0,hasUnsupportedRendererAttached:!1,renderers:n,onCommitFiberRoot:t,onCommitFiberUnmount:t,onPostCommitFiberRoot:t,inject(t){var e=++o;return n.set(e,t),globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__._instrumentationIsActive=!0,e},_instrumentationIsActive:!1,_script:!0}}catch{}})()";
@@ -458,6 +456,20 @@ var isInstrumentationActive = () => {
   const rdtHook = getRDTHook();
   return Boolean(rdtHook._instrumentationIsActive) || isRealReactDevtools() || isReactRefresh();
 };
+var getLatestFiber = (fiber) => {
+  const alternate = fiber.alternate;
+  if (!alternate) return fiber;
+  if (alternate.actualStartTime && fiber.actualStartTime) {
+    return alternate.actualStartTime > fiber.actualStartTime ? alternate : fiber;
+  }
+  for (const root of _fiberRoots) {
+    const latestFiber = traverseFiber(root.current, (innerFiber) => {
+      if (innerFiber === fiber) return true;
+    });
+    return latestFiber || alternate;
+  }
+  return fiber;
+};
 var fiberId = 0;
 var fiberIdMap = /* @__PURE__ */ new WeakMap();
 var setFiberId = (fiber, id = fiberId++) => {
@@ -672,6 +684,7 @@ var getFiberFromHostInstance = (hostInstance) => {
   return null;
 };
 var INSTALL_ERROR = new Error();
+var _fiberRoots = /* @__PURE__ */ new Set();
 var secure = (options, secureOptions = {}) => {
   const onActive = options.onActive;
   const isRDTHookInstalled = hasRDTHook();
@@ -712,6 +725,9 @@ var secure = (options, secureOptions = {}) => {
       const onCommitFiberRoot2 = options.onCommitFiberRoot;
       if (onCommitFiberRoot2) {
         options.onCommitFiberRoot = (rendererID, root, priority) => {
+          if (!_fiberRoots.has(root)) {
+            _fiberRoots.add(root);
+          }
           try {
             onCommitFiberRoot2(rendererID, root, priority);
           } catch (err) {
@@ -787,8 +803,7 @@ exports.OffscreenComponentTag = OffscreenComponentTag;
 exports.SimpleMemoComponentTag = SimpleMemoComponentTag;
 exports.SuspenseComponentTag = SuspenseComponentTag;
 exports.TRANSITIONAL_ELEMENT_TYPE_SYMBOL_STRING = TRANSITIONAL_ELEMENT_TYPE_SYMBOL_STRING;
-exports.__commonJS = __commonJS;
-exports.__toESM = __toESM;
+exports._fiberRoots = _fiberRoots;
 exports.createFiberVisitor = createFiberVisitor;
 exports.detectReactBuildType = detectReactBuildType;
 exports.didFiberCommit = didFiberCommit;
@@ -798,6 +813,7 @@ exports.getDisplayName = getDisplayName;
 exports.getFiberFromHostInstance = getFiberFromHostInstance;
 exports.getFiberId = getFiberId;
 exports.getFiberStack = getFiberStack;
+exports.getLatestFiber = getLatestFiber;
 exports.getMutatedHostFibers = getMutatedHostFibers;
 exports.getNearestHostFiber = getNearestHostFiber;
 exports.getNearestHostFibers = getNearestHostFibers;
@@ -819,6 +835,7 @@ exports.isValidFiber = isValidFiber;
 exports.mountFiberRecursively = mountFiberRecursively;
 exports.onCommitFiberRoot = onCommitFiberRoot;
 exports.patchRDTHook = patchRDTHook;
+exports.safelyInstallRDTHook = safelyInstallRDTHook;
 exports.secure = secure;
 exports.setFiberId = setFiberId;
 exports.shouldFilterFiber = shouldFilterFiber;

package/dist/{chunk-NK43KTPL.js → chunk-SI6Y374H.js}

@@ -6,34 +6,9 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __commonJS = (cb, mod) => function __require() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 
 // src/rdt-hook.ts
-var version = "0.3.0";
+var version = "0.3.2";
 var BIPPY_INSTRUMENTATION_STRING = `bippy-${version}`;
 var objectDefineProperty = Object.defineProperty;
 var objectHasOwnProperty = Object.prototype.hasOwnProperty;
@@ -91,9 +66,23 @@ var installRDTHook = (onActive) => {
   };
   try {
     objectDefineProperty(globalThis, "__REACT_DEVTOOLS_GLOBAL_HOOK__", {
-      value: rdtHook,
+      get() {
+        return rdtHook;
+      },
+      set(newHook) {
+        if (newHook && typeof newHook === "object") {
+          const ourRenderers = rdtHook.renderers;
+          globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__ = newHook;
+          if (ourRenderers.size > 0) {
+            ourRenderers.forEach((renderer, id) => {
+              newHook.renderers.set(id, renderer);
+            });
+            patchRDTHook(onActive);
+          }
+        }
+      },
       configurable: true,
-      writable: true
+      enumerable: true
     });
     const originalWindowHasOwnProperty = window.hasOwnProperty;
     let hasRanHack = false;
@@ -122,7 +111,6 @@ var patchRDTHook = (onActive) => {
     const rdtHook = globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__;
     if (!rdtHook) return;
     if (!rdtHook._instrumentationSource) {
-      isReactRefreshOverride = isReactRefresh(rdtHook);
       rdtHook.checkDCE = checkDCE;
       rdtHook.supportsFiber = true;
       rdtHook.supportsFlight = true;
@@ -137,19 +125,21 @@ var patchRDTHook = (onActive) => {
       const prevInject = rdtHook.inject;
       if (isReactRefresh(rdtHook) && !isRealReactDevtools()) {
         isReactRefreshOverride = true;
-        let nextID = rdtHook.inject(null);
+        const nextID = rdtHook.inject({
+          // @ts-expect-error this is not actually a ReactRenderer,
+          scheduleRefresh() {
+          }
+        });
         if (nextID) {
           rdtHook._instrumentationIsActive = true;
         }
-        rdtHook.inject = () => nextID++;
-      } else {
-        rdtHook.inject = (renderer) => {
-          const id = prevInject(renderer);
-          rdtHook._instrumentationIsActive = true;
-          onActiveListeners.forEach((listener) => listener());
-          return id;
-        };
       }
+      rdtHook.inject = (renderer) => {
+        const id = prevInject(renderer);
+        rdtHook._instrumentationIsActive = true;
+        onActiveListeners.forEach((listener) => listener());
+        return id;
+      };
     }
     if (rdtHook.renderers.size || rdtHook._instrumentationIsActive || // depending on this to inject is unsafe, since inject could occur before and we wouldn't know
     isReactRefresh()) {
@@ -176,6 +166,14 @@ var isClientEnvironment = () => {
     typeof window !== "undefined" && (window.document?.createElement || window.navigator?.product === "ReactNative")
   );
 };
+var safelyInstallRDTHook = () => {
+  try {
+    if (isClientEnvironment()) {
+      getRDTHook();
+    }
+  } catch {
+  }
+};
 
 // src/install-hook-script-string.ts
 var INSTALL_HOOK_SCRIPT_STRING = "(()=>{try{var t=()=>{};const n=new Map;let o=0;globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__={checkDCE:t,supportsFiber:!0,supportsFlight:!0,hasUnsupportedRendererAttached:!1,renderers:n,onCommitFiberRoot:t,onCommitFiberUnmount:t,onPostCommitFiberRoot:t,inject(t){var e=++o;return n.set(e,t),globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__._instrumentationIsActive=!0,e},_instrumentationIsActive:!1,_script:!0}}catch{}})()";
@@ -456,6 +454,20 @@ var isInstrumentationActive = () => {
   const rdtHook = getRDTHook();
   return Boolean(rdtHook._instrumentationIsActive) || isRealReactDevtools() || isReactRefresh();
 };
+var getLatestFiber = (fiber) => {
+  const alternate = fiber.alternate;
+  if (!alternate) return fiber;
+  if (alternate.actualStartTime && fiber.actualStartTime) {
+    return alternate.actualStartTime > fiber.actualStartTime ? alternate : fiber;
+  }
+  for (const root of _fiberRoots) {
+    const latestFiber = traverseFiber(root.current, (innerFiber) => {
+      if (innerFiber === fiber) return true;
+    });
+    return latestFiber || alternate;
+  }
+  return fiber;
+};
 var fiberId = 0;
 var fiberIdMap = /* @__PURE__ */ new WeakMap();
 var setFiberId = (fiber, id = fiberId++) => {
@@ -670,6 +682,7 @@ var getFiberFromHostInstance = (hostInstance) => {
   return null;
 };
 var INSTALL_ERROR = new Error();
+var _fiberRoots = /* @__PURE__ */ new Set();
 var secure = (options, secureOptions = {}) => {
   const onActive = options.onActive;
   const isRDTHookInstalled = hasRDTHook();
@@ -710,6 +723,9 @@ var secure = (options, secureOptions = {}) => {
       const onCommitFiberRoot2 = options.onCommitFiberRoot;
       if (onCommitFiberRoot2) {
         options.onCommitFiberRoot = (rendererID, root, priority) => {
+          if (!_fiberRoots.has(root)) {
+            _fiberRoots.add(root);
+          }
           try {
             onCommitFiberRoot2(rendererID, root, priority);
           } catch (err) {
@@ -761,4 +777,4 @@ var onCommitFiberRoot = (handler) => {
   );
 };
 
-export { BIPPY_INSTRUMENTATION_STRING, CONCURRENT_MODE_NUMBER, CONCURRENT_MODE_SYMBOL_STRING, ClassComponentTag, ContextConsumerTag, DEPRECATED_ASYNC_MODE_SYMBOL_STRING, DehydratedSuspenseComponentTag, ELEMENT_TYPE_SYMBOL_STRING, ForwardRefTag, FragmentTag, FunctionComponentTag, HostComponentTag, HostHoistableTag, HostRootTag, HostSingletonTag, HostTextTag, INSTALL_ERROR, INSTALL_HOOK_SCRIPT_STRING, LegacyHiddenComponentTag, MemoComponentTag, OffscreenComponentTag, SimpleMemoComponentTag, SuspenseComponentTag, TRANSITIONAL_ELEMENT_TYPE_SYMBOL_STRING, __commonJS, __toESM, createFiberVisitor, detectReactBuildType, didFiberCommit, didFiberRender, fiberIdMap, getDisplayName, getFiberFromHostInstance, getFiberId, getFiberStack, getMutatedHostFibers, getNearestHostFiber, getNearestHostFibers, getRDTHook, getTimings, getType, hasMemoCache, hasRDTHook, installRDTHook, instrument, isClientEnvironment, isCompositeFiber, isHostFiber, isInstrumentationActive, isReactRefresh, isRealReactDevtools, isValidElement, isValidFiber, mountFiberRecursively, onCommitFiberRoot, patchRDTHook, secure, setFiberId, shouldFilterFiber, traverseContexts, traverseFiber, traverseProps, traverseRenderedFibers, traverseState, unmountFiber, unmountFiberChildrenRecursively, updateFiberRecursively, version };
+export { BIPPY_INSTRUMENTATION_STRING, CONCURRENT_MODE_NUMBER, CONCURRENT_MODE_SYMBOL_STRING, ClassComponentTag, ContextConsumerTag, DEPRECATED_ASYNC_MODE_SYMBOL_STRING, DehydratedSuspenseComponentTag, ELEMENT_TYPE_SYMBOL_STRING, ForwardRefTag, FragmentTag, FunctionComponentTag, HostComponentTag, HostHoistableTag, HostRootTag, HostSingletonTag, HostTextTag, INSTALL_ERROR, INSTALL_HOOK_SCRIPT_STRING, LegacyHiddenComponentTag, MemoComponentTag, OffscreenComponentTag, SimpleMemoComponentTag, SuspenseComponentTag, TRANSITIONAL_ELEMENT_TYPE_SYMBOL_STRING, _fiberRoots, createFiberVisitor, detectReactBuildType, didFiberCommit, didFiberRender, fiberIdMap, getDisplayName, getFiberFromHostInstance, getFiberId, getFiberStack, getLatestFiber, getMutatedHostFibers, getNearestHostFiber, getNearestHostFibers, getRDTHook, getTimings, getType, hasMemoCache, hasRDTHook, installRDTHook, instrument, isClientEnvironment, isCompositeFiber, isHostFiber, isInstrumentationActive, isReactRefresh, isRealReactDevtools, isValidElement, isValidFiber, mountFiberRecursively, onCommitFiberRoot, patchRDTHook, safelyInstallRDTHook, secure, setFiberId, shouldFilterFiber, traverseContexts, traverseFiber, traverseProps, traverseRenderedFibers, traverseState, unmountFiber, unmountFiberChildrenRecursively, updateFiberRecursively, version };