react-native-inapp-inspector 1.1.18 → 1.1.19

package/dist/esm/components/SettingsView.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { ActiveTab } from '../types';
-interface SettingsViewProps {
-    headerTopPadding: number;
-    activeTab?: ActiveTab;
-    defaultTab: ActiveTab;
-    tabVisibility: Record<string, boolean>;
-    onCloseSettings: () => void;
-    onUpdateTabVisibility: (key: ActiveTab, val: boolean) => void;
-    onSetDefaultTab: (key: ActiveTab) => void;
-}
-export declare const SettingsView: React.FC<SettingsViewProps>;
-export default SettingsView;

package/dist/esm/components/SettingsView.js

@@ -1,321 +0,0 @@
-import React from 'react';
-import { Alert, Pressable, ScrollView, Switch, Text, View, } from 'react-native';
-import LinearGradient from 'react-native-linear-gradient';
-import { useTranslation } from 'react-i18next';
-import TouchableScale from './TouchableScale';
-import { WhiteBackNavigation, SunIcon, MoonIcon, SignalIcon, TerminalIcon, AnalyticsIcon, GlobeIcon, TrashIcon, } from './NetworkIcons';
-import { AppColors } from '../styles/AppColors';
-import { AppFonts } from '../styles/AppFonts';
-import { toggleGlobalTheme } from '../styles';
-import { saveSettings, isPersistentStorageAvailable, clearPersistedSettings, } from '../helpers/settingsStore';
-export const SettingsView = ({ headerTopPadding, defaultTab, tabVisibility, onCloseSettings, onUpdateTabVisibility, onSetDefaultTab, }) => {
-    const { t } = useTranslation();
-    const [themeMode, setThemeMode] = React.useState(AppColors.primaryLight === AppColors.white ? 'light' : 'dark');
-    const handleToggleTheme = () => {
-        const nextIsDark = themeMode !== 'dark';
-        toggleGlobalTheme(nextIsDark);
-        const newTheme = nextIsDark ? 'dark' : 'light';
-        setThemeMode(newTheme);
-        saveSettings({ isDark: nextIsDark, theme: newTheme });
-    };
-    const renderSettingRow = (opts) => {
-        return (<Pressable onPress={opts.onPress} disabled={!opts.onPress} style={{
-                flexDirection: 'row',
-                alignItems: 'center',
-                justifyContent: 'space-between',
-                paddingVertical: 12,
-                paddingHorizontal: 16,
-                borderBottomWidth: 1,
-                borderBottomColor: AppColors.dividerColor,
-            }}>
-        <View style={{
-                flexDirection: 'row',
-                alignItems: 'center',
-                gap: 12,
-                flex: 1,
-                marginRight: 8,
-            }}>
-          <View style={{
-                width: 32,
-                height: 32,
-                borderRadius: 8,
-                backgroundColor: AppColors.grayBackground,
-                alignItems: 'center',
-                justifyContent: 'center',
-            }}>
-            {opts.icon}
-          </View>
-          <View style={{ flex: 1 }}>
-            <Text style={{
-                fontFamily: AppFonts.interBold,
-                fontSize: 13,
-                color: AppColors.primaryBlack,
-            }}>
-              {opts.title}
-            </Text>
-            {opts.description ? (<Text style={{
-                    fontFamily: AppFonts.interRegular,
-                    fontSize: 11,
-                    color: AppColors.grayTextWeak,
-                    marginTop: 2,
-                }}>
-                {opts.description}
-              </Text>) : null}
-          </View>
-        </View>
-        {opts.rightComponent}
-      </Pressable>);
-    };
-    return (<View style={{ flex: 1, backgroundColor: AppColors.grayBackground }}>
-      <LinearGradient colors={[AppColors.purple, '#6B4EFF']} style={{ paddingTop: headerTopPadding, paddingBottom: 16 }}>
-        <View style={{
-            flexDirection: 'row',
-            alignItems: 'center',
-            paddingHorizontal: 16,
-            gap: 12,
-        }}>
-          <TouchableScale onPress={onCloseSettings} hitSlop={15} style={{
-            width: 36,
-            height: 36,
-            borderRadius: 18,
-            alignItems: 'center',
-            justifyContent: 'center',
-            backgroundColor: 'rgba(255,255,255,0.18)',
-        }}>
-            <WhiteBackNavigation />
-          </TouchableScale>
-          <Text style={{
-            fontFamily: AppFonts.interBold,
-            fontSize: 18,
-            color: AppColors.white,
-        }}>
-            {t('settings.title')}
-          </Text>
-        </View>
-      </LinearGradient>
-
-      <ScrollView style={{ flex: 1 }} contentContainerStyle={{ paddingBottom: 32, gap: 16, paddingTop: 16 }}>
-        {/* Theme Settings */}
-        <View style={{
-            backgroundColor: AppColors.primaryLight,
-            marginHorizontal: 16,
-            borderRadius: 12,
-            borderWidth: 1,
-            borderColor: AppColors.grayBorderSecondary,
-            overflow: 'hidden',
-        }}>
-          <View style={{
-            paddingHorizontal: 16,
-            paddingVertical: 10,
-            backgroundColor: AppColors.grayBackground,
-            borderBottomWidth: 1,
-            borderBottomColor: AppColors.dividerColor,
-        }}>
-            <Text style={{
-            fontFamily: AppFonts.interBold,
-            fontSize: 11,
-            color: AppColors.grayTextWeak,
-            letterSpacing: 0.5,
-        }}>
-              {t('settings.appearance')}
-            </Text>
-          </View>
-          {renderSettingRow({
-            icon: themeMode === 'dark' ? (<MoonIcon color={AppColors.purple} size={16}/>) : (<SunIcon color={AppColors.lightOrange} size={16}/>),
-            title: t('settings.dark_mode'),
-            description: t('settings.dark_mode_desc'),
-            rightComponent: (<Switch value={themeMode === 'dark'} onValueChange={handleToggleTheme} trackColor={{
-                    false: AppColors.grayBorderSecondary,
-                    true: AppColors.purple,
-                }}/>),
-        })}
-        </View>
-
-        {/* Module Visibility Settings */}
-        <View style={{
-            backgroundColor: AppColors.primaryLight,
-            marginHorizontal: 16,
-            borderRadius: 12,
-            borderWidth: 1,
-            borderColor: AppColors.grayBorderSecondary,
-            overflow: 'hidden',
-        }}>
-          <View style={{
-            paddingHorizontal: 16,
-            paddingVertical: 10,
-            backgroundColor: AppColors.grayBackground,
-            borderBottomWidth: 1,
-            borderBottomColor: AppColors.dividerColor,
-        }}>
-            <Text style={{
-            fontFamily: AppFonts.interBold,
-            fontSize: 11,
-            color: AppColors.grayTextWeak,
-            letterSpacing: 0.5,
-        }}>
-              {t('settings.module_visibility')}
-            </Text>
-          </View>
-
-          {renderSettingRow({
-            icon: <SignalIcon color={AppColors.purple} size={16}/>,
-            title: t('settings.apis_tab'),
-            description: t('settings.apis_tab_desc'),
-            rightComponent: (<Switch value={tabVisibility.apis !== false} onValueChange={val => onUpdateTabVisibility('apis', val)} trackColor={{
-                    false: AppColors.grayBorderSecondary,
-                    true: AppColors.purple,
-                }}/>),
-        })}
-
-          {renderSettingRow({
-            icon: <TerminalIcon color={AppColors.purple} size={16}/>,
-            title: t('settings.logs_tab'),
-            description: t('settings.logs_tab_desc'),
-            rightComponent: (<Switch value={tabVisibility.logs !== false} onValueChange={val => onUpdateTabVisibility('logs', val)} trackColor={{
-                    false: AppColors.grayBorderSecondary,
-                    true: AppColors.purple,
-                }}/>),
-        })}
-
-          {renderSettingRow({
-            icon: <AnalyticsIcon color={AppColors.purple} size={16}/>,
-            title: t('settings.analytics_tab'),
-            description: t('settings.analytics_tab_desc'),
-            rightComponent: (<Switch value={tabVisibility.analytics !== false} onValueChange={val => onUpdateTabVisibility('analytics', val)} trackColor={{
-                    false: AppColors.grayBorderSecondary,
-                    true: AppColors.purple,
-                }}/>),
-        })}
-
-          {renderSettingRow({
-            icon: <TerminalIcon color={AppColors.purple} size={16}/>,
-            title: t('settings.redux_tab'),
-            description: t('settings.redux_tab_desc'),
-            rightComponent: (<Switch value={tabVisibility.redux !== false} onValueChange={val => onUpdateTabVisibility('redux', val)} trackColor={{
-                    false: AppColors.grayBorderSecondary,
-                    true: AppColors.purple,
-                }}/>),
-        })}
-        </View>
-
-        {/* Landing Tab Preference */}
-        <View style={{
-            backgroundColor: AppColors.primaryLight,
-            marginHorizontal: 16,
-            borderRadius: 12,
-            borderWidth: 1,
-            borderColor: AppColors.grayBorderSecondary,
-            overflow: 'hidden',
-        }}>
-          <View style={{
-            paddingHorizontal: 16,
-            paddingVertical: 10,
-            backgroundColor: AppColors.grayBackground,
-            borderBottomWidth: 1,
-            borderBottomColor: AppColors.dividerColor,
-        }}>
-            <Text style={{
-            fontFamily: AppFonts.interBold,
-            fontSize: 11,
-            color: AppColors.grayTextWeak,
-            letterSpacing: 0.5,
-        }}>
-              {t('settings.default_landing_tab')}
-            </Text>
-          </View>
-          {['apis', 'logs', 'analytics', 'redux'].map(tabKey => {
-            if (!tabVisibility[tabKey])
-                return null;
-            const isSelected = defaultTab === tabKey;
-            return (<TouchableScale key={tabKey} onPress={() => onSetDefaultTab(tabKey)} style={{
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    justifyContent: 'space-between',
-                    paddingVertical: 12,
-                    paddingHorizontal: 16,
-                    borderBottomWidth: 1,
-                    borderBottomColor: AppColors.dividerColor,
-                    backgroundColor: isSelected
-                        ? 'rgba(107, 78, 255, 0.05)'
-                        : AppColors.primaryLight,
-                }}>
-                <Text style={{
-                    fontFamily: isSelected
-                        ? AppFonts.interBold
-                        : AppFonts.interMedium,
-                    fontSize: 13,
-                    color: isSelected
-                        ? AppColors.purple
-                        : AppColors.primaryBlack,
-                }}>
-                  {tabKey.toUpperCase()} Tab
-                </Text>
-                <View style={{
-                    width: 18,
-                    height: 18,
-                    borderRadius: 9,
-                    borderWidth: isSelected ? 5 : 2,
-                    borderColor: isSelected
-                        ? AppColors.purple
-                        : AppColors.grayBorderSecondary,
-                }}/>
-              </TouchableScale>);
-        })}
-        </View>
-
-        {/* Storage & Persistence Settings */}
-        <View style={{
-            backgroundColor: AppColors.primaryLight,
-            marginHorizontal: 16,
-            borderRadius: 12,
-            borderWidth: 1,
-            borderColor: AppColors.grayBorderSecondary,
-            overflow: 'hidden',
-        }}>
-          <View style={{
-            paddingHorizontal: 16,
-            paddingVertical: 10,
-            backgroundColor: AppColors.grayBackground,
-            borderBottomWidth: 1,
-            borderBottomColor: AppColors.dividerColor,
-        }}>
-            <Text style={{
-            fontFamily: AppFonts.interBold,
-            fontSize: 11,
-            color: AppColors.grayTextWeak,
-            letterSpacing: 0.5,
-        }}>
-              {t('settings.storage_persistence')}
-            </Text>
-          </View>
-          {renderSettingRow({
-            icon: <GlobeIcon color={AppColors.purple} size={16}/>,
-            title: t('settings.custom_storage'),
-            description: isPersistentStorageAvailable()
-                ? t('settings.custom_storage_active')
-                : t('settings.custom_storage_memory'),
-        })}
-
-          {renderSettingRow({
-            icon: <TrashIcon color={AppColors.errorColor} size={16}/>,
-            title: t('settings.reset_settings'),
-            description: t('settings.reset_settings_desc'),
-            onPress: () => {
-                Alert.alert(t('settings.reset_confirm_title'), t('settings.reset_confirm_msg'), [
-                    { text: t('header.cancel'), style: 'cancel' },
-                    {
-                        text: t('settings.reset'),
-                        style: 'destructive',
-                        onPress: () => {
-                            clearPersistedSettings();
-                            Alert.alert(t('settings.reset'), t('settings.reset_done'));
-                        },
-                    },
-                ]);
-            },
-        })}
-        </View>
-      </ScrollView>
-    </View>);
-};
-export default SettingsView;

package/dist/esm/customHooks/webViewLogger.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-export interface WebViewLog {
-    id: number;
-    type: 'log' | 'info' | 'warn' | 'error';
-    message: string;
-    timestamp: number;
-}
-export interface WebViewNavState {
-    url: string;
-    title?: string;
-    timestamp: number;
-}
-export declare const WebView: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
-export declare const addWebViewLog: (type: "log" | "info" | "warn" | "error", message: string) => void;
-export declare const addWebViewNav: (url: string, title?: string) => void;
-export declare const addWebViewHtml: (url: string, html: string, css?: string, js?: string) => void;
-export declare const getWebViewLogs: () => WebViewLog[];
-export declare const getWebViewNavHistory: () => WebViewNavState[];
-export declare const getWebViewHtml: () => string;
-export declare const getWebViewCss: () => string;
-export declare const getWebViewJs: () => string;
-export declare const getWebViewHtmlUrl: () => string;
-export declare const clearWebViewData: () => void;
-export declare const subscribeWebView: (cb: () => void) => () => void;