@umituz/react-native-sentry 1.3.0 → 1.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-sentry",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "Production-ready error tracking and performance monitoring for React Native apps",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/index.ts

@@ -53,3 +53,10 @@ export {
   setTestUser,
   runTestSuite,
 } from './presentation/utils/testHelpers';
+
+// UI Components (for settings integration)
+export {
+  SentryTestSetting,
+  createSentryTestSetting,
+} from './presentation/components/SentryTestSetting';
+export type { SentryTestSettingProps } from './presentation/components/SentryTestSetting';

package/src/presentation/components/SentryTestSetting.tsx

@@ -0,0 +1,57 @@
+/**
+ * Sentry Test Setting Component
+ * Single Responsibility: Provide Sentry test setting config (DEV only)
+ * Framework-agnostic design - returns configuration object
+ */
+
+import { runTestSuite } from "../utils/testHelpers";
+
+export interface SentryTestSettingProps {
+    title?: string;
+    description?: string;
+    userId?: string;
+    iconColor?: string;
+    titleColor?: string;
+    isLast?: boolean;
+    onPress?: (userId?: string) => void;
+}
+
+/**
+ * Creates Sentry test setting configuration
+ * Returns setting item props for use with any UI framework
+ *
+ * @example
+ * ```typescript
+ * import { createSentryTestSetting } from '@umituz/react-native-sentry';
+ *
+ * const sentryTestConfig = createSentryTestSetting({ userId: 'user123' });
+ * // Use with your UI framework's SettingItem component
+ * ```
+ */
+export function createSentryTestSetting(props: SentryTestSettingProps = {}) {
+    // Only return config in DEV mode
+    if (!__DEV__) {
+        return null;
+    }
+
+    return {
+        type: "setting-item" as const,
+        icon: "bug" as const,
+        title: props.title || "Test Sentry",
+        value: props.description || "Send test error to Sentry dashboard",
+        onPress: () => {
+            if (props.onPress) {
+                props.onPress(props.userId);
+            } else {
+                runTestSuite(props.userId);
+            }
+        },
+        iconColor: props.iconColor || "#EF4444",
+        titleColor: props.titleColor || "#EF4444",
+        isLast: props.isLast ?? false,
+        devOnly: true,
+    };
+}
+
+// Alias for backward compatibility
+export const SentryTestSetting = createSentryTestSetting;