react-native-inapp-inspector 1.1.18 → 1.1.20

package/dist/commonjs/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/commonjs/components/SettingsView.js

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

package/dist/commonjs/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;