refactor(bippy): update to version 0.3.6

Author: aidenybai

biome.json

@@ -8,7 +8,7 @@
   "files": {
     "ignoreUnknown": false,
     "include": ["packages/**/*.ts", "packages/**/*.tsx", "*.ts", "*.tsx"],
-    "ignore": ["*.gen.ts", "node_modules", "dist", "coverage", "css-to-tailwind.ts"]
+    "ignore": ["node_modules", "dist", "coverage", "css-to-tailwind.ts"]
   },
   "formatter": {
     "enabled": true,

packages/bippy/CHANGELOG.md

@@ -1,5 +1,17 @@
 # bippy
 
+## 0.3.6
+
+### Patch Changes
+
+- fix side effects
+
+## 0.3.5
+
+### Patch Changes
+
+- fix instrument
+
 ## 0.3.4
 
 ### Patch Changes

packages/bippy/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bippy",
-  "version": "0.3.4",
+  "version": "0.3.6",
   "description": "hack into react internals",
   "publishConfig": {
     "access": "public"
@@ -27,7 +27,6 @@
     "name": "Aiden Bai",
     "email": "[email protected]"
   },
-  "sideEffects": false,
   "type": "module",
   "exports": {
     "./package.json": "./package.json",

packages/bippy/src/core.ts

@@ -544,92 +544,6 @@ export const getLatestFiber = (fiber: Fiber): Fiber => {
   return fiber;
 };
 
-interface FiberDiff {
-  path: ('child' | 'sibling')[];
-  type: 'props' | 'state' | 'type' | 'ref' | 'children';
-  thisFiber: Fiber;
-  otherFiber: Fiber;
-}
-
-export const diffFiber = (thisFiber: Fiber, otherFiber: Fiber): FiberDiff[] => {
-  const path: FiberDiff['path'] = [];
-  const diffs: FiberDiff[] = [];
-
-  const traverse = (current: Fiber, other: Fiber, currentPath: ('child' | 'sibling')[]) => {
-    if (current.type !== other.type) {
-      diffs.push({
-        path: [...currentPath],
-        type: 'type',
-        thisFiber: current,
-        otherFiber: other
-      });
-    }
-
-    if (current.ref !== other.ref) {
-      diffs.push({
-        path: [...currentPath],
-        type: 'ref',
-        thisFiber: current,
-        otherFiber: other
-      });
-    }
-
-    // Compare props
-    const currentProps = current.memoizedProps || {};
-    const otherProps = other.memoizedProps || {};
-    const allProps = new Set([...Object.keys(currentProps), ...Object.keys(otherProps)]);
-
-    for (const prop of allProps) {
-      if (currentProps[prop] !== otherProps[prop]) {
-        diffs.push({
-          path: [...currentPath],
-          type: 'props',
-          thisFiber: current,
-          otherFiber: other
-        });
-        break; // Only record one props difference per fiber
-      }
-    }
-
-    // Compare state
-    if (current.memoizedState !== other.memoizedState) {
-      diffs.push({
-        path: [...currentPath],
-        type: 'state',
-        thisFiber: current,
-        otherFiber: other
-      });
-    }
-
-    // Recursively traverse children
-    if (current.child && other.child) {
-      traverse(current.child, other.child, [...currentPath, 'child']);
-    } else if (current.child || other.child) {
-      diffs.push({
-        path: [...currentPath],
-        type: 'children',
-        thisFiber: current,
-        otherFiber: other
-      });
-    }
-
-    // Recursively traverse siblings
-    if (current.sibling && other.sibling) {
-      traverse(current.sibling, other.sibling, [...currentPath, 'sibling']);
-    } else if (current.sibling || other.sibling) {
-      diffs.push({
-        path: [...currentPath],
-        type: 'children',
-        thisFiber: current,
-        otherFiber: other
-      });
-    }
-  };
-
-  traverse(thisFiber, otherFiber, path);
-  return diffs;
-};
-
 export type RenderPhase = 'mount' | 'update' | 'unmount';
 
 export type RenderHandler = <S>(

packages/bippy/src/rdt-hook.ts

@@ -48,7 +48,7 @@ export const installRDTHook = (
 ): ReactDevToolsGlobalHook => {
   const renderers = new Map<number, ReactRenderer>();
   let i = 0;
-  const rdtHook: ReactDevToolsGlobalHook = {
+  let rdtHook: ReactDevToolsGlobalHook = {
     checkDCE,
     supportsFiber: true,
     supportsFlight: true,
@@ -78,7 +78,7 @@ export const installRDTHook = (
       set(newHook) {
         if (newHook && typeof newHook === 'object') {
           const ourRenderers = rdtHook.renderers;
-          globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__ = newHook;
+          rdtHook = newHook;
           if (ourRenderers.size > 0) {
             ourRenderers.forEach((renderer, id) => {
               newHook.renderers.set(id, renderer);

packages/kitchen-sink/package.json

@@ -8,7 +8,7 @@
 		"dev": "rm -rf node_modules/.vite && pnpm i && vite"
 	},
 	"dependencies": {
-		"bippy": "^0.3.4",
+		"bippy": "^0.3.6",
 		"clsx": "^2.1.1",
 		"react": "19.0.0",
 		"react-dom": "19.0.0",