bippy 0.2.11 → 0.2.13

package/dist/inspect.cjs

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./chunk-YZYCWAB2.cjs');
-var chunk4DXMRM7J_cjs = require('./chunk-4DXMRM7J.cjs');
+require('./chunk-WAO3TF75.cjs');
+var chunk7G4A46O2_cjs = require('./chunk-7G4A46O2.cjs');
 var React17 = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -4818,9 +4818,9 @@ React17__default.default.memo(
       const links2 = [];
       const nodeMap = /* @__PURE__ */ new Map();
       let nodeCounter = 0;
-      const baseId = chunk4DXMRM7J_cjs.getFiberId(fiber).toString();
+      const baseId = chunk7G4A46O2_cjs.getFiberId(fiber).toString();
       const rootId = `${baseId}-${nodeCounter++}`;
-      const rootName = typeof fiber.type === "string" ? fiber.type : fiber.type === null && fiber.tag === chunk4DXMRM7J_cjs.HostRootTag ? "#root" : fiber.type === null && fiber.tag === chunk4DXMRM7J_cjs.HostTextTag ? "#text" : chunk4DXMRM7J_cjs.getDisplayName(fiber.type) || fiber.type?.name || fiber.type?.displayName || "Component";
+      const rootName = typeof fiber.type === "string" ? fiber.type : fiber.type === null && fiber.tag === chunk7G4A46O2_cjs.HostRootTag ? "#root" : fiber.type === null && fiber.tag === chunk7G4A46O2_cjs.HostTextTag ? "#text" : chunk7G4A46O2_cjs.getDisplayName(fiber.type) || fiber.type?.name || fiber.type?.displayName || "Component";
       const rootNode = {
         id: rootId,
         name: rootName,
@@ -4841,7 +4841,7 @@ React17__default.default.memo(
           const current = stack2.pop();
           if (!current) continue;
           const { fiber: currentFiber, parentId, depth } = current;
-          if (currentFiber.tag === chunk4DXMRM7J_cjs.FragmentTag) {
+          if (currentFiber.tag === chunk7G4A46O2_cjs.FragmentTag) {
             if (currentFiber.child) {
               stack2.push({
                 fiber: currentFiber.child,
@@ -4852,13 +4852,13 @@ React17__default.default.memo(
             if (currentFiber.sibling && currentFiber.return === currentFiber.sibling.return) {
               stack2.push({
                 fiber: currentFiber.sibling,
-                parentId: currentFiber.return ? nodeMap.get(chunk4DXMRM7J_cjs.getFiberId(currentFiber.return).toString())?.id || parentId : parentId,
+                parentId: currentFiber.return ? nodeMap.get(chunk7G4A46O2_cjs.getFiberId(currentFiber.return).toString())?.id || parentId : parentId,
                 depth
               });
             }
             continue;
           }
-          if (currentFiber.type === null && chunk4DXMRM7J_cjs.isHostFiber(currentFiber)) {
+          if (currentFiber.type === null && chunk7G4A46O2_cjs.isHostFiber(currentFiber)) {
             if (currentFiber.child) {
               stack2.push({
                 fiber: currentFiber.child,
@@ -4869,27 +4869,27 @@ React17__default.default.memo(
             if (currentFiber.sibling && currentFiber.return === currentFiber.sibling.return) {
               stack2.push({
                 fiber: currentFiber.sibling,
-                parentId: currentFiber.return ? nodeMap.get(chunk4DXMRM7J_cjs.getFiberId(currentFiber.return).toString())?.id || parentId : parentId,
+                parentId: currentFiber.return ? nodeMap.get(chunk7G4A46O2_cjs.getFiberId(currentFiber.return).toString())?.id || parentId : parentId,
                 depth
               });
             }
             continue;
           }
-          const childId = `${chunk4DXMRM7J_cjs.getFiberId(currentFiber)}-${nodeCounter++}`;
+          const childId = `${chunk7G4A46O2_cjs.getFiberId(currentFiber)}-${nodeCounter++}`;
           let name = "unknown";
           if (typeof currentFiber.type === "string") {
             name = currentFiber.type;
-          } else if (currentFiber.type === null && currentFiber.tag === chunk4DXMRM7J_cjs.HostTextTag) {
+          } else if (currentFiber.type === null && currentFiber.tag === chunk7G4A46O2_cjs.HostTextTag) {
             const text = currentFiber.stateNode?.nodeValue?.trim() || "";
             if (text) {
               name = text.length > 20 ? `"${text.slice(0, 20)}..."` : `"${text}"`;
             } else {
               name = "#text";
             }
-          } else if (currentFiber.type === null && currentFiber.tag === chunk4DXMRM7J_cjs.HostRootTag) {
+          } else if (currentFiber.type === null && currentFiber.tag === chunk7G4A46O2_cjs.HostRootTag) {
             name = "#root";
           } else {
-            name = chunk4DXMRM7J_cjs.getDisplayName(currentFiber.type) || currentFiber.type?.name || currentFiber.type?.displayName || "Component";
+            name = chunk7G4A46O2_cjs.getDisplayName(currentFiber.type) || currentFiber.type?.name || currentFiber.type?.displayName || "Component";
           }
           const node = {
             id: childId,
@@ -4913,7 +4913,7 @@ React17__default.default.memo(
           if (currentFiber.sibling && currentFiber.return === currentFiber.sibling.return) {
             stack2.push({
               fiber: currentFiber.sibling,
-              parentId: currentFiber.return ? nodeMap.get(chunk4DXMRM7J_cjs.getFiberId(currentFiber.return).toString())?.id || parentId : parentId,
+              parentId: currentFiber.return ? nodeMap.get(chunk7G4A46O2_cjs.getFiberId(currentFiber.return).toString())?.id || parentId : parentId,
               depth
             });
           }
@@ -4986,7 +4986,7 @@ React17__default.default.memo(
       nodeElements.exit().remove();
       const nodeEnter = nodeElements.enter().append("g").attr("transform", (d) => `translate(${d.x},${d.y})`).style("cursor", "pointer").on("click", (event, d) => {
         event.stopPropagation();
-        const element = chunk4DXMRM7J_cjs.getNearestHostFiber(d.data.fiber)?.stateNode;
+        const element = chunk7G4A46O2_cjs.getNearestHostFiber(d.data.fiber)?.stateNode;
         if (element instanceof HTMLElement) {
           element.scrollIntoView({ behavior: "smooth", block: "center" });
           const originalOutline = element.style.outline;
@@ -5009,9 +5009,9 @@ React17__default.default.memo(
           const isPreview = !isDialogMode;
           const scale = isRoot ? isPreview ? 2 : 1.75 : 1;
           const isRendered = renderedFibersRef.current.has(
-            chunk4DXMRM7J_cjs.getFiberId(d.data.fiber).toString()
+            chunk7G4A46O2_cjs.getFiberId(d.data.fiber).toString()
           );
-          const rect = g.selectAll("rect").data([d]).join("rect").attr("x", -75 * scale).attr("y", -30 * scale).attr("width", 150 * scale).attr("height", 60 * scale).attr("rx", 6 * scale).attr("fill", chunk4DXMRM7J_cjs.isCompositeFiber(d.data.fiber) ? "#FFF" : "#232323").attr("stroke", isRendered ? "#FFC799" : "#505050").attr("stroke-width", isRoot ? "3" : "2");
+          const rect = g.selectAll("rect").data([d]).join("rect").attr("x", -75 * scale).attr("y", -30 * scale).attr("width", 150 * scale).attr("height", 60 * scale).attr("rx", 6 * scale).attr("fill", chunk7G4A46O2_cjs.isCompositeFiber(d.data.fiber) ? "#FFF" : "#232323").attr("stroke", isRendered ? "#FFC799" : "#505050").attr("stroke-width", isRoot ? "3" : "2");
           rect.on("mouseover", function() {
             select_default2(this).attr("stroke", "#808080").attr("stroke-width", isRoot ? "4" : "3");
           }).on("mouseout", function() {
@@ -5019,11 +5019,11 @@ React17__default.default.memo(
           });
           const renderCount = renderCounts.get(d.data.fiber) || 0;
           const renderText = renderCount > 0 ? ` \xD7${renderCount}` : "";
-          g.selectAll("text.name").data([d]).join("text").attr("class", "name").attr("text-anchor", "middle").attr("dy", `${-0.6 * scale}em`).attr("fill", chunk4DXMRM7J_cjs.isCompositeFiber(d.data.fiber) ? "#000" : "#FFF").attr("font-weight", "500").attr(
+          g.selectAll("text.name").data([d]).join("text").attr("class", "name").attr("text-anchor", "middle").attr("dy", `${-0.6 * scale}em`).attr("fill", chunk7G4A46O2_cjs.isCompositeFiber(d.data.fiber) ? "#000" : "#FFF").attr("font-weight", "500").attr(
             "font-size",
             isRoot ? isPreview ? "1.75em" : "1.5em" : "1em"
           ).text(d.data.name + renderText);
-          g.selectAll("text.props").data([d]).join("text").attr("class", "props").attr("text-anchor", "middle").attr("dy", `${0.9 * scale}em`).attr("fill", chunk4DXMRM7J_cjs.isCompositeFiber(d.data.fiber) ? "#666" : "#999").attr(
+          g.selectAll("text.props").data([d]).join("text").attr("class", "props").attr("text-anchor", "middle").attr("dy", `${0.9 * scale}em`).attr("fill", chunk7G4A46O2_cjs.isCompositeFiber(d.data.fiber) ? "#666" : "#999").attr(
             "font-size",
             isRoot ? isPreview ? "1.25em" : "1.1em" : "0.75em"
           ).text(() => {
@@ -5088,13 +5088,13 @@ React17__default.default.memo(
       }
     }, [nodes.length, handleFit]);
     React17.useEffect(() => {
-      chunk4DXMRM7J_cjs.onCommitFiberRoot((root2) => {
+      chunk7G4A46O2_cjs.onCommitFiberRoot((root2) => {
         if (flashTimeoutRef.current) {
           clearTimeout(flashTimeoutRef.current);
         }
         renderedFibersRef.current = /* @__PURE__ */ new Set();
-        chunk4DXMRM7J_cjs.traverseRenderedFibers(root2, (renderedFiber) => {
-          const fiberId = chunk4DXMRM7J_cjs.getFiberId(renderedFiber).toString();
+        chunk7G4A46O2_cjs.traverseRenderedFibers(root2, (renderedFiber) => {
+          const fiberId = chunk7G4A46O2_cjs.getFiberId(renderedFiber).toString();
           renderedFibersRef.current.add(fiberId);
           const states = fiberStates.get(fiberId) || [];
           states.push({
@@ -5112,7 +5112,7 @@ React17__default.default.memo(
           const nodeElements = select_default2(nodesGroupRef.current).selectAll("g");
           nodeElements.each(function(d) {
             const isRendered = renderedFibersRef.current.has(
-              chunk4DXMRM7J_cjs.getFiberId(d.data.fiber).toString()
+              chunk7G4A46O2_cjs.getFiberId(d.data.fiber).toString()
             );
             if (isRendered) {
               const rect = select_default2(this).select("rect");
@@ -5136,10 +5136,10 @@ React17__default.default.memo(
     const handleTimelineChange = React17.useCallback(
       (index) => {
         setTimelineIndex(index);
-        const fiberId = chunk4DXMRM7J_cjs.getFiberId(fiber).toString();
+        const fiberId = chunk7G4A46O2_cjs.getFiberId(fiber).toString();
         const states = fiberStates.get(fiberId);
         if (states?.[index]) {
-          const rdtHook = chunk4DXMRM7J_cjs.getRDTHook();
+          const rdtHook = chunk7G4A46O2_cjs.getRDTHook();
           if (rdtHook?.renderers.size > 0) {
             const renderer = Array.from(rdtHook.renderers.values())?.[0];
             const overrideProps = renderer?.currentDispatcherRef?.current?.overrideProps;
@@ -5162,14 +5162,14 @@ React17__default.default.memo(
       setIsPlaying((prev) => !prev);
     }, []);
     const handleStepForward = React17.useCallback(() => {
-      const states = fiberStates.get(chunk4DXMRM7J_cjs.getFiberId(fiber).toString());
+      const states = fiberStates.get(chunk7G4A46O2_cjs.getFiberId(fiber).toString());
       if (states) {
         const nextIndex = Math.min(timelineIndex + 1, states.length - 1);
         handleTimelineChange(nextIndex);
       }
     }, [fiber, timelineIndex, handleTimelineChange]);
     const handleStepBack = React17.useCallback(() => {
-      const states = fiberStates.get(chunk4DXMRM7J_cjs.getFiberId(fiber).toString());
+      const states = fiberStates.get(chunk7G4A46O2_cjs.getFiberId(fiber).toString());
       if (states) {
         const prevIndex = Math.max(timelineIndex - 1, 0);
         handleTimelineChange(prevIndex);
@@ -5178,7 +5178,7 @@ React17__default.default.memo(
     React17.useEffect(() => {
       if (isPlaying) {
         playIntervalRef.current = setInterval(() => {
-          const states = fiberStates.get(chunk4DXMRM7J_cjs.getFiberId(fiber).toString());
+          const states = fiberStates.get(chunk7G4A46O2_cjs.getFiberId(fiber).toString());
           if (states) {
             const nextIndex = timelineIndex + 1;
             if (nextIndex >= states.length) {
@@ -5399,7 +5399,7 @@ React17__default.default.memo(
             display: "flex",
             flexDirection: "column",
             gap: "0.5ch",
-            opacity: fiberStates.get(chunk4DXMRM7J_cjs.getFiberId(fiber).toString())?.length ? 1 : 0.5
+            opacity: fiberStates.get(chunk7G4A46O2_cjs.getFiberId(fiber).toString())?.length ? 1 : 0.5
           }
         },
         /* @__PURE__ */ React17__default.default.createElement(
@@ -5412,13 +5412,13 @@ React17__default.default.memo(
             {
               type: "button",
               onClick: handleStepBack,
-              disabled: !fiberStates.get(chunk4DXMRM7J_cjs.getFiberId(fiber).toString())?.length,
+              disabled: !fiberStates.get(chunk7G4A46O2_cjs.getFiberId(fiber).toString())?.length,
               style: {
                 background: "transparent",
                 border: "1px solid #282828",
                 color: "#FFF",
                 borderRadius: "0.25rem",
-                cursor: fiberStates.get(chunk4DXMRM7J_cjs.getFiberId(fiber).toString())?.length ? "pointer" : "not-allowed",
+                cursor: fiberStates.get(chunk7G4A46O2_cjs.getFiberId(fiber).toString())?.length ? "pointer" : "not-allowed",
                 padding: "0.25ch 0.5ch"
               }
             },
@@ -5429,13 +5429,13 @@ React17__default.default.memo(
             {
               type: "button",
               onClick: handlePlayPause,
-              disabled: !fiberStates.get(chunk4DXMRM7J_cjs.getFiberId(fiber).toString())?.length,
+              disabled: !fiberStates.get(chunk7G4A46O2_cjs.getFiberId(fiber).toString())?.length,
               style: {
                 background: "transparent",
                 border: "1px solid #282828",
                 color: "#FFF",
                 borderRadius: "0.25rem",
-                cursor: fiberStates.get(chunk4DXMRM7J_cjs.getFiberId(fiber).toString())?.length ? "pointer" : "not-allowed",
+                cursor: fiberStates.get(chunk7G4A46O2_cjs.getFiberId(fiber).toString())?.length ? "pointer" : "not-allowed",
                 padding: "0.25ch 0.5ch"
               }
             },
@@ -5446,22 +5446,22 @@ React17__default.default.memo(
             {
               type: "button",
               onClick: handleStepForward,
-              disabled: !fiberStates.get(chunk4DXMRM7J_cjs.getFiberId(fiber).toString())?.length,
+              disabled: !fiberStates.get(chunk7G4A46O2_cjs.getFiberId(fiber).toString())?.length,
               style: {
                 background: "transparent",
                 border: "1px solid #282828",
                 color: "#FFF",
                 borderRadius: "0.25rem",
-                cursor: fiberStates.get(chunk4DXMRM7J_cjs.getFiberId(fiber).toString())?.length ? "pointer" : "not-allowed",
+                cursor: fiberStates.get(chunk7G4A46O2_cjs.getFiberId(fiber).toString())?.length ? "pointer" : "not-allowed",
                 padding: "0.25ch 0.5ch"
               }
             },
             "\u23ED"
           ),
-          /* @__PURE__ */ React17__default.default.createElement("span", { style: { color: "#A0A0A0", fontSize: "0.75rem" } }, timelineIndex >= 0 && fiberStates.get(chunk4DXMRM7J_cjs.getFiberId(fiber).toString())?.[timelineIndex]?.timestamp ? new Date(
-            fiberStates.get(chunk4DXMRM7J_cjs.getFiberId(fiber).toString())?.[timelineIndex]?.timestamp ?? 0
+          /* @__PURE__ */ React17__default.default.createElement("span", { style: { color: "#A0A0A0", fontSize: "0.75rem" } }, timelineIndex >= 0 && fiberStates.get(chunk7G4A46O2_cjs.getFiberId(fiber).toString())?.[timelineIndex]?.timestamp ? new Date(
+            fiberStates.get(chunk7G4A46O2_cjs.getFiberId(fiber).toString())?.[timelineIndex]?.timestamp ?? 0
           ).toLocaleTimeString() : "--:--:--"),
-          !fiberStates.get(chunk4DXMRM7J_cjs.getFiberId(fiber).toString())?.length && /* @__PURE__ */ React17__default.default.createElement(
+          !fiberStates.get(chunk7G4A46O2_cjs.getFiberId(fiber).toString())?.length && /* @__PURE__ */ React17__default.default.createElement(
             "span",
             {
               style: {
@@ -5484,7 +5484,7 @@ React17__default.default.memo(
               position: "relative"
             }
           },
-          (fiberStates.get(chunk4DXMRM7J_cjs.getFiberId(fiber).toString()) ?? []).map(
+          (fiberStates.get(chunk7G4A46O2_cjs.getFiberId(fiber).toString()) ?? []).map(
             (state, i) => {
               const isActive = i === timelineIndex;
               return /* @__PURE__ */ React17__default.default.createElement(
@@ -5527,7 +5527,7 @@ React17__default.default.memo(
                     tooltip2.style.zIndex = "1000";
                     const changes = [];
                     const states = fiberStates.get(
-                      chunk4DXMRM7J_cjs.getFiberId(fiber).toString()
+                      chunk7G4A46O2_cjs.getFiberId(fiber).toString()
                     );
                     const prevState = i > 0 && states ? states[i - 1] : null;
                     if (prevState) {
@@ -5559,7 +5559,7 @@ React17__default.default.memo(
               );
             }
           ),
-          !fiberStates.get(chunk4DXMRM7J_cjs.getFiberId(fiber).toString())?.length && /* @__PURE__ */ React17__default.default.createElement(
+          !fiberStates.get(chunk7G4A46O2_cjs.getFiberId(fiber).toString())?.length && /* @__PURE__ */ React17__default.default.createElement(
             "div",
             {
               style: {
@@ -5577,14 +5577,14 @@ React17__default.default.memo(
           {
             type: "range",
             min: 0,
-            max: (fiberStates.get(chunk4DXMRM7J_cjs.getFiberId(fiber).toString())?.length ?? 1) - 1,
+            max: (fiberStates.get(chunk7G4A46O2_cjs.getFiberId(fiber).toString())?.length ?? 1) - 1,
             value: timelineIndex,
             onChange: (e) => handleTimelineChange(Number(e.target.value)),
-            disabled: !fiberStates.get(chunk4DXMRM7J_cjs.getFiberId(fiber).toString())?.length,
+            disabled: !fiberStates.get(chunk7G4A46O2_cjs.getFiberId(fiber).toString())?.length,
             style: {
               width: "100%",
               accentColor: "#FFC799",
-              opacity: fiberStates.get(chunk4DXMRM7J_cjs.getFiberId(fiber).toString())?.length ? 1 : 0.5
+              opacity: fiberStates.get(chunk7G4A46O2_cjs.getFiberId(fiber).toString())?.length ? 1 : 0.5
             }
           }
         )
@@ -5607,7 +5607,7 @@ var Inspector2 = React17__default.default.memo(
     const [fiberHistory, setFiberHistory] = React17.useState([]);
     const getFiberForDisplay = React17.useCallback(() => {
       if (selectedFiber) return selectedFiber;
-      const fiber2 = chunk4DXMRM7J_cjs.getFiberFromHostInstance(element);
+      const fiber2 = chunk7G4A46O2_cjs.getFiberFromHostInstance(element);
       return fiber2;
     }, [selectedFiber, element]);
     const handlePropertyHover = (_e, propName) => {
@@ -5654,15 +5654,15 @@ var Inspector2 = React17__default.default.memo(
     React17.useEffect(() => {
       const handleMouseMove = (event) => {
         if (isDialogMode) return;
-        const isActive2 = chunk4DXMRM7J_cjs.isInstrumentationActive() || chunk4DXMRM7J_cjs.hasRDTHook();
+        const isActive2 = chunk7G4A46O2_cjs.isInstrumentationActive() || chunk7G4A46O2_cjs.hasRDTHook();
         if (!isActive2) {
           setIsActive(false);
           return;
         }
         if (!dangerouslyRunInProduction) {
-          const rdtHook = chunk4DXMRM7J_cjs.getRDTHook();
+          const rdtHook = chunk7G4A46O2_cjs.getRDTHook();
           for (const renderer of rdtHook.renderers.values()) {
-            const buildType = chunk4DXMRM7J_cjs.detectReactBuildType(renderer);
+            const buildType = chunk7G4A46O2_cjs.detectReactBuildType(renderer);
             if (buildType === "production") {
               setIsActive(false);
               return;
@@ -5723,7 +5723,7 @@ var Inspector2 = React17__default.default.memo(
     }, [rect]);
     React17.useEffect(() => {
       if (selectedFiber) {
-        const element2 = chunk4DXMRM7J_cjs.getNearestHostFiber(selectedFiber)?.stateNode;
+        const element2 = chunk7G4A46O2_cjs.getNearestHostFiber(selectedFiber)?.stateNode;
         if (element2) {
           setElement(element2);
           setRect(element2.getBoundingClientRect());
@@ -5741,7 +5741,7 @@ var Inspector2 = React17__default.default.memo(
     const fiber = getFiberForDisplay();
     if (!fiber) return null;
     let foundInspect = false;
-    chunk4DXMRM7J_cjs.traverseFiber(
+    chunk7G4A46O2_cjs.traverseFiber(
       fiber,
       (innerFiber) => {
         if (innerFiber.type === Inspector2) {
@@ -5776,7 +5776,7 @@ var Inspector2 = React17__default.default.memo(
       backgroundColor: "rgba(0, 0, 0, 0.7)",
       zIndex: 999
     } : {};
-    const fiberStack = fiber ? chunk4DXMRM7J_cjs.getFiberStack(fiber) : [];
+    const fiberStack = fiber ? chunk7G4A46O2_cjs.getFiberStack(fiber) : [];
     return /* @__PURE__ */ React17__default.default.createElement(React17__default.default.Fragment, null, isDialogMode && /* @__PURE__ */ React17__default.default.createElement(
       "div",
       {
@@ -5837,7 +5837,7 @@ var Inspector2 = React17__default.default.memo(
               margin: 0
             }
           },
-          `<${typeof fiber.type === "string" ? fiber.type : chunk4DXMRM7J_cjs.getDisplayName(fiber.type) || "unknown"}>`,
+          `<${typeof fiber.type === "string" ? fiber.type : chunk7G4A46O2_cjs.getDisplayName(fiber.type) || "unknown"}>`,
           !isDialogMode && /* @__PURE__ */ React17__default.default.createElement(
             "span",
             {
@@ -5866,9 +5866,9 @@ var Inspector2 = React17__default.default.memo(
           }
         },
         fiberStack.reverse().map((f, i, arr) => {
-          const name = typeof f.type === "string" ? f.type : chunk4DXMRM7J_cjs.getDisplayName(f.type) || "unknown";
+          const name = typeof f.type === "string" ? f.type : chunk7G4A46O2_cjs.getDisplayName(f.type) || "unknown";
           if (!name) return null;
-          return /* @__PURE__ */ React17__default.default.createElement(React17__default.default.Fragment, { key: chunk4DXMRM7J_cjs.getFiberId(f) }, /* @__PURE__ */ React17__default.default.createElement(
+          return /* @__PURE__ */ React17__default.default.createElement(React17__default.default.Fragment, { key: chunk7G4A46O2_cjs.getFiberId(f) }, /* @__PURE__ */ React17__default.default.createElement(
             BreadcrumbButton,
             {
               name,
@@ -5877,7 +5877,7 @@ var Inspector2 = React17__default.default.memo(
                   setFiberHistory((prev) => [...prev, selectedFiber]);
                 }
                 setSelectedFiber(f);
-                const element2 = chunk4DXMRM7J_cjs.getNearestHostFiber(f)?.stateNode;
+                const element2 = chunk7G4A46O2_cjs.getNearestHostFiber(f)?.stateNode;
                 if (element2) {
                   setElement(element2);
                   setRect(element2.getBoundingClientRect());
@@ -5889,7 +5889,7 @@ var Inspector2 = React17__default.default.memo(
                     setFiberHistory((prev) => [...prev, selectedFiber]);
                   }
                   setSelectedFiber(f);
-                  const element2 = chunk4DXMRM7J_cjs.getNearestHostFiber(f)?.stateNode;
+                  const element2 = chunk7G4A46O2_cjs.getNearestHostFiber(f)?.stateNode;
                   if (element2) {
                     setElement(element2);
                     setRect(element2.getBoundingClientRect());

package/dist/inspect.js

@@ -1,5 +1,5 @@
-import './chunk-6TJRMCM3.js';
-import { getFiberId, HostRootTag, HostTextTag, getDisplayName, FragmentTag, isHostFiber, getNearestHostFiber, onCommitFiberRoot, traverseRenderedFibers, getRDTHook, getFiberFromHostInstance, traverseFiber, getFiberStack, isCompositeFiber, isInstrumentationActive, hasRDTHook, detectReactBuildType } from './chunk-HRNPTAGF.js';
+import './chunk-EQDYOXOH.js';
+import { getFiberId, HostRootTag, HostTextTag, getDisplayName, FragmentTag, isHostFiber, getNearestHostFiber, onCommitFiberRoot, traverseRenderedFibers, getRDTHook, getFiberFromHostInstance, traverseFiber, getFiberStack, isCompositeFiber, isInstrumentationActive, hasRDTHook, detectReactBuildType } from './chunk-6NA7Z62I.js';
 import React17, { createContext, memo, Children, useContext, useCallback, useState, useLayoutEffect, useRef, useMemo, useEffect } from 'react';
 
 /**

package/dist/sw.cjs

@@ -9,31 +9,48 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+// 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{}})()";
+
 // src/sw.ts
-(() => {
-  try {
-    const NO_OP = () => {
-    };
-    const renderers = /* @__PURE__ */ new Map();
-    let id = 0;
-    globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__ = {
-      checkDCE: NO_OP,
-      supportsFiber: true,
-      supportsFlight: true,
-      hasUnsupportedRendererAttached: false,
-      renderers,
-      onCommitFiberRoot: NO_OP,
-      onCommitFiberUnmount: NO_OP,
-      onPostCommitFiberRoot: NO_OP,
-      inject(renderer) {
-        const nextID = ++id;
-        renderers.set(nextID, renderer);
-        globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__._instrumentationIsActive = true;
-        return nextID;
-      },
-      _instrumentationIsActive: false,
-      _sw: true
-    };
-  } catch {
+self.addEventListener("install", () => self.skipWaiting());
+self.addEventListener(
+  "activate",
+  (event) => event.waitUntil(self.clients.claim())
+);
+self.addEventListener("fetch", (event) => {
+  const url = event.request.url;
+  if (!url.endsWith(".js")) {
+    event.respondWith(fetch(event.request));
+    return;
   }
-})();
+  event.respondWith(
+    fetch(event.request.clone(), {
+      mode: "cors",
+      credentials: "omit",
+      headers: { Accept: "*/*" }
+    }).then(async (response) => {
+      if (!response?.ok || response.type === "opaque") {
+        return fetch(event.request);
+      }
+      try {
+        const text = await response.clone().text();
+        const modifiedText = `${INSTALL_HOOK_SCRIPT_STRING}
+${text}`;
+        const headers = new Headers(response.headers);
+        headers.set("Content-Type", "application/javascript");
+        headers.set(
+          "Content-Length",
+          new TextEncoder().encode(modifiedText).length.toString()
+        );
+        return new Response(modifiedText, {
+          status: response.status,
+          statusText: response.statusText,
+          headers
+        });
+      } catch {
+        return fetch(event.request);
+      }
+    }).catch(() => fetch(event.request))
+  );
+});

package/dist/sw.js

@@ -7,31 +7,48 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+// 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{}})()";
+
 // src/sw.ts
-(() => {
-  try {
-    const NO_OP = () => {
-    };
-    const renderers = /* @__PURE__ */ new Map();
-    let id = 0;
-    globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__ = {
-      checkDCE: NO_OP,
-      supportsFiber: true,
-      supportsFlight: true,
-      hasUnsupportedRendererAttached: false,
-      renderers,
-      onCommitFiberRoot: NO_OP,
-      onCommitFiberUnmount: NO_OP,
-      onPostCommitFiberRoot: NO_OP,
-      inject(renderer) {
-        const nextID = ++id;
-        renderers.set(nextID, renderer);
-        globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__._instrumentationIsActive = true;
-        return nextID;
-      },
-      _instrumentationIsActive: false,
-      _sw: true
-    };
-  } catch {
+self.addEventListener("install", () => self.skipWaiting());
+self.addEventListener(
+  "activate",
+  (event) => event.waitUntil(self.clients.claim())
+);
+self.addEventListener("fetch", (event) => {
+  const url = event.request.url;
+  if (!url.endsWith(".js")) {
+    event.respondWith(fetch(event.request));
+    return;
   }
-})();
+  event.respondWith(
+    fetch(event.request.clone(), {
+      mode: "cors",
+      credentials: "omit",
+      headers: { Accept: "*/*" }
+    }).then(async (response) => {
+      if (!response?.ok || response.type === "opaque") {
+        return fetch(event.request);
+      }
+      try {
+        const text = await response.clone().text();
+        const modifiedText = `${INSTALL_HOOK_SCRIPT_STRING}
+${text}`;
+        const headers = new Headers(response.headers);
+        headers.set("Content-Type", "application/javascript");
+        headers.set(
+          "Content-Length",
+          new TextEncoder().encode(modifiedText).length.toString()
+        );
+        return new Response(modifiedText, {
+          status: response.status,
+          statusText: response.statusText,
+          headers
+        });
+      } catch {
+        return fetch(event.request);
+      }
+    }).catch(() => fetch(event.request))
+  );
+});

package/package.json

@@ -1,15 +1,16 @@
 {
 	"name": "bippy",
-	"version": "0.2.11",
+	"version": "0.2.13",
 	"description": "hack into react internals",
 	"keywords": [
+		"bippy",
 		"react",
 		"react-instrumentation",
 		"react instrumentation",
 		"fiber",
 		"internals"
 	],
-	"homepage": "https://github.com/aidenybai/bippy#readme",
+	"homepage": "https://bippy.dev",
 	"bugs": {
 		"url": "https://github.com/aidenybai/bippy/issues"
 	},

package/dist/chunk-6TJRMCM3.js

@@ -1 +0,0 @@
-

package/dist/chunk-YZYCWAB2.cjs

@@ -1,2 +0,0 @@
-'use strict';
-

package/dist/sw.d.cts

@@ -1,70 +0,0 @@
-import { FiberRoot, Fiber as Fiber$1, ReactContext, Lanes } from 'react-reconciler';
-
-interface ReactDevToolsGlobalHook {
-    checkDCE: (fn: unknown) => void;
-    supportsFiber: boolean;
-    supportsFlight: boolean;
-    renderers: Map<number, ReactRenderer>;
-    hasUnsupportedRendererAttached: boolean;
-    onCommitFiberRoot: (rendererID: number, root: FiberRoot, priority: void | number) => void;
-    onCommitFiberUnmount: (rendererID: number, fiber: Fiber) => void;
-    onPostCommitFiberRoot: (rendererID: number, root: FiberRoot) => void;
-    inject: (renderer: ReactRenderer) => number;
-    _instrumentationSource?: string;
-    _instrumentationIsActive?: boolean;
-    _sw?: boolean;
-}
-/**
- * Represents a react-internal Fiber node.
- */
-type Fiber<T = any> = Omit<Fiber$1, 'stateNode' | 'dependencies' | 'child' | 'sibling' | 'return' | 'alternate' | 'memoizedProps' | 'pendingProps' | 'memoizedState' | 'updateQueue'> & {
-    stateNode: T;
-    dependencies: Dependencies | null;
-    child: Fiber | null;
-    sibling: Fiber | null;
-    return: Fiber | null;
-    alternate: Fiber | null;
-    memoizedProps: Props;
-    pendingProps: Props;
-    memoizedState: MemoizedState;
-    updateQueue: {
-        lastEffect: Effect | null;
-        [key: string]: unknown;
-    };
-};
-interface ReactRenderer {
-    version: string;
-    bundleType: 0 | 1;
-    findFiberByHostInstance?: (hostInstance: unknown) => Fiber | null;
-}
-interface ContextDependency<T> {
-    context: ReactContext<T>;
-    memoizedValue: T;
-    observedBits: number;
-    next: ContextDependency<unknown> | null;
-}
-interface Dependencies {
-    lanes: Lanes;
-    firstContext: ContextDependency<unknown> | null;
-}
-interface Effect {
-    next: Effect | null;
-    create: (...args: unknown[]) => unknown;
-    destroy: ((...args: unknown[]) => unknown) | null;
-    deps: unknown[] | null;
-    tag: number;
-    [key: string]: unknown;
-}
-interface MemoizedState {
-    memoizedState: unknown;
-    next: MemoizedState | null;
-    [key: string]: unknown;
-}
-interface Props {
-    [key: string]: unknown;
-}
-declare global {
-    var __REACT_DEVTOOLS_GLOBAL_HOOK__: ReactDevToolsGlobalHook;
-}
-
-export type { ContextDependency as C, Dependencies as D, Effect as E, Fiber as F, MemoizedState as M, Props as P, ReactDevToolsGlobalHook as R, ReactRenderer as a };