react-native-inapp-inspector 2.3.18 → 2.3.20

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

@@ -1,259 +1,96 @@
-"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;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const InspectorContext_1 = require("./InspectorContext");
-const ErrorBoundary_1 = __importDefault(require("../ErrorBoundary"));
-const FabLauncher_1 = __importDefault(require("./FabLauncher"));
-const InspectorHeader_1 = __importDefault(require("./InspectorHeader"));
-const TabBar_1 = __importDefault(require("./TabBar"));
-const NetworkTab_1 = __importDefault(require("./NetworkTab"));
-const NetworkDetail_1 = __importDefault(require("./NetworkDetail"));
-const LogDetail_1 = __importDefault(require("./LogDetail"));
-const ConsoleTab_1 = __importDefault(require("./ConsoleTab"));
-const AnalyticsTab_1 = __importDefault(require("./AnalyticsTab"));
-const AnalyticsDetail_1 = __importDefault(require("../AnalyticsDetail"));
-const ReduxTab_1 = __importDefault(require("./ReduxTab"));
-const ReduxDetail_1 = __importDefault(require("./ReduxDetail"));
-const BundleTab_1 = __importDefault(require("./BundleTab"));
-const PerformanceTab_1 = __importDefault(require("./PerformanceTab"));
-const CrashTab_1 = __importDefault(require("./CrashTab"));
-const CrashDetail_1 = __importDefault(require("./CrashDetail"));
-const DeviceInfoTab_1 = __importDefault(require("./DeviceInfoTab"));
-const StorageTab_1 = __importDefault(require("./StorageTab"));
-const DebuggingTab_1 = __importDefault(require("./DebuggingTab"));
-const SettingsPanel_1 = __importDefault(require("./SettingsPanel"));
-const NpmUpdateToast_1 = __importDefault(require("./NpmUpdateToast"));
-const NpmStarPrompt_1 = __importDefault(require("./NpmStarPrompt"));
-const FeedbackModal_1 = __importDefault(require("./FeedbackModal"));
-const Toast_1 = __importDefault(require("../Toast"));
-const NetworkIcons_1 = require("../NetworkIcons");
-const styles_1 = __importDefault(require("../../styles"));
-const AppColors_1 = require("../../styles/AppColors");
-const NavigationTracker_1 = __importDefault(require("./NavigationTracker"));
-const helpers_1 = require("../../helpers");
-const MainScreen = () => {
-    const { visible, modalAnimationType, closeModal, modalHeightPercent, selected, selectedEvent, selectedLog, selectedReduxSlice, selectedReduxAction, selectedCrash, settingsPage, isFeedbackOpen, setIsFeedbackOpen, activeTab, isReady, enabled, useNativeFab, hasNavigationContext, setNavState, } = (0, InspectorContext_1.useInspector)();
-    const isDetailActive = (activeTab === 'apis' && selected != null) ||
-        (activeTab === 'analytics' && selectedEvent != null) ||
-        (activeTab === 'logs' && selectedLog != null) ||
-        (activeTab === 'redux' && (selectedReduxSlice != null || selectedReduxAction != null)) ||
-        (activeTab === 'crash' && selectedCrash != null);
-    const settingsAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current;
-    (0, react_1.useEffect)(() => {
-        if (settingsPage !== null) {
-            settingsAnim.setValue(0);
-            react_native_1.Animated.spring(settingsAnim, {
-                toValue: 1,
-                friction: 8,
-                tension: 65,
-                useNativeDriver: false,
-            }).start();
-        }
-    }, [settingsPage !== null]);
-    const feedbackAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current;
-    (0, react_1.useEffect)(() => {
-        if (isFeedbackOpen) {
-            feedbackAnim.setValue(0);
-            react_native_1.Animated.spring(feedbackAnim, {
-                toValue: 1,
-                friction: 8,
-                tension: 65,
-                useNativeDriver: false,
-            }).start();
-        }
-    }, [isFeedbackOpen]);
-    return (<>
-      {(react_native_1.Platform.OS === 'ios' || react_native_1.Platform.OS === 'android') &&
-            enabled &&
-            !visible &&
-            !useNativeFab && <FabLauncher_1.default />}
-      <react_native_1.Modal visible={visible} animationType={modalAnimationType} transparent statusBarTranslucent={true} onRequestClose={closeModal}>
-        <ErrorBoundary_1.default onClose={closeModal}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(r,e,a,o){o===void 0&&(o=a);var i=Object.getOwnPropertyDescriptor(e,a);(!i||("get"in i?!e.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return e[a]}}),Object.defineProperty(r,o,i)}):(function(r,e,a,o){o===void 0&&(o=a),r[o]=e[a]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(r,e){Object.defineProperty(r,"default",{enumerable:!0,value:e})}):function(r,e){r.default=e}),__importStar=this&&this.__importStar||(function(){var r=function(e){return r=Object.getOwnPropertyNames||function(a){var o=[];for(var i in a)Object.prototype.hasOwnProperty.call(a,i)&&(o[o.length]=i);return o},r(e)};return function(e){if(e&&e.__esModule)return e;var a={};if(e!=null)for(var o=r(e),i=0;i<o.length;i++)o[i]!=="default"&&__createBinding(a,e,o[i]);return __setModuleDefault(a,e),a}})(),__importDefault=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),InspectorContext_1=require("./InspectorContext"),ErrorBoundary_1=__importDefault(require("../ErrorBoundary")),FabLauncher_1=__importDefault(require("./FabLauncher")),InspectorHeader_1=__importDefault(require("./InspectorHeader")),TabBar_1=__importDefault(require("./TabBar")),NetworkTab_1=__importDefault(require("./NetworkTab")),NetworkDetail_1=__importDefault(require("./NetworkDetail")),LogDetail_1=__importDefault(require("./LogDetail")),ConsoleTab_1=__importDefault(require("./ConsoleTab")),AnalyticsTab_1=__importDefault(require("./AnalyticsTab")),AnalyticsDetail_1=__importDefault(require("../AnalyticsDetail")),ReduxTab_1=__importDefault(require("./ReduxTab")),ReduxDetail_1=__importDefault(require("./ReduxDetail")),BundleTab_1=__importDefault(require("./BundleTab")),PerformanceTab_1=__importDefault(require("./PerformanceTab")),CrashTab_1=__importDefault(require("./CrashTab")),CrashDetail_1=__importDefault(require("./CrashDetail")),DeviceInfoTab_1=__importDefault(require("./DeviceInfoTab")),StorageTab_1=__importDefault(require("./StorageTab")),DebuggingTab_1=__importDefault(require("./DebuggingTab")),MediaGalleryTab_1=require("./MediaGalleryTab"),SettingsPanel_1=__importDefault(require("./SettingsPanel")),AboutModal_1=__importDefault(require("./AboutModal")),NpmUpdateToast_1=__importDefault(require("./NpmUpdateToast")),NpmStarPrompt_1=__importDefault(require("./NpmStarPrompt")),FeedbackModal_1=__importDefault(require("./FeedbackModal")),Toast_1=__importDefault(require("../Toast")),NetworkIcons_1=require("../NetworkIcons"),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),NavigationTracker_1=__importDefault(require("./NavigationTracker")),helpers_1=require("../../helpers"),MainScreen=()=>{const{visible:r,isMinimized:e,modalAnimationType:a,closeModal:o,modalHeightPercent:i,selected:g,selectedEvent:p,selectedLog:b,selectedReduxSlice:h,selectedReduxAction:m,selectedCrash:_,settingsPage:n,isFeedbackOpen:l,setIsFeedbackOpen:y,isAboutOpen:s,setIsAboutOpen:w,activeTab:t,isReady:S,enabled:v,useNativeFab:V,hasNavigationContext:A,setNavState:C}=(0,InspectorContext_1.useInspector)(),f=t==="apis"&&g!=null||t==="analytics"&&p!=null||t==="logs"&&b!=null||t==="redux"&&(h!=null||m!=null)||t==="crash"&&_!=null,u=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current;(0,react_1.useEffect)(()=>{n!==null&&(u.setValue(0),react_native_1.Animated.spring(u,{toValue:1,friction:8,tension:65,useNativeDriver:!1}).start())},[n!==null]);const c=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current;(0,react_1.useEffect)(()=>{l&&(c.setValue(0),react_native_1.Animated.spring(c,{toValue:1,friction:8,tension:65,useNativeDriver:!1}).start())},[l]);const d=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current;return(0,react_1.useEffect)(()=>{s&&(d.setValue(0),react_native_1.Animated.spring(d,{toValue:1,friction:8,tension:65,useNativeDriver:!1}).start())},[s]),<>
+      {(react_native_1.Platform.OS==="ios"||react_native_1.Platform.OS==="android")&&v&&!r&&<FabLauncher_1.default/>}
+      <react_native_1.Modal visible={r}animationType={a}transparent statusBarTranslucent={!0}onRequestClose={o}>
+        <ErrorBoundary_1.default onClose={o}>
           <react_native_1.View style={styles_1.default.modalBackdrop}>
-            <react_native_1.Pressable style={styles_1.default.modalBackdropPressable} onPress={closeModal}/>
-            <react_native_1.View style={[
-            styles_1.default.modalContentCard,
-            {
-                height: `${modalHeightPercent}%`,
-                borderTopLeftRadius: modalHeightPercent >= 100 ? 0 : 20,
-                borderTopRightRadius: modalHeightPercent >= 100 ? 0 : 20,
-            },
-        ]}>
-              <react_native_1.StatusBar translucent backgroundColor="transparent" barStyle="light-content"/>
+            <react_native_1.Pressable style={styles_1.default.modalBackdropPressable}onPress={o}/>
+            <react_native_1.View style={[styles_1.default.modalContentCard,{height:`${i}%`,borderTopLeftRadius:i>=100?0:20,borderTopRightRadius:i>=100?0:20}]}>
+              <react_native_1.StatusBar translucent backgroundColor="transparent"barStyle="light-content"/>
 
-              <InspectorHeader_1.default />
+              <InspectorHeader_1.default/>
 
-              <react_native_1.View style={{ flex: 1 }}>
+              <react_native_1.View style={{flex:1}}>
                 
-                <react_native_1.View style={{ flex: 1 }} pointerEvents={isDetailActive || settingsPage !== null || isFeedbackOpen
-            ? 'none'
-            : 'auto'}>
-                  <TabBar_1.default />
-                  {isReady ? (<react_native_1.View style={{ flex: 1 }}>
-                      {activeTab === 'apis' && <NetworkTab_1.default />}
-                      {activeTab === 'logs' && <ConsoleTab_1.default />}
-                      {activeTab === 'analytics' && <AnalyticsTab_1.default />}
-                      {activeTab === 'redux' && <ReduxTab_1.default />}
-                      {activeTab === 'bundle' && <BundleTab_1.default />}
-                      {activeTab === 'performance' && <PerformanceTab_1.default />}
-                      {activeTab === 'crash' && <CrashTab_1.default />}
-                      {activeTab === 'device' && <DeviceInfoTab_1.default />}
-                      {activeTab === 'storage' && <StorageTab_1.default />}
-                      {react_native_1.Platform.OS === 'android' &&
-                (0, helpers_1.isLocalDebugEnvironment)() &&
-                activeTab === 'debugging' && <DebuggingTab_1.default />}
-                    </react_native_1.View>) : (<MainScreenSkeleton />)}
+                <react_native_1.View style={{flex:1}}pointerEvents={f||n!==null||l||s?"none":"auto"}>
+                  <TabBar_1.default/>
+                  {S?<react_native_1.View style={{flex:1}}>
+                      {t==="apis"&&<NetworkTab_1.default/>}
+                      {t==="logs"&&<ConsoleTab_1.default/>}
+                      {t==="analytics"&&<AnalyticsTab_1.default/>}
+                      {t==="redux"&&<ReduxTab_1.default/>}
+                      {t==="bundle"&&<BundleTab_1.default/>}
+                      {t==="performance"&&<PerformanceTab_1.default/>}
+                      {t==="crash"&&<CrashTab_1.default/>}
+                      {t==="device"&&<DeviceInfoTab_1.default/>}
+                      {t==="storage"&&<StorageTab_1.default/>}
+                      {t==="media"&&<MediaGalleryTab_1.MediaGalleryTab/>}
+                      {react_native_1.Platform.OS==="android"&&(0,helpers_1.isLocalDebugEnvironment)()&&t==="debugging"&&<DebuggingTab_1.default/>}
+                    </react_native_1.View>:<MainScreenSkeleton/>}
                 </react_native_1.View>
 
                 
-                {isDetailActive && (<react_native_1.View style={[
-                react_native_1.StyleSheet.absoluteFill,
-                {
-                    backgroundColor: AppColors_1.AppColors.contentBg,
-                    zIndex: 10,
-                },
-            ]}>
-                    {activeTab === 'apis' && selected != null && (<NetworkDetail_1.default />)}
-                    {activeTab === 'analytics' && selectedEvent != null && (<AnalyticsDetail_1.default event={selectedEvent}/>)}
-                    {activeTab === 'logs' && selectedLog != null && (<LogDetail_1.default />)}
-                    {activeTab === 'redux' && <ReduxDetail_1.default />}
-                    {activeTab === 'crash' && selectedCrash != null && (<CrashDetail_1.default />)}
-                  </react_native_1.View>)}
+                {f&&<react_native_1.View style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:AppColors_1.AppColors.contentBg,zIndex:10}]}>
+                    {t==="apis"&&g!=null&&<NetworkDetail_1.default/>}
+                    {t==="analytics"&&p!=null&&<AnalyticsDetail_1.default event={p}/>}
+                    {t==="logs"&&b!=null&&<LogDetail_1.default/>}
+                    {t==="redux"&&<ReduxDetail_1.default/>}
+                    {t==="crash"&&_!=null&&<CrashDetail_1.default/>}
+                  </react_native_1.View>}
 
                 
-                {settingsPage !== null && (<react_native_1.Animated.View style={[
-                react_native_1.StyleSheet.absoluteFill,
-                {
-                    backgroundColor: AppColors_1.AppColors.grayBackground,
-                    opacity: settingsAnim,
-                    transform: [
-                        {
-                            translateY: settingsAnim.interpolate({
-                                inputRange: [0, 1],
-                                outputRange: [24, 0],
-                            }),
-                        },
-                    ],
-                },
-            ]}>
-                    <SettingsPanel_1.default />
-                  </react_native_1.Animated.View>)}
+                {n!==null&&<react_native_1.Animated.View style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:AppColors_1.AppColors.grayBackground,opacity:u,transform:[{translateY:u.interpolate({inputRange:[0,1],outputRange:[24,0]})}]}]}>
+                    <SettingsPanel_1.default/>
+                  </react_native_1.Animated.View>}
 
                 
-                {isFeedbackOpen && (<react_native_1.Animated.View style={[
-                react_native_1.StyleSheet.absoluteFill,
-                {
-                    backgroundColor: AppColors_1.AppColors.primaryLight,
-                    opacity: feedbackAnim,
-                    transform: [
-                        {
-                            translateY: feedbackAnim.interpolate({
-                                inputRange: [0, 1],
-                                outputRange: [24, 0],
-                            }),
-                        },
-                    ],
-                },
-            ]}>
-                    <FeedbackModal_1.default onClose={() => setIsFeedbackOpen(false)}/>
-                  </react_native_1.Animated.View>)}
+                {l&&<react_native_1.Animated.View style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:AppColors_1.AppColors.primaryLight,opacity:c,transform:[{translateY:c.interpolate({inputRange:[0,1],outputRange:[24,0]})}]}]}>
+                    <FeedbackModal_1.default onClose={()=>y(!1)}/>
+                  </react_native_1.Animated.View>}
 
                 
-                {!isDetailActive && settingsPage === null && !isFeedbackOpen && (<react_native_1.TouchableOpacity activeOpacity={0.8} onPress={() => setIsFeedbackOpen(true)} hitSlop={{ top: 10, bottom: 10, left: 10, right: 10 }} style={styles_1.default.supportFab}>
-                    <NetworkIcons_1.HeadphonesIcon color={AppColors_1.AppColors.white} size={20}/>
-                  </react_native_1.TouchableOpacity>)}
+                {s&&<react_native_1.Animated.View style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:AppColors_1.AppColors.primaryLight,opacity:d,transform:[{translateY:d.interpolate({inputRange:[0,1],outputRange:[24,0]})}]}]}>
+                    <AboutModal_1.default onClose={()=>w(!1)}/>
+                  </react_native_1.Animated.View>}
+
+                
+                {!f&&n===null&&!l&&!s&&<react_native_1.TouchableOpacity activeOpacity={.8}onPress={()=>y(!0)}hitSlop={{top:10,bottom:10,left:10,right:10}}style={styles_1.default.supportFab}>
+                    <NetworkIcons_1.HeadphonesIcon color={AppColors_1.AppColors.white}size={20}/>
+                  </react_native_1.TouchableOpacity>}
               </react_native_1.View>
 
               
-              <Toast_1.default />
+              <Toast_1.default/>
 
               
-              <NpmUpdateToast_1.default />
+              <NpmUpdateToast_1.default/>
 
               
-              <NpmStarPrompt_1.default />
+              <NpmStarPrompt_1.default/>
             </react_native_1.View>
           </react_native_1.View>
         </ErrorBoundary_1.default>
-      {hasNavigationContext && (<NavigationTracker_1.default onStateChange={setNavState}/>)}
+      {A&&<NavigationTracker_1.default onStateChange={C}/>}
     </react_native_1.Modal>
-    </>);
-};
-const MainScreenSkeleton = react_1.default.memo(function MainScreenSkeleton() {
-    const shimmerAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(0.35)).current;
-    (0, react_1.useEffect)(() => {
-        const animation = react_native_1.Animated.loop(react_native_1.Animated.sequence([
-            react_native_1.Animated.timing(shimmerAnim, {
-                toValue: 0.85,
-                duration: 750,
-                useNativeDriver: false,
-            }),
-            react_native_1.Animated.timing(shimmerAnim, {
-                toValue: 0.35,
-                duration: 750,
-                useNativeDriver: false,
-            }),
-        ]));
-        animation.start();
-        return () => animation.stop();
-    }, [shimmerAnim]);
-    return (<react_native_1.View style={skeletonStyles.container}>
+    </>},MainScreenSkeleton=react_1.default.memo(function(){const e=(0,react_1.useRef)(new react_native_1.Animated.Value(.35)).current;return(0,react_1.useEffect)(()=>{const a=react_native_1.Animated.loop(react_native_1.Animated.sequence([react_native_1.Animated.timing(e,{toValue:.85,duration:750,useNativeDriver:!1}),react_native_1.Animated.timing(e,{toValue:.35,duration:750,useNativeDriver:!1})]));return a.start(),()=>a.stop()},[e]),<react_native_1.View style={skeletonStyles.container}>
       
       <react_native_1.View style={skeletonStyles.toolbarSkeleton}>
-        <react_native_1.Animated.View style={[skeletonStyles.searchBarSkeleton, { opacity: shimmerAnim }]}/>
+        <react_native_1.Animated.View style={[skeletonStyles.searchBarSkeleton,{opacity:e}]}/>
         <react_native_1.View style={skeletonStyles.actionButtonsRow}>
-          <react_native_1.Animated.View style={[skeletonStyles.iconButtonSkeleton, { opacity: shimmerAnim }]}/>
-          <react_native_1.Animated.View style={[skeletonStyles.iconButtonSkeleton, { opacity: shimmerAnim }]}/>
+          <react_native_1.Animated.View style={[skeletonStyles.iconButtonSkeleton,{opacity:e}]}/>
+          <react_native_1.Animated.View style={[skeletonStyles.iconButtonSkeleton,{opacity:e}]}/>
         </react_native_1.View>
       </react_native_1.View>
 
       
       <react_native_1.View style={skeletonStyles.chipStripSkeleton}>
-        <react_native_1.Animated.View style={[skeletonStyles.chipSkeleton, { width: 48, opacity: shimmerAnim }]}/>
-        <react_native_1.Animated.View style={[skeletonStyles.chipSkeleton, { width: 68, opacity: shimmerAnim }]}/>
-        <react_native_1.Animated.View style={[skeletonStyles.chipSkeleton, { width: 76, opacity: shimmerAnim }]}/>
-        <react_native_1.Animated.View style={[skeletonStyles.chipSkeleton, { width: 58, opacity: shimmerAnim }]}/>
+        <react_native_1.Animated.View style={[skeletonStyles.chipSkeleton,{width:48,opacity:e}]}/>
+        <react_native_1.Animated.View style={[skeletonStyles.chipSkeleton,{width:68,opacity:e}]}/>
+        <react_native_1.Animated.View style={[skeletonStyles.chipSkeleton,{width:76,opacity:e}]}/>
+        <react_native_1.Animated.View style={[skeletonStyles.chipSkeleton,{width:58,opacity:e}]}/>
       </react_native_1.View>
 
       
-      {[0, 1, 2, 3].map(i => (<react_native_1.Animated.View key={`skeleton_card_${i}`} style={[skeletonStyles.cardSkeleton, { opacity: shimmerAnim }]}>
+      {[0,1,2,3].map(a=><react_native_1.Animated.View key={`skeleton_card_${a}`}style={[skeletonStyles.cardSkeleton,{opacity:e}]}>
           <react_native_1.View style={skeletonStyles.cardTopRow}>
             <react_native_1.View style={skeletonStyles.badgeGroup}>
               <react_native_1.View style={skeletonStyles.statusBadgeSkeleton}/>
@@ -267,114 +104,5 @@ const MainScreenSkeleton = react_1.default.memo(function MainScreenSkeleton() {
             <react_native_1.View style={skeletonStyles.metaPillSkeleton}/>
             <react_native_1.View style={skeletonStyles.metaPillSkeleton}/>
           </react_native_1.View>
-        </react_native_1.Animated.View>))}
-    </react_native_1.View>);
-});
-const skeletonStyles = react_native_1.StyleSheet.create({
-    container: {
-        flex: 1,
-        paddingHorizontal: 12,
-        paddingTop: 8,
-    },
-    toolbarSkeleton: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 8,
-        marginBottom: 8,
-    },
-    searchBarSkeleton: {
-        flex: 1,
-        height: 36,
-        borderRadius: 8,
-        backgroundColor: AppColors_1.AppColors.graySurface,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.dividerColor,
-    },
-    actionButtonsRow: {
-        flexDirection: 'row',
-        gap: 6,
-    },
-    iconButtonSkeleton: {
-        width: 36,
-        height: 36,
-        borderRadius: 8,
-        backgroundColor: AppColors_1.AppColors.graySurface,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.dividerColor,
-    },
-    chipStripSkeleton: {
-        flexDirection: 'row',
-        gap: 6,
-        marginBottom: 10,
-    },
-    chipSkeleton: {
-        height: 24,
-        borderRadius: 6,
-        backgroundColor: AppColors_1.AppColors.graySurface,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.dividerColor,
-    },
-    cardSkeleton: {
-        backgroundColor: AppColors_1.AppColors.primaryLight,
-        borderRadius: 10,
-        padding: 12,
-        marginBottom: 8,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.dividerColor,
-    },
-    cardTopRow: {
-        flexDirection: 'row',
-        justifyContent: 'space-between',
-        alignItems: 'center',
-        marginBottom: 8,
-    },
-    badgeGroup: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 6,
-    },
-    statusBadgeSkeleton: {
-        width: 38,
-        height: 18,
-        borderRadius: 4,
-        backgroundColor: AppColors_1.AppColors.graySurface,
-    },
-    methodBadgeSkeleton: {
-        width: 44,
-        height: 18,
-        borderRadius: 4,
-        backgroundColor: AppColors_1.AppColors.graySurface,
-    },
-    timeSkeleton: {
-        width: 48,
-        height: 12,
-        borderRadius: 4,
-        backgroundColor: AppColors_1.AppColors.graySurface,
-    },
-    urlLineLong: {
-        height: 13,
-        borderRadius: 4,
-        backgroundColor: AppColors_1.AppColors.graySurface,
-        marginBottom: 5,
-        width: '90%',
-    },
-    urlLineShort: {
-        height: 11,
-        borderRadius: 4,
-        backgroundColor: AppColors_1.AppColors.graySurface,
-        marginBottom: 8,
-        width: '55%',
-    },
-    cardBottomRow: {
-        flexDirection: 'row',
-        gap: 8,
-        marginTop: 2,
-    },
-    metaPillSkeleton: {
-        width: 52,
-        height: 14,
-        borderRadius: 4,
-        backgroundColor: AppColors_1.AppColors.graySurface,
-    },
-});
-exports.default = MainScreen;
+        </react_native_1.Animated.View>)}
+    </react_native_1.View>}),skeletonStyles=react_native_1.StyleSheet.create({container:{flex:1,paddingHorizontal:12,paddingTop:8},toolbarSkeleton:{flexDirection:"row",alignItems:"center",gap:8,marginBottom:8},searchBarSkeleton:{flex:1,height:36,borderRadius:8,backgroundColor:AppColors_1.AppColors.graySurface,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},actionButtonsRow:{flexDirection:"row",gap:6},iconButtonSkeleton:{width:36,height:36,borderRadius:8,backgroundColor:AppColors_1.AppColors.graySurface,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},chipStripSkeleton:{flexDirection:"row",gap:6,marginBottom:10},chipSkeleton:{height:24,borderRadius:6,backgroundColor:AppColors_1.AppColors.graySurface,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},cardSkeleton:{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:10,padding:12,marginBottom:8,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},cardTopRow:{flexDirection:"row",justifyContent:"space-between",alignItems:"center",marginBottom:8},badgeGroup:{flexDirection:"row",alignItems:"center",gap:6},statusBadgeSkeleton:{width:38,height:18,borderRadius:4,backgroundColor:AppColors_1.AppColors.graySurface},methodBadgeSkeleton:{width:44,height:18,borderRadius:4,backgroundColor:AppColors_1.AppColors.graySurface},timeSkeleton:{width:48,height:12,borderRadius:4,backgroundColor:AppColors_1.AppColors.graySurface},urlLineLong:{height:13,borderRadius:4,backgroundColor:AppColors_1.AppColors.graySurface,marginBottom:5,width:"90%"},urlLineShort:{height:11,borderRadius:4,backgroundColor:AppColors_1.AppColors.graySurface,marginBottom:8,width:"55%"},cardBottomRow:{flexDirection:"row",gap:8,marginTop:2},metaPillSkeleton:{width:52,height:14,borderRadius:4,backgroundColor:AppColors_1.AppColors.graySurface}});exports.default=MainScreen;