react-native-inapp-inspector 2.3.8 → 2.3.10

package/dist/commonjs/components/Inspector/AnalyticsTab.js

@@ -833,6 +833,7 @@ const AnalyticsHeader = react_1.default.memo(() => {
 const AnalyticsTab = react_1.default.memo(() => {
     const { t } = (0, i18n_1.useTranslation)();
     const { filteredAnalyticsEvents, analyticsSearch, setAnalyticsSearch, handleDelete, selectedEvent, setSelectedEvent, newEventIds, logRouteMapRef, isAnalyticsLayoutReady, setIsAnalyticsLayoutReady, isAnalyticsPaused, setIsAnalyticsPaused, isAnalyticsFilterApplied, } = (0, InspectorContext_1.useInspector)();
+    const listRef = (0, react_1.useRef)(null);
     const [isFilterModalOpen, setIsFilterModalOpen] = (0, react_1.useState)(false);
     const keyExtractor = (0, react_1.useCallback)((item, index) => item?.id?.toString() ?? index.toString(), []);
     const renderItem = (0, react_1.useCallback)(({ item, index }) => {
@@ -960,7 +961,8 @@ const AnalyticsTab = react_1.default.memo(() => {
       <AnalyticsFilterModal_1.default visible={isFilterModalOpen} onClose={() => setIsFilterModalOpen(false)}/>
 
       <react_native_1.View style={{ flex: 1 }} onLayout={() => setIsAnalyticsLayoutReady(true)}>
-        {isAnalyticsLayoutReady ? (<react_native_1.FlatList data={filteredAnalyticsEvents} keyExtractor={keyExtractor} ListHeaderComponent={AnalyticsHeader} renderItem={renderItem} initialNumToRender={12} maxToRenderPerBatch={8} windowSize={5} removeClippedSubviews={true} renderToHardwareTextureAndroid={true} ListEmptyComponent={<EmptyState_1.default isSearch={analyticsSearch.length > 0} searchQuery={analyticsSearch} customTitle={analyticsSearch.length > 0
+        {isAnalyticsLayoutReady ? (<>
+            <react_native_1.FlatList ref={listRef} data={filteredAnalyticsEvents} keyExtractor={keyExtractor} ListHeaderComponent={AnalyticsHeader} renderItem={renderItem} initialNumToRender={12} maxToRenderPerBatch={8} windowSize={5} removeClippedSubviews={true} renderToHardwareTextureAndroid={true} ListEmptyComponent={<EmptyState_1.default isSearch={analyticsSearch.length > 0} searchQuery={analyticsSearch} customTitle={analyticsSearch.length > 0
                     ? 'No matching analytics events'
                     : 'No analytics events yet'} customSub={analyticsSearch.length > 0
                     ? `No events matched "${analyticsSearch}"`
@@ -969,7 +971,30 @@ const AnalyticsTab = react_1.default.memo(() => {
                 filteredAnalyticsEvents.length === 0 && {
                     flexGrow: 1,
                 },
-            ]} keyboardShouldPersistTaps="handled"/>) : null}
+            ]} keyboardShouldPersistTaps="handled"/>
+
+            <TouchableScale_1.default onPress={() => {
+                try {
+                    listRef.current?.scrollToOffset({
+                        offset: 0,
+                        animated: true,
+                    });
+                }
+                catch {
+                    try {
+                        listRef.current?.scrollToIndex({
+                            index: 0,
+                            animated: true,
+                        });
+                    }
+                    catch { }
+                }
+            }} hitSlop={12} style={styles_1.default.scrollTopBtn}>
+              <react_native_1.View style={{ transform: [{ rotate: '180deg' }] }}>
+                <NetworkIcons_1.ChevronIcon color={AppColors_1.AppColors.white} size={18}/>
+              </react_native_1.View>
+            </TouchableScale_1.default>
+          </>) : null}
       </react_native_1.View>
     </>);
 });

package/dist/commonjs/components/Inspector/BundleTab.js

@@ -43,6 +43,7 @@ const i18n_1 = require("../../i18n");
 const TouchableScale_1 = __importDefault(require("../TouchableScale"));
 const CopyButton_1 = __importDefault(require("../CopyButton"));
 const HighlightText_1 = __importDefault(require("../HighlightText"));
+const FeatureUnderDevNotice_1 = __importDefault(require("./FeatureUnderDevNotice"));
 const AppColors_1 = require("../../styles/AppColors");
 const AppFonts_1 = require("../../styles/AppFonts");
 const helpers_1 = require("../../helpers");
@@ -828,6 +829,8 @@ const BundleTab = react_1.default.memo(() => {
         </TouchableScale_1.default>
       </react_native_1.View>
 
+      <FeatureUnderDevNotice_1.default featureName="Metro Bundle Analyzer"/>
+
       
       
       

package/dist/commonjs/components/Inspector/ConsoleTab.js

@@ -52,6 +52,7 @@ const NetworkIcons_1 = require("../NetworkIcons");
 const ConsoleTab = react_1.default.memo(() => {
     const { t } = (0, i18n_1.useTranslation)();
     const { logSearch, setLogSearch, logSortOrder, setLogSortOrder, handleDelete, logFilters, setLogFilters, logCounts, filteredConsoleLogs, visibleConsoleLogs, isConsolePaused, setIsConsolePaused, } = (0, InspectorContext_1.useInspector)();
+    const listRef = (0, react_1.useRef)(null);
     const renderItem = (0, react_1.useCallback)(({ item, index }) => (<AnimatedEntrance_1.default index={index} distance={8}>
         <ConsoleLogCard_1.ConsoleLogCard item={item} searchStr={logSearch}/>
       </AnimatedEntrance_1.default>), [logSearch]);
@@ -518,7 +519,7 @@ const ConsoleTab = react_1.default.memo(() => {
         </react_native_1.ScrollView>
       </react_native_1.View>
 
-      <react_native_1.FlatList data={filteredConsoleLogs} keyExtractor={keyExtractor} ListHeaderComponent={listHeader} renderItem={renderItem} initialNumToRender={12} maxToRenderPerBatch={8} windowSize={5} removeClippedSubviews={true} renderToHardwareTextureAndroid={true} ListEmptyComponent={<EmptyState_1.default isSearch={logSearch.length > 0 || logFilters.size > 0} searchQuery={logSearch} customTitle={logSearch.length > 0
+      <react_native_1.FlatList ref={listRef} data={filteredConsoleLogs} keyExtractor={keyExtractor} ListHeaderComponent={listHeader} renderItem={renderItem} initialNumToRender={12} maxToRenderPerBatch={8} windowSize={5} removeClippedSubviews={true} renderToHardwareTextureAndroid={true} ListEmptyComponent={<EmptyState_1.default isSearch={logSearch.length > 0 || logFilters.size > 0} searchQuery={logSearch} customTitle={logSearch.length > 0
                 ? 'No matching console logs'
                 : 'No console logs'} onClearSearch={() => {
                 setLogSearch('');
@@ -527,6 +528,28 @@ const ConsoleTab = react_1.default.memo(() => {
             styles_1.default.listContent,
             filteredConsoleLogs.length === 0 && { flexGrow: 1 },
         ]} keyboardShouldPersistTaps="handled"/>
+
+      <TouchableScale_1.default onPress={() => {
+            try {
+                listRef.current?.scrollToOffset({
+                    offset: 0,
+                    animated: true,
+                });
+            }
+            catch {
+                try {
+                    listRef.current?.scrollToIndex({
+                        index: 0,
+                        animated: true,
+                    });
+                }
+                catch { }
+            }
+        }} hitSlop={12} style={styles_1.default.scrollTopBtn}>
+        <react_native_1.View style={{ transform: [{ rotate: '180deg' }] }}>
+          <NetworkIcons_1.ChevronIcon color={AppColors_1.AppColors.white} size={18}/>
+        </react_native_1.View>
+      </TouchableScale_1.default>
     </react_native_1.View>);
 });
 exports.default = ConsoleTab;

package/dist/commonjs/components/Inspector/CrashTab.js

@@ -43,7 +43,9 @@ const InspectorContext_1 = require("./InspectorContext");
 const TouchableScale_1 = __importDefault(require("../TouchableScale"));
 const AnimatedEntrance_1 = __importDefault(require("../AnimatedEntrance"));
 const EndOfListFooter_1 = __importDefault(require("../EndOfListFooter"));
+const FeatureUnderDevNotice_1 = __importDefault(require("./FeatureUnderDevNotice"));
 const HighlightText_1 = __importDefault(require("../HighlightText"));
+const styles_1 = __importDefault(require("../../styles"));
 const AppColors_1 = require("../../styles/AppColors");
 const AppFonts_1 = require("../../styles/AppFonts");
 const crashHandler_1 = require("../../customHooks/crashHandler");
@@ -67,6 +69,7 @@ const getRelativeTime = (timestamp) => {
 const CrashTab = react_1.default.memo(() => {
     const { t } = (0, i18n_1.useTranslation)();
     const { crashRecords, selectedCrash, setSelectedCrash } = (0, InspectorContext_1.useInspector)();
+    const listRef = (0, react_1.useRef)(null);
     const [searchQuery, setSearchQuery] = (0, react_1.useState)('');
     const [filterType, setFilterType] = (0, react_1.useState)('all');
     const [crashFilters, setCrashFilters] = (0, react_1.useState)(CrashFilterModal_1.DEFAULT_CRASH_FILTERS);
@@ -387,6 +390,8 @@ const CrashTab = react_1.default.memo(() => {
               </TouchableScale_1.default>
             </react_native_1.View>
 
+            <FeatureUnderDevNotice_1.default featureName="Crash & Exception Sentinel"/>
+
             
             <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={false} contentContainerStyle={localStyles.filterScrollContent}>
               {[
@@ -441,7 +446,31 @@ const CrashTab = react_1.default.memo(() => {
                 Clear Search
               </react_native_1.Text>
             </TouchableScale_1.default>)}
-        </react_native_1.ScrollView>) : (<react_native_1.FlatList data={filteredList} keyExtractor={item => item.id} renderItem={renderCard} initialNumToRender={12} maxToRenderPerBatch={8} windowSize={5} removeClippedSubviews={true} renderToHardwareTextureAndroid={true} contentContainerStyle={localStyles.listContent} showsVerticalScrollIndicator={false} ListFooterComponent={<EndOfListFooter_1.default />}/>)}
+        </react_native_1.ScrollView>) : (<>
+          <react_native_1.FlatList ref={listRef} data={filteredList} keyExtractor={item => item.id} renderItem={renderCard} initialNumToRender={12} maxToRenderPerBatch={8} windowSize={5} removeClippedSubviews={true} renderToHardwareTextureAndroid={true} contentContainerStyle={localStyles.listContent} showsVerticalScrollIndicator={false} ListFooterComponent={<EndOfListFooter_1.default />}/>
+
+          <TouchableScale_1.default onPress={() => {
+                try {
+                    listRef.current?.scrollToOffset({
+                        offset: 0,
+                        animated: true,
+                    });
+                }
+                catch {
+                    try {
+                        listRef.current?.scrollToIndex({
+                            index: 0,
+                            animated: true,
+                        });
+                    }
+                    catch { }
+                }
+            }} hitSlop={12} style={styles_1.default.scrollTopBtn}>
+            <react_native_1.View style={{ transform: [{ rotate: '180deg' }] }}>
+              <NetworkIcons_1.ChevronIcon color={AppColors_1.AppColors.white} size={18}/>
+            </react_native_1.View>
+          </TouchableScale_1.default>
+        </>)}
 
       
       <CrashFilterModal_1.default visible={isFilterModalOpen} onClose={() => setIsFilterModalOpen(false)} filters={crashFilters} onApply={setCrashFilters} searchQuery={searchQuery}/>

package/dist/commonjs/components/Inspector/FeatureUnderDevNotice.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface FeatureUnderDevNoticeProps {
+    featureName?: string;
+    compact?: boolean;
+}
+export declare const FeatureUnderDevNotice: React.FC<FeatureUnderDevNoticeProps>;
+export default FeatureUnderDevNotice;

package/dist/commonjs/components/Inspector/FeatureUnderDevNotice.js

@@ -0,0 +1,111 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FeatureUnderDevNotice = void 0;
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const AppColors_1 = require("../../styles/AppColors");
+const AppFonts_1 = require("../../styles/AppFonts");
+const NetworkIcons_1 = require("../NetworkIcons");
+const FeatureUnderDevNotice = ({ featureName, compact = false, }) => {
+    const [isDismissed, setIsDismissed] = (0, react_1.useState)(false);
+    if (isDismissed)
+        return null;
+    return (<react_native_1.View style={[styles.container, compact && styles.containerCompact]}>
+      <react_native_1.View style={styles.contentRow}>
+        <react_native_1.View style={styles.badgeWrap}>
+          <NetworkIcons_1.WarningTriangleIcon color={AppColors_1.AppColors.warningIconGold} size={12}/>
+          <react_native_1.Text style={styles.badgeText}>IN ACTIVE DEVELOPMENT</react_native_1.Text>
+        </react_native_1.View>
+
+        <react_native_1.Pressable onPress={() => setIsDismissed(true)} hitSlop={8} style={styles.dismissBtn} accessible={true} accessibilityRole="button" accessibilityLabel="Dismiss notice">
+          <NetworkIcons_1.ClearIcon color={AppColors_1.AppColors.grayTextWeak} size={11}/>
+        </react_native_1.Pressable>
+      </react_native_1.View>
+
+      <react_native_1.Text style={styles.messageText}>
+        {featureName ? `${featureName} is` : 'This module is'} currently in active
+        development. Results and metrics may vary in accuracy. We are continuously
+        improving this feature for upcoming releases.
+      </react_native_1.Text>
+    </react_native_1.View>);
+};
+exports.FeatureUnderDevNotice = FeatureUnderDevNotice;
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        marginHorizontal: 12,
+        marginTop: 8,
+        marginBottom: 6,
+        paddingHorizontal: 12,
+        paddingVertical: 9,
+        borderRadius: 8,
+        backgroundColor: `${AppColors_1.AppColors.warningIconGold}12`,
+        borderWidth: 1,
+        borderColor: `${AppColors_1.AppColors.warningIconGold}30`,
+    },
+    containerCompact: {
+        marginTop: 4,
+        marginBottom: 4,
+        paddingVertical: 7,
+        paddingHorizontal: 10,
+    },
+    contentRow: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        marginBottom: 4,
+    },
+    badgeWrap: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 4.5,
+    },
+    badgeText: {
+        fontFamily: AppFonts_1.AppFonts.interBold,
+        fontSize: 9.5,
+        color: AppColors_1.AppColors.warningIconGold,
+        letterSpacing: 0.4,
+    },
+    dismissBtn: {
+        padding: 2,
+    },
+    messageText: {
+        fontFamily: AppFonts_1.AppFonts.interRegular,
+        fontSize: 10.5,
+        color: AppColors_1.AppColors.grayText,
+        lineHeight: 15,
+    },
+});
+exports.default = exports.FeatureUnderDevNotice;