@mindedsolutions/bug-reporter-sdk 0.1.0 → 0.1.2
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.
|
@@ -83,7 +83,7 @@ function ReportModal() {
|
|
|
83
83
|
setIsSubmitting(false);
|
|
84
84
|
}
|
|
85
85
|
}, [description, category, severity, screenshotUri, config, translations, closeModal]);
|
|
86
|
-
return ((0, jsx_runtime_1.jsx)(react_native_1.Modal, { visible: isModalVisible, animationType: "slide", presentationStyle: "
|
|
86
|
+
return ((0, jsx_runtime_1.jsx)(react_native_1.Modal, { visible: isModalVisible, animationType: "slide", presentationStyle: "fullScreen", onRequestClose: closeModal, children: (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.container, children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.safeTop }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.header, children: [(0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { onPress: closeModal, disabled: isSubmitting, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.cancelText, children: translations.cancel }) }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.title, children: translations.reportBug }), (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { onPress: handleSubmit, disabled: isSubmitting || !description.trim(), children: isSubmitting ? ((0, jsx_runtime_1.jsx)(react_native_1.ActivityIndicator, { size: "small", color: "#6366f1" })) : ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.submitText, !description.trim() && styles.disabledText], children: translations.submit })) })] }), (0, jsx_runtime_1.jsxs)(react_native_1.ScrollView, { style: styles.body, contentContainerStyle: styles.bodyContent, keyboardShouldPersistTaps: "handled", children: [screenshotUri && ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.section, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.label, children: translations.screenshot }), (0, jsx_runtime_1.jsx)(ScreenshotPreview_1.ScreenshotPreview, { uri: screenshotUri, onRemove: () => setScreenshotUri(null), removeLabel: translations.removeScreenshot })] })), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.section, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.label, children: translations.description }), (0, jsx_runtime_1.jsx)(react_native_1.TextInput, { style: styles.textInput, value: description, onChangeText: setDescription, placeholder: translations.descriptionPlaceholder, placeholderTextColor: "#9ca3af", multiline: true, numberOfLines: 4, textAlignVertical: "top" })] }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.section, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.label, children: translations.category }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.chipRow, children: categories.map((cat) => ((0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { style: [styles.chip, category === cat && styles.chipActive], onPress: () => setCategory(cat), children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.chipText, category === cat && styles.chipTextActive], children: cat }) }, cat))) })] }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.section, children: [(0, jsx_runtime_1.jsxs)(react_native_1.Text, { style: styles.label, children: [translations.severity, " ", (0, jsx_runtime_1.jsxs)(react_native_1.Text, { style: styles.optional, children: ["(", translations.optional, ")"] })] }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.chipRow, children: constants_1.SEVERITIES.map((sev) => {
|
|
87
87
|
const labels = {
|
|
88
88
|
low: translations.severityLow,
|
|
89
89
|
medium: translations.severityMedium,
|
|
@@ -98,6 +98,10 @@ const styles = react_native_1.StyleSheet.create({
|
|
|
98
98
|
flex: 1,
|
|
99
99
|
backgroundColor: '#fff',
|
|
100
100
|
},
|
|
101
|
+
safeTop: {
|
|
102
|
+
paddingTop: react_native_1.Platform.OS === 'android' ? react_native_1.StatusBar.currentHeight ?? 44 : 54,
|
|
103
|
+
backgroundColor: '#fff',
|
|
104
|
+
},
|
|
101
105
|
header: {
|
|
102
106
|
flexDirection: 'row',
|
|
103
107
|
alignItems: 'center',
|
|
@@ -15,8 +15,9 @@ function BugReporterProvider({ config, children }) {
|
|
|
15
15
|
const translations = (0, i18n_1.getTranslations)(config.locale);
|
|
16
16
|
const openModal = (0, react_1.useCallback)(() => setIsModalVisible(true), []);
|
|
17
17
|
const closeModal = (0, react_1.useCallback)(() => setIsModalVisible(false), []);
|
|
18
|
+
const shakeEnabled = config.enableShake ?? !__DEV__;
|
|
18
19
|
(0, useShakeDetection_1.useShakeDetection)({
|
|
19
|
-
enabled:
|
|
20
|
+
enabled: shakeEnabled,
|
|
20
21
|
threshold: config.shakeThreshold,
|
|
21
22
|
onShake: openModal,
|
|
22
23
|
});
|
|
@@ -27,11 +27,16 @@ function useScreenCapture() {
|
|
|
27
27
|
const supabase = (0, supabase_js_1.createClient)(config.supabaseUrl, config.supabaseAnonKey);
|
|
28
28
|
const uniqueId = `${Date.now()}-${Math.random().toString(36).slice(2, 10)}`;
|
|
29
29
|
const fileName = `${config.projectId}/${uniqueId}.jpg`;
|
|
30
|
-
|
|
31
|
-
const
|
|
30
|
+
// React Native: use FormData with file URI (fetch blob doesn't work reliably)
|
|
31
|
+
const formData = new FormData();
|
|
32
|
+
formData.append('', {
|
|
33
|
+
uri,
|
|
34
|
+
name: `${uniqueId}.jpg`,
|
|
35
|
+
type: 'image/jpeg',
|
|
36
|
+
});
|
|
32
37
|
const { error } = await supabase.storage
|
|
33
38
|
.from('screenshots')
|
|
34
|
-
.upload(fileName,
|
|
39
|
+
.upload(fileName, formData, { contentType: 'multipart/form-data' });
|
|
35
40
|
if (error)
|
|
36
41
|
return null;
|
|
37
42
|
const { data } = supabase.storage.from('screenshots').getPublicUrl(fileName);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mindedsolutions/bug-reporter-sdk",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.2",
|
|
4
4
|
"description": "In-app bug reporting SDK for React Native/Expo with shake detection, screenshot capture, and Supabase integration",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|