bippy 0.2.0 → 0.2.2

package/README.md

@@ -28,6 +28,14 @@ onCommitFiberRoot((root) => {
 });
 ```
 
+or, use the `/inspect` subpackage to graphically visualize the fiber tree:
+
+```jsx
+import { Inspector } from 'bippy/inspect';
+
+<Inspector enabled={true} />
+```
+
 <table>
   <tbody>
     <tr>

package/dist/chunk-6TJRMCM3.js

@@ -0,0 +1 @@
+

package/dist/{extract/index.cjs → chunk-XBNRYX4A.js}

@@ -1,5 +1,3 @@
-'use strict';
-
 /**
  * @license bippy
  *
@@ -10,7 +8,7 @@
  */
 
 // src/rdt-hook.ts
-var version = "0.2.0";
+var version = "0.2.2";
 var BIPPY_INSTRUMENTATION_STRING = `bippy-${version}`;
 var NO_OP = () => {
 };
@@ -99,9 +97,26 @@ var LegacyHiddenComponentTag = 23;
 var HostHoistableTag = 26;
 var HostSingletonTag = 27;
 var CONCURRENT_MODE_NUMBER = 60111;
+var ELEMENT_TYPE_SYMBOL_STRING = "Symbol(react.element)";
+var TRANSITIONAL_ELEMENT_TYPE_SYMBOL_STRING = "Symbol(react.transitional.element)";
 var CONCURRENT_MODE_SYMBOL_STRING = "Symbol(react.concurrent_mode)";
 var DEPRECATED_ASYNC_MODE_SYMBOL_STRING = "Symbol(react.async_mode)";
 var PerformedWork = 1;
+var Placement = 2;
+var Hydrating = 4096;
+var Update = 4;
+var Cloned = 8;
+var ChildDeletion = 16;
+var ContentReset = 32;
+var Snapshot = 1024;
+var Visibility = 8192;
+var MutationMask = Placement | Update | ChildDeletion | ContentReset | Hydrating | Visibility | Snapshot;
+var isValidElement = (element) => typeof element === "object" && element != null && "$$typeof" in element && // react 18 uses Symbol.for('react.element'), react 19 uses Symbol.for('react.transitional.element')
+[
+  ELEMENT_TYPE_SYMBOL_STRING,
+  TRANSITIONAL_ELEMENT_TYPE_SYMBOL_STRING
+].includes(String(element.$$typeof));
+var isValidFiber = (fiber) => typeof fiber === "object" && fiber != null && "tag" in fiber && "stateNode" in fiber && "return" in fiber && "child" in fiber && "sibling" in fiber && "flags" in fiber;
 var isHostFiber = (fiber) => {
   switch (fiber.tag) {
     case HostComponentTag:
@@ -126,6 +141,60 @@ var isCompositeFiber = (fiber) => {
       return false;
   }
 };
+var traverseContexts = (fiber, selector) => {
+  try {
+    const nextDependencies = fiber.dependencies;
+    const prevDependencies = fiber.alternate?.dependencies;
+    if (!nextDependencies || !prevDependencies) return false;
+    if (typeof nextDependencies !== "object" || !("firstContext" in nextDependencies) || typeof prevDependencies !== "object" || !("firstContext" in prevDependencies)) {
+      return false;
+    }
+    let nextContext = nextDependencies.firstContext;
+    let prevContext = prevDependencies.firstContext;
+    while (nextContext && typeof nextContext === "object" && "memoizedValue" in nextContext || prevContext && typeof prevContext === "object" && "memoizedValue" in prevContext) {
+      if (selector(nextContext, prevContext) === true) return true;
+      nextContext = nextContext?.next;
+      prevContext = prevContext?.next;
+    }
+  } catch {
+  }
+  return false;
+};
+var traverseState = (fiber, selector) => {
+  try {
+    let nextState = fiber.memoizedState;
+    let prevState = fiber.alternate?.memoizedState;
+    while (nextState || prevState) {
+      if (selector(nextState, prevState) === true) return true;
+      nextState = nextState?.next;
+      prevState = prevState?.next;
+    }
+  } catch {
+  }
+  return false;
+};
+var traverseEffects = (fiber, selector) => {
+  try {
+    let nextState = (
+      // biome-ignore lint/suspicious/noExplicitAny: underlying type is unknown
+      fiber.updateQueue?.lastEffect
+    );
+    let prevState = (
+      // biome-ignore lint/suspicious/noExplicitAny: underlying type is unknown
+      fiber.alternate?.updateQueue?.lastEffect
+    );
+    while (nextState || prevState) {
+      if (selector(nextState, prevState) === true) return true;
+      if (nextState?.next === nextState || prevState?.next === prevState) {
+        break;
+      }
+      nextState = nextState?.next;
+      prevState = prevState?.next;
+    }
+  } catch {
+  }
+  return false;
+};
 var traverseProps = (fiber, selector) => {
   try {
     const nextProps = fiber.memoizedProps;
@@ -161,6 +230,25 @@ var didFiberRender = (fiber) => {
       return prevProps !== nextProps || fiber.alternate.memoizedState !== fiber.memoizedState || fiber.alternate.ref !== fiber.ref;
   }
 };
+var didFiberCommit = (fiber) => {
+  return Boolean(
+    (fiber.flags & (MutationMask | Cloned)) !== 0 || (fiber.subtreeFlags & (MutationMask | Cloned)) !== 0
+  );
+};
+var getMutatedHostFibers = (fiber) => {
+  const mutations = [];
+  const stack = [fiber];
+  while (stack.length) {
+    const node = stack.pop();
+    if (!node) continue;
+    if (isHostFiber(node) && didFiberCommit(node) && didFiberRender(node)) {
+      mutations.push(node);
+    }
+    if (node.child) stack.push(node.child);
+    if (node.sibling) stack.push(node.sibling);
+  }
+  return mutations;
+};
 var getFiberStack = (fiber) => {
   const stack = [];
   let currentFiber = fiber;
@@ -206,6 +294,28 @@ var getNearestHostFiber = (fiber, ascending = false) => {
   }
   return hostFiber;
 };
+var getNearestHostFibers = (fiber) => {
+  const hostFibers = [];
+  const stack = [];
+  if (isHostFiber(fiber)) {
+    hostFibers.push(fiber);
+  } else if (fiber.child) {
+    stack.push(fiber.child);
+  }
+  while (stack.length) {
+    const currentNode = stack.pop();
+    if (!currentNode) break;
+    if (isHostFiber(currentNode)) {
+      hostFibers.push(currentNode);
+    } else if (currentNode.child) {
+      stack.push(currentNode.child);
+    }
+    if (currentNode.sibling) {
+      stack.push(currentNode.sibling);
+    }
+  }
+  return hostFibers;
+};
 var traverseFiber = (fiber, selector, ascending = false) => {
   if (!fiber) return null;
   if (selector(fiber) === true) return fiber;
@@ -217,6 +327,21 @@ var traverseFiber = (fiber, selector, ascending = false) => {
   }
   return null;
 };
+var getTimings = (fiber) => {
+  const totalTime = fiber?.actualDuration ?? 0;
+  let selfTime = totalTime;
+  let child = fiber?.child ?? null;
+  while (totalTime > 0 && child != null) {
+    selfTime -= child.actualDuration ?? 0;
+    child = child.sibling;
+  }
+  return { selfTime, totalTime };
+};
+var hasMemoCache = (fiber) => {
+  return Boolean(
+    fiber.updateQueue?.memoCache
+  );
+};
 var getType = (type) => {
   const currentType = type;
   if (typeof currentType === "function") {
@@ -241,7 +366,7 @@ var getDisplayName = (type) => {
   return unwrappedType.displayName || unwrappedType.name || null;
 };
 var isUsingRDT = () => {
-  return "reactDevtoolsAgent" in getRDTHook();
+  return "getFiberRoots" in getRDTHook();
 };
 var detectReactBuildType = (renderer) => {
   try {
@@ -252,6 +377,10 @@ var detectReactBuildType = (renderer) => {
   }
   return "production";
 };
+var isInstrumentationActive = () => {
+  const rdtHook = getRDTHook();
+  return Boolean(rdtHook._instrumentationIsActive) || isUsingRDT();
+};
 var fiberId = 0;
 var fiberIdMap = /* @__PURE__ */ new WeakMap();
 var setFiberId = (fiber, id = fiberId++) => {
@@ -501,11 +630,11 @@ var secure = (options, secureOptions = {}) => {
       return;
     }
     try {
-      const onCommitFiberRoot = options.onCommitFiberRoot;
-      if (onCommitFiberRoot) {
+      const onCommitFiberRoot2 = options.onCommitFiberRoot;
+      if (onCommitFiberRoot2) {
         options.onCommitFiberRoot = (rendererID, root, priority) => {
           try {
-            onCommitFiberRoot(rendererID, root, priority);
+            onCommitFiberRoot2(rendererID, root, priority);
           } catch (err) {
             secureOptions.onError?.(err);
           }
@@ -545,475 +674,14 @@ var secure = (options, secureOptions = {}) => {
   }
   return options;
 };
-
-// src/extract/index.ts
-var ReactSpecNodeType = /* @__PURE__ */ ((ReactSpecNodeType2) => {
-  ReactSpecNodeType2["Component"] = "component";
-  ReactSpecNodeType2["Element"] = "element";
-  ReactSpecNodeType2["A11y"] = "a11y";
-  return ReactSpecNodeType2;
-})(ReactSpecNodeType || {});
-var fiberRoots = /* @__PURE__ */ new Set();
-var getDpr = () => {
-  return Math.min(window.devicePixelRatio || 1, 2);
-};
-var CANVAS_HTML_STR = `<canvas style="position:fixed;top:0;left:0;pointer-events:none;z-index:2147483646" aria-hidden="true"></canvas>`;
-var primaryColor = "115,97,230";
-var lerp = (start, end) => {
-  return Math.floor(start + (end - start) * 0.2);
-};
-var init = () => {
-  let hasInitedIds = false;
-  let prevX;
-  let prevY;
-  let isAnimating = false;
-  const handleFiber = (fiber) => {
-    getFiberId(fiber);
-  };
-  const visit = createFiberVisitor({
-    onRender: handleFiber,
-    onError(error) {
-      console.error(error);
-    }
-  });
+var onCommitFiberRoot = (handler) => {
   instrument(
-    secure(
-      {
-        onActive() {
-          globalThis.__RST__ = true;
-        },
-        onCommitFiberRoot(rendererID, root) {
-          fiberRoots.add(root);
-          if (!hasInitedIds) {
-            traverseFiber(root, handleFiber);
-            hasInitedIds = true;
-            return;
-          }
-          visit(rendererID, root);
-        }
-      },
-      {
-        dangerouslyRunInProduction: true,
-        onError: (error) => {
-          if (error) {
-            console.error(error);
-          }
-        }
-      }
-    )
-  );
-  let focusedElement = null;
-  let focusedFiber = null;
-  let text = null;
-  const draw = async () => {
-    if (!ctx) return;
-    const currentElement = focusedElement;
-    if (!currentElement) {
-      clear();
-      return false;
-    }
-    const elements = [currentElement];
-    if (focusedFiber) {
-      traverseFiber(focusedFiber, (fiber) => {
-        if (isHostFiber(fiber)) {
-          elements.push(fiber.stateNode);
-        }
-      });
-    }
-    const rectMap = await getRectMap(elements);
-    const currentRect = rectMap.get(currentElement);
-    if (!currentRect) return false;
-    clear();
-    let shouldContinueAnimating = false;
-    const interpolatedX = prevX !== void 0 ? lerp(prevX, currentRect.x) : currentRect.x;
-    const interpolatedY = prevY !== void 0 ? lerp(prevY, currentRect.y) : currentRect.y;
-    if (prevX !== void 0 && (Math.abs(interpolatedX - currentRect.x) > 0.1 || Math.abs(interpolatedY - currentRect.y) > 0.1)) {
-      shouldContinueAnimating = true;
-    }
-    for (const element of elements) {
-      const rect = rectMap.get(element);
-      if (!rect) continue;
-      const { width: width2, height: height2 } = rect;
-      const x = element === currentElement ? interpolatedX : rect.x;
-      const y = element === currentElement ? interpolatedY : rect.y;
-      ctx.beginPath();
-      ctx.rect(x, y, width2, height2);
-      ctx.strokeStyle = `rgba(${primaryColor},0.5)`;
-      if (currentElement === element) {
-        ctx.fillStyle = `rgba(${primaryColor},0.1)`;
-        ctx.strokeStyle = `rgba(${primaryColor})`;
-        ctx.fill();
-      }
-      ctx.stroke();
-    }
-    if (text) {
-      const { width: textWidth } = ctx.measureText(text);
-      const textHeight = 11;
-      ctx.textRendering = "optimizeSpeed";
-      ctx.font = "11px monospace";
-      let labelY = interpolatedY - textHeight - 4;
-      if (labelY < 0) {
-        labelY = 0;
-      }
-      ctx.fillStyle = `rgba(${primaryColor})`;
-      ctx.fillRect(interpolatedX, labelY, textWidth + 4, textHeight + 4);
-      ctx.fillStyle = "rgba(255,255,255)";
-      ctx.fillText(text, interpolatedX + 2, labelY + textHeight);
-      prevX = interpolatedX;
-      prevY = interpolatedY;
-    }
-    return shouldContinueAnimating;
-  };
-  const animate = async () => {
-    if (!isAnimating) return;
-    const shouldContinue = await draw();
-    if (shouldContinue) {
-      requestAnimationFrame(animate);
-    } else {
-      isAnimating = false;
-    }
-  };
-  const startAnimation = () => {
-    if (!isAnimating) {
-      isAnimating = true;
-      requestAnimationFrame(animate);
-    }
-  };
-  document.addEventListener("contextmenu", async (event) => {
-    if (event.button !== 2) return;
-    const target = event.target;
-    const fiber = getFiberFromHostInstance(event.target);
-    focusedElement = target;
-    if (fiber) {
-      focusedFiber = fiber;
-      const stack = getFiberStack(fiber);
-      const displayNames = stack.map((fiber2) => getDisplayName(fiber2));
-      const orderedDisplayNames = [];
-      let count = 0;
-      let nearestCompositeFiber = null;
-      let currentFiber = fiber;
-      while (currentFiber) {
-        if (isCompositeFiber(currentFiber)) {
-          nearestCompositeFiber = currentFiber;
-          break;
-        }
-        currentFiber = currentFiber.return;
-      }
-      for (let i = displayNames.length - 1; i >= 0; i--) {
-        const displayName = displayNames[i];
-        if (displayName) {
-          orderedDisplayNames.push(displayName);
-          count++;
-        }
-        if (count > 2) break;
+    secure({
+      onCommitFiberRoot: (_, root) => {
+        handler(root);
       }
-      text = orderedDisplayNames.join(" > ");
-      const rst = await createRSTWithFiber(
-        nearestCompositeFiber || fiber,
-        target
-      );
-      console.log(rst);
-    } else {
-      focusedFiber = null;
-      text = target.tagName.toLowerCase();
-      const rst = await createRSTWithElement(target);
-      console.log(rst);
-    }
-    startAnimation();
-  });
-  const clear = () => {
-    if (!ctx) return;
-    ctx.clearRect(0, 0, canvas.width / dpr, canvas.height / dpr);
-  };
-  const host = document.createElement("div");
-  host.setAttribute("data-react-scan", "true");
-  const shadowRoot = host.attachShadow({ mode: "open" });
-  shadowRoot.innerHTML = CANVAS_HTML_STR;
-  const canvas = shadowRoot.firstChild;
-  if (!canvas) return null;
-  let dpr = Math.min(window.devicePixelRatio || 1, 2);
-  const { innerWidth, innerHeight } = window;
-  canvas.style.width = `${innerWidth}px`;
-  canvas.style.height = `${innerHeight}px`;
-  const width = innerWidth * dpr;
-  const height = innerHeight * dpr;
-  canvas.width = width;
-  canvas.height = height;
-  const ctx = canvas.getContext("2d", { alpha: true });
-  if (ctx) {
-    ctx.scale(dpr, dpr);
-  }
-  let isResizeScheduled = false;
-  window.addEventListener("resize", () => {
-    if (!isResizeScheduled) {
-      isResizeScheduled = true;
-      setTimeout(() => {
-        const width2 = window.innerWidth;
-        const height2 = window.innerHeight;
-        dpr = getDpr();
-        canvas.style.width = `${width2}px`;
-        canvas.style.height = `${height2}px`;
-        canvas.width = width2 * dpr;
-        canvas.height = height2 * dpr;
-        if (ctx) {
-          ctx.resetTransform();
-          ctx.scale(dpr, dpr);
-        }
-        startAnimation();
-        isResizeScheduled = false;
-      });
-    }
-  });
-  let isScrollScheduled = false;
-  window.addEventListener("scroll", () => {
-    if (!isScrollScheduled) {
-      isScrollScheduled = true;
-      setTimeout(() => {
-        requestAnimationFrame(() => {
-          startAnimation();
-        });
-        isScrollScheduled = false;
-      }, 16 * 2);
-    }
-  });
-  let prevFocusedElement = null;
-  setInterval(() => {
-    if (prevFocusedElement === focusedElement) {
-      return;
-    }
-    prevFocusedElement = focusedElement;
-    startAnimation();
-  }, 16 * 2);
-  shadowRoot.appendChild(canvas);
-  document.documentElement.appendChild(host);
-};
-init();
-var createRSTWithFiber = async (fiber, element) => {
-  const root = await createRSTNode(fiber, element);
-  return { root };
-};
-var createRSTWithElement = async (element) => {
-  const root = await createRSTNodeFromElement(element);
-  return { root };
-};
-var createElementNode = async (element) => {
-  const rectMap = await getRectMap([element]);
-  const rect = rectMap.get(element) || element.getBoundingClientRect();
-  const computedStyle = window.getComputedStyle(element);
-  const styles = {};
-  Array.from({ length: computedStyle.length }).forEach((_, i) => {
-    const prop = computedStyle[i];
-    styles[prop] = computedStyle.getPropertyValue(prop);
-  });
-  return {
-    type: "element" /* Element */,
-    children: [],
-    x: rect.x,
-    y: rect.y,
-    width: rect.width,
-    height: rect.height,
-    eventHandlers: {},
-    classes: Array.from(element.classList),
-    styles,
-    element
-  };
-};
-var createA11yNode = (base, role, ariaLabel) => {
-  return {
-    ...base,
-    type: "a11y" /* A11y */,
-    role,
-    ariaLabel
-  };
-};
-var createRSTNodeFromElement = async (element) => {
-  const base = await createElementNode(element);
-  for (const attr of Array.from(element.attributes)) {
-    if (attr.name.startsWith("on")) {
-      base.eventHandlers[attr.name] = attr.value;
-    }
-  }
-  base.children = await Promise.all(
-    Array.from(element.children).map(createRSTNodeFromElement)
+    })
   );
-  const role = element.getAttribute("role");
-  const ariaLabel = element.getAttribute("aria-label");
-  if (role || ariaLabel) {
-    return createA11yNode(base, role, ariaLabel);
-  }
-  return base;
-};
-var createRSTNode = async (fiber, element) => {
-  if (isCompositeFiber(fiber)) {
-    const props = {};
-    traverseProps(fiber, (propName, nextValue) => {
-      props[propName] = nextValue;
-    });
-    const children = [];
-    const childPromises = [];
-    traverseFiber(fiber.child, (childFiber) => {
-      if (isHostFiber(childFiber) && childFiber.stateNode) {
-        childPromises.push(
-          createRSTNode(childFiber, childFiber.stateNode).then((node) => {
-            children.push(node);
-          })
-        );
-      } else if (isCompositeFiber(childFiber)) {
-        const hostFiber = getNearestHostFiber(childFiber);
-        if (hostFiber?.stateNode) {
-          childPromises.push(
-            createRSTNode(childFiber, hostFiber.stateNode).then((node) => {
-              children.push(node);
-            })
-          );
-        }
-      }
-    });
-    await Promise.all(childPromises);
-    return {
-      type: "component" /* Component */,
-      children,
-      props,
-      name: getDisplayName(fiber.type)
-    };
-  }
-  if (isHostFiber(fiber)) {
-    const base = await createElementNode(element);
-    traverseProps(fiber, (propName, value) => {
-      if (propName.startsWith("on") && typeof value === "function") {
-        base.eventHandlers[propName] = value.toString();
-      }
-    });
-    base.children = [];
-    const childPromises = [];
-    traverseFiber(fiber.child, (childFiber) => {
-      if (isHostFiber(childFiber) && childFiber.stateNode) {
-        childPromises.push(
-          createRSTNode(childFiber, childFiber.stateNode).then((node) => {
-            base.children.push(node);
-          })
-        );
-      } else if (isCompositeFiber(childFiber)) {
-        const hostFiber = getNearestHostFiber(childFiber);
-        if (hostFiber?.stateNode) {
-          childPromises.push(
-            createRSTNode(childFiber, hostFiber.stateNode).then((node) => {
-              base.children.push(node);
-            })
-          );
-        }
-      }
-    });
-    await Promise.all(childPromises);
-    const role = element.getAttribute("role");
-    const ariaLabel = element.getAttribute("aria-label");
-    if (role || ariaLabel) {
-      return createA11yNode(base, role, ariaLabel);
-    }
-    return base;
-  }
-  throw new Error("Unknown fiber type");
-};
-var getRectMap = (elements) => {
-  return new Promise((resolve) => {
-    const rects = /* @__PURE__ */ new Map();
-    const observer = new IntersectionObserver((entries) => {
-      for (let i = 0, len = entries.length; i < len; i++) {
-        const entry = entries[i];
-        const element = entry.target;
-        const rect = entry.boundingClientRect;
-        if (entry.isIntersecting && rect.width && rect.height) {
-          rects.set(element, rect);
-        }
-      }
-      observer.disconnect();
-      resolve(rects);
-    });
-    for (let i = 0, len = elements.length; i < len; i++) {
-      const element = elements[i];
-      observer.observe(element);
-    }
-  });
-};
-var stringifyWithCircularCheck = (value, seen = /* @__PURE__ */ new WeakSet()) => {
-  if (value === null || value === void 0) {
-    return String(value);
-  }
-  if (typeof value === "function") {
-    return value.toString().slice(0, 50) + (value.toString().length > 50 ? "..." : "");
-  }
-  if (typeof value !== "object") {
-    return JSON.stringify(value);
-  }
-  if (seen.has(value)) {
-    return "[Circular]";
-  }
-  seen.add(value);
-  if (Array.isArray(value)) {
-    const items = value.map((item) => stringifyWithCircularCheck(item, seen));
-    return `[${items.join(", ")}]`;
-  }
-  try {
-    const pairs = Object.entries(value).map(
-      ([key, val]) => `${key}: ${stringifyWithCircularCheck(val, seen)}`
-    );
-    return `{${pairs.join(", ")}}`;
-  } catch {
-    return "[Object]";
-  }
-};
-var printRST = (tree, indent = 0) => {
-  const printNode = (node, indent2) => {
-    const spaces = "  ".repeat(indent2);
-    if (node.type === "component" /* Component */ && "props" in node && "name" in node) {
-      const props = Object.entries(node.props).map(([key, value]) => `${key}={${stringifyWithCircularCheck(value)}}`).join(" ");
-      return `${spaces}<${node.name || "Unknown"}${props ? ` ${props}` : ""}>
-${node.children.map((child) => printNode(child, indent2 + 1)).join("\n")}
-${spaces}</${node.name || "Unknown"}>`;
-    }
-    const attrs = [];
-    if ("classes" in node && node.classes.length > 0) {
-      attrs.push(`class="${node.classes.join(" ")}"`);
-    }
-    if ("eventHandlers" in node) {
-      const eventHandlerAttrs = Object.entries(node.eventHandlers).map(
-        ([event, handler]) => `${event}={${handler.slice(0, 50)}${handler.length > 50 ? "..." : ""}}`
-      ).join(" ");
-      if (eventHandlerAttrs) {
-        attrs.push(eventHandlerAttrs);
-      }
-    }
-    if ("styles" in node) {
-      const styleStr = stringifyWithCircularCheck(node.styles);
-      if (styleStr !== "{}") {
-        attrs.push(`style={${styleStr}}`);
-      }
-    }
-    if (node.type === "a11y" /* A11y */ && "role" in node && "ariaLabel" in node) {
-      if (node.role) attrs.push(`role="${node.role}"`);
-      if (node.ariaLabel) attrs.push(`aria-label="${node.ariaLabel}"`);
-    }
-    if ("x" in node && "y" in node && "width" in node && "height" in node) {
-      const dimensions = `x=${Math.round(node.x)} y=${Math.round(node.y)} w=${Math.round(node.width)} h=${Math.round(node.height)}`;
-      attrs.push(dimensions);
-    }
-    const tagName = "element" in node ? node.element?.tagName.toLowerCase() || "unknown" : "unknown";
-    const attrsStr = attrs.length > 0 ? ` ${attrs.join(" ")}` : "";
-    if (node.children.length === 0) {
-      return `${spaces}<${tagName}${attrsStr} />`;
-    }
-    return `${spaces}<${tagName}${attrsStr}>
-${node.children.map((child) => printNode(child, indent2 + 1)).join("\n")}
-${spaces}</${tagName}>`;
-  };
-  if (!("type" in tree.root)) {
-    throw new Error("Invalid RST: root node must have a type");
-  }
-  return printNode(tree.root, indent);
 };
 
-exports.ReactSpecNodeType = ReactSpecNodeType;
-exports.getRectMap = getRectMap;
-exports.init = init;
-exports.primaryColor = primaryColor;
-exports.printRST = printRST;
+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, LegacyHiddenComponentTag, MemoComponentTag, OffscreenComponentTag, SimpleMemoComponentTag, SuspenseComponentTag, TRANSITIONAL_ELEMENT_TYPE_SYMBOL_STRING, createFiberVisitor, detectReactBuildType, didFiberCommit, didFiberRender, fiberIdMap, getDisplayName, getFiberFromHostInstance, getFiberId, getFiberStack, getMutatedHostFibers, getNearestHostFiber, getNearestHostFibers, getRDTHook, getTimings, getType, hasMemoCache, hasRDTHook, installRDTHook, instrument, isCompositeFiber, isHostFiber, isInstrumentationActive, isUsingRDT, isValidElement, isValidFiber, mountFiberRecursively, onCommitFiberRoot, secure, setFiberId, shouldFilterFiber, traverseContexts, traverseEffects, traverseFiber, traverseProps, traverseRenderedFibers, traverseState, unmountFiber, unmountFiberChildrenRecursively, updateFiberRecursively, version };