react-native-bug-reporter 1.0.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/LICENSE +21 -0
- package/README.md +217 -0
- package/android/build.gradle +49 -0
- package/android/src/main/AndroidManifest.xml +11 -0
- package/android/src/main/java/com/bugreporter/ScreenshotDetectorModule.kt +227 -0
- package/android/src/main/java/com/bugreporter/ScreenshotDetectorPackage.kt +20 -0
- package/ios/RNBugReporterScreenshot.m +11 -0
- package/ios/RNBugReporterScreenshot.swift +113 -0
- package/lib/commonjs/BugReporterProvider.js +139 -0
- package/lib/commonjs/BugReporterProvider.js.map +1 -0
- package/lib/commonjs/collectors/appInfo.js +21 -0
- package/lib/commonjs/collectors/appInfo.js.map +1 -0
- package/lib/commonjs/collectors/collectContext.js +45 -0
- package/lib/commonjs/collectors/collectContext.js.map +1 -0
- package/lib/commonjs/collectors/deviceInfo.js +41 -0
- package/lib/commonjs/collectors/deviceInfo.js.map +1 -0
- package/lib/commonjs/collectors/networkInfo.js +33 -0
- package/lib/commonjs/collectors/networkInfo.js.map +1 -0
- package/lib/commonjs/components/BugReportAdminScreen.js +225 -0
- package/lib/commonjs/components/BugReportAdminScreen.js.map +1 -0
- package/lib/commonjs/components/BugReportModal.js +341 -0
- package/lib/commonjs/components/BugReportModal.js.map +1 -0
- package/lib/commonjs/components/ScreenshotEditor.js +466 -0
- package/lib/commonjs/components/ScreenshotEditor.js.map +1 -0
- package/lib/commonjs/components/ScreenshotPreview.js +134 -0
- package/lib/commonjs/components/ScreenshotPreview.js.map +1 -0
- package/lib/commonjs/components/SeveritySelector.js +65 -0
- package/lib/commonjs/components/SeveritySelector.js.map +1 -0
- package/lib/commonjs/context/BugReporterContext.js +24 -0
- package/lib/commonjs/context/BugReporterContext.js.map +1 -0
- package/lib/commonjs/hooks/useScreenshotDetector.js +22 -0
- package/lib/commonjs/hooks/useScreenshotDetector.js.map +1 -0
- package/lib/commonjs/index.js +87 -0
- package/lib/commonjs/index.js.map +1 -0
- package/lib/commonjs/native/ScreenshotDetector.js +72 -0
- package/lib/commonjs/native/ScreenshotDetector.js.map +1 -0
- package/lib/commonjs/navigation/screenTracker.js +47 -0
- package/lib/commonjs/navigation/screenTracker.js.map +1 -0
- package/lib/commonjs/package.json +1 -0
- package/lib/commonjs/services/bugReportService.js +61 -0
- package/lib/commonjs/services/bugReportService.js.map +1 -0
- package/lib/commonjs/services/supabaseService.js +166 -0
- package/lib/commonjs/services/supabaseService.js.map +1 -0
- package/lib/commonjs/theme.js +28 -0
- package/lib/commonjs/theme.js.map +1 -0
- package/lib/commonjs/types.js +35 -0
- package/lib/commonjs/types.js.map +1 -0
- package/lib/commonjs/utils/logger.js +29 -0
- package/lib/commonjs/utils/logger.js.map +1 -0
- package/lib/module/BugReporterProvider.js +134 -0
- package/lib/module/BugReporterProvider.js.map +1 -0
- package/lib/module/collectors/appInfo.js +16 -0
- package/lib/module/collectors/appInfo.js.map +1 -0
- package/lib/module/collectors/collectContext.js +41 -0
- package/lib/module/collectors/collectContext.js.map +1 -0
- package/lib/module/collectors/deviceInfo.js +37 -0
- package/lib/module/collectors/deviceInfo.js.map +1 -0
- package/lib/module/collectors/networkInfo.js +29 -0
- package/lib/module/collectors/networkInfo.js.map +1 -0
- package/lib/module/components/BugReportAdminScreen.js +221 -0
- package/lib/module/components/BugReportAdminScreen.js.map +1 -0
- package/lib/module/components/BugReportModal.js +337 -0
- package/lib/module/components/BugReportModal.js.map +1 -0
- package/lib/module/components/ScreenshotEditor.js +461 -0
- package/lib/module/components/ScreenshotEditor.js.map +1 -0
- package/lib/module/components/ScreenshotPreview.js +130 -0
- package/lib/module/components/ScreenshotPreview.js.map +1 -0
- package/lib/module/components/SeveritySelector.js +61 -0
- package/lib/module/components/SeveritySelector.js.map +1 -0
- package/lib/module/context/BugReporterContext.js +19 -0
- package/lib/module/context/BugReporterContext.js.map +1 -0
- package/lib/module/hooks/useScreenshotDetector.js +18 -0
- package/lib/module/hooks/useScreenshotDetector.js.map +1 -0
- package/lib/module/index.js +32 -0
- package/lib/module/index.js.map +1 -0
- package/lib/module/native/ScreenshotDetector.js +68 -0
- package/lib/module/native/ScreenshotDetector.js.map +1 -0
- package/lib/module/navigation/screenTracker.js +41 -0
- package/lib/module/navigation/screenTracker.js.map +1 -0
- package/lib/module/services/bugReportService.js +57 -0
- package/lib/module/services/bugReportService.js.map +1 -0
- package/lib/module/services/supabaseService.js +159 -0
- package/lib/module/services/supabaseService.js.map +1 -0
- package/lib/module/theme.js +23 -0
- package/lib/module/theme.js.map +1 -0
- package/lib/module/types.js +31 -0
- package/lib/module/types.js.map +1 -0
- package/lib/module/utils/logger.js +25 -0
- package/lib/module/utils/logger.js.map +1 -0
- package/lib/typescript/src/BugReporterProvider.d.ts +18 -0
- package/lib/typescript/src/BugReporterProvider.d.ts.map +1 -0
- package/lib/typescript/src/collectors/appInfo.d.ts +6 -0
- package/lib/typescript/src/collectors/appInfo.d.ts.map +1 -0
- package/lib/typescript/src/collectors/collectContext.d.ts +7 -0
- package/lib/typescript/src/collectors/collectContext.d.ts.map +1 -0
- package/lib/typescript/src/collectors/deviceInfo.d.ts +7 -0
- package/lib/typescript/src/collectors/deviceInfo.d.ts.map +1 -0
- package/lib/typescript/src/collectors/networkInfo.d.ts +6 -0
- package/lib/typescript/src/collectors/networkInfo.d.ts.map +1 -0
- package/lib/typescript/src/components/BugReportAdminScreen.d.ts +11 -0
- package/lib/typescript/src/components/BugReportAdminScreen.d.ts.map +1 -0
- package/lib/typescript/src/components/BugReportModal.d.ts +20 -0
- package/lib/typescript/src/components/BugReportModal.d.ts.map +1 -0
- package/lib/typescript/src/components/ScreenshotEditor.d.ts +16 -0
- package/lib/typescript/src/components/ScreenshotEditor.d.ts.map +1 -0
- package/lib/typescript/src/components/ScreenshotPreview.d.ts +11 -0
- package/lib/typescript/src/components/ScreenshotPreview.d.ts.map +1 -0
- package/lib/typescript/src/components/SeveritySelector.d.ts +10 -0
- package/lib/typescript/src/components/SeveritySelector.d.ts.map +1 -0
- package/lib/typescript/src/context/BugReporterContext.d.ts +20 -0
- package/lib/typescript/src/context/BugReporterContext.d.ts.map +1 -0
- package/lib/typescript/src/hooks/useScreenshotDetector.d.ts +7 -0
- package/lib/typescript/src/hooks/useScreenshotDetector.d.ts.map +1 -0
- package/lib/typescript/src/index.d.ts +26 -0
- package/lib/typescript/src/index.d.ts.map +1 -0
- package/lib/typescript/src/native/ScreenshotDetector.d.ts +15 -0
- package/lib/typescript/src/native/ScreenshotDetector.d.ts.map +1 -0
- package/lib/typescript/src/navigation/screenTracker.d.ts +7 -0
- package/lib/typescript/src/navigation/screenTracker.d.ts.map +1 -0
- package/lib/typescript/src/services/bugReportService.d.ts +17 -0
- package/lib/typescript/src/services/bugReportService.d.ts.map +1 -0
- package/lib/typescript/src/services/supabaseService.d.ts +38 -0
- package/lib/typescript/src/services/supabaseService.d.ts.map +1 -0
- package/lib/typescript/src/theme.d.ts +7 -0
- package/lib/typescript/src/theme.d.ts.map +1 -0
- package/lib/typescript/src/types.d.ts +144 -0
- package/lib/typescript/src/types.d.ts.map +1 -0
- package/lib/typescript/src/utils/logger.d.ts +7 -0
- package/lib/typescript/src/utils/logger.d.ts.map +1 -0
- package/package.json +100 -0
- package/react-native-bug-reporter.podspec +22 -0
- package/react-native.config.js +18 -0
- package/src/BugReporterProvider.tsx +178 -0
- package/src/collectors/appInfo.ts +15 -0
- package/src/collectors/collectContext.ts +47 -0
- package/src/collectors/deviceInfo.ts +51 -0
- package/src/collectors/networkInfo.ts +31 -0
- package/src/components/BugReportAdminScreen.tsx +160 -0
- package/src/components/BugReportModal.tsx +315 -0
- package/src/components/ScreenshotEditor.tsx +410 -0
- package/src/components/ScreenshotPreview.tsx +98 -0
- package/src/components/SeveritySelector.tsx +59 -0
- package/src/context/BugReporterContext.ts +29 -0
- package/src/hooks/useScreenshotDetector.ts +20 -0
- package/src/index.ts +51 -0
- package/src/native/ScreenshotDetector.ts +87 -0
- package/src/navigation/screenTracker.ts +40 -0
- package/src/services/bugReportService.ts +81 -0
- package/src/services/supabaseService.ts +195 -0
- package/src/theme.ts +23 -0
- package/src/types.ts +156 -0
- package/src/utils/logger.ts +24 -0
|
@@ -0,0 +1,466 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.ScreenshotEditor = ScreenshotEditor;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
|
|
10
|
+
var _reactNativeViewShot = require("react-native-view-shot");
|
|
11
|
+
var _logger = require("../utils/logger");
|
|
12
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
14
|
+
const COLORS = ['#ef4444', '#f59e0b', '#22c55e', '#3b82f6', '#ffffff', '#111827'];
|
|
15
|
+
const STROKE = 4;
|
|
16
|
+
const ARROW_HEAD = 16;
|
|
17
|
+
const TEXT_SIZE = 22;
|
|
18
|
+
|
|
19
|
+
/**
|
|
20
|
+
* Full-screen screenshot annotation editor. Lets the reporter draw on the
|
|
21
|
+
* captured screenshot to point at the bug — freehand pen, arrows, points, and
|
|
22
|
+
* text labels — then flattens everything into a single PNG via view-shot.
|
|
23
|
+
*/
|
|
24
|
+
function ScreenshotEditor({
|
|
25
|
+
screenshot,
|
|
26
|
+
theme,
|
|
27
|
+
onCancel,
|
|
28
|
+
onSave
|
|
29
|
+
}) {
|
|
30
|
+
const [tool, setTool] = (0, _react.useState)('pen');
|
|
31
|
+
const [color, setColor] = (0, _react.useState)(COLORS[0]);
|
|
32
|
+
const [elements, setElements] = (0, _react.useState)([]);
|
|
33
|
+
const [draft, setDraft] = (0, _react.useState)(null);
|
|
34
|
+
const [saving, setSaving] = (0, _react.useState)(false);
|
|
35
|
+
const [textPrompt, setTextPrompt] = (0, _react.useState)(null);
|
|
36
|
+
const canvasRef = (0, _react.useRef)(null);
|
|
37
|
+
// Refs so the (stable) PanResponder always sees the latest tool/color.
|
|
38
|
+
const toolRef = (0, _react.useRef)(tool);
|
|
39
|
+
toolRef.current = tool;
|
|
40
|
+
const colorRef = (0, _react.useRef)(color);
|
|
41
|
+
colorRef.current = color;
|
|
42
|
+
const draftRef = (0, _react.useRef)(null);
|
|
43
|
+
const panResponder = (0, _react.useMemo)(() => _reactNative.PanResponder.create({
|
|
44
|
+
onStartShouldSetPanResponder: () => true,
|
|
45
|
+
onMoveShouldSetPanResponder: () => true,
|
|
46
|
+
onPanResponderGrant: e => {
|
|
47
|
+
const {
|
|
48
|
+
locationX: x,
|
|
49
|
+
locationY: y
|
|
50
|
+
} = e.nativeEvent;
|
|
51
|
+
const t = toolRef.current;
|
|
52
|
+
const c = colorRef.current;
|
|
53
|
+
if (t === 'pen') {
|
|
54
|
+
draftRef.current = {
|
|
55
|
+
kind: 'path',
|
|
56
|
+
d: `M${x} ${y}`,
|
|
57
|
+
color: c,
|
|
58
|
+
width: STROKE
|
|
59
|
+
};
|
|
60
|
+
setDraft(draftRef.current);
|
|
61
|
+
} else if (t === 'arrow') {
|
|
62
|
+
draftRef.current = {
|
|
63
|
+
kind: 'arrow',
|
|
64
|
+
x1: x,
|
|
65
|
+
y1: y,
|
|
66
|
+
x2: x,
|
|
67
|
+
y2: y,
|
|
68
|
+
color: c,
|
|
69
|
+
width: STROKE
|
|
70
|
+
};
|
|
71
|
+
setDraft(draftRef.current);
|
|
72
|
+
} else if (t === 'point') {
|
|
73
|
+
setElements(prev => [...prev, {
|
|
74
|
+
kind: 'point',
|
|
75
|
+
x,
|
|
76
|
+
y,
|
|
77
|
+
color: c
|
|
78
|
+
}]);
|
|
79
|
+
} else if (t === 'text') {
|
|
80
|
+
setTextPrompt({
|
|
81
|
+
x,
|
|
82
|
+
y,
|
|
83
|
+
value: ''
|
|
84
|
+
});
|
|
85
|
+
}
|
|
86
|
+
},
|
|
87
|
+
onPanResponderMove: e => {
|
|
88
|
+
const {
|
|
89
|
+
locationX: x,
|
|
90
|
+
locationY: y
|
|
91
|
+
} = e.nativeEvent;
|
|
92
|
+
const d = draftRef.current;
|
|
93
|
+
if (!d) return;
|
|
94
|
+
if (d.kind === 'path') {
|
|
95
|
+
d.d += ` L${x} ${y}`;
|
|
96
|
+
setDraft({
|
|
97
|
+
...d
|
|
98
|
+
});
|
|
99
|
+
} else if (d.kind === 'arrow') {
|
|
100
|
+
d.x2 = x;
|
|
101
|
+
d.y2 = y;
|
|
102
|
+
setDraft({
|
|
103
|
+
...d
|
|
104
|
+
});
|
|
105
|
+
}
|
|
106
|
+
},
|
|
107
|
+
onPanResponderRelease: () => {
|
|
108
|
+
const d = draftRef.current;
|
|
109
|
+
if (d) {
|
|
110
|
+
setElements(prev => [...prev, d]);
|
|
111
|
+
draftRef.current = null;
|
|
112
|
+
setDraft(null);
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
}), []);
|
|
116
|
+
const undo = () => setElements(prev => prev.slice(0, -1));
|
|
117
|
+
const clear = () => {
|
|
118
|
+
setElements([]);
|
|
119
|
+
setDraft(null);
|
|
120
|
+
draftRef.current = null;
|
|
121
|
+
};
|
|
122
|
+
const commitText = () => {
|
|
123
|
+
if (textPrompt && textPrompt.value.trim()) {
|
|
124
|
+
setElements(prev => [...prev, {
|
|
125
|
+
kind: 'text',
|
|
126
|
+
x: textPrompt.x,
|
|
127
|
+
y: textPrompt.y,
|
|
128
|
+
text: textPrompt.value.trim(),
|
|
129
|
+
color
|
|
130
|
+
}]);
|
|
131
|
+
}
|
|
132
|
+
setTextPrompt(null);
|
|
133
|
+
};
|
|
134
|
+
const handleSave = async () => {
|
|
135
|
+
// Nothing drawn — just keep the original.
|
|
136
|
+
if (elements.length === 0) {
|
|
137
|
+
onSave(screenshot.uri);
|
|
138
|
+
return;
|
|
139
|
+
}
|
|
140
|
+
setSaving(true);
|
|
141
|
+
try {
|
|
142
|
+
// Let the SVG/layout settle before snapshotting (Android needs a tick).
|
|
143
|
+
await new Promise(res => setTimeout(() => res(), 150));
|
|
144
|
+
let uri = await (0, _reactNativeViewShot.captureRef)(canvasRef, {
|
|
145
|
+
format: 'png',
|
|
146
|
+
quality: 1,
|
|
147
|
+
result: 'tmpfile'
|
|
148
|
+
});
|
|
149
|
+
if (uri && !uri.startsWith('file://') && !uri.startsWith('content://')) {
|
|
150
|
+
uri = `file://${uri}`;
|
|
151
|
+
}
|
|
152
|
+
onSave(uri || screenshot.uri);
|
|
153
|
+
} catch (e) {
|
|
154
|
+
_logger.logger.warn('failed to flatten annotated screenshot', e);
|
|
155
|
+
onSave(screenshot.uri); // fall back to the un-annotated image
|
|
156
|
+
} finally {
|
|
157
|
+
setSaving(false);
|
|
158
|
+
}
|
|
159
|
+
};
|
|
160
|
+
const all = draft ? [...elements, draft] : elements;
|
|
161
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
|
|
162
|
+
visible: true,
|
|
163
|
+
animationType: "slide",
|
|
164
|
+
onRequestClose: onCancel,
|
|
165
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
166
|
+
style: [styles.container, {
|
|
167
|
+
backgroundColor: '#000'
|
|
168
|
+
}],
|
|
169
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
170
|
+
style: styles.topBar,
|
|
171
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
|
|
172
|
+
onPress: onCancel,
|
|
173
|
+
style: styles.barBtn,
|
|
174
|
+
disabled: saving,
|
|
175
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
176
|
+
style: styles.barText,
|
|
177
|
+
children: "Cancel"
|
|
178
|
+
})
|
|
179
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
180
|
+
style: styles.barTitle,
|
|
181
|
+
children: "Mark the bug"
|
|
182
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
|
|
183
|
+
onPress: handleSave,
|
|
184
|
+
disabled: saving,
|
|
185
|
+
style: [styles.saveBtn, {
|
|
186
|
+
backgroundColor: theme.primaryColor
|
|
187
|
+
}],
|
|
188
|
+
children: saving ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
|
|
189
|
+
color: "#fff",
|
|
190
|
+
size: "small"
|
|
191
|
+
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
192
|
+
style: styles.saveText,
|
|
193
|
+
children: "\u2713 Save"
|
|
194
|
+
})
|
|
195
|
+
})]
|
|
196
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
197
|
+
style: styles.canvasWrap,
|
|
198
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
199
|
+
ref: canvasRef,
|
|
200
|
+
collapsable: false,
|
|
201
|
+
style: styles.canvas,
|
|
202
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
|
|
203
|
+
source: {
|
|
204
|
+
uri: screenshot.uri
|
|
205
|
+
},
|
|
206
|
+
style: _reactNative.StyleSheet.absoluteFill,
|
|
207
|
+
resizeMode: "contain"
|
|
208
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.default, {
|
|
209
|
+
style: _reactNative.StyleSheet.absoluteFill,
|
|
210
|
+
...panResponder.panHandlers,
|
|
211
|
+
children: all.map((el, i) => renderEl(el, i))
|
|
212
|
+
})]
|
|
213
|
+
})
|
|
214
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
215
|
+
style: styles.colorRow,
|
|
216
|
+
children: COLORS.map(c => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
|
|
217
|
+
onPress: () => setColor(c),
|
|
218
|
+
style: [styles.swatch, {
|
|
219
|
+
backgroundColor: c
|
|
220
|
+
}, color === c && styles.swatchActive]
|
|
221
|
+
}, c))
|
|
222
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
223
|
+
style: styles.toolRow,
|
|
224
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ToolButton, {
|
|
225
|
+
label: "\u270F\uFE0F Pen",
|
|
226
|
+
active: tool === 'pen',
|
|
227
|
+
onPress: () => setTool('pen')
|
|
228
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(ToolButton, {
|
|
229
|
+
label: "\u27B4 Arrow",
|
|
230
|
+
active: tool === 'arrow',
|
|
231
|
+
onPress: () => setTool('arrow')
|
|
232
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(ToolButton, {
|
|
233
|
+
label: "\u25CF Point",
|
|
234
|
+
active: tool === 'point',
|
|
235
|
+
onPress: () => setTool('point')
|
|
236
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(ToolButton, {
|
|
237
|
+
label: "T Text",
|
|
238
|
+
active: tool === 'text',
|
|
239
|
+
onPress: () => setTool('text')
|
|
240
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(ToolButton, {
|
|
241
|
+
label: "\u21BA Undo",
|
|
242
|
+
onPress: undo
|
|
243
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(ToolButton, {
|
|
244
|
+
label: "\uD83D\uDDD1 Clear",
|
|
245
|
+
onPress: clear
|
|
246
|
+
})]
|
|
247
|
+
}), textPrompt && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
248
|
+
style: styles.textPrompt,
|
|
249
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
|
|
250
|
+
autoFocus: true,
|
|
251
|
+
value: textPrompt.value,
|
|
252
|
+
onChangeText: v => setTextPrompt(p => p ? {
|
|
253
|
+
...p,
|
|
254
|
+
value: v
|
|
255
|
+
} : p),
|
|
256
|
+
onSubmitEditing: commitText,
|
|
257
|
+
placeholder: "Type a label\u2026",
|
|
258
|
+
placeholderTextColor: "#888",
|
|
259
|
+
style: styles.textInput
|
|
260
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
|
|
261
|
+
onPress: commitText,
|
|
262
|
+
style: styles.textAdd,
|
|
263
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
264
|
+
style: styles.textAddLabel,
|
|
265
|
+
children: "Add"
|
|
266
|
+
})
|
|
267
|
+
})]
|
|
268
|
+
})]
|
|
269
|
+
})
|
|
270
|
+
});
|
|
271
|
+
}
|
|
272
|
+
function renderEl(el, key) {
|
|
273
|
+
switch (el.kind) {
|
|
274
|
+
case 'path':
|
|
275
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
|
|
276
|
+
d: el.d,
|
|
277
|
+
stroke: el.color,
|
|
278
|
+
strokeWidth: el.width,
|
|
279
|
+
fill: "none",
|
|
280
|
+
strokeLinecap: "round",
|
|
281
|
+
strokeLinejoin: "round"
|
|
282
|
+
}, key);
|
|
283
|
+
case 'arrow':
|
|
284
|
+
{
|
|
285
|
+
const angle = Math.atan2(el.y2 - el.y1, el.x2 - el.x1);
|
|
286
|
+
const a1 = angle - Math.PI / 6;
|
|
287
|
+
const a2 = angle + Math.PI / 6;
|
|
288
|
+
const head = `${el.x2},${el.y2} ${el.x2 - ARROW_HEAD * Math.cos(a1)},${el.y2 - ARROW_HEAD * Math.sin(a1)} ${el.x2 - ARROW_HEAD * Math.cos(a2)},${el.y2 - ARROW_HEAD * Math.sin(a2)}`;
|
|
289
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
|
|
290
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Line, {
|
|
291
|
+
x1: el.x1,
|
|
292
|
+
y1: el.y1,
|
|
293
|
+
x2: el.x2,
|
|
294
|
+
y2: el.y2,
|
|
295
|
+
stroke: el.color,
|
|
296
|
+
strokeWidth: el.width,
|
|
297
|
+
strokeLinecap: "round"
|
|
298
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Polygon, {
|
|
299
|
+
points: head,
|
|
300
|
+
fill: el.color
|
|
301
|
+
})]
|
|
302
|
+
}, key);
|
|
303
|
+
}
|
|
304
|
+
case 'point':
|
|
305
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Circle, {
|
|
306
|
+
cx: el.x,
|
|
307
|
+
cy: el.y,
|
|
308
|
+
r: 9,
|
|
309
|
+
fill: "none",
|
|
310
|
+
stroke: el.color,
|
|
311
|
+
strokeWidth: 4
|
|
312
|
+
}, key);
|
|
313
|
+
case 'text':
|
|
314
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Text, {
|
|
315
|
+
x: el.x,
|
|
316
|
+
y: el.y,
|
|
317
|
+
fill: el.color,
|
|
318
|
+
fontSize: TEXT_SIZE,
|
|
319
|
+
fontWeight: "bold",
|
|
320
|
+
stroke: "#00000055",
|
|
321
|
+
strokeWidth: 0.5,
|
|
322
|
+
children: el.text
|
|
323
|
+
}, key);
|
|
324
|
+
default:
|
|
325
|
+
return null;
|
|
326
|
+
}
|
|
327
|
+
}
|
|
328
|
+
function ToolButton({
|
|
329
|
+
label,
|
|
330
|
+
active,
|
|
331
|
+
onPress
|
|
332
|
+
}) {
|
|
333
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
|
|
334
|
+
onPress: onPress,
|
|
335
|
+
style: [styles.toolBtn, active && styles.toolBtnActive],
|
|
336
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
337
|
+
style: [styles.toolLabel, active && styles.toolLabelActive],
|
|
338
|
+
children: label
|
|
339
|
+
})
|
|
340
|
+
});
|
|
341
|
+
}
|
|
342
|
+
const styles = _reactNative.StyleSheet.create({
|
|
343
|
+
container: {
|
|
344
|
+
flex: 1
|
|
345
|
+
},
|
|
346
|
+
topBar: {
|
|
347
|
+
flexDirection: 'row',
|
|
348
|
+
alignItems: 'center',
|
|
349
|
+
justifyContent: 'space-between',
|
|
350
|
+
paddingHorizontal: 14,
|
|
351
|
+
paddingTop: (_reactNative.Platform.OS === 'android' ? _reactNative.StatusBar.currentHeight ?? 24 : 50) + 8,
|
|
352
|
+
paddingBottom: 10
|
|
353
|
+
},
|
|
354
|
+
barBtn: {
|
|
355
|
+
padding: 6,
|
|
356
|
+
minWidth: 64
|
|
357
|
+
},
|
|
358
|
+
barText: {
|
|
359
|
+
color: '#fff',
|
|
360
|
+
fontSize: 16
|
|
361
|
+
},
|
|
362
|
+
barTitle: {
|
|
363
|
+
color: '#fff',
|
|
364
|
+
fontSize: 16,
|
|
365
|
+
fontWeight: '600'
|
|
366
|
+
},
|
|
367
|
+
saveBtn: {
|
|
368
|
+
minWidth: 84,
|
|
369
|
+
paddingVertical: 9,
|
|
370
|
+
paddingHorizontal: 16,
|
|
371
|
+
borderRadius: 10,
|
|
372
|
+
alignItems: 'center',
|
|
373
|
+
justifyContent: 'center'
|
|
374
|
+
},
|
|
375
|
+
saveText: {
|
|
376
|
+
color: '#fff',
|
|
377
|
+
fontSize: 15,
|
|
378
|
+
fontWeight: '800'
|
|
379
|
+
},
|
|
380
|
+
canvasWrap: {
|
|
381
|
+
flex: 1,
|
|
382
|
+
alignItems: 'center',
|
|
383
|
+
justifyContent: 'center'
|
|
384
|
+
},
|
|
385
|
+
canvas: {
|
|
386
|
+
flex: 1,
|
|
387
|
+
width: '100%',
|
|
388
|
+
backgroundColor: '#000'
|
|
389
|
+
},
|
|
390
|
+
colorRow: {
|
|
391
|
+
flexDirection: 'row',
|
|
392
|
+
justifyContent: 'center',
|
|
393
|
+
gap: 12,
|
|
394
|
+
paddingVertical: 12
|
|
395
|
+
},
|
|
396
|
+
swatch: {
|
|
397
|
+
width: 28,
|
|
398
|
+
height: 28,
|
|
399
|
+
borderRadius: 14,
|
|
400
|
+
borderWidth: 2,
|
|
401
|
+
borderColor: '#444'
|
|
402
|
+
},
|
|
403
|
+
swatchActive: {
|
|
404
|
+
borderColor: '#fff',
|
|
405
|
+
transform: [{
|
|
406
|
+
scale: 1.15
|
|
407
|
+
}]
|
|
408
|
+
},
|
|
409
|
+
toolRow: {
|
|
410
|
+
flexDirection: 'row',
|
|
411
|
+
flexWrap: 'wrap',
|
|
412
|
+
justifyContent: 'center',
|
|
413
|
+
gap: 8,
|
|
414
|
+
paddingHorizontal: 10,
|
|
415
|
+
paddingBottom: 34,
|
|
416
|
+
paddingTop: 4
|
|
417
|
+
},
|
|
418
|
+
toolBtn: {
|
|
419
|
+
paddingVertical: 9,
|
|
420
|
+
paddingHorizontal: 12,
|
|
421
|
+
borderRadius: 10,
|
|
422
|
+
backgroundColor: '#1c1f26'
|
|
423
|
+
},
|
|
424
|
+
toolBtnActive: {
|
|
425
|
+
backgroundColor: '#2563eb'
|
|
426
|
+
},
|
|
427
|
+
toolLabel: {
|
|
428
|
+
color: '#cbd2dc',
|
|
429
|
+
fontSize: 13,
|
|
430
|
+
fontWeight: '600'
|
|
431
|
+
},
|
|
432
|
+
toolLabelActive: {
|
|
433
|
+
color: '#fff'
|
|
434
|
+
},
|
|
435
|
+
textPrompt: {
|
|
436
|
+
position: 'absolute',
|
|
437
|
+
bottom: 0,
|
|
438
|
+
left: 0,
|
|
439
|
+
right: 0,
|
|
440
|
+
flexDirection: 'row',
|
|
441
|
+
gap: 8,
|
|
442
|
+
padding: 12,
|
|
443
|
+
paddingBottom: 28,
|
|
444
|
+
backgroundColor: '#14161c'
|
|
445
|
+
},
|
|
446
|
+
textInput: {
|
|
447
|
+
flex: 1,
|
|
448
|
+
backgroundColor: '#0b0c10',
|
|
449
|
+
color: '#fff',
|
|
450
|
+
borderRadius: 8,
|
|
451
|
+
paddingHorizontal: 12,
|
|
452
|
+
paddingVertical: 10,
|
|
453
|
+
fontSize: 15
|
|
454
|
+
},
|
|
455
|
+
textAdd: {
|
|
456
|
+
backgroundColor: '#2563eb',
|
|
457
|
+
borderRadius: 8,
|
|
458
|
+
paddingHorizontal: 18,
|
|
459
|
+
justifyContent: 'center'
|
|
460
|
+
},
|
|
461
|
+
textAddLabel: {
|
|
462
|
+
color: '#fff',
|
|
463
|
+
fontWeight: '700'
|
|
464
|
+
}
|
|
465
|
+
});
|
|
466
|
+
//# sourceMappingURL=ScreenshotEditor.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_reactNativeSvg","_interopRequireWildcard","_reactNativeViewShot","_logger","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","COLORS","STROKE","ARROW_HEAD","TEXT_SIZE","ScreenshotEditor","screenshot","theme","onCancel","onSave","tool","setTool","useState","color","setColor","elements","setElements","draft","setDraft","saving","setSaving","textPrompt","setTextPrompt","canvasRef","useRef","toolRef","current","colorRef","draftRef","panResponder","useMemo","PanResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","onPanResponderGrant","locationX","x","locationY","y","nativeEvent","c","kind","d","width","x1","y1","x2","y2","prev","value","onPanResponderMove","onPanResponderRelease","undo","slice","clear","commitText","trim","text","handleSave","length","uri","Promise","res","setTimeout","captureRef","format","quality","result","startsWith","logger","warn","all","jsx","Modal","visible","animationType","onRequestClose","children","jsxs","View","style","styles","container","backgroundColor","topBar","TouchableOpacity","onPress","barBtn","disabled","Text","barText","barTitle","saveBtn","primaryColor","ActivityIndicator","size","saveText","canvasWrap","ref","collapsable","canvas","Image","source","StyleSheet","absoluteFill","resizeMode","panHandlers","map","el","renderEl","colorRow","swatch","swatchActive","toolRow","ToolButton","label","active","TextInput","autoFocus","onChangeText","v","p","onSubmitEditing","placeholder","placeholderTextColor","textInput","textAdd","textAddLabel","key","Path","stroke","strokeWidth","fill","strokeLinecap","strokeLinejoin","angle","Math","atan2","a1","PI","a2","head","cos","sin","Fragment","Line","Polygon","points","Circle","cx","cy","fontSize","fontWeight","toolBtn","toolBtnActive","toolLabel","toolLabelActive","flex","flexDirection","alignItems","justifyContent","paddingHorizontal","paddingTop","Platform","OS","StatusBar","currentHeight","paddingBottom","padding","minWidth","paddingVertical","borderRadius","gap","height","borderWidth","borderColor","transform","scale","flexWrap","position","bottom","left","right"],"sourceRoot":"../../../src","sources":["components/ScreenshotEditor.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,134 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.ScreenshotPreview = ScreenshotPreview;
|
|
7
|
+
var _reactNative = require("react-native");
|
|
8
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
+
function ScreenshotPreview({
|
|
10
|
+
screenshot,
|
|
11
|
+
onRemove,
|
|
12
|
+
onEdit,
|
|
13
|
+
theme
|
|
14
|
+
}) {
|
|
15
|
+
if (!screenshot?.uri) {
|
|
16
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
17
|
+
style: [styles.empty, {
|
|
18
|
+
borderColor: theme.borderColor
|
|
19
|
+
}],
|
|
20
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
21
|
+
style: [styles.emptyText, {
|
|
22
|
+
color: theme.mutedColor
|
|
23
|
+
}],
|
|
24
|
+
children: "No screenshot attached"
|
|
25
|
+
})
|
|
26
|
+
});
|
|
27
|
+
}
|
|
28
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
29
|
+
style: [styles.container, {
|
|
30
|
+
borderColor: theme.borderColor
|
|
31
|
+
}],
|
|
32
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
|
|
33
|
+
source: {
|
|
34
|
+
uri: screenshot.uri
|
|
35
|
+
},
|
|
36
|
+
style: styles.image,
|
|
37
|
+
resizeMode: "contain"
|
|
38
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
|
|
39
|
+
accessibilityRole: "button",
|
|
40
|
+
accessibilityLabel: "Remove screenshot",
|
|
41
|
+
onPress: onRemove,
|
|
42
|
+
style: styles.removeBtn,
|
|
43
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
44
|
+
style: styles.removeText,
|
|
45
|
+
children: "\u2715"
|
|
46
|
+
})
|
|
47
|
+
}), onEdit && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
|
|
48
|
+
accessibilityRole: "button",
|
|
49
|
+
accessibilityLabel: "Annotate screenshot",
|
|
50
|
+
onPress: onEdit,
|
|
51
|
+
style: [styles.editBtn, {
|
|
52
|
+
backgroundColor: theme.primaryColor
|
|
53
|
+
}],
|
|
54
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
55
|
+
style: styles.editText,
|
|
56
|
+
children: "\u270F\uFE0F Mark the bug"
|
|
57
|
+
})
|
|
58
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
59
|
+
style: styles.badge,
|
|
60
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
61
|
+
style: styles.badgeText,
|
|
62
|
+
children: "Attached"
|
|
63
|
+
})
|
|
64
|
+
})]
|
|
65
|
+
});
|
|
66
|
+
}
|
|
67
|
+
const styles = _reactNative.StyleSheet.create({
|
|
68
|
+
container: {
|
|
69
|
+
height: 180,
|
|
70
|
+
borderRadius: 12,
|
|
71
|
+
borderWidth: 1,
|
|
72
|
+
overflow: 'hidden',
|
|
73
|
+
backgroundColor: '#0b0c10'
|
|
74
|
+
},
|
|
75
|
+
image: {
|
|
76
|
+
width: '100%',
|
|
77
|
+
height: '100%'
|
|
78
|
+
},
|
|
79
|
+
empty: {
|
|
80
|
+
height: 80,
|
|
81
|
+
borderRadius: 12,
|
|
82
|
+
borderWidth: 1,
|
|
83
|
+
borderStyle: 'dashed',
|
|
84
|
+
alignItems: 'center',
|
|
85
|
+
justifyContent: 'center'
|
|
86
|
+
},
|
|
87
|
+
emptyText: {
|
|
88
|
+
fontSize: 13
|
|
89
|
+
},
|
|
90
|
+
removeBtn: {
|
|
91
|
+
position: 'absolute',
|
|
92
|
+
top: 8,
|
|
93
|
+
right: 8,
|
|
94
|
+
width: 28,
|
|
95
|
+
height: 28,
|
|
96
|
+
borderRadius: 14,
|
|
97
|
+
backgroundColor: 'rgba(0,0,0,0.6)',
|
|
98
|
+
alignItems: 'center',
|
|
99
|
+
justifyContent: 'center'
|
|
100
|
+
},
|
|
101
|
+
removeText: {
|
|
102
|
+
color: '#fff',
|
|
103
|
+
fontSize: 14,
|
|
104
|
+
fontWeight: '700'
|
|
105
|
+
},
|
|
106
|
+
editBtn: {
|
|
107
|
+
position: 'absolute',
|
|
108
|
+
bottom: 8,
|
|
109
|
+
right: 8,
|
|
110
|
+
paddingHorizontal: 12,
|
|
111
|
+
paddingVertical: 6,
|
|
112
|
+
borderRadius: 8
|
|
113
|
+
},
|
|
114
|
+
editText: {
|
|
115
|
+
color: '#fff',
|
|
116
|
+
fontSize: 12,
|
|
117
|
+
fontWeight: '700'
|
|
118
|
+
},
|
|
119
|
+
badge: {
|
|
120
|
+
position: 'absolute',
|
|
121
|
+
bottom: 8,
|
|
122
|
+
left: 8,
|
|
123
|
+
paddingHorizontal: 8,
|
|
124
|
+
paddingVertical: 3,
|
|
125
|
+
borderRadius: 6,
|
|
126
|
+
backgroundColor: 'rgba(37,99,235,0.9)'
|
|
127
|
+
},
|
|
128
|
+
badgeText: {
|
|
129
|
+
color: '#fff',
|
|
130
|
+
fontSize: 11,
|
|
131
|
+
fontWeight: '600'
|
|
132
|
+
}
|
|
133
|
+
});
|
|
134
|
+
//# sourceMappingURL=ScreenshotPreview.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_jsxRuntime","ScreenshotPreview","screenshot","onRemove","onEdit","theme","uri","jsx","View","style","styles","empty","borderColor","children","Text","emptyText","color","mutedColor","jsxs","container","Image","source","image","resizeMode","TouchableOpacity","accessibilityRole","accessibilityLabel","onPress","removeBtn","removeText","editBtn","backgroundColor","primaryColor","editText","badge","badgeText","StyleSheet","create","height","borderRadius","borderWidth","overflow","width","borderStyle","alignItems","justifyContent","fontSize","position","top","right","fontWeight","bottom","paddingHorizontal","paddingVertical","left"],"sourceRoot":"../../../src","sources":["components/ScreenshotPreview.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAA+E,IAAAC,WAAA,GAAAD,OAAA;AAWxE,SAASE,iBAAiBA,CAAC;EAAEC,UAAU;EAAEC,QAAQ;EAAEC,MAAM;EAAEC;AAAa,CAAC,EAAE;EAChF,IAAI,CAACH,UAAU,EAAEI,GAAG,EAAE;IACpB,oBACE,IAAAN,WAAA,CAAAO,GAAA,EAACT,YAAA,CAAAU,IAAI;MAACC,KAAK,EAAE,CAACC,MAAM,CAACC,KAAK,EAAE;QAAEC,WAAW,EAAEP,KAAK,CAACO;MAAY,CAAC,CAAE;MAAAC,QAAA,eAC9D,IAAAb,WAAA,CAAAO,GAAA,EAACT,YAAA,CAAAgB,IAAI;QAACL,KAAK,EAAE,CAACC,MAAM,CAACK,SAAS,EAAE;UAAEC,KAAK,EAAEX,KAAK,CAACY;QAAW,CAAC,CAAE;QAAAJ,QAAA,EAAC;MAE9D,CAAM;IAAC,CACH,CAAC;EAEX;EAEA,oBACE,IAAAb,WAAA,CAAAkB,IAAA,EAACpB,YAAA,CAAAU,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACS,SAAS,EAAE;MAAEP,WAAW,EAAEP,KAAK,CAACO;IAAY,CAAC,CAAE;IAAAC,QAAA,gBAClE,IAAAb,WAAA,CAAAO,GAAA,EAACT,YAAA,CAAAsB,KAAK;MAACC,MAAM,EAAE;QAAEf,GAAG,EAAEJ,UAAU,CAACI;MAAI,CAAE;MAACG,KAAK,EAAEC,MAAM,CAACY,KAAM;MAACC,UAAU,EAAC;IAAS,CAAE,CAAC,eACpF,IAAAvB,WAAA,CAAAO,GAAA,EAACT,YAAA,CAAA0B,gBAAgB;MACfC,iBAAiB,EAAC,QAAQ;MAC1BC,kBAAkB,EAAC,mBAAmB;MACtCC,OAAO,EAAExB,QAAS;MAClBM,KAAK,EAAEC,MAAM,CAACkB,SAAU;MAAAf,QAAA,eACxB,IAAAb,WAAA,CAAAO,GAAA,EAACT,YAAA,CAAAgB,IAAI;QAACL,KAAK,EAAEC,MAAM,CAACmB,UAAW;QAAAhB,QAAA,EAAC;MAAC,CAAM;IAAC,CACxB,CAAC,EAClBT,MAAM,iBACL,IAAAJ,WAAA,CAAAO,GAAA,EAACT,YAAA,CAAA0B,gBAAgB;MACfC,iBAAiB,EAAC,QAAQ;MAC1BC,kBAAkB,EAAC,qBAAqB;MACxCC,OAAO,EAAEvB,MAAO;MAChBK,KAAK,EAAE,CAACC,MAAM,CAACoB,OAAO,EAAE;QAAEC,eAAe,EAAE1B,KAAK,CAAC2B;MAAa,CAAC,CAAE;MAAAnB,QAAA,eACjE,IAAAb,WAAA,CAAAO,GAAA,EAACT,YAAA,CAAAgB,IAAI;QAACL,KAAK,EAAEC,MAAM,CAACuB,QAAS;QAAApB,QAAA,EAAC;MAAe,CAAM;IAAC,CACpC,CACnB,eACD,IAAAb,WAAA,CAAAO,GAAA,EAACT,YAAA,CAAAU,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACwB,KAAM;MAAArB,QAAA,eACxB,IAAAb,WAAA,CAAAO,GAAA,EAACT,YAAA,CAAAgB,IAAI;QAACL,KAAK,EAAEC,MAAM,CAACyB,SAAU;QAAAtB,QAAA,EAAC;MAAQ,CAAM;IAAC,CAC1C,CAAC;EAAA,CACH,CAAC;AAEX;AAEA,MAAMH,MAAM,GAAG0B,uBAAU,CAACC,MAAM,CAAC;EAC/BlB,SAAS,EAAE;IACTmB,MAAM,EAAE,GAAG;IACXC,YAAY,EAAE,EAAE;IAChBC,WAAW,EAAE,CAAC;IACdC,QAAQ,EAAE,QAAQ;IAClBV,eAAe,EAAE;EACnB,CAAC;EACDT,KAAK,EAAE;IAAEoB,KAAK,EAAE,MAAM;IAAEJ,MAAM,EAAE;EAAO,CAAC;EACxC3B,KAAK,EAAE;IACL2B,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,EAAE;IAChBC,WAAW,EAAE,CAAC;IACdG,WAAW,EAAE,QAAQ;IACrBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACD9B,SAAS,EAAE;IAAE+B,QAAQ,EAAE;EAAG,CAAC;EAC3BlB,SAAS,EAAE;IACTmB,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,KAAK,EAAE,CAAC;IACRP,KAAK,EAAE,EAAE;IACTJ,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,EAAE;IAChBR,eAAe,EAAE,iBAAiB;IAClCa,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDhB,UAAU,EAAE;IAAEb,KAAK,EAAE,MAAM;IAAE8B,QAAQ,EAAE,EAAE;IAAEI,UAAU,EAAE;EAAM,CAAC;EAC9DpB,OAAO,EAAE;IACPiB,QAAQ,EAAE,UAAU;IACpBI,MAAM,EAAE,CAAC;IACTF,KAAK,EAAE,CAAC;IACRG,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE,CAAC;IAClBd,YAAY,EAAE;EAChB,CAAC;EACDN,QAAQ,EAAE;IAAEjB,KAAK,EAAE,MAAM;IAAE8B,QAAQ,EAAE,EAAE;IAAEI,UAAU,EAAE;EAAM,CAAC;EAC5DhB,KAAK,EAAE;IACLa,QAAQ,EAAE,UAAU;IACpBI,MAAM,EAAE,CAAC;IACTG,IAAI,EAAE,CAAC;IACPF,iBAAiB,EAAE,CAAC;IACpBC,eAAe,EAAE,CAAC;IAClBd,YAAY,EAAE,CAAC;IACfR,eAAe,EAAE;EACnB,CAAC;EACDI,SAAS,EAAE;IAAEnB,KAAK,EAAE,MAAM;IAAE8B,QAAQ,EAAE,EAAE;IAAEI,UAAU,EAAE;EAAM;AAC9D,CAAC,CAAC","ignoreList":[]}
|