rn-backstage 1.2.0 → 1.3.0
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 +84 -2
- package/lib/commonjs/Backstage.js +46 -33
- package/lib/commonjs/Backstage.js.map +1 -1
- package/lib/commonjs/ThemeContext.js +43 -0
- package/lib/commonjs/ThemeContext.js.map +1 -0
- package/lib/commonjs/components/BackstagePanel.js +35 -12
- package/lib/commonjs/components/BackstagePanel.js.map +1 -1
- package/lib/commonjs/components/FlagsTab.js +60 -57
- package/lib/commonjs/components/FlagsTab.js.map +1 -1
- package/lib/commonjs/components/FloatingPill.js +86 -24
- package/lib/commonjs/components/FloatingPill.js.map +1 -1
- package/lib/commonjs/components/InfoTab.js +77 -107
- package/lib/commonjs/components/InfoTab.js.map +1 -1
- package/lib/commonjs/components/JsonTreeView.js +39 -34
- package/lib/commonjs/components/JsonTreeView.js.map +1 -1
- package/lib/commonjs/components/LogItem.js +39 -29
- package/lib/commonjs/components/LogItem.js.map +1 -1
- package/lib/commonjs/components/LogsTab.js +39 -42
- package/lib/commonjs/components/LogsTab.js.map +1 -1
- package/lib/commonjs/components/NetworkItem.js +111 -135
- package/lib/commonjs/components/NetworkItem.js.map +1 -1
- package/lib/commonjs/components/NetworkTab.js +50 -49
- package/lib/commonjs/components/NetworkTab.js.map +1 -1
- package/lib/commonjs/components/StorageTab.js +655 -0
- package/lib/commonjs/components/StorageTab.js.map +1 -0
- package/lib/commonjs/components/TabBar.js +8 -5
- package/lib/commonjs/components/TabBar.js.map +1 -1
- package/lib/commonjs/constants.js +96 -7
- package/lib/commonjs/constants.js.map +1 -1
- package/lib/commonjs/index.js +96 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/types.js +1 -0
- package/lib/commonjs/types.js.map +1 -1
- package/lib/module/Backstage.js +46 -33
- package/lib/module/Backstage.js.map +1 -1
- package/lib/module/ThemeContext.js +37 -0
- package/lib/module/ThemeContext.js.map +1 -0
- package/lib/module/components/BackstagePanel.js +37 -14
- package/lib/module/components/BackstagePanel.js.map +1 -1
- package/lib/module/components/FlagsTab.js +61 -58
- package/lib/module/components/FlagsTab.js.map +1 -1
- package/lib/module/components/FloatingPill.js +90 -28
- package/lib/module/components/FloatingPill.js.map +1 -1
- package/lib/module/components/InfoTab.js +77 -107
- package/lib/module/components/InfoTab.js.map +1 -1
- package/lib/module/components/JsonTreeView.js +42 -38
- package/lib/module/components/JsonTreeView.js.map +1 -1
- package/lib/module/components/LogItem.js +41 -31
- package/lib/module/components/LogItem.js.map +1 -1
- package/lib/module/components/LogsTab.js +40 -43
- package/lib/module/components/LogsTab.js.map +1 -1
- package/lib/module/components/NetworkItem.js +113 -137
- package/lib/module/components/NetworkItem.js.map +1 -1
- package/lib/module/components/NetworkTab.js +51 -50
- package/lib/module/components/NetworkTab.js.map +1 -1
- package/lib/module/components/StorageTab.js +650 -0
- package/lib/module/components/StorageTab.js.map +1 -0
- package/lib/module/components/TabBar.js +10 -7
- package/lib/module/components/TabBar.js.map +1 -1
- package/lib/module/constants.js +95 -6
- package/lib/module/constants.js.map +1 -1
- package/lib/module/index.js +14 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/types.js +2 -0
- package/lib/module/types.js.map +1 -1
- package/lib/typescript/Backstage.d.ts.map +1 -1
- package/lib/typescript/ThemeContext.d.ts +11 -0
- package/lib/typescript/ThemeContext.d.ts.map +1 -0
- package/lib/typescript/components/BackstagePanel.d.ts +3 -1
- package/lib/typescript/components/BackstagePanel.d.ts.map +1 -1
- package/lib/typescript/components/FlagsTab.d.ts.map +1 -1
- package/lib/typescript/components/FloatingPill.d.ts +2 -0
- package/lib/typescript/components/FloatingPill.d.ts.map +1 -1
- package/lib/typescript/components/InfoTab.d.ts +1 -0
- package/lib/typescript/components/InfoTab.d.ts.map +1 -1
- package/lib/typescript/components/JsonTreeView.d.ts.map +1 -1
- package/lib/typescript/components/LogItem.d.ts +1 -0
- package/lib/typescript/components/LogItem.d.ts.map +1 -1
- package/lib/typescript/components/LogsTab.d.ts +1 -0
- package/lib/typescript/components/LogsTab.d.ts.map +1 -1
- package/lib/typescript/components/NetworkItem.d.ts +1 -0
- package/lib/typescript/components/NetworkItem.d.ts.map +1 -1
- package/lib/typescript/components/NetworkTab.d.ts +1 -0
- package/lib/typescript/components/NetworkTab.d.ts.map +1 -1
- package/lib/typescript/components/StorageTab.d.ts +9 -0
- package/lib/typescript/components/StorageTab.d.ts.map +1 -0
- package/lib/typescript/components/TabBar.d.ts.map +1 -1
- package/lib/typescript/constants.d.ts +60 -4
- package/lib/typescript/constants.d.ts.map +1 -1
- package/lib/typescript/index.d.ts +14 -1
- package/lib/typescript/index.d.ts.map +1 -1
- package/lib/typescript/types.d.ts +20 -0
- package/lib/typescript/types.d.ts.map +1 -1
- package/package.json +6 -4
- package/src/Backstage.tsx +45 -33
- package/src/ThemeContext.tsx +38 -0
- package/src/components/BackstagePanel.tsx +89 -61
- package/src/components/FlagsTab.tsx +125 -174
- package/src/components/FloatingPill.tsx +127 -30
- package/src/components/InfoTab.tsx +153 -186
- package/src/components/JsonTreeView.tsx +53 -73
- package/src/components/LogItem.tsx +64 -100
- package/src/components/LogsTab.tsx +110 -132
- package/src/components/NetworkItem.tsx +306 -417
- package/src/components/NetworkTab.tsx +129 -163
- package/src/components/StorageTab.tsx +607 -0
- package/src/components/TabBar.tsx +51 -47
- package/src/constants.ts +103 -4
- package/src/index.ts +17 -0
- package/src/types.ts +28 -0
|
@@ -1,24 +1,27 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import React, { useRef } from 'react';
|
|
4
|
-
import { Animated, Dimensions, PanResponder, StyleSheet, Text } from 'react-native';
|
|
5
|
-
import {
|
|
3
|
+
import React, { useCallback, useRef, useState } from 'react';
|
|
4
|
+
import { Animated, Dimensions, PanResponder, SafeAreaView, StyleSheet, Text, View } from 'react-native';
|
|
5
|
+
import { Metrics, MonospaceFont, TestIDs } from '../constants';
|
|
6
|
+
import { useBackstageTheme } from '../ThemeContext';
|
|
6
7
|
|
|
7
8
|
// ─── Types ───────────────────────────────────────────────────────────────────
|
|
8
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
10
|
// ─── Helpers ─────────────────────────────────────────────────────────────────
|
|
10
11
|
|
|
11
12
|
const PILL_WIDTH = Metrics.pillWidth;
|
|
12
13
|
const PILL_HEIGHT = Metrics.pillHeight;
|
|
13
14
|
const DRAG_THRESHOLD = 5;
|
|
14
|
-
|
|
15
|
+
const INSET_PADDING = 8; // extra padding from safe area edges
|
|
16
|
+
|
|
17
|
+
function clampPosition(x, y, insets, pillW, pillH) {
|
|
15
18
|
const {
|
|
16
19
|
width,
|
|
17
20
|
height
|
|
18
21
|
} = Dimensions.get('window');
|
|
19
22
|
return {
|
|
20
|
-
x: Math.max(
|
|
21
|
-
y: Math.max(
|
|
23
|
+
x: Math.max(insets.left + INSET_PADDING, Math.min(x, width - pillW - insets.right - INSET_PADDING)),
|
|
24
|
+
y: Math.max(insets.top + INSET_PADDING, Math.min(y, height - pillH - insets.bottom - INSET_PADDING))
|
|
22
25
|
};
|
|
23
26
|
}
|
|
24
27
|
|
|
@@ -30,14 +33,18 @@ export const FloatingPill = ({
|
|
|
30
33
|
onPress,
|
|
31
34
|
initialX,
|
|
32
35
|
initialY,
|
|
36
|
+
pillWidth: propWidth,
|
|
37
|
+
pillHeight: propHeight,
|
|
33
38
|
styles: propStyles
|
|
34
39
|
}) => {
|
|
40
|
+
const pillW = propWidth ?? PILL_WIDTH;
|
|
41
|
+
const pillH = propHeight ?? PILL_HEIGHT;
|
|
35
42
|
const {
|
|
36
43
|
width: screenW,
|
|
37
44
|
height: screenH
|
|
38
45
|
} = Dimensions.get('window');
|
|
39
|
-
const defaultX = initialX ?? screenW -
|
|
40
|
-
const defaultY = initialY ?? screenH -
|
|
46
|
+
const defaultX = initialX ?? screenW - pillW - 16;
|
|
47
|
+
const defaultY = initialY ?? screenH - pillH - 120;
|
|
41
48
|
const pan = useRef(new Animated.ValueXY({
|
|
42
49
|
x: defaultX,
|
|
43
50
|
y: defaultY
|
|
@@ -48,6 +55,39 @@ export const FloatingPill = ({
|
|
|
48
55
|
});
|
|
49
56
|
const isDragging = useRef(false);
|
|
50
57
|
const dragDistance = useRef(0);
|
|
58
|
+
|
|
59
|
+
// Safe area insets measured from invisible SafeAreaView
|
|
60
|
+
const [insets, setInsets] = useState({
|
|
61
|
+
top: 0,
|
|
62
|
+
bottom: 0,
|
|
63
|
+
left: 0,
|
|
64
|
+
right: 0
|
|
65
|
+
});
|
|
66
|
+
const handleSafeAreaLayout = useCallback(event => {
|
|
67
|
+
const {
|
|
68
|
+
x,
|
|
69
|
+
y,
|
|
70
|
+
width,
|
|
71
|
+
height
|
|
72
|
+
} = event.nativeEvent.layout;
|
|
73
|
+
const screen = Dimensions.get('window');
|
|
74
|
+
const newInsets = {
|
|
75
|
+
top: y,
|
|
76
|
+
left: x,
|
|
77
|
+
bottom: screen.height - y - height,
|
|
78
|
+
right: screen.width - x - width
|
|
79
|
+
};
|
|
80
|
+
setInsets(newInsets);
|
|
81
|
+
|
|
82
|
+
// Re-clamp current position to new safe area
|
|
83
|
+
const clamped = clampPosition(lastPosition.current.x, lastPosition.current.y, newInsets, pillW, pillH);
|
|
84
|
+
if (clamped.x !== lastPosition.current.x || clamped.y !== lastPosition.current.y) {
|
|
85
|
+
lastPosition.current = clamped;
|
|
86
|
+
pan.setValue(clamped);
|
|
87
|
+
}
|
|
88
|
+
}, [pan]);
|
|
89
|
+
const insetsRef = useRef(insets);
|
|
90
|
+
insetsRef.current = insets;
|
|
51
91
|
const panResponder = useRef(PanResponder.create({
|
|
52
92
|
onStartShouldSetPanResponder: () => true,
|
|
53
93
|
onMoveShouldSetPanResponder: (_, gestureState) => {
|
|
@@ -70,6 +110,8 @@ export const FloatingPill = ({
|
|
|
70
110
|
if (dragDistance.current > DRAG_THRESHOLD) {
|
|
71
111
|
isDragging.current = true;
|
|
72
112
|
}
|
|
113
|
+
|
|
114
|
+
// Allow free dragging — bounce back happens on release
|
|
73
115
|
Animated.event([null, {
|
|
74
116
|
dx: pan.x,
|
|
75
117
|
dy: pan.y
|
|
@@ -79,7 +121,7 @@ export const FloatingPill = ({
|
|
|
79
121
|
},
|
|
80
122
|
onPanResponderRelease: (_, gestureState) => {
|
|
81
123
|
pan.flattenOffset();
|
|
82
|
-
const newPos = clampPosition(lastPosition.current.x + gestureState.dx, lastPosition.current.y + gestureState.dy);
|
|
124
|
+
const newPos = clampPosition(lastPosition.current.x + gestureState.dx, lastPosition.current.y + gestureState.dy, insetsRef.current, pillW, pillH);
|
|
83
125
|
lastPosition.current = newPos;
|
|
84
126
|
Animated.spring(pan, {
|
|
85
127
|
toValue: newPos,
|
|
@@ -94,31 +136,43 @@ export const FloatingPill = ({
|
|
|
94
136
|
}
|
|
95
137
|
}
|
|
96
138
|
})).current;
|
|
97
|
-
const
|
|
98
|
-
const
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
139
|
+
const theme = useBackstageTheme();
|
|
140
|
+
const backgroundColor = hasError ? theme.error : theme.accent;
|
|
141
|
+
const shadowColor = hasError ? theme.error : theme.accent;
|
|
142
|
+
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
143
|
+
children: [/*#__PURE__*/_jsx(SafeAreaView, {
|
|
144
|
+
style: componentStyles.measurer,
|
|
145
|
+
pointerEvents: "none",
|
|
146
|
+
children: /*#__PURE__*/_jsx(View, {
|
|
147
|
+
style: componentStyles.measurerInner,
|
|
148
|
+
onLayout: handleSafeAreaLayout
|
|
149
|
+
})
|
|
150
|
+
}), /*#__PURE__*/_jsx(Animated.View, {
|
|
151
|
+
testID: TestIDs.floatingPill,
|
|
152
|
+
...panResponder.panHandlers,
|
|
153
|
+
style: [componentStyles.pill, {
|
|
154
|
+
minWidth: pillW,
|
|
155
|
+
height: pillH,
|
|
156
|
+
borderRadius: pillH / 2,
|
|
157
|
+
backgroundColor,
|
|
158
|
+
transform: pan.getTranslateTransform(),
|
|
159
|
+
shadowColor
|
|
160
|
+
}, propStyles?.pillStyle],
|
|
161
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
162
|
+
testID: TestIDs.floatingPillText,
|
|
163
|
+
style: [componentStyles.pillText, propStyles?.pillTextStyle],
|
|
164
|
+
numberOfLines: 1,
|
|
165
|
+
children: text
|
|
166
|
+
})
|
|
167
|
+
})]
|
|
111
168
|
});
|
|
112
169
|
};
|
|
113
170
|
|
|
114
171
|
// ─── Styles ──────────────────────────────────────────────────────────────────
|
|
115
172
|
|
|
116
|
-
const
|
|
173
|
+
const componentStyles = StyleSheet.create({
|
|
117
174
|
pill: {
|
|
118
175
|
position: 'absolute',
|
|
119
|
-
minWidth: PILL_WIDTH,
|
|
120
|
-
height: PILL_HEIGHT,
|
|
121
|
-
borderRadius: PILL_HEIGHT / 2,
|
|
122
176
|
paddingHorizontal: 14,
|
|
123
177
|
alignItems: 'center',
|
|
124
178
|
justifyContent: 'center',
|
|
@@ -137,6 +191,14 @@ const styles = StyleSheet.create({
|
|
|
137
191
|
fontWeight: '700',
|
|
138
192
|
color: '#FFFFFF',
|
|
139
193
|
letterSpacing: 0.5
|
|
194
|
+
},
|
|
195
|
+
measurer: {
|
|
196
|
+
...StyleSheet.absoluteFillObject,
|
|
197
|
+
zIndex: -1,
|
|
198
|
+
opacity: 0
|
|
199
|
+
},
|
|
200
|
+
measurerInner: {
|
|
201
|
+
flex: 1
|
|
140
202
|
}
|
|
141
203
|
});
|
|
142
204
|
//# sourceMappingURL=FloatingPill.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useRef","Animated","Dimensions","PanResponder","StyleSheet","Text","
|
|
1
|
+
{"version":3,"names":["React","useCallback","useRef","useState","Animated","Dimensions","PanResponder","SafeAreaView","StyleSheet","Text","View","Metrics","MonospaceFont","TestIDs","useBackstageTheme","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","PILL_WIDTH","pillWidth","PILL_HEIGHT","pillHeight","DRAG_THRESHOLD","INSET_PADDING","clampPosition","x","y","insets","pillW","pillH","width","height","get","Math","max","left","min","right","top","bottom","FloatingPill","text","hasError","onPress","initialX","initialY","propWidth","propHeight","styles","propStyles","screenW","screenH","defaultX","defaultY","pan","ValueXY","current","lastPosition","isDragging","dragDistance","setInsets","handleSafeAreaLayout","event","nativeEvent","layout","screen","newInsets","clamped","setValue","insetsRef","panResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","_","gestureState","abs","dx","dy","onPanResponderGrant","setOffset","onPanResponderMove","sqrt","useNativeDriver","onPanResponderRelease","flattenOffset","newPos","spring","toValue","friction","tension","start","theme","backgroundColor","error","accent","shadowColor","children","style","componentStyles","measurer","pointerEvents","measurerInner","onLayout","testID","floatingPill","panHandlers","pill","minWidth","borderRadius","transform","getTranslateTransform","pillStyle","floatingPillText","pillText","pillTextStyle","numberOfLines","position","paddingHorizontal","alignItems","justifyContent","zIndex","elevation","shadowOffset","shadowOpacity","shadowRadius","fontFamily","fontSize","fontWeight","color","letterSpacing","absoluteFillObject","opacity","flex"],"sourceRoot":"../../../src","sources":["components/FloatingPill.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,72 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import React from 'react';
|
|
3
|
+
import React, { useMemo } from 'react';
|
|
4
4
|
import { Platform, ScrollView, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
|
|
5
|
-
import {
|
|
5
|
+
import { MonospaceFont, TestIDs } from '../constants';
|
|
6
|
+
import { useBackstageTheme } from '../ThemeContext';
|
|
6
7
|
import { JsonTreeView } from './JsonTreeView';
|
|
7
8
|
|
|
8
9
|
// ─── Types ───────────────────────────────────────────────────────────────────
|
|
9
10
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
|
-
// ─── Info Row ────────────────────────────────────────────────────────────────
|
|
11
|
-
|
|
12
|
-
const InfoRow = ({
|
|
13
|
-
label,
|
|
14
|
-
value,
|
|
15
|
-
labelStyle,
|
|
16
|
-
valueStyle
|
|
17
|
-
}) => /*#__PURE__*/_jsxs(View, {
|
|
18
|
-
style: styles.infoRow,
|
|
19
|
-
children: [/*#__PURE__*/_jsx(Text, {
|
|
20
|
-
style: [styles.infoLabel, labelStyle],
|
|
21
|
-
numberOfLines: 1,
|
|
22
|
-
children: label
|
|
23
|
-
}), /*#__PURE__*/_jsx(Text, {
|
|
24
|
-
style: [styles.infoValue, valueStyle],
|
|
25
|
-
numberOfLines: 2,
|
|
26
|
-
selectable: true,
|
|
27
|
-
children: value
|
|
28
|
-
})]
|
|
29
|
-
});
|
|
30
|
-
|
|
31
|
-
// ─── Section Header ──────────────────────────────────────────────────────────
|
|
32
|
-
|
|
33
|
-
const SectionHeader = ({
|
|
34
|
-
title,
|
|
35
|
-
titleStyle
|
|
36
|
-
}) => /*#__PURE__*/_jsx(Text, {
|
|
37
|
-
style: [styles.sectionTitle, titleStyle],
|
|
38
|
-
children: title
|
|
39
|
-
});
|
|
40
|
-
|
|
41
|
-
// ─── Action Button ───────────────────────────────────────────────────────────
|
|
42
|
-
|
|
43
|
-
const ActionButton = ({
|
|
44
|
-
action,
|
|
45
|
-
onClosePanel,
|
|
46
|
-
buttonStyle,
|
|
47
|
-
buttonTitleStyle
|
|
48
|
-
}) => {
|
|
49
|
-
const handlePress = () => {
|
|
50
|
-
action.onPress();
|
|
51
|
-
if (action.closeOnPress && onClosePanel) {
|
|
52
|
-
onClosePanel();
|
|
53
|
-
}
|
|
54
|
-
};
|
|
55
|
-
return /*#__PURE__*/_jsxs(TouchableOpacity, {
|
|
56
|
-
testID: action.testID,
|
|
57
|
-
style: [styles.actionButton, action.destructive && styles.actionButtonDestructive, buttonStyle],
|
|
58
|
-
onPress: handlePress,
|
|
59
|
-
activeOpacity: 0.7,
|
|
60
|
-
children: [action.icon && /*#__PURE__*/_jsx(Text, {
|
|
61
|
-
style: styles.actionIcon,
|
|
62
|
-
children: action.icon
|
|
63
|
-
}), /*#__PURE__*/_jsx(Text, {
|
|
64
|
-
style: [styles.actionButtonTitle, action.destructive && styles.actionButtonTitleDestructive, buttonTitleStyle],
|
|
65
|
-
children: action.title
|
|
66
|
-
})]
|
|
67
|
-
});
|
|
68
|
-
};
|
|
69
|
-
|
|
70
11
|
// ─── Main Component ──────────────────────────────────────────────────────────
|
|
71
12
|
|
|
72
13
|
export const InfoTab = ({
|
|
@@ -76,10 +17,14 @@ export const InfoTab = ({
|
|
|
76
17
|
deviceInfo = [],
|
|
77
18
|
state,
|
|
78
19
|
quickActions = [],
|
|
20
|
+
jsonMaxDepth,
|
|
79
21
|
onClosePanel,
|
|
80
22
|
styles: propStyles,
|
|
81
23
|
children
|
|
82
24
|
}) => {
|
|
25
|
+
const theme = useBackstageTheme();
|
|
26
|
+
const s = useMemo(() => createStyles(theme), [theme]);
|
|
27
|
+
|
|
83
28
|
// Built-in device info from Platform API
|
|
84
29
|
const builtInInfo = [{
|
|
85
30
|
label: 'Platform',
|
|
@@ -108,55 +53,81 @@ export const InfoTab = ({
|
|
|
108
53
|
}
|
|
109
54
|
const allInfo = [...builtInInfo, ...deviceInfo];
|
|
110
55
|
return /*#__PURE__*/_jsxs(ScrollView, {
|
|
111
|
-
|
|
112
|
-
|
|
56
|
+
testID: TestIDs.infoTab.container,
|
|
57
|
+
style: s.container,
|
|
58
|
+
contentContainerStyle: s.scrollContent,
|
|
113
59
|
showsVerticalScrollIndicator: false,
|
|
114
60
|
children: [/*#__PURE__*/_jsxs(View, {
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
61
|
+
testID: TestIDs.infoTab.deviceInfo,
|
|
62
|
+
style: s.section,
|
|
63
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
|
64
|
+
style: [s.sectionTitle, propStyles?.sectionTitleStyle],
|
|
65
|
+
children: "DEVICE INFO"
|
|
119
66
|
}), /*#__PURE__*/_jsx(View, {
|
|
120
|
-
style:
|
|
67
|
+
style: s.card,
|
|
121
68
|
children: allInfo.map((item, index) => /*#__PURE__*/_jsxs(React.Fragment, {
|
|
122
|
-
children: [/*#__PURE__*/
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
69
|
+
children: [/*#__PURE__*/_jsxs(View, {
|
|
70
|
+
style: s.infoRow,
|
|
71
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
|
72
|
+
style: [s.infoLabel, propStyles?.infoLabelStyle],
|
|
73
|
+
numberOfLines: 1,
|
|
74
|
+
children: item.label
|
|
75
|
+
}), /*#__PURE__*/_jsx(Text, {
|
|
76
|
+
style: [s.infoValue, propStyles?.infoValueStyle],
|
|
77
|
+
selectable: true,
|
|
78
|
+
children: item.value
|
|
79
|
+
})]
|
|
127
80
|
}), index < allInfo.length - 1 && /*#__PURE__*/_jsx(View, {
|
|
128
|
-
style:
|
|
81
|
+
style: s.divider
|
|
129
82
|
})]
|
|
130
83
|
}, `info_${index}`))
|
|
131
84
|
})]
|
|
132
85
|
}), state && Object.keys(state).length > 0 && /*#__PURE__*/_jsxs(View, {
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
86
|
+
testID: TestIDs.infoTab.stateTree,
|
|
87
|
+
style: s.section,
|
|
88
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
|
89
|
+
style: [s.sectionTitle, propStyles?.sectionTitleStyle],
|
|
90
|
+
children: "STATE TREE"
|
|
137
91
|
}), /*#__PURE__*/_jsx(View, {
|
|
138
|
-
style:
|
|
92
|
+
style: s.card,
|
|
139
93
|
children: /*#__PURE__*/_jsx(JsonTreeView, {
|
|
140
94
|
data: state,
|
|
141
|
-
hideRoot: true
|
|
95
|
+
hideRoot: true,
|
|
96
|
+
maxDepth: jsonMaxDepth
|
|
142
97
|
})
|
|
143
98
|
})]
|
|
144
99
|
}), quickActions.length > 0 && /*#__PURE__*/_jsxs(View, {
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
100
|
+
testID: TestIDs.infoTab.quickActions,
|
|
101
|
+
style: s.section,
|
|
102
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
|
103
|
+
style: [s.sectionTitle, propStyles?.sectionTitleStyle],
|
|
104
|
+
children: "QUICK ACTIONS"
|
|
149
105
|
}), /*#__PURE__*/_jsx(View, {
|
|
150
|
-
style:
|
|
151
|
-
children: quickActions.map((action, index) =>
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
106
|
+
style: s.actionsGrid,
|
|
107
|
+
children: quickActions.map((action, index) => {
|
|
108
|
+
const handlePress = () => {
|
|
109
|
+
action.onPress();
|
|
110
|
+
if (action.closeOnPress && onClosePanel) {
|
|
111
|
+
onClosePanel();
|
|
112
|
+
}
|
|
113
|
+
};
|
|
114
|
+
return /*#__PURE__*/_jsxs(TouchableOpacity, {
|
|
115
|
+
testID: action.testID || TestIDs.infoTab.actionButton(index),
|
|
116
|
+
style: [s.actionButton, action.destructive && s.actionButtonDestructive, propStyles?.actionButtonStyle],
|
|
117
|
+
onPress: handlePress,
|
|
118
|
+
activeOpacity: 0.7,
|
|
119
|
+
children: [action.icon && /*#__PURE__*/_jsx(Text, {
|
|
120
|
+
style: s.actionIcon,
|
|
121
|
+
children: action.icon
|
|
122
|
+
}), /*#__PURE__*/_jsx(Text, {
|
|
123
|
+
style: [s.actionButtonTitle, action.destructive && s.actionButtonTitleDestructive, propStyles?.actionButtonTitleStyle],
|
|
124
|
+
children: action.title
|
|
125
|
+
})]
|
|
126
|
+
}, `action_${index}`);
|
|
127
|
+
})
|
|
157
128
|
})]
|
|
158
129
|
}), children && /*#__PURE__*/_jsx(View, {
|
|
159
|
-
style:
|
|
130
|
+
style: s.section,
|
|
160
131
|
children: children
|
|
161
132
|
})]
|
|
162
133
|
});
|
|
@@ -164,7 +135,7 @@ export const InfoTab = ({
|
|
|
164
135
|
|
|
165
136
|
// ─── Styles ──────────────────────────────────────────────────────────────────
|
|
166
137
|
|
|
167
|
-
const
|
|
138
|
+
const createStyles = t => StyleSheet.create({
|
|
168
139
|
container: {
|
|
169
140
|
flex: 1
|
|
170
141
|
},
|
|
@@ -179,16 +150,16 @@ const styles = StyleSheet.create({
|
|
|
179
150
|
fontFamily: MonospaceFont,
|
|
180
151
|
fontSize: 11,
|
|
181
152
|
fontWeight: '700',
|
|
182
|
-
color:
|
|
153
|
+
color: t.textMuted,
|
|
183
154
|
letterSpacing: 1.5,
|
|
184
155
|
marginBottom: 8,
|
|
185
156
|
paddingLeft: 4
|
|
186
157
|
},
|
|
187
158
|
card: {
|
|
188
|
-
backgroundColor:
|
|
159
|
+
backgroundColor: t.surfaceElevated,
|
|
189
160
|
borderRadius: 12,
|
|
190
161
|
borderWidth: 1,
|
|
191
|
-
borderColor:
|
|
162
|
+
borderColor: t.border,
|
|
192
163
|
padding: 12,
|
|
193
164
|
overflow: 'hidden'
|
|
194
165
|
},
|
|
@@ -202,13 +173,12 @@ const styles = StyleSheet.create({
|
|
|
202
173
|
infoLabel: {
|
|
203
174
|
fontFamily: MonospaceFont,
|
|
204
175
|
fontSize: 13,
|
|
205
|
-
color:
|
|
206
|
-
flex: 1
|
|
176
|
+
color: t.textSecondary
|
|
207
177
|
},
|
|
208
178
|
infoValue: {
|
|
209
179
|
fontFamily: MonospaceFont,
|
|
210
180
|
fontSize: 13,
|
|
211
|
-
color:
|
|
181
|
+
color: t.text,
|
|
212
182
|
fontWeight: '600',
|
|
213
183
|
textAlign: 'right',
|
|
214
184
|
flex: 1,
|
|
@@ -216,7 +186,7 @@ const styles = StyleSheet.create({
|
|
|
216
186
|
},
|
|
217
187
|
divider: {
|
|
218
188
|
height: 1,
|
|
219
|
-
backgroundColor:
|
|
189
|
+
backgroundColor: t.border,
|
|
220
190
|
marginHorizontal: 4
|
|
221
191
|
},
|
|
222
192
|
actionsGrid: {
|
|
@@ -225,18 +195,18 @@ const styles = StyleSheet.create({
|
|
|
225
195
|
gap: 10
|
|
226
196
|
},
|
|
227
197
|
actionButton: {
|
|
228
|
-
backgroundColor:
|
|
198
|
+
backgroundColor: t.accentDim,
|
|
229
199
|
borderRadius: 10,
|
|
230
200
|
borderWidth: 1,
|
|
231
|
-
borderColor:
|
|
201
|
+
borderColor: t.accent,
|
|
232
202
|
paddingVertical: 10,
|
|
233
203
|
paddingHorizontal: 18,
|
|
234
204
|
flexDirection: 'row',
|
|
235
205
|
alignItems: 'center'
|
|
236
206
|
},
|
|
237
207
|
actionButtonDestructive: {
|
|
238
|
-
backgroundColor:
|
|
239
|
-
borderColor:
|
|
208
|
+
backgroundColor: t.errorDim,
|
|
209
|
+
borderColor: t.error
|
|
240
210
|
},
|
|
241
211
|
actionIcon: {
|
|
242
212
|
fontSize: 14,
|
|
@@ -246,10 +216,10 @@ const styles = StyleSheet.create({
|
|
|
246
216
|
fontFamily: MonospaceFont,
|
|
247
217
|
fontSize: 13,
|
|
248
218
|
fontWeight: '600',
|
|
249
|
-
color:
|
|
219
|
+
color: t.accent
|
|
250
220
|
},
|
|
251
221
|
actionButtonTitleDestructive: {
|
|
252
|
-
color:
|
|
222
|
+
color: t.error
|
|
253
223
|
}
|
|
254
224
|
});
|
|
255
225
|
//# sourceMappingURL=InfoTab.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Platform","ScrollView","StyleSheet","Text","TouchableOpacity","View","
|
|
1
|
+
{"version":3,"names":["React","useMemo","Platform","ScrollView","StyleSheet","Text","TouchableOpacity","View","MonospaceFont","TestIDs","useBackstageTheme","JsonTreeView","jsx","_jsx","jsxs","_jsxs","InfoTab","appVersion","buildNumber","bundleId","deviceInfo","state","quickActions","jsonMaxDepth","onClosePanel","styles","propStyles","children","theme","s","createStyles","builtInInfo","label","value","OS","toUpperCase","String","Version","push","allInfo","testID","infoTab","container","style","contentContainerStyle","scrollContent","showsVerticalScrollIndicator","section","sectionTitle","sectionTitleStyle","card","map","item","index","Fragment","infoRow","infoLabel","infoLabelStyle","numberOfLines","infoValue","infoValueStyle","selectable","length","divider","Object","keys","stateTree","data","hideRoot","maxDepth","actionsGrid","action","handlePress","onPress","closeOnPress","actionButton","destructive","actionButtonDestructive","actionButtonStyle","activeOpacity","icon","actionIcon","actionButtonTitle","actionButtonTitleDestructive","actionButtonTitleStyle","title","t","create","flex","padding","paddingBottom","marginBottom","fontFamily","fontSize","fontWeight","color","textMuted","letterSpacing","paddingLeft","backgroundColor","surfaceElevated","borderRadius","borderWidth","borderColor","border","overflow","flexDirection","justifyContent","alignItems","paddingVertical","paddingHorizontal","textSecondary","text","textAlign","marginLeft","height","marginHorizontal","flexWrap","gap","accentDim","accent","errorDim","error","marginRight"],"sourceRoot":"../../../src","sources":["components/InfoTab.tsx"],"mappings":"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","ignoreList":[]}
|