react-native-inapp-inspector 2.0.7 → 2.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/android/src/main/java/com/inappinspector/NetworkInspectorModule.kt +0 -11
- package/dist/commonjs/components/Inspector/InspectorHeader.js +25 -28
- package/dist/commonjs/components/Inspector/MainScreen.js +2 -19
- package/dist/commonjs/components/Inspector/NetworkDetail.js +0 -15
- package/dist/commonjs/components/Inspector/PerformanceTab.js +18 -30
- package/dist/commonjs/components/Inspector/SettingsPanel.js +49 -448
- package/dist/commonjs/components/Inspector/TabBar.js +2 -23
- package/dist/commonjs/components/NetworkIcons.d.ts +0 -12
- package/dist/commonjs/components/NetworkIcons.js +3 -72
- package/dist/commonjs/constants/version.d.ts +1 -1
- package/dist/commonjs/constants/version.js +1 -1
- package/dist/commonjs/helpers/index.d.ts +0 -2
- package/dist/commonjs/helpers/index.js +1 -12
- package/dist/commonjs/helpers/settingsStore.d.ts +1 -1
- package/dist/commonjs/helpers/settingsStore.js +2 -4
- package/dist/commonjs/i18n/locales/en.json +2 -3
- package/dist/commonjs/index.d.ts +0 -1
- package/dist/commonjs/index.js +9 -127
- package/dist/commonjs/native/NativeInspector.d.ts +0 -1
- package/dist/commonjs/types/enums.d.ts +0 -7
- package/dist/commonjs/types/enums.js +0 -7
- package/dist/commonjs/types/interfaces.d.ts +0 -77
- package/dist/esm/components/Inspector/InspectorHeader.js +25 -28
- package/dist/esm/components/Inspector/MainScreen.js +2 -19
- package/dist/esm/components/Inspector/NetworkDetail.js +1 -16
- package/dist/esm/components/Inspector/PerformanceTab.js +19 -31
- package/dist/esm/components/Inspector/SettingsPanel.js +50 -449
- package/dist/esm/components/Inspector/TabBar.js +3 -24
- package/dist/esm/components/NetworkIcons.d.ts +0 -12
- package/dist/esm/components/NetworkIcons.js +0 -57
- package/dist/esm/constants/version.d.ts +1 -1
- package/dist/esm/constants/version.js +1 -1
- package/dist/esm/helpers/index.d.ts +0 -2
- package/dist/esm/helpers/index.js +0 -10
- package/dist/esm/helpers/settingsStore.d.ts +1 -1
- package/dist/esm/helpers/settingsStore.js +2 -4
- package/dist/esm/i18n/locales/en.json +2 -3
- package/dist/esm/index.d.ts +0 -1
- package/dist/esm/index.js +8 -123
- package/dist/esm/native/NativeInspector.d.ts +0 -1
- package/dist/esm/types/enums.d.ts +0 -7
- package/dist/esm/types/enums.js +0 -7
- package/dist/esm/types/interfaces.d.ts +0 -77
- package/ios/NetworkInspectorModule.mm +5 -12
- package/package.json +1 -4
- package/dist/commonjs/components/Inspector/AuditTab.d.ts +0 -3
- package/dist/commonjs/components/Inspector/AuditTab.js +0 -741
- package/dist/commonjs/components/Inspector/DeviceTab.d.ts +0 -3
- package/dist/commonjs/components/Inspector/DeviceTab.js +0 -717
- package/dist/commonjs/components/Inspector/FirstTimeWalkthroughModal.d.ts +0 -7
- package/dist/commonjs/components/Inspector/FirstTimeWalkthroughModal.js +0 -600
- package/dist/commonjs/components/Inspector/PerformanceHud.d.ts +0 -7
- package/dist/commonjs/components/Inspector/PerformanceHud.js +0 -210
- package/dist/commonjs/components/Inspector/RequestReplayModal.d.ts +0 -9
- package/dist/commonjs/components/Inspector/RequestReplayModal.js +0 -792
- package/dist/commonjs/components/Inspector/RequestReplayView.d.ts +0 -8
- package/dist/commonjs/components/Inspector/RequestReplayView.js +0 -871
- package/dist/commonjs/components/Inspector/StorageTab.d.ts +0 -3
- package/dist/commonjs/components/Inspector/StorageTab.js +0 -610
- package/dist/commonjs/customHooks/storageInspector.d.ts +0 -13
- package/dist/commonjs/customHooks/storageInspector.js +0 -179
- package/dist/commonjs/helpers/deviceInfo.d.ts +0 -4
- package/dist/commonjs/helpers/deviceInfo.js +0 -94
- package/dist/commonjs/helpers/packageAuditor.d.ts +0 -5
- package/dist/commonjs/helpers/packageAuditor.js +0 -182
- package/dist/esm/components/Inspector/AuditTab.d.ts +0 -3
- package/dist/esm/components/Inspector/AuditTab.js +0 -702
- package/dist/esm/components/Inspector/DeviceTab.d.ts +0 -3
- package/dist/esm/components/Inspector/DeviceTab.js +0 -678
- package/dist/esm/components/Inspector/FirstTimeWalkthroughModal.d.ts +0 -7
- package/dist/esm/components/Inspector/FirstTimeWalkthroughModal.js +0 -560
- package/dist/esm/components/Inspector/PerformanceHud.d.ts +0 -7
- package/dist/esm/components/Inspector/PerformanceHud.js +0 -170
- package/dist/esm/components/Inspector/RequestReplayModal.d.ts +0 -9
- package/dist/esm/components/Inspector/RequestReplayModal.js +0 -752
- package/dist/esm/components/Inspector/RequestReplayView.d.ts +0 -8
- package/dist/esm/components/Inspector/RequestReplayView.js +0 -831
- package/dist/esm/components/Inspector/StorageTab.d.ts +0 -3
- package/dist/esm/components/Inspector/StorageTab.js +0 -571
- package/dist/esm/customHooks/storageInspector.d.ts +0 -13
- package/dist/esm/customHooks/storageInspector.js +0 -170
- package/dist/esm/helpers/deviceInfo.d.ts +0 -4
- package/dist/esm/helpers/deviceInfo.js +0 -89
- package/dist/esm/helpers/packageAuditor.d.ts +0 -5
- package/dist/esm/helpers/packageAuditor.js +0 -173
|
@@ -13,7 +13,7 @@ const NetworkIcons_1 = require("../NetworkIcons");
|
|
|
13
13
|
const reduxLogger_1 = require("../../customHooks/reduxLogger");
|
|
14
14
|
const analyticsLogger_1 = require("../../customHooks/analyticsLogger");
|
|
15
15
|
const TabBar = react_1.default.memo(() => {
|
|
16
|
-
const { activeTab, switchActiveTab, tabVisibility, logs, consoleLogs, analyticsEvents, crashRecords,
|
|
16
|
+
const { activeTab, switchActiveTab, tabVisibility, logs, consoleLogs, analyticsEvents, crashRecords, lastReadApisCount, lastReadLogsCount, lastReadCrashesCount, unreadPulseAnim, } = (0, InspectorContext_1.useInspector)();
|
|
17
17
|
const isReduxAvail = (0, reduxLogger_1.isReduxConnected)();
|
|
18
18
|
const isAnalyticsAvail = (0, analyticsLogger_1.isAnalyticsConnected)();
|
|
19
19
|
return (<react_native_1.View style={styles_1.default.tabBarContainer}>
|
|
@@ -43,24 +43,6 @@ const TabBar = react_1.default.memo(() => {
|
|
|
43
43
|
count: 0,
|
|
44
44
|
icon: 'redux',
|
|
45
45
|
},
|
|
46
|
-
{
|
|
47
|
-
key: 'storage',
|
|
48
|
-
label: 'Storage',
|
|
49
|
-
count: storageEntries.length,
|
|
50
|
-
icon: 'storage',
|
|
51
|
-
},
|
|
52
|
-
{
|
|
53
|
-
key: 'device',
|
|
54
|
-
label: 'Device',
|
|
55
|
-
count: 0,
|
|
56
|
-
icon: 'device',
|
|
57
|
-
},
|
|
58
|
-
{
|
|
59
|
-
key: 'audit',
|
|
60
|
-
label: 'Audit',
|
|
61
|
-
count: auditReport?.totalIssues || 0,
|
|
62
|
-
icon: 'audit',
|
|
63
|
-
},
|
|
64
46
|
{
|
|
65
47
|
key: 'bundle',
|
|
66
48
|
label: 'Bundle',
|
|
@@ -81,7 +63,7 @@ const TabBar = react_1.default.memo(() => {
|
|
|
81
63
|
},
|
|
82
64
|
]
|
|
83
65
|
.filter(tab => {
|
|
84
|
-
if (!tabVisibility?.[tab.key]
|
|
66
|
+
if (!tabVisibility?.[tab.key])
|
|
85
67
|
return false;
|
|
86
68
|
if (tab.key === 'redux' && !isReduxAvail)
|
|
87
69
|
return false;
|
|
@@ -118,9 +100,6 @@ const TabBar = react_1.default.memo(() => {
|
|
|
118
100
|
{tab.icon === 'logs' && (<NetworkIcons_1.TerminalIcon color={iconColor} size={14}/>)}
|
|
119
101
|
{tab.icon === 'analytics' && (<NetworkIcons_1.AnalyticsIcon color={iconColor} size={14}/>)}
|
|
120
102
|
{tab.icon === 'redux' && (<NetworkIcons_1.ReduxIcon color={iconColor} size={14}/>)}
|
|
121
|
-
{tab.icon === 'storage' && (<NetworkIcons_1.DatabaseIcon color={iconColor} size={14}/>)}
|
|
122
|
-
{tab.icon === 'device' && (<NetworkIcons_1.DevicePhoneIcon color={iconColor} size={14}/>)}
|
|
123
|
-
{tab.icon === 'audit' && (<NetworkIcons_1.ShieldCheckIcon color={iconColor} size={14}/>)}
|
|
124
103
|
{tab.icon === 'bundle' && (<NetworkIcons_1.PackageIcon color={iconColor} size={14}/>)}
|
|
125
104
|
{tab.icon === 'performance' && (<NetworkIcons_1.PerformanceIcon color={iconColor} size={14}/>)}
|
|
126
105
|
{tab.icon === 'crash' && (<NetworkIcons_1.CrashIcon color={iconColor} size={14}/>)}
|
|
@@ -22,7 +22,6 @@ export declare const SizeIcon: ({ color }: IconProps) => React.JSX.Element;
|
|
|
22
22
|
export declare const RequestIcon: ({ color }: IconProps) => React.JSX.Element;
|
|
23
23
|
export declare const ResponseIcon: ({ color }: IconProps) => React.JSX.Element;
|
|
24
24
|
export declare const HeadersIcon: ({ color }: IconProps) => React.JSX.Element;
|
|
25
|
-
export declare const ReplayIcon: ({ color, size, }: IconProps) => React.JSX.Element;
|
|
26
25
|
export declare const CopyIcon: ({ color, size }: IconProps) => React.JSX.Element;
|
|
27
26
|
export declare const FetchIcon: ({ color, size }: IconProps) => React.JSX.Element;
|
|
28
27
|
export declare const TerminalIcon: ({ color, size, }: IconProps) => React.JSX.Element;
|
|
@@ -128,14 +127,3 @@ export declare const TagIcon: ({ color, size }: IconProps) => React.JSX.Element;
|
|
|
128
127
|
export declare const NpmIcon: ({ color, size }: IconProps) => React.JSX.Element;
|
|
129
128
|
export declare const ResetIcon: ({ color, size }: IconProps) => React.JSX.Element;
|
|
130
129
|
export declare const ChevronDownIcon: ({ color, size }: IconProps) => React.JSX.Element;
|
|
131
|
-
export declare const DatabaseIcon: ({ color, size }: IconProps) => React.JSX.Element;
|
|
132
|
-
export declare const DevicePhoneIcon: ({ color, size }: IconProps) => React.JSX.Element;
|
|
133
|
-
export declare const FlagIcon: ({ color, size }: IconProps) => React.JSX.Element;
|
|
134
|
-
export declare const EditIcon: ({ color, size }: IconProps) => React.JSX.Element;
|
|
135
|
-
export declare const PlusIcon: ({ color, size }: IconProps) => React.JSX.Element;
|
|
136
|
-
export declare const CodeIcon: ({ color, size }: IconProps) => React.JSX.Element;
|
|
137
|
-
export declare const CpuIcon: ({ color, size }: IconProps) => React.JSX.Element;
|
|
138
|
-
export declare const FingerprintIcon: ({ color, size }: IconProps) => React.JSX.Element;
|
|
139
|
-
export declare const MonitorIcon: ({ color, size }: IconProps) => React.JSX.Element;
|
|
140
|
-
export declare const ShieldCheckIcon: ({ color, size }: IconProps) => React.JSX.Element;
|
|
141
|
-
export declare const SparklesIcon: ({ color, size }: IconProps) => React.JSX.Element;
|
|
@@ -36,9 +36,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
36
36
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
37
37
|
};
|
|
38
38
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
39
|
-
exports.UserIcon = exports.LayersIcon = exports.WipeIcon = exports.FolderIcon = exports.SettingsIcon = exports.EyeIcon = exports.JsIcon = exports.CssIcon = exports.HtmlIcon = exports.BrandSquareIcon = exports.BrandCircleIcon = exports.MoonIcon = exports.SunIcon = exports.DebugIcon = exports.InsightsIcon = exports.AnalyticsIcon = exports.WhiteBackNavigation = exports.CloseWhite = exports.DownloadIcon = exports.FilterIcon = exports.ChevronIcon = exports.SortArrowIcon = exports.GlobeIcon = exports.DiffIcon = exports.SignalIcon = exports.ExportIcon = exports.HeaderPauseIcon = exports.TrashIcon = exports.FailIcon = exports.CircleAlertIcon = exports.CircleXIcon = exports.CircleCheckIcon = exports.CheckIcon = exports.TerminalIcon = exports.FetchIcon = exports.CopyIcon = exports.
|
|
40
|
-
exports.StackTraceIcon = exports.LayoutIcon = exports.ChipIcon = exports.SkullIcon = exports.ShieldAlertIcon = exports.CrashIcon = exports.UserCheckIcon = exports.TargetGoalIcon = exports.RepeatIcon = exports.PinIcon = exports.HourglassIcon = exports.FlameIcon = exports.CodeBracketsIcon = exports.AndroidIcon = exports.AppleIcon = exports.LinkChainIcon = exports.GitHubIcon = exports.PackageBoxIcon = exports.ExternalLinkIcon = exports.MoneyIcon = exports.CartIcon = exports.TextAaIcon = exports.BrainIcon = exports.AtomIcon = exports.MapIcon = exports.SparkleIcon = exports.LightbulbIcon = exports.DocIcon = exports.FolderOpenIcon = exports.BanIcon = exports.BoltIcon = exports.PerformanceIcon = exports.ReduxIcon = exports.MetadataIcon = exports.StorageIcon = exports.RefreshCcwIcon = exports.TimelineIcon = exports.LiveStateIcon = exports.BundleIcon = exports.ForwardChevronIcon = exports.PackageIcon = exports.TableIcon = exports.RawIcon = exports.PrettyIcon = exports.SortIcon = exports.MotionIcon = exports.TrendingUpIcon = exports.ErrorCircleIcon = exports.WarningTriangleIcon =
|
|
41
|
-
exports.
|
|
39
|
+
exports.InfoCircleIcon = exports.UserIcon = exports.LayersIcon = exports.WipeIcon = exports.FolderIcon = exports.SettingsIcon = exports.EyeIcon = exports.JsIcon = exports.CssIcon = exports.HtmlIcon = exports.BrandSquareIcon = exports.BrandCircleIcon = exports.MoonIcon = exports.SunIcon = exports.DebugIcon = exports.InsightsIcon = exports.AnalyticsIcon = exports.WhiteBackNavigation = exports.CloseWhite = exports.DownloadIcon = exports.FilterIcon = exports.ChevronIcon = exports.SortArrowIcon = exports.GlobeIcon = exports.DiffIcon = exports.SignalIcon = exports.ExportIcon = exports.HeaderPauseIcon = exports.TrashIcon = exports.FailIcon = exports.CircleAlertIcon = exports.CircleXIcon = exports.CircleCheckIcon = exports.CheckIcon = exports.TerminalIcon = exports.FetchIcon = exports.CopyIcon = exports.HeadersIcon = exports.ResponseIcon = exports.RequestIcon = exports.SizeIcon = exports.StatusIcon = exports.CalendarIcon = exports.ClockIcon = exports.ClearIcon = exports.SearchIcon = exports.ExpandCollapseIcon = exports.ScreenIcon = exports.MapPinIcon = exports.EmptyRadarIcon = void 0;
|
|
40
|
+
exports.DiagnosticsIcon = exports.StackTraceIcon = exports.LayoutIcon = exports.ChipIcon = exports.SkullIcon = exports.ShieldAlertIcon = exports.CrashIcon = exports.UserCheckIcon = exports.TargetGoalIcon = exports.RepeatIcon = exports.PinIcon = exports.HourglassIcon = exports.FlameIcon = exports.CodeBracketsIcon = exports.AndroidIcon = exports.AppleIcon = exports.LinkChainIcon = exports.GitHubIcon = exports.PackageBoxIcon = exports.ExternalLinkIcon = exports.MoneyIcon = exports.CartIcon = exports.TextAaIcon = exports.BrainIcon = exports.AtomIcon = exports.MapIcon = exports.SparkleIcon = exports.LightbulbIcon = exports.DocIcon = exports.FolderOpenIcon = exports.BanIcon = exports.BoltIcon = exports.PerformanceIcon = exports.ReduxIcon = exports.MetadataIcon = exports.StorageIcon = exports.RefreshCcwIcon = exports.TimelineIcon = exports.LiveStateIcon = exports.BundleIcon = exports.ForwardChevronIcon = exports.PackageIcon = exports.TableIcon = exports.RawIcon = exports.PrettyIcon = exports.SortIcon = exports.MotionIcon = exports.TrendingUpIcon = exports.ErrorCircleIcon = exports.WarningTriangleIcon = void 0;
|
|
41
|
+
exports.ChevronDownIcon = exports.ResetIcon = exports.NpmIcon = exports.TagIcon = exports.BugIcon = exports.AlertTriangleIcon = exports.SmartphoneIcon = exports.KeyIcon = exports.BarChartIcon = exports.DiceIcon = exports.ZapIcon = exports.FlaskIcon = exports.LoadingSpinnerIcon = exports.ListenerIcon = exports.AllFramesIcon = exports.AppFramesIcon = exports.RawJsonIcon = exports.TrailIcon = void 0;
|
|
42
42
|
const react_1 = __importDefault(require("react"));
|
|
43
43
|
const react_native_svg_1 = __importStar(require("react-native-svg"));
|
|
44
44
|
// Stylesheet
|
|
@@ -133,14 +133,6 @@ const HeadersIcon = ({ color = AppColors_1.AppColors.skyBlue }) => {
|
|
|
133
133
|
</react_native_svg_1.default>);
|
|
134
134
|
};
|
|
135
135
|
exports.HeadersIcon = HeadersIcon;
|
|
136
|
-
const ReplayIcon = ({ color = AppColors_1.AppColors.purple, size = 14, }) => {
|
|
137
|
-
return (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
|
|
138
|
-
<react_native_svg_1.Path d="M21 2v6h-6" stroke={color} strokeWidth="2.2" strokeLinecap="round" strokeLinejoin="round"/>
|
|
139
|
-
<react_native_svg_1.Path d="M21 8A10 10 0 1 0 21.8 14" stroke={color} strokeWidth="2.2" strokeLinecap="round" strokeLinejoin="round"/>
|
|
140
|
-
<react_native_svg_1.Path d="M10 8.5l5.5 3.5-5.5 3.5v-7z" fill={color}/>
|
|
141
|
-
</react_native_svg_1.default>);
|
|
142
|
-
};
|
|
143
|
-
exports.ReplayIcon = ReplayIcon;
|
|
144
136
|
const CopyIcon = ({ color = AppColors_1.AppColors.grayTextWeak, size = 14 }) => {
|
|
145
137
|
return (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
|
|
146
138
|
<react_native_svg_1.Path d="M9 9V5a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-4" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
|
|
@@ -877,64 +869,3 @@ const ChevronDownIcon = ({ color = AppColors_1.AppColors.grayTextWeak, size = 14
|
|
|
877
869
|
<react_native_svg_1.Path d="M6 9l6 6 6-6" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
|
|
878
870
|
</react_native_svg_1.default>);
|
|
879
871
|
exports.ChevronDownIcon = ChevronDownIcon;
|
|
880
|
-
const DatabaseIcon = ({ color = AppColors_1.AppColors.purple, size = 16 }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
|
|
881
|
-
<react_native_svg_1.Ellipse cx="12" cy="5" rx="9" ry="3" stroke={color} strokeWidth="1.8"/>
|
|
882
|
-
<react_native_svg_1.Path d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
|
|
883
|
-
<react_native_svg_1.Path d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
|
|
884
|
-
</react_native_svg_1.default>);
|
|
885
|
-
exports.DatabaseIcon = DatabaseIcon;
|
|
886
|
-
const DevicePhoneIcon = ({ color = AppColors_1.AppColors.purple, size = 16 }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
|
|
887
|
-
<react_native_svg_1.Rect x="5" y="2" width="14" height="20" rx="3" stroke={color} strokeWidth="1.8"/>
|
|
888
|
-
<react_native_svg_1.Line x1="12" y1="18" x2="12.01" y2="18" stroke={color} strokeWidth="2.5" strokeLinecap="round"/>
|
|
889
|
-
<react_native_svg_1.Line x1="9" y1="5" x2="15" y2="5" stroke={color} strokeWidth="1.5" strokeLinecap="round"/>
|
|
890
|
-
</react_native_svg_1.default>);
|
|
891
|
-
exports.DevicePhoneIcon = DevicePhoneIcon;
|
|
892
|
-
const FlagIcon = ({ color = AppColors_1.AppColors.purple, size = 16 }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
|
|
893
|
-
<react_native_svg_1.Path d="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1zM4 22v-7" stroke={color} strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
|
|
894
|
-
</react_native_svg_1.default>);
|
|
895
|
-
exports.FlagIcon = FlagIcon;
|
|
896
|
-
const EditIcon = ({ color = AppColors_1.AppColors.grayText, size = 14 }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
|
|
897
|
-
<react_native_svg_1.Path d="M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z" stroke={color} strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
|
|
898
|
-
</react_native_svg_1.default>);
|
|
899
|
-
exports.EditIcon = EditIcon;
|
|
900
|
-
const PlusIcon = ({ color = AppColors_1.AppColors.white, size = 14 }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
|
|
901
|
-
<react_native_svg_1.Line x1="12" y1="5" x2="12" y2="19" stroke={color} strokeWidth="2" strokeLinecap="round"/>
|
|
902
|
-
<react_native_svg_1.Line x1="5" y1="12" x2="19" y2="12" stroke={color} strokeWidth="2" strokeLinecap="round"/>
|
|
903
|
-
</react_native_svg_1.default>);
|
|
904
|
-
exports.PlusIcon = PlusIcon;
|
|
905
|
-
const CodeIcon = ({ color = AppColors_1.AppColors.grayText, size = 14 }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
|
|
906
|
-
<react_native_svg_1.Path d="M16 18l6-6-6-6M8 6l-6 6 6 6" stroke={color} strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
|
|
907
|
-
</react_native_svg_1.default>);
|
|
908
|
-
exports.CodeIcon = CodeIcon;
|
|
909
|
-
const CpuIcon = ({ color = AppColors_1.AppColors.grayText, size = 14 }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
|
|
910
|
-
<react_native_svg_1.Rect x="4" y="4" width="16" height="16" rx="2" stroke={color} strokeWidth="1.8"/>
|
|
911
|
-
<react_native_svg_1.Rect x="9" y="9" width="6" height="6" stroke={color} strokeWidth="1.8"/>
|
|
912
|
-
<react_native_svg_1.Line x1="9" y1="1" x2="9" y2="4" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
|
|
913
|
-
<react_native_svg_1.Line x1="15" y1="1" x2="15" y2="4" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
|
|
914
|
-
<react_native_svg_1.Line x1="9" y1="20" x2="9" y2="23" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
|
|
915
|
-
<react_native_svg_1.Line x1="15" y1="20" x2="15" y2="23" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
|
|
916
|
-
<react_native_svg_1.Line x1="20" y1="9" x2="23" y2="9" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
|
|
917
|
-
<react_native_svg_1.Line x1="20" y1="15" x2="23" y2="15" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
|
|
918
|
-
<react_native_svg_1.Line x1="1" y1="9" x2="4" y2="9" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
|
|
919
|
-
<react_native_svg_1.Line x1="1" y1="15" x2="4" y2="15" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
|
|
920
|
-
</react_native_svg_1.default>);
|
|
921
|
-
exports.CpuIcon = CpuIcon;
|
|
922
|
-
const FingerprintIcon = ({ color = AppColors_1.AppColors.grayText, size = 14 }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
|
|
923
|
-
<react_native_svg_1.Path d="M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10c0 2.21-.895 4.21-2.343 5.657M12 7c-2.761 0-5 2.239-5 5 0 1.38.56 2.63 1.464 3.536M12 11c-.552 0-1 .448-1 1 0 2.5 1.5 4.5 4 5" stroke={color} strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
|
|
924
|
-
</react_native_svg_1.default>);
|
|
925
|
-
exports.FingerprintIcon = FingerprintIcon;
|
|
926
|
-
const MonitorIcon = ({ color = AppColors_1.AppColors.grayText, size = 14 }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
|
|
927
|
-
<react_native_svg_1.Rect x="2" y="3" width="20" height="14" rx="2" stroke={color} strokeWidth="1.8"/>
|
|
928
|
-
<react_native_svg_1.Line x1="8" y1="21" x2="16" y2="21" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
|
|
929
|
-
<react_native_svg_1.Line x1="12" y1="17" x2="12" y2="21" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
|
|
930
|
-
</react_native_svg_1.default>);
|
|
931
|
-
exports.MonitorIcon = MonitorIcon;
|
|
932
|
-
const ShieldCheckIcon = ({ color = AppColors_1.AppColors.greenColor, size = 16 }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
|
|
933
|
-
<react_native_svg_1.Path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" stroke={color} strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
|
|
934
|
-
<react_native_svg_1.Path d="M9 12l2 2 4-4" stroke={color} strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
|
|
935
|
-
</react_native_svg_1.default>);
|
|
936
|
-
exports.ShieldCheckIcon = ShieldCheckIcon;
|
|
937
|
-
const SparklesIcon = ({ color = AppColors_1.AppColors.purple, size = 16 }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
|
|
938
|
-
<react_native_svg_1.Path d="M12 3l1.912 5.885L20 10.8l-4.756 3.63L16.824 20 12 16.3 7.176 20l1.58-5.57L4 10.8l6.088-1.915L12 3z" stroke={color} strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
|
|
939
|
-
</react_native_svg_1.default>);
|
|
940
|
-
exports.SparklesIcon = SparklesIcon;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const LIB_VERSION = "2.0
|
|
1
|
+
export declare const LIB_VERSION = "2.2.0";
|
|
@@ -3,4 +3,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.LIB_VERSION = void 0;
|
|
4
4
|
// AUTO-GENERATED FILE — do not edit by hand.
|
|
5
5
|
// Regenerated from package.json on every build by scripts/gen-version.js.
|
|
6
|
-
exports.LIB_VERSION = '2.0
|
|
6
|
+
exports.LIB_VERSION = '2.2.0';
|
|
@@ -31,8 +31,6 @@ export declare const formatTimeShort: (ts: number) => string;
|
|
|
31
31
|
export declare const formatTime: (ts: number) => string;
|
|
32
32
|
/** Formats a relative gap like "+2s" / "+1m 5s" / "+350ms". */
|
|
33
33
|
export declare const formatGap: (ms: number) => string;
|
|
34
|
-
/** Formats byte size into human readable B / KB / MB. */
|
|
35
|
-
export declare const formatBytes: (bytes: number) => string;
|
|
36
34
|
/** Finds the first JSON object/array embedded anywhere in a log message. */
|
|
37
35
|
export declare const getJsonContent: (message: string) => JsonContent | null;
|
|
38
36
|
/** Pretty-prints JSON data showing 3-4 lines with trailing "..." */
|
|
@@ -17,7 +17,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
17
17
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
18
18
|
};
|
|
19
19
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
20
|
-
exports.getRuntimeDiagnostics = exports.getCategoryColors = exports.registerGAPlugin = exports.getEventCategory = exports.getEventColor = exports.ANALYTICS_EVENT_PALETTE = exports.openInVSCode = exports.parseStackLine = exports.getJsonPreviewText = exports.getJsonContent = exports.
|
|
20
|
+
exports.getRuntimeDiagnostics = exports.getCategoryColors = exports.registerGAPlugin = exports.getEventCategory = exports.getEventColor = exports.ANALYTICS_EVENT_PALETTE = exports.openInVSCode = exports.parseStackLine = exports.getJsonPreviewText = exports.getJsonContent = exports.formatGap = exports.formatTime = exports.formatTimeShort = exports.handleOpenExternalLink = exports.getAppName = exports.getBundleIdentifier = exports.formatDateTimeToAnalytics = exports.isAllValuesEmpty = exports.getLocalizedFilePathWithSlash = exports.getLocalizedFilePath = exports.formatDisplayUrl = exports.getDiff = exports.flattenObject = exports.getNavigationInfo = exports.escapeRegex = exports.deduplicateLogs = exports.getFetchCommand = exports.getCurlCommand = exports.getBaseUrl = exports.getPath = exports.copyToClipboard = exports.getSize = exports.getDurationColor = exports.getStatusColor = exports.formatTimestamp = exports.formatDateTime = exports.getDomainColor = void 0;
|
|
21
21
|
const react_native_1 = require("react-native");
|
|
22
22
|
const clipboard_1 = __importDefault(require("@react-native-clipboard/clipboard"));
|
|
23
23
|
const toast_1 = require("./toast");
|
|
@@ -440,17 +440,6 @@ const formatGap = (ms) => {
|
|
|
440
440
|
return rem > 0 ? `+${m}m ${rem}s` : `+${m}m`;
|
|
441
441
|
};
|
|
442
442
|
exports.formatGap = formatGap;
|
|
443
|
-
/** Formats byte size into human readable B / KB / MB. */
|
|
444
|
-
const formatBytes = (bytes) => {
|
|
445
|
-
if (bytes === 0)
|
|
446
|
-
return '0 B';
|
|
447
|
-
if (bytes < 1024)
|
|
448
|
-
return `${bytes} B`;
|
|
449
|
-
if (bytes < 1024 * 1024)
|
|
450
|
-
return `${(bytes / 1024).toFixed(1)} KB`;
|
|
451
|
-
return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
|
|
452
|
-
};
|
|
453
|
-
exports.formatBytes = formatBytes;
|
|
454
443
|
/** Finds the first JSON object/array embedded anywhere in a log message. */
|
|
455
444
|
const getJsonContent = (message) => {
|
|
456
445
|
if (!message)
|
|
@@ -2,7 +2,7 @@ import { InspectorStorage, PersistedSettings } from '../types';
|
|
|
2
2
|
export { InspectorStorage, PersistedSettings };
|
|
3
3
|
export declare function setCustomStorage(storage: InspectorStorage | null): void;
|
|
4
4
|
export declare function loadSettings(): Promise<PersistedSettings>;
|
|
5
|
-
export declare function saveSettings(settings: PersistedSettings):
|
|
5
|
+
export declare function saveSettings(settings: PersistedSettings): void;
|
|
6
6
|
export declare function clearPersistedSettings(): Promise<void>;
|
|
7
7
|
export declare const isPersistentStorageAvailable: () => boolean;
|
|
8
8
|
export declare function getCustomStorage(): InspectorStorage | null;
|
|
@@ -57,11 +57,9 @@ async function loadSettings() {
|
|
|
57
57
|
return {};
|
|
58
58
|
}
|
|
59
59
|
}
|
|
60
|
-
|
|
60
|
+
function saveSettings(settings) {
|
|
61
61
|
try {
|
|
62
|
-
const
|
|
63
|
-
const merged = { ...existing, ...settings };
|
|
64
|
-
const raw = JSON.stringify(merged);
|
|
62
|
+
const raw = JSON.stringify(settings);
|
|
65
63
|
if (customStorage) {
|
|
66
64
|
customStorage.setItem(SETTINGS_KEY, raw);
|
|
67
65
|
return;
|
|
@@ -50,9 +50,8 @@
|
|
|
50
50
|
"activeBadge": "ACTIVE",
|
|
51
51
|
"dormantBadge": "DORMANT",
|
|
52
52
|
"protectedBadge": "PROTECTED",
|
|
53
|
-
"modulesAndTools": "Modules &
|
|
54
|
-
"
|
|
55
|
-
"uiPreferences": "UI & Appearance",
|
|
53
|
+
"modulesAndTools": "Modules & Tools",
|
|
54
|
+
"uiPreferences": "UI Preferences",
|
|
56
55
|
"zeroOverheadTitle": "Zero Background Overhead",
|
|
57
56
|
"zeroOverheadDesc": "Check the modules you wish to activate. Disabled modules consume 0% CPU & memory until saved.",
|
|
58
57
|
"unsavedPending": "● Unsaved selections pending",
|
package/dist/commonjs/index.d.ts
CHANGED
|
@@ -14,6 +14,5 @@ export { usePerformanceTracker, useComponentProfiler, useNavigationProfiler, tra
|
|
|
14
14
|
export { InspectLog, InspectTrackTime, InspectCatch, type InspectLogOptions, } from './decorators';
|
|
15
15
|
export { getNativeDeviceMetrics, enableNativeCrashProtection, subscribeNativeCrashes, showNativeFloatingButton, hideNativeFloatingButton, setNativeFloatingButtonBadge, subscribeNativeFloatingButtonPress, subscribeNativeDeviceShake, startNativeFpsMonitoring, stopNativeFpsMonitoring, getNativeFpsMetrics, getNativeStorageItem, setNativeStorageItem, isNativeModuleAvailable, type NativeDeviceMetrics, type NativeCrashEvent, type FloatingButtonOptions, type NativeFpsMetrics, } from './native/NativeInspector';
|
|
16
16
|
export { sendSessionTelemetryPing, trackTelemetryEvent, trackInspectorOpen, trackTabSwitch, trackLogExport, GA4_MEASUREMENT_ID, GA4_API_SECRET, } from './helpers';
|
|
17
|
-
export { runLivePackageAudit, logCodeQualityIssue, clearCustomAuditIssues, } from './helpers/packageAuditor';
|
|
18
17
|
export { BrandSquareIcon, BrandCircleIcon, } from './components/NetworkIcons';
|
|
19
18
|
export { ActiveTab, Method, StatusFilter, SortOrder, LocalFilter, ModalAnimationType, SettingsPage, SettingsSubTab, LogFilter, ConsoleLogType, AnalyticsEventSource, GAEventCategory, StackFrameType, DiffResultType, BundleSubTab, PerformanceSubTab, CrashType, CrashExportFormat, CrashDetailSubTab, CrashFilterType, BreadcrumbType, } from './types';
|
package/dist/commonjs/index.js
CHANGED
|
@@ -37,8 +37,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
37
37
|
};
|
|
38
38
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
39
39
|
exports.registerComponentProfile = exports.getHermesMemoryStats = exports.measureAsync = exports.trackHeavyTask = exports.trackNavigationTransition = exports.trackComponentRender = exports.useNavigationProfiler = exports.useComponentProfiler = exports.usePerformanceTracker = exports.registerGAPlugin = exports.getEventCategory = exports.getLastActionForReducer = exports.clearActionHistory = exports.getActionHistory = exports.subscribeReduxState = exports.getReduxState = exports.inspectorReduxMiddleware = exports.connectReduxStore = exports.ErrorBoundary = exports.CrashTab = exports.computeCrashFingerprint = exports.recordUserActionBreadcrumb = exports.recordReduxBreadcrumb = exports.recordNetworkBreadcrumb = exports.recordNavigationBreadcrumb = exports.addCrashBreadcrumb = exports.recordCustomCrash = exports.parseCrashStackTrace = exports.exportCrashReport = exports.simulateTestCrash = exports.clearCrashRecords = exports.getCrashRecords = exports.emitCrashEvent = exports.subscribeCrashEvents = exports.setupGlobalCrashHandler = exports.getCollectionEnabled = exports.getDefaultEventParameters = exports.getCurrentUserId = exports.getCurrentUserProperties = exports.clearAnalyticsEvents = exports.subscribeAnalyticsEvents = exports.logAnalyticsEvent = exports.setupAnalyticsLogger = exports.subscribeConsoleLogs = exports.clearConsoleLogs = exports.setupConsoleLogger = exports.addAxiosInterceptors = exports.subscribeNetworkLogs = exports.clearNetworkLogs = exports.setupNetworkLogger = void 0;
|
|
40
|
-
exports.
|
|
41
|
-
exports.BreadcrumbType = exports.CrashFilterType = exports.CrashDetailSubTab = exports.CrashExportFormat = exports.CrashType = exports.PerformanceSubTab =
|
|
40
|
+
exports.BundleSubTab = exports.DiffResultType = exports.StackFrameType = exports.GAEventCategory = exports.AnalyticsEventSource = exports.ConsoleLogType = exports.LogFilter = exports.SettingsSubTab = exports.SettingsPage = exports.ModalAnimationType = exports.LocalFilter = exports.SortOrder = exports.StatusFilter = exports.Method = exports.ActiveTab = exports.BrandCircleIcon = exports.BrandSquareIcon = exports.GA4_API_SECRET = exports.GA4_MEASUREMENT_ID = exports.trackLogExport = exports.trackTabSwitch = exports.trackInspectorOpen = exports.trackTelemetryEvent = exports.sendSessionTelemetryPing = exports.isNativeModuleAvailable = exports.setNativeStorageItem = exports.getNativeStorageItem = exports.getNativeFpsMetrics = exports.stopNativeFpsMonitoring = exports.startNativeFpsMonitoring = exports.subscribeNativeDeviceShake = exports.subscribeNativeFloatingButtonPress = exports.setNativeFloatingButtonBadge = exports.hideNativeFloatingButton = exports.showNativeFloatingButton = exports.subscribeNativeCrashes = exports.enableNativeCrashProtection = exports.getNativeDeviceMetrics = exports.InspectCatch = exports.InspectTrackTime = exports.InspectLog = exports.generateFixSnippet = exports.getInitialPerformanceEvents = exports.getInitialRenderProfiles = exports.getPerformanceEvents = exports.subscribePerformanceEvents = exports.clearPerformanceEvents = exports.logPerformanceEvent = exports.getRenderProfiles = exports.subscribeRenderProfiles = void 0;
|
|
41
|
+
exports.BreadcrumbType = exports.CrashFilterType = exports.CrashDetailSubTab = exports.CrashExportFormat = exports.CrashType = exports.PerformanceSubTab = void 0;
|
|
42
42
|
const react_1 = __importStar(require("react"));
|
|
43
43
|
const react_native_1 = require("react-native");
|
|
44
44
|
const native_1 = require("@react-navigation/native");
|
|
@@ -64,22 +64,14 @@ const analyticsLogger_1 = require("./customHooks/analyticsLogger");
|
|
|
64
64
|
const reduxLogger_1 = require("./customHooks/reduxLogger");
|
|
65
65
|
const performanceTracker_1 = require("./customHooks/performanceTracker");
|
|
66
66
|
const bundleAnalyzer_1 = require("./customHooks/bundleAnalyzer");
|
|
67
|
-
const storageInspector_1 = require("./customHooks/storageInspector");
|
|
68
|
-
const deviceInfo_1 = require("./helpers/deviceInfo");
|
|
69
|
-
const packageAuditor_1 = require("./helpers/packageAuditor");
|
|
70
67
|
const NativeInspector_2 = require("./native/NativeInspector");
|
|
71
68
|
const constants_1 = require("./constants");
|
|
72
69
|
// Stylesheet
|
|
73
70
|
const styles_1 = require("./styles");
|
|
74
|
-
const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigationRef, appIcon, environment, initialVisible, visible: controlledVisible,
|
|
75
|
-
// Zero-overhead production stub: if disabled, return null immediately
|
|
76
|
-
if (!enabled || !isEnabled) {
|
|
77
|
-
return null;
|
|
78
|
-
}
|
|
71
|
+
const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigationRef, appIcon, environment, initialVisible, visible: controlledVisible, }) => {
|
|
79
72
|
// Set custom storage synchronously during render phase
|
|
80
73
|
(0, settingsStore_1.setCustomStorage)(storage || null);
|
|
81
74
|
const [isDark, setIsDark] = (0, react_1.useState)(false);
|
|
82
|
-
const [isPerformanceHudEnabled, setIsPerformanceHudEnabled] = (0, react_1.useState)(enablePerformanceHud);
|
|
83
75
|
const [reduxState, setReduxState] = (0, react_1.useState)(null);
|
|
84
76
|
// Per-reducer last action is kept in component state so the
|
|
85
77
|
// Redux tab re-renders live on every dispatch, independent of the state tree ref.
|
|
@@ -94,11 +86,6 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
|
|
|
94
86
|
setVisible(controlledVisible);
|
|
95
87
|
}
|
|
96
88
|
}, [controlledVisible]);
|
|
97
|
-
(0, react_1.useEffect)(() => {
|
|
98
|
-
if (enablePerformanceHud !== undefined) {
|
|
99
|
-
setIsPerformanceHudEnabled(enablePerformanceHud);
|
|
100
|
-
}
|
|
101
|
-
}, [enablePerformanceHud]);
|
|
102
89
|
const [isReady, setIsReady] = (0, react_1.useState)(false);
|
|
103
90
|
const [selected, setSelected] = (0, react_1.useState)(null);
|
|
104
91
|
const [selectedLogs, setSelectedLogs] = (0, react_1.useState)(new Set());
|
|
@@ -130,8 +117,6 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
|
|
|
130
117
|
const [sectionFilters, setSectionFilters] = (0, react_1.useState)({});
|
|
131
118
|
const [collapsedSections, setCollapsedSections] = (0, react_1.useState)(new Set());
|
|
132
119
|
const [showHeaderInfo, setShowHeaderInfo] = (0, react_1.useState)(true);
|
|
133
|
-
const [isWalkthroughVisible, setIsWalkthroughVisible] = (0, react_1.useState)(true);
|
|
134
|
-
const hasCompletedWalkthroughRef = (0, react_1.useRef)(null);
|
|
135
120
|
const [sortOrder, setSortOrder] = (0, react_1.useState)('newest');
|
|
136
121
|
// #7 — sort order for the Logs (console) tab
|
|
137
122
|
const [logSortOrder, setLogSortOrder] = (0, react_1.useState)('newest');
|
|
@@ -140,7 +125,7 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
|
|
|
140
125
|
const [showReqDiff, setShowReqDiff] = (0, react_1.useState)(false);
|
|
141
126
|
const [showResDiff, setShowResDiff] = (0, react_1.useState)(false);
|
|
142
127
|
// ─── Analytics state ───────────────────────────────────────────────────────
|
|
143
|
-
const [activeTab, setActiveTab] = (0, react_1.useState)(
|
|
128
|
+
const [activeTab, setActiveTab] = (0, react_1.useState)('apis');
|
|
144
129
|
const [analyticsEvents, setAnalyticsEvents] = (0, react_1.useState)([]);
|
|
145
130
|
// ─── Logs state ────────────────────────────────────────────────────────────
|
|
146
131
|
const [consoleLogs, setConsoleLogs] = (0, react_1.useState)([]);
|
|
@@ -196,47 +181,6 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
|
|
|
196
181
|
setLastReadCrashesCount(crashRecords.length);
|
|
197
182
|
}
|
|
198
183
|
}, [activeTab, crashRecords.length]);
|
|
199
|
-
// ─── Storage state ─────────────────────────────────────────────────────────
|
|
200
|
-
const [storageEntries, setStorageEntries] = (0, react_1.useState)([]);
|
|
201
|
-
const [selectedStorageKey, setSelectedStorageKey] = (0, react_1.useState)(null);
|
|
202
|
-
const refreshStorageEntries = (0, react_1.useCallback)(async () => {
|
|
203
|
-
try {
|
|
204
|
-
const entries = await (0, storageInspector_1.fetchAllStorageEntries)();
|
|
205
|
-
setStorageEntries(entries);
|
|
206
|
-
}
|
|
207
|
-
catch { }
|
|
208
|
-
}, []);
|
|
209
|
-
const updateStorageEntry = (0, react_1.useCallback)(async (key, value) => {
|
|
210
|
-
await (0, storageInspector_1.setStorageItem)(key, value);
|
|
211
|
-
await refreshStorageEntries();
|
|
212
|
-
}, [refreshStorageEntries]);
|
|
213
|
-
const deleteStorageEntry = (0, react_1.useCallback)(async (key) => {
|
|
214
|
-
await (0, storageInspector_1.removeStorageItem)(key);
|
|
215
|
-
await refreshStorageEntries();
|
|
216
|
-
}, [refreshStorageEntries]);
|
|
217
|
-
const clearAllStorageEntries = (0, react_1.useCallback)(async () => {
|
|
218
|
-
await (0, storageInspector_1.clearAllStorage)();
|
|
219
|
-
await refreshStorageEntries();
|
|
220
|
-
}, [refreshStorageEntries]);
|
|
221
|
-
(0, react_1.useEffect)(() => {
|
|
222
|
-
refreshStorageEntries();
|
|
223
|
-
const unsub = (0, storageInspector_1.subscribeStorageChanges)(refreshStorageEntries);
|
|
224
|
-
return () => unsub();
|
|
225
|
-
}, [refreshStorageEntries]);
|
|
226
|
-
// ─── Device info state ──────────────────────────────────────────────────────
|
|
227
|
-
const [deviceInfo] = (0, react_1.useState)(() => (0, deviceInfo_1.getSystemDiagnostics)());
|
|
228
|
-
// ─── Code Quality & Package Audit state ─────────────────────────────────────
|
|
229
|
-
const [auditReport, setAuditReport] = (0, react_1.useState)(() => (0, packageAuditor_1.runLivePackageAudit)());
|
|
230
|
-
(0, react_1.useEffect)(() => {
|
|
231
|
-
const unsub = (0, packageAuditor_1.subscribeAuditChanges)(setAuditReport);
|
|
232
|
-
return () => unsub();
|
|
233
|
-
}, []);
|
|
234
|
-
const refreshAuditReport = (0, react_1.useCallback)(() => {
|
|
235
|
-
setAuditReport((0, packageAuditor_1.runLivePackageAudit)());
|
|
236
|
-
}, []);
|
|
237
|
-
const logCustomAuditIssue = (0, react_1.useCallback)((issue) => {
|
|
238
|
-
(0, packageAuditor_1.logCodeQualityIssue)(issue);
|
|
239
|
-
}, []);
|
|
240
184
|
const [maxConsoleLogs, setMaxConsoleLogs] = (0, react_1.useState)(100);
|
|
241
185
|
const [showConsoleLevels, setShowConsoleLevels] = (0, react_1.useState)({
|
|
242
186
|
info: true,
|
|
@@ -277,9 +221,6 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
|
|
|
277
221
|
logs: true,
|
|
278
222
|
analytics: false,
|
|
279
223
|
redux: false,
|
|
280
|
-
storage: false,
|
|
281
|
-
device: false,
|
|
282
|
-
audit: false,
|
|
283
224
|
bundle: false,
|
|
284
225
|
performance: false,
|
|
285
226
|
crash: false,
|
|
@@ -334,9 +275,6 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
|
|
|
334
275
|
logs: true,
|
|
335
276
|
analytics: false,
|
|
336
277
|
redux: false,
|
|
337
|
-
storage: false,
|
|
338
|
-
device: false,
|
|
339
|
-
audit: false,
|
|
340
278
|
bundle: false,
|
|
341
279
|
performance: false,
|
|
342
280
|
crash: false,
|
|
@@ -374,24 +312,14 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
|
|
|
374
312
|
setModalHeightPercent(saved.modalHeightPercent);
|
|
375
313
|
if (saved.modalAnimationType)
|
|
376
314
|
setModalAnimationType(saved.modalAnimationType);
|
|
377
|
-
if (saved.tabVisibility)
|
|
378
|
-
const savedVis = saved.tabVisibility;
|
|
315
|
+
if (saved.tabVisibility)
|
|
379
316
|
setTabVisibility(prev => ({
|
|
380
317
|
...prev,
|
|
381
|
-
...
|
|
382
|
-
storage: savedVis.storage ?? false,
|
|
383
|
-
device: savedVis.device ?? false,
|
|
384
|
-
audit: savedVis.audit ?? false,
|
|
318
|
+
...saved.tabVisibility,
|
|
385
319
|
apis: true, // APIs is always required
|
|
386
320
|
}));
|
|
387
|
-
|
|
388
|
-
if (initialTab) {
|
|
389
|
-
setActiveTab(initialTab);
|
|
390
|
-
}
|
|
391
|
-
else if (saved.defaultTab) {
|
|
321
|
+
if (saved.defaultTab)
|
|
392
322
|
setDefaultTab(saved.defaultTab);
|
|
393
|
-
setActiveTab(saved.defaultTab);
|
|
394
|
-
}
|
|
395
323
|
if (saved.isAutoRamLimitEnabled != null)
|
|
396
324
|
setIsAutoRamLimitEnabled(saved.isAutoRamLimitEnabled);
|
|
397
325
|
if (saved.maxNetworkLogs != null)
|
|
@@ -412,10 +340,7 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
|
|
|
412
340
|
setShowDuplicateLogs(saved.showDuplicateLogs);
|
|
413
341
|
if (saved.showUpdateToast != null)
|
|
414
342
|
setShowUpdateToast(saved.showUpdateToast);
|
|
415
|
-
if (
|
|
416
|
-
setActiveTab(initialTab);
|
|
417
|
-
}
|
|
418
|
-
else if (saved.defaultTab) {
|
|
343
|
+
if (saved.defaultTab) {
|
|
419
344
|
const dt = saved.defaultTab;
|
|
420
345
|
const vis = {
|
|
421
346
|
...{
|
|
@@ -423,9 +348,6 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
|
|
|
423
348
|
logs: true,
|
|
424
349
|
analytics: false,
|
|
425
350
|
redux: false,
|
|
426
|
-
storage: false,
|
|
427
|
-
device: false,
|
|
428
|
-
audit: false,
|
|
429
351
|
bundle: false,
|
|
430
352
|
performance: false,
|
|
431
353
|
crash: false,
|
|
@@ -435,7 +357,6 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
|
|
|
435
357
|
};
|
|
436
358
|
setActiveTab(vis[dt] ? dt : 'apis');
|
|
437
359
|
}
|
|
438
|
-
hasCompletedWalkthroughRef.current = saved.hasCompletedWalkthrough === true;
|
|
439
360
|
settingsHydratedRef.current = true;
|
|
440
361
|
});
|
|
441
362
|
return () => {
|
|
@@ -895,17 +816,6 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
|
|
|
895
816
|
? defaultTab
|
|
896
817
|
: 'apis';
|
|
897
818
|
setActiveTab(target);
|
|
898
|
-
setSelected(null);
|
|
899
|
-
setSelectedEvent(null);
|
|
900
|
-
setSelectedLog(null);
|
|
901
|
-
setSelectedReduxSlice(null);
|
|
902
|
-
setSelectedReduxAction(null);
|
|
903
|
-
setSelectedCrash(null);
|
|
904
|
-
// Trigger first-time walkthrough strictly on first FAB launch if not yet completed
|
|
905
|
-
if (hasCompletedWalkthroughRef.current === false) {
|
|
906
|
-
setIsWalkthroughVisible(true);
|
|
907
|
-
hasCompletedWalkthroughRef.current = true;
|
|
908
|
-
}
|
|
909
819
|
// Track inspector opened event in GA4
|
|
910
820
|
(0, helpers_1.trackInspectorOpen)({ activeTab: target });
|
|
911
821
|
// Instant synchronization of data collected while modal was closed
|
|
@@ -1751,12 +1661,6 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
|
|
|
1751
1661
|
setModalAnimationType,
|
|
1752
1662
|
hasNavigationContext,
|
|
1753
1663
|
setNavState,
|
|
1754
|
-
isWalkthroughVisible,
|
|
1755
|
-
setIsWalkthroughVisible,
|
|
1756
|
-
openWalkthrough: () => {
|
|
1757
|
-
setSettingsPage(null);
|
|
1758
|
-
setIsWalkthroughVisible(true);
|
|
1759
|
-
},
|
|
1760
1664
|
// ─── Tabs ───────────────────────────────────────────────────────────
|
|
1761
1665
|
activeTab,
|
|
1762
1666
|
switchActiveTab,
|
|
@@ -1891,20 +1795,6 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
|
|
|
1891
1795
|
setCrashRecords([]);
|
|
1892
1796
|
setSelectedCrash(null);
|
|
1893
1797
|
},
|
|
1894
|
-
// ─── Storage ─────────────────────────────────────────────────────────
|
|
1895
|
-
storageEntries,
|
|
1896
|
-
refreshStorageEntries,
|
|
1897
|
-
updateStorageEntry,
|
|
1898
|
-
deleteStorageEntry,
|
|
1899
|
-
clearAllStorageEntries,
|
|
1900
|
-
selectedStorageKey,
|
|
1901
|
-
setSelectedStorageKey,
|
|
1902
|
-
// ─── Device ──────────────────────────────────────────────────────────
|
|
1903
|
-
deviceInfo,
|
|
1904
|
-
// ─── Audit / Code Quality ─────────────────────────────────────────────
|
|
1905
|
-
auditReport,
|
|
1906
|
-
refreshAuditReport,
|
|
1907
|
-
logCustomAuditIssue,
|
|
1908
1798
|
// ─── Settings ───────────────────────────────────────────────────────
|
|
1909
1799
|
settingsActiveSubTab,
|
|
1910
1800
|
setSettingsActiveSubTab,
|
|
@@ -1929,17 +1819,13 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
|
|
|
1929
1819
|
isAutoRamLimitEnabled,
|
|
1930
1820
|
setIsAutoRamLimitEnabled,
|
|
1931
1821
|
deviceFreeRamMb,
|
|
1932
|
-
isPerformanceHudEnabled,
|
|
1933
|
-
setIsPerformanceHudEnabled,
|
|
1934
1822
|
reduxAutoRefresh,
|
|
1935
1823
|
setReduxAutoRefreshState,
|
|
1936
1824
|
reduxExpandDepth,
|
|
1937
1825
|
setReduxExpandDepth,
|
|
1938
1826
|
};
|
|
1939
1827
|
return (<InspectorContext_1.InspectorContext.Provider value={contextValue}>
|
|
1940
|
-
<
|
|
1941
|
-
<MainScreen_1.default />
|
|
1942
|
-
</react_native_1.View>
|
|
1828
|
+
<MainScreen_1.default />
|
|
1943
1829
|
</InspectorContext_1.InspectorContext.Provider>);
|
|
1944
1830
|
};
|
|
1945
1831
|
const NetworkInspectorWrapper = (props) => {
|
|
@@ -2051,10 +1937,6 @@ Object.defineProperty(exports, "trackTabSwitch", { enumerable: true, get: functi
|
|
|
2051
1937
|
Object.defineProperty(exports, "trackLogExport", { enumerable: true, get: function () { return helpers_2.trackLogExport; } });
|
|
2052
1938
|
Object.defineProperty(exports, "GA4_MEASUREMENT_ID", { enumerable: true, get: function () { return helpers_2.GA4_MEASUREMENT_ID; } });
|
|
2053
1939
|
Object.defineProperty(exports, "GA4_API_SECRET", { enumerable: true, get: function () { return helpers_2.GA4_API_SECRET; } });
|
|
2054
|
-
var packageAuditor_2 = require("./helpers/packageAuditor");
|
|
2055
|
-
Object.defineProperty(exports, "runLivePackageAudit", { enumerable: true, get: function () { return packageAuditor_2.runLivePackageAudit; } });
|
|
2056
|
-
Object.defineProperty(exports, "logCodeQualityIssue", { enumerable: true, get: function () { return packageAuditor_2.logCodeQualityIssue; } });
|
|
2057
|
-
Object.defineProperty(exports, "clearCustomAuditIssues", { enumerable: true, get: function () { return packageAuditor_2.clearCustomAuditIssues; } });
|
|
2058
1940
|
var NetworkIcons_1 = require("./components/NetworkIcons");
|
|
2059
1941
|
Object.defineProperty(exports, "BrandSquareIcon", { enumerable: true, get: function () { return NetworkIcons_1.BrandSquareIcon; } });
|
|
2060
1942
|
Object.defineProperty(exports, "BrandCircleIcon", { enumerable: true, get: function () { return NetworkIcons_1.BrandCircleIcon; } });
|
|
@@ -3,9 +3,6 @@ export declare const ActiveTab: {
|
|
|
3
3
|
readonly Analytics: "analytics";
|
|
4
4
|
readonly Logs: "logs";
|
|
5
5
|
readonly Redux: "redux";
|
|
6
|
-
readonly Storage: "storage";
|
|
7
|
-
readonly Device: "device";
|
|
8
|
-
readonly Audit: "audit";
|
|
9
6
|
readonly Bundle: "bundle";
|
|
10
7
|
readonly Performance: "performance";
|
|
11
8
|
readonly Crash: "crash";
|
|
@@ -52,9 +49,6 @@ export declare const SettingsPage: {
|
|
|
52
49
|
readonly Logs: "logs";
|
|
53
50
|
readonly Analytics: "analytics";
|
|
54
51
|
readonly Redux: "redux";
|
|
55
|
-
readonly Storage: "storage";
|
|
56
|
-
readonly Device: "device";
|
|
57
|
-
readonly Audit: "audit";
|
|
58
52
|
readonly Bundle: "bundle";
|
|
59
53
|
readonly Performance: "performance";
|
|
60
54
|
readonly Crash: "crash";
|
|
@@ -62,7 +56,6 @@ export declare const SettingsPage: {
|
|
|
62
56
|
export type SettingsPage = (typeof SettingsPage)[keyof typeof SettingsPage] | null;
|
|
63
57
|
export declare const SettingsSubTab: {
|
|
64
58
|
readonly Module: "module";
|
|
65
|
-
readonly Limits: "limits";
|
|
66
59
|
readonly Ui: "ui";
|
|
67
60
|
};
|
|
68
61
|
export type SettingsSubTab = (typeof SettingsSubTab)[keyof typeof SettingsSubTab];
|
|
@@ -9,9 +9,6 @@ exports.ActiveTab = {
|
|
|
9
9
|
Analytics: 'analytics',
|
|
10
10
|
Logs: 'logs',
|
|
11
11
|
Redux: 'redux',
|
|
12
|
-
Storage: 'storage',
|
|
13
|
-
Device: 'device',
|
|
14
|
-
Audit: 'audit',
|
|
15
12
|
Bundle: 'bundle',
|
|
16
13
|
Performance: 'performance',
|
|
17
14
|
Crash: 'crash',
|
|
@@ -52,16 +49,12 @@ exports.SettingsPage = {
|
|
|
52
49
|
Logs: 'logs',
|
|
53
50
|
Analytics: 'analytics',
|
|
54
51
|
Redux: 'redux',
|
|
55
|
-
Storage: 'storage',
|
|
56
|
-
Device: 'device',
|
|
57
|
-
Audit: 'audit',
|
|
58
52
|
Bundle: 'bundle',
|
|
59
53
|
Performance: 'performance',
|
|
60
54
|
Crash: 'crash',
|
|
61
55
|
};
|
|
62
56
|
exports.SettingsSubTab = {
|
|
63
57
|
Module: 'module',
|
|
64
|
-
Limits: 'limits',
|
|
65
58
|
Ui: 'ui',
|
|
66
59
|
};
|
|
67
60
|
exports.LogFilter = {
|