bippy 0.3.32 → 0.3.33
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +14 -14
- package/dist/experiments/inspect.cjs +70 -994
- package/dist/experiments/inspect.d.cts +6 -6
- package/dist/experiments/inspect.d.ts +6 -6
- package/dist/experiments/inspect.js +70 -994
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +14 -14
- package/dist/index.d.ts +14 -14
- package/dist/index.iife.js +1 -1
- package/dist/index.js +1 -1
- package/dist/{source-CBCTB51B.js → source-DQCmZhBV.js} +19 -19
- package/dist/{source-VilPky0v.cjs → source-ilDotInf.cjs} +19 -19
- package/dist/source.cjs +2 -2
- package/dist/source.d.cts +6 -6
- package/dist/source.d.ts +6 -6
- package/dist/source.js +2 -2
- package/dist/{src-De8xuJ2u.js → src-8Vg0r_-J.js} +30 -29
- package/dist/{src-A8WUWcnF.cjs → src-D-ehe7ED.cjs} +30 -29
- package/dist/{types-Bud6qf-i.d.ts → types-D7j5ftmS.d.ts} +73 -73
- package/dist/{types-CmdVtE8u.d.cts → types-Da_t1jWa.d.cts} +73 -73
- package/package.json +2 -5
package/README.md
CHANGED
|
@@ -96,7 +96,7 @@ interface __REACT_DEVTOOLS_GLOBAL_HOOK__ {
|
|
|
96
96
|
onCommitFiberRoot: (
|
|
97
97
|
rendererID: RendererID,
|
|
98
98
|
root: FiberRoot,
|
|
99
|
-
commitPriority?: number
|
|
99
|
+
commitPriority?: number,
|
|
100
100
|
) => void;
|
|
101
101
|
|
|
102
102
|
// called when effects run
|
|
@@ -175,7 +175,7 @@ instrument(
|
|
|
175
175
|
onCommitFiberUnmount(rendererID, fiber) {
|
|
176
176
|
console.log('fiber unmounted', fiber);
|
|
177
177
|
},
|
|
178
|
-
})
|
|
178
|
+
}),
|
|
179
179
|
);
|
|
180
180
|
```
|
|
181
181
|
|
|
@@ -205,7 +205,7 @@ instrument(
|
|
|
205
205
|
console.log('fiber rendered', fiber);
|
|
206
206
|
});
|
|
207
207
|
},
|
|
208
|
-
})
|
|
208
|
+
}),
|
|
209
209
|
);
|
|
210
210
|
```
|
|
211
211
|
|
|
@@ -224,7 +224,7 @@ instrument(
|
|
|
224
224
|
console.log(fiber);
|
|
225
225
|
});
|
|
226
226
|
},
|
|
227
|
-
})
|
|
227
|
+
}),
|
|
228
228
|
);
|
|
229
229
|
```
|
|
230
230
|
|
|
@@ -416,7 +416,7 @@ returns the latest fiber (since it may be double-buffered). usually use this in
|
|
|
416
416
|
import { getLatestFiber } from 'bippy';
|
|
417
417
|
|
|
418
418
|
const latestFiber = getLatestFiber(
|
|
419
|
-
getFiberFromHostInstance(document.querySelector('div'))
|
|
419
|
+
getFiberFromHostInstance(document.querySelector('div')),
|
|
420
420
|
);
|
|
421
421
|
console.log(latestFiber);
|
|
422
422
|
```
|
|
@@ -455,8 +455,8 @@ overrideProps(fiber, {
|
|
|
455
455
|
title: 'new title',
|
|
456
456
|
config: {
|
|
457
457
|
enabled: true,
|
|
458
|
-
count: 42
|
|
459
|
-
}
|
|
458
|
+
count: 42,
|
|
459
|
+
},
|
|
460
460
|
});
|
|
461
461
|
```
|
|
462
462
|
|
|
@@ -476,8 +476,8 @@ overrideHookState(fiber, 0, 'new state value');
|
|
|
476
476
|
overrideHookState(fiber, 1, {
|
|
477
477
|
user: {
|
|
478
478
|
name: 'john',
|
|
479
|
-
age: 30
|
|
480
|
-
}
|
|
479
|
+
age: 30,
|
|
480
|
+
},
|
|
481
481
|
});
|
|
482
482
|
```
|
|
483
483
|
|
|
@@ -495,8 +495,8 @@ overrideContext(fiber, MyContext, {
|
|
|
495
495
|
theme: 'dark',
|
|
496
496
|
user: {
|
|
497
497
|
id: 123,
|
|
498
|
-
name: 'jane'
|
|
499
|
-
}
|
|
498
|
+
name: 'jane',
|
|
499
|
+
},
|
|
500
500
|
});
|
|
501
501
|
|
|
502
502
|
// override with primitive value
|
|
@@ -581,7 +581,7 @@ instrument(
|
|
|
581
581
|
highlightFiber(hostFiber);
|
|
582
582
|
});
|
|
583
583
|
},
|
|
584
|
-
})
|
|
584
|
+
}),
|
|
585
585
|
);
|
|
586
586
|
```
|
|
587
587
|
|
|
@@ -668,7 +668,7 @@ instrument(
|
|
|
668
668
|
|
|
669
669
|
console.group(
|
|
670
670
|
`%c${displayName}`,
|
|
671
|
-
'background: hsla(0,0%,70%,.3); border-radius:3px; padding: 0 2px;'
|
|
671
|
+
'background: hsla(0,0%,70%,.3); border-radius:3px; padding: 0 2px;',
|
|
672
672
|
);
|
|
673
673
|
for (const { name, prev, next } of changes) {
|
|
674
674
|
console.log(`${name}:`, prev, '!==', next);
|
|
@@ -676,7 +676,7 @@ instrument(
|
|
|
676
676
|
console.groupEnd();
|
|
677
677
|
});
|
|
678
678
|
},
|
|
679
|
-
})
|
|
679
|
+
}),
|
|
680
680
|
);
|
|
681
681
|
```
|
|
682
682
|
|