bippy 0.2.12 → 0.2.13
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/dist/{chunk-Q5GNWPUS.js → chunk-6NA7Z62I.js} +4 -3
- package/dist/{chunk-AREN6L74.cjs → chunk-7G4A46O2.cjs} +4 -2
- package/dist/{core-DkN3hFCY.d.cts → core-B6ahy3zQ.d.cts} +2 -1
- package/dist/{core-DkN3hFCY.d.ts → core-B6ahy3zQ.d.ts} +2 -1
- package/dist/core.cjs +61 -57
- package/dist/core.d.cts +1 -1
- package/dist/core.d.ts +1 -1
- package/dist/core.js +1 -1
- package/dist/index.cjs +70 -66
- package/dist/index.d.cts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.global.js +1 -1
- package/dist/index.js +1 -1
- package/dist/inspect.cjs +54 -54
- package/dist/inspect.js +1 -1
- package/package.json +4 -9
package/dist/inspect.cjs
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
require('./chunk-WAO3TF75.cjs');
|
|
6
|
-
var
|
|
6
|
+
var chunk7G4A46O2_cjs = require('./chunk-7G4A46O2.cjs');
|
|
7
7
|
var React17 = require('react');
|
|
8
8
|
|
|
9
9
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
@@ -4818,9 +4818,9 @@ React17__default.default.memo(
|
|
|
4818
4818
|
const links2 = [];
|
|
4819
4819
|
const nodeMap = /* @__PURE__ */ new Map();
|
|
4820
4820
|
let nodeCounter = 0;
|
|
4821
|
-
const baseId =
|
|
4821
|
+
const baseId = chunk7G4A46O2_cjs.getFiberId(fiber).toString();
|
|
4822
4822
|
const rootId = `${baseId}-${nodeCounter++}`;
|
|
4823
|
-
const rootName = typeof fiber.type === "string" ? fiber.type : fiber.type === null && fiber.tag ===
|
|
4823
|
+
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";
|
|
4824
4824
|
const rootNode = {
|
|
4825
4825
|
id: rootId,
|
|
4826
4826
|
name: rootName,
|
|
@@ -4841,7 +4841,7 @@ React17__default.default.memo(
|
|
|
4841
4841
|
const current = stack2.pop();
|
|
4842
4842
|
if (!current) continue;
|
|
4843
4843
|
const { fiber: currentFiber, parentId, depth } = current;
|
|
4844
|
-
if (currentFiber.tag ===
|
|
4844
|
+
if (currentFiber.tag === chunk7G4A46O2_cjs.FragmentTag) {
|
|
4845
4845
|
if (currentFiber.child) {
|
|
4846
4846
|
stack2.push({
|
|
4847
4847
|
fiber: currentFiber.child,
|
|
@@ -4852,13 +4852,13 @@ React17__default.default.memo(
|
|
|
4852
4852
|
if (currentFiber.sibling && currentFiber.return === currentFiber.sibling.return) {
|
|
4853
4853
|
stack2.push({
|
|
4854
4854
|
fiber: currentFiber.sibling,
|
|
4855
|
-
parentId: currentFiber.return ? nodeMap.get(
|
|
4855
|
+
parentId: currentFiber.return ? nodeMap.get(chunk7G4A46O2_cjs.getFiberId(currentFiber.return).toString())?.id || parentId : parentId,
|
|
4856
4856
|
depth
|
|
4857
4857
|
});
|
|
4858
4858
|
}
|
|
4859
4859
|
continue;
|
|
4860
4860
|
}
|
|
4861
|
-
if (currentFiber.type === null &&
|
|
4861
|
+
if (currentFiber.type === null && chunk7G4A46O2_cjs.isHostFiber(currentFiber)) {
|
|
4862
4862
|
if (currentFiber.child) {
|
|
4863
4863
|
stack2.push({
|
|
4864
4864
|
fiber: currentFiber.child,
|
|
@@ -4869,27 +4869,27 @@ React17__default.default.memo(
|
|
|
4869
4869
|
if (currentFiber.sibling && currentFiber.return === currentFiber.sibling.return) {
|
|
4870
4870
|
stack2.push({
|
|
4871
4871
|
fiber: currentFiber.sibling,
|
|
4872
|
-
parentId: currentFiber.return ? nodeMap.get(
|
|
4872
|
+
parentId: currentFiber.return ? nodeMap.get(chunk7G4A46O2_cjs.getFiberId(currentFiber.return).toString())?.id || parentId : parentId,
|
|
4873
4873
|
depth
|
|
4874
4874
|
});
|
|
4875
4875
|
}
|
|
4876
4876
|
continue;
|
|
4877
4877
|
}
|
|
4878
|
-
const childId = `${
|
|
4878
|
+
const childId = `${chunk7G4A46O2_cjs.getFiberId(currentFiber)}-${nodeCounter++}`;
|
|
4879
4879
|
let name = "unknown";
|
|
4880
4880
|
if (typeof currentFiber.type === "string") {
|
|
4881
4881
|
name = currentFiber.type;
|
|
4882
|
-
} else if (currentFiber.type === null && currentFiber.tag ===
|
|
4882
|
+
} else if (currentFiber.type === null && currentFiber.tag === chunk7G4A46O2_cjs.HostTextTag) {
|
|
4883
4883
|
const text = currentFiber.stateNode?.nodeValue?.trim() || "";
|
|
4884
4884
|
if (text) {
|
|
4885
4885
|
name = text.length > 20 ? `"${text.slice(0, 20)}..."` : `"${text}"`;
|
|
4886
4886
|
} else {
|
|
4887
4887
|
name = "#text";
|
|
4888
4888
|
}
|
|
4889
|
-
} else if (currentFiber.type === null && currentFiber.tag ===
|
|
4889
|
+
} else if (currentFiber.type === null && currentFiber.tag === chunk7G4A46O2_cjs.HostRootTag) {
|
|
4890
4890
|
name = "#root";
|
|
4891
4891
|
} else {
|
|
4892
|
-
name =
|
|
4892
|
+
name = chunk7G4A46O2_cjs.getDisplayName(currentFiber.type) || currentFiber.type?.name || currentFiber.type?.displayName || "Component";
|
|
4893
4893
|
}
|
|
4894
4894
|
const node = {
|
|
4895
4895
|
id: childId,
|
|
@@ -4913,7 +4913,7 @@ React17__default.default.memo(
|
|
|
4913
4913
|
if (currentFiber.sibling && currentFiber.return === currentFiber.sibling.return) {
|
|
4914
4914
|
stack2.push({
|
|
4915
4915
|
fiber: currentFiber.sibling,
|
|
4916
|
-
parentId: currentFiber.return ? nodeMap.get(
|
|
4916
|
+
parentId: currentFiber.return ? nodeMap.get(chunk7G4A46O2_cjs.getFiberId(currentFiber.return).toString())?.id || parentId : parentId,
|
|
4917
4917
|
depth
|
|
4918
4918
|
});
|
|
4919
4919
|
}
|
|
@@ -4986,7 +4986,7 @@ React17__default.default.memo(
|
|
|
4986
4986
|
nodeElements.exit().remove();
|
|
4987
4987
|
const nodeEnter = nodeElements.enter().append("g").attr("transform", (d) => `translate(${d.x},${d.y})`).style("cursor", "pointer").on("click", (event, d) => {
|
|
4988
4988
|
event.stopPropagation();
|
|
4989
|
-
const element =
|
|
4989
|
+
const element = chunk7G4A46O2_cjs.getNearestHostFiber(d.data.fiber)?.stateNode;
|
|
4990
4990
|
if (element instanceof HTMLElement) {
|
|
4991
4991
|
element.scrollIntoView({ behavior: "smooth", block: "center" });
|
|
4992
4992
|
const originalOutline = element.style.outline;
|
|
@@ -5009,9 +5009,9 @@ React17__default.default.memo(
|
|
|
5009
5009
|
const isPreview = !isDialogMode;
|
|
5010
5010
|
const scale = isRoot ? isPreview ? 2 : 1.75 : 1;
|
|
5011
5011
|
const isRendered = renderedFibersRef.current.has(
|
|
5012
|
-
|
|
5012
|
+
chunk7G4A46O2_cjs.getFiberId(d.data.fiber).toString()
|
|
5013
5013
|
);
|
|
5014
|
-
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",
|
|
5014
|
+
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");
|
|
5015
5015
|
rect.on("mouseover", function() {
|
|
5016
5016
|
select_default2(this).attr("stroke", "#808080").attr("stroke-width", isRoot ? "4" : "3");
|
|
5017
5017
|
}).on("mouseout", function() {
|
|
@@ -5019,11 +5019,11 @@ React17__default.default.memo(
|
|
|
5019
5019
|
});
|
|
5020
5020
|
const renderCount = renderCounts.get(d.data.fiber) || 0;
|
|
5021
5021
|
const renderText = renderCount > 0 ? ` \xD7${renderCount}` : "";
|
|
5022
|
-
g.selectAll("text.name").data([d]).join("text").attr("class", "name").attr("text-anchor", "middle").attr("dy", `${-0.6 * scale}em`).attr("fill",
|
|
5022
|
+
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(
|
|
5023
5023
|
"font-size",
|
|
5024
5024
|
isRoot ? isPreview ? "1.75em" : "1.5em" : "1em"
|
|
5025
5025
|
).text(d.data.name + renderText);
|
|
5026
|
-
g.selectAll("text.props").data([d]).join("text").attr("class", "props").attr("text-anchor", "middle").attr("dy", `${0.9 * scale}em`).attr("fill",
|
|
5026
|
+
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(
|
|
5027
5027
|
"font-size",
|
|
5028
5028
|
isRoot ? isPreview ? "1.25em" : "1.1em" : "0.75em"
|
|
5029
5029
|
).text(() => {
|
|
@@ -5088,13 +5088,13 @@ React17__default.default.memo(
|
|
|
5088
5088
|
}
|
|
5089
5089
|
}, [nodes.length, handleFit]);
|
|
5090
5090
|
React17.useEffect(() => {
|
|
5091
|
-
|
|
5091
|
+
chunk7G4A46O2_cjs.onCommitFiberRoot((root2) => {
|
|
5092
5092
|
if (flashTimeoutRef.current) {
|
|
5093
5093
|
clearTimeout(flashTimeoutRef.current);
|
|
5094
5094
|
}
|
|
5095
5095
|
renderedFibersRef.current = /* @__PURE__ */ new Set();
|
|
5096
|
-
|
|
5097
|
-
const fiberId =
|
|
5096
|
+
chunk7G4A46O2_cjs.traverseRenderedFibers(root2, (renderedFiber) => {
|
|
5097
|
+
const fiberId = chunk7G4A46O2_cjs.getFiberId(renderedFiber).toString();
|
|
5098
5098
|
renderedFibersRef.current.add(fiberId);
|
|
5099
5099
|
const states = fiberStates.get(fiberId) || [];
|
|
5100
5100
|
states.push({
|
|
@@ -5112,7 +5112,7 @@ React17__default.default.memo(
|
|
|
5112
5112
|
const nodeElements = select_default2(nodesGroupRef.current).selectAll("g");
|
|
5113
5113
|
nodeElements.each(function(d) {
|
|
5114
5114
|
const isRendered = renderedFibersRef.current.has(
|
|
5115
|
-
|
|
5115
|
+
chunk7G4A46O2_cjs.getFiberId(d.data.fiber).toString()
|
|
5116
5116
|
);
|
|
5117
5117
|
if (isRendered) {
|
|
5118
5118
|
const rect = select_default2(this).select("rect");
|
|
@@ -5136,10 +5136,10 @@ React17__default.default.memo(
|
|
|
5136
5136
|
const handleTimelineChange = React17.useCallback(
|
|
5137
5137
|
(index) => {
|
|
5138
5138
|
setTimelineIndex(index);
|
|
5139
|
-
const fiberId =
|
|
5139
|
+
const fiberId = chunk7G4A46O2_cjs.getFiberId(fiber).toString();
|
|
5140
5140
|
const states = fiberStates.get(fiberId);
|
|
5141
5141
|
if (states?.[index]) {
|
|
5142
|
-
const rdtHook =
|
|
5142
|
+
const rdtHook = chunk7G4A46O2_cjs.getRDTHook();
|
|
5143
5143
|
if (rdtHook?.renderers.size > 0) {
|
|
5144
5144
|
const renderer = Array.from(rdtHook.renderers.values())?.[0];
|
|
5145
5145
|
const overrideProps = renderer?.currentDispatcherRef?.current?.overrideProps;
|
|
@@ -5162,14 +5162,14 @@ React17__default.default.memo(
|
|
|
5162
5162
|
setIsPlaying((prev) => !prev);
|
|
5163
5163
|
}, []);
|
|
5164
5164
|
const handleStepForward = React17.useCallback(() => {
|
|
5165
|
-
const states = fiberStates.get(
|
|
5165
|
+
const states = fiberStates.get(chunk7G4A46O2_cjs.getFiberId(fiber).toString());
|
|
5166
5166
|
if (states) {
|
|
5167
5167
|
const nextIndex = Math.min(timelineIndex + 1, states.length - 1);
|
|
5168
5168
|
handleTimelineChange(nextIndex);
|
|
5169
5169
|
}
|
|
5170
5170
|
}, [fiber, timelineIndex, handleTimelineChange]);
|
|
5171
5171
|
const handleStepBack = React17.useCallback(() => {
|
|
5172
|
-
const states = fiberStates.get(
|
|
5172
|
+
const states = fiberStates.get(chunk7G4A46O2_cjs.getFiberId(fiber).toString());
|
|
5173
5173
|
if (states) {
|
|
5174
5174
|
const prevIndex = Math.max(timelineIndex - 1, 0);
|
|
5175
5175
|
handleTimelineChange(prevIndex);
|
|
@@ -5178,7 +5178,7 @@ React17__default.default.memo(
|
|
|
5178
5178
|
React17.useEffect(() => {
|
|
5179
5179
|
if (isPlaying) {
|
|
5180
5180
|
playIntervalRef.current = setInterval(() => {
|
|
5181
|
-
const states = fiberStates.get(
|
|
5181
|
+
const states = fiberStates.get(chunk7G4A46O2_cjs.getFiberId(fiber).toString());
|
|
5182
5182
|
if (states) {
|
|
5183
5183
|
const nextIndex = timelineIndex + 1;
|
|
5184
5184
|
if (nextIndex >= states.length) {
|
|
@@ -5399,7 +5399,7 @@ React17__default.default.memo(
|
|
|
5399
5399
|
display: "flex",
|
|
5400
5400
|
flexDirection: "column",
|
|
5401
5401
|
gap: "0.5ch",
|
|
5402
|
-
opacity: fiberStates.get(
|
|
5402
|
+
opacity: fiberStates.get(chunk7G4A46O2_cjs.getFiberId(fiber).toString())?.length ? 1 : 0.5
|
|
5403
5403
|
}
|
|
5404
5404
|
},
|
|
5405
5405
|
/* @__PURE__ */ React17__default.default.createElement(
|
|
@@ -5412,13 +5412,13 @@ React17__default.default.memo(
|
|
|
5412
5412
|
{
|
|
5413
5413
|
type: "button",
|
|
5414
5414
|
onClick: handleStepBack,
|
|
5415
|
-
disabled: !fiberStates.get(
|
|
5415
|
+
disabled: !fiberStates.get(chunk7G4A46O2_cjs.getFiberId(fiber).toString())?.length,
|
|
5416
5416
|
style: {
|
|
5417
5417
|
background: "transparent",
|
|
5418
5418
|
border: "1px solid #282828",
|
|
5419
5419
|
color: "#FFF",
|
|
5420
5420
|
borderRadius: "0.25rem",
|
|
5421
|
-
cursor: fiberStates.get(
|
|
5421
|
+
cursor: fiberStates.get(chunk7G4A46O2_cjs.getFiberId(fiber).toString())?.length ? "pointer" : "not-allowed",
|
|
5422
5422
|
padding: "0.25ch 0.5ch"
|
|
5423
5423
|
}
|
|
5424
5424
|
},
|
|
@@ -5429,13 +5429,13 @@ React17__default.default.memo(
|
|
|
5429
5429
|
{
|
|
5430
5430
|
type: "button",
|
|
5431
5431
|
onClick: handlePlayPause,
|
|
5432
|
-
disabled: !fiberStates.get(
|
|
5432
|
+
disabled: !fiberStates.get(chunk7G4A46O2_cjs.getFiberId(fiber).toString())?.length,
|
|
5433
5433
|
style: {
|
|
5434
5434
|
background: "transparent",
|
|
5435
5435
|
border: "1px solid #282828",
|
|
5436
5436
|
color: "#FFF",
|
|
5437
5437
|
borderRadius: "0.25rem",
|
|
5438
|
-
cursor: fiberStates.get(
|
|
5438
|
+
cursor: fiberStates.get(chunk7G4A46O2_cjs.getFiberId(fiber).toString())?.length ? "pointer" : "not-allowed",
|
|
5439
5439
|
padding: "0.25ch 0.5ch"
|
|
5440
5440
|
}
|
|
5441
5441
|
},
|
|
@@ -5446,22 +5446,22 @@ React17__default.default.memo(
|
|
|
5446
5446
|
{
|
|
5447
5447
|
type: "button",
|
|
5448
5448
|
onClick: handleStepForward,
|
|
5449
|
-
disabled: !fiberStates.get(
|
|
5449
|
+
disabled: !fiberStates.get(chunk7G4A46O2_cjs.getFiberId(fiber).toString())?.length,
|
|
5450
5450
|
style: {
|
|
5451
5451
|
background: "transparent",
|
|
5452
5452
|
border: "1px solid #282828",
|
|
5453
5453
|
color: "#FFF",
|
|
5454
5454
|
borderRadius: "0.25rem",
|
|
5455
|
-
cursor: fiberStates.get(
|
|
5455
|
+
cursor: fiberStates.get(chunk7G4A46O2_cjs.getFiberId(fiber).toString())?.length ? "pointer" : "not-allowed",
|
|
5456
5456
|
padding: "0.25ch 0.5ch"
|
|
5457
5457
|
}
|
|
5458
5458
|
},
|
|
5459
5459
|
"\u23ED"
|
|
5460
5460
|
),
|
|
5461
|
-
/* @__PURE__ */ React17__default.default.createElement("span", { style: { color: "#A0A0A0", fontSize: "0.75rem" } }, timelineIndex >= 0 && fiberStates.get(
|
|
5462
|
-
fiberStates.get(
|
|
5461
|
+
/* @__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(
|
|
5462
|
+
fiberStates.get(chunk7G4A46O2_cjs.getFiberId(fiber).toString())?.[timelineIndex]?.timestamp ?? 0
|
|
5463
5463
|
).toLocaleTimeString() : "--:--:--"),
|
|
5464
|
-
!fiberStates.get(
|
|
5464
|
+
!fiberStates.get(chunk7G4A46O2_cjs.getFiberId(fiber).toString())?.length && /* @__PURE__ */ React17__default.default.createElement(
|
|
5465
5465
|
"span",
|
|
5466
5466
|
{
|
|
5467
5467
|
style: {
|
|
@@ -5484,7 +5484,7 @@ React17__default.default.memo(
|
|
|
5484
5484
|
position: "relative"
|
|
5485
5485
|
}
|
|
5486
5486
|
},
|
|
5487
|
-
(fiberStates.get(
|
|
5487
|
+
(fiberStates.get(chunk7G4A46O2_cjs.getFiberId(fiber).toString()) ?? []).map(
|
|
5488
5488
|
(state, i) => {
|
|
5489
5489
|
const isActive = i === timelineIndex;
|
|
5490
5490
|
return /* @__PURE__ */ React17__default.default.createElement(
|
|
@@ -5527,7 +5527,7 @@ React17__default.default.memo(
|
|
|
5527
5527
|
tooltip2.style.zIndex = "1000";
|
|
5528
5528
|
const changes = [];
|
|
5529
5529
|
const states = fiberStates.get(
|
|
5530
|
-
|
|
5530
|
+
chunk7G4A46O2_cjs.getFiberId(fiber).toString()
|
|
5531
5531
|
);
|
|
5532
5532
|
const prevState = i > 0 && states ? states[i - 1] : null;
|
|
5533
5533
|
if (prevState) {
|
|
@@ -5559,7 +5559,7 @@ React17__default.default.memo(
|
|
|
5559
5559
|
);
|
|
5560
5560
|
}
|
|
5561
5561
|
),
|
|
5562
|
-
!fiberStates.get(
|
|
5562
|
+
!fiberStates.get(chunk7G4A46O2_cjs.getFiberId(fiber).toString())?.length && /* @__PURE__ */ React17__default.default.createElement(
|
|
5563
5563
|
"div",
|
|
5564
5564
|
{
|
|
5565
5565
|
style: {
|
|
@@ -5577,14 +5577,14 @@ React17__default.default.memo(
|
|
|
5577
5577
|
{
|
|
5578
5578
|
type: "range",
|
|
5579
5579
|
min: 0,
|
|
5580
|
-
max: (fiberStates.get(
|
|
5580
|
+
max: (fiberStates.get(chunk7G4A46O2_cjs.getFiberId(fiber).toString())?.length ?? 1) - 1,
|
|
5581
5581
|
value: timelineIndex,
|
|
5582
5582
|
onChange: (e) => handleTimelineChange(Number(e.target.value)),
|
|
5583
|
-
disabled: !fiberStates.get(
|
|
5583
|
+
disabled: !fiberStates.get(chunk7G4A46O2_cjs.getFiberId(fiber).toString())?.length,
|
|
5584
5584
|
style: {
|
|
5585
5585
|
width: "100%",
|
|
5586
5586
|
accentColor: "#FFC799",
|
|
5587
|
-
opacity: fiberStates.get(
|
|
5587
|
+
opacity: fiberStates.get(chunk7G4A46O2_cjs.getFiberId(fiber).toString())?.length ? 1 : 0.5
|
|
5588
5588
|
}
|
|
5589
5589
|
}
|
|
5590
5590
|
)
|
|
@@ -5607,7 +5607,7 @@ var Inspector2 = React17__default.default.memo(
|
|
|
5607
5607
|
const [fiberHistory, setFiberHistory] = React17.useState([]);
|
|
5608
5608
|
const getFiberForDisplay = React17.useCallback(() => {
|
|
5609
5609
|
if (selectedFiber) return selectedFiber;
|
|
5610
|
-
const fiber2 =
|
|
5610
|
+
const fiber2 = chunk7G4A46O2_cjs.getFiberFromHostInstance(element);
|
|
5611
5611
|
return fiber2;
|
|
5612
5612
|
}, [selectedFiber, element]);
|
|
5613
5613
|
const handlePropertyHover = (_e, propName) => {
|
|
@@ -5654,15 +5654,15 @@ var Inspector2 = React17__default.default.memo(
|
|
|
5654
5654
|
React17.useEffect(() => {
|
|
5655
5655
|
const handleMouseMove = (event) => {
|
|
5656
5656
|
if (isDialogMode) return;
|
|
5657
|
-
const isActive2 =
|
|
5657
|
+
const isActive2 = chunk7G4A46O2_cjs.isInstrumentationActive() || chunk7G4A46O2_cjs.hasRDTHook();
|
|
5658
5658
|
if (!isActive2) {
|
|
5659
5659
|
setIsActive(false);
|
|
5660
5660
|
return;
|
|
5661
5661
|
}
|
|
5662
5662
|
if (!dangerouslyRunInProduction) {
|
|
5663
|
-
const rdtHook =
|
|
5663
|
+
const rdtHook = chunk7G4A46O2_cjs.getRDTHook();
|
|
5664
5664
|
for (const renderer of rdtHook.renderers.values()) {
|
|
5665
|
-
const buildType =
|
|
5665
|
+
const buildType = chunk7G4A46O2_cjs.detectReactBuildType(renderer);
|
|
5666
5666
|
if (buildType === "production") {
|
|
5667
5667
|
setIsActive(false);
|
|
5668
5668
|
return;
|
|
@@ -5723,7 +5723,7 @@ var Inspector2 = React17__default.default.memo(
|
|
|
5723
5723
|
}, [rect]);
|
|
5724
5724
|
React17.useEffect(() => {
|
|
5725
5725
|
if (selectedFiber) {
|
|
5726
|
-
const element2 =
|
|
5726
|
+
const element2 = chunk7G4A46O2_cjs.getNearestHostFiber(selectedFiber)?.stateNode;
|
|
5727
5727
|
if (element2) {
|
|
5728
5728
|
setElement(element2);
|
|
5729
5729
|
setRect(element2.getBoundingClientRect());
|
|
@@ -5741,7 +5741,7 @@ var Inspector2 = React17__default.default.memo(
|
|
|
5741
5741
|
const fiber = getFiberForDisplay();
|
|
5742
5742
|
if (!fiber) return null;
|
|
5743
5743
|
let foundInspect = false;
|
|
5744
|
-
|
|
5744
|
+
chunk7G4A46O2_cjs.traverseFiber(
|
|
5745
5745
|
fiber,
|
|
5746
5746
|
(innerFiber) => {
|
|
5747
5747
|
if (innerFiber.type === Inspector2) {
|
|
@@ -5776,7 +5776,7 @@ var Inspector2 = React17__default.default.memo(
|
|
|
5776
5776
|
backgroundColor: "rgba(0, 0, 0, 0.7)",
|
|
5777
5777
|
zIndex: 999
|
|
5778
5778
|
} : {};
|
|
5779
|
-
const fiberStack = fiber ?
|
|
5779
|
+
const fiberStack = fiber ? chunk7G4A46O2_cjs.getFiberStack(fiber) : [];
|
|
5780
5780
|
return /* @__PURE__ */ React17__default.default.createElement(React17__default.default.Fragment, null, isDialogMode && /* @__PURE__ */ React17__default.default.createElement(
|
|
5781
5781
|
"div",
|
|
5782
5782
|
{
|
|
@@ -5837,7 +5837,7 @@ var Inspector2 = React17__default.default.memo(
|
|
|
5837
5837
|
margin: 0
|
|
5838
5838
|
}
|
|
5839
5839
|
},
|
|
5840
|
-
`<${typeof fiber.type === "string" ? fiber.type :
|
|
5840
|
+
`<${typeof fiber.type === "string" ? fiber.type : chunk7G4A46O2_cjs.getDisplayName(fiber.type) || "unknown"}>`,
|
|
5841
5841
|
!isDialogMode && /* @__PURE__ */ React17__default.default.createElement(
|
|
5842
5842
|
"span",
|
|
5843
5843
|
{
|
|
@@ -5866,9 +5866,9 @@ var Inspector2 = React17__default.default.memo(
|
|
|
5866
5866
|
}
|
|
5867
5867
|
},
|
|
5868
5868
|
fiberStack.reverse().map((f, i, arr) => {
|
|
5869
|
-
const name = typeof f.type === "string" ? f.type :
|
|
5869
|
+
const name = typeof f.type === "string" ? f.type : chunk7G4A46O2_cjs.getDisplayName(f.type) || "unknown";
|
|
5870
5870
|
if (!name) return null;
|
|
5871
|
-
return /* @__PURE__ */ React17__default.default.createElement(React17__default.default.Fragment, { key:
|
|
5871
|
+
return /* @__PURE__ */ React17__default.default.createElement(React17__default.default.Fragment, { key: chunk7G4A46O2_cjs.getFiberId(f) }, /* @__PURE__ */ React17__default.default.createElement(
|
|
5872
5872
|
BreadcrumbButton,
|
|
5873
5873
|
{
|
|
5874
5874
|
name,
|
|
@@ -5877,7 +5877,7 @@ var Inspector2 = React17__default.default.memo(
|
|
|
5877
5877
|
setFiberHistory((prev) => [...prev, selectedFiber]);
|
|
5878
5878
|
}
|
|
5879
5879
|
setSelectedFiber(f);
|
|
5880
|
-
const element2 =
|
|
5880
|
+
const element2 = chunk7G4A46O2_cjs.getNearestHostFiber(f)?.stateNode;
|
|
5881
5881
|
if (element2) {
|
|
5882
5882
|
setElement(element2);
|
|
5883
5883
|
setRect(element2.getBoundingClientRect());
|
|
@@ -5889,7 +5889,7 @@ var Inspector2 = React17__default.default.memo(
|
|
|
5889
5889
|
setFiberHistory((prev) => [...prev, selectedFiber]);
|
|
5890
5890
|
}
|
|
5891
5891
|
setSelectedFiber(f);
|
|
5892
|
-
const element2 =
|
|
5892
|
+
const element2 = chunk7G4A46O2_cjs.getNearestHostFiber(f)?.stateNode;
|
|
5893
5893
|
if (element2) {
|
|
5894
5894
|
setElement(element2);
|
|
5895
5895
|
setRect(element2.getBoundingClientRect());
|
package/dist/inspect.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import './chunk-EQDYOXOH.js';
|
|
2
|
-
import { getFiberId, HostRootTag, HostTextTag, getDisplayName, FragmentTag, isHostFiber, getNearestHostFiber, onCommitFiberRoot, traverseRenderedFibers, getRDTHook, getFiberFromHostInstance, traverseFiber, getFiberStack, isCompositeFiber, isInstrumentationActive, hasRDTHook, detectReactBuildType } from './chunk-
|
|
2
|
+
import { getFiberId, HostRootTag, HostTextTag, getDisplayName, FragmentTag, isHostFiber, getNearestHostFiber, onCommitFiberRoot, traverseRenderedFibers, getRDTHook, getFiberFromHostInstance, traverseFiber, getFiberStack, isCompositeFiber, isInstrumentationActive, hasRDTHook, detectReactBuildType } from './chunk-6NA7Z62I.js';
|
|
3
3
|
import React17, { createContext, memo, Children, useContext, useCallback, useState, useLayoutEffect, useRef, useMemo, useEffect } from 'react';
|
|
4
4
|
|
|
5
5
|
/**
|
package/package.json
CHANGED
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "bippy",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.13",
|
|
4
4
|
"description": "hack into react internals",
|
|
5
5
|
"keywords": [
|
|
6
|
+
"bippy",
|
|
6
7
|
"react",
|
|
7
8
|
"react-instrumentation",
|
|
8
9
|
"react instrumentation",
|
|
9
10
|
"fiber",
|
|
10
11
|
"internals"
|
|
11
12
|
],
|
|
12
|
-
"homepage": "https://
|
|
13
|
+
"homepage": "https://bippy.dev",
|
|
13
14
|
"bugs": {
|
|
14
15
|
"url": "https://github.com/aidenybai/bippy/issues"
|
|
15
16
|
},
|
|
@@ -75,13 +76,7 @@
|
|
|
75
76
|
"module": "dist/index.js",
|
|
76
77
|
"browser": "dist/index.global.js",
|
|
77
78
|
"types": "dist/index.d.ts",
|
|
78
|
-
"files": [
|
|
79
|
-
"dist",
|
|
80
|
-
"bin",
|
|
81
|
-
"package.json",
|
|
82
|
-
"README.md",
|
|
83
|
-
"LICENSE"
|
|
84
|
-
],
|
|
79
|
+
"files": ["dist", "bin", "package.json", "README.md", "LICENSE"],
|
|
85
80
|
"scripts": {
|
|
86
81
|
"build": "NODE_ENV=production tsup",
|
|
87
82
|
"dev": "NODE_ENV=development tsup --watch",
|