react-native-inapp-inspector 2.5.7 โ 2.5.8
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/README.md +19 -0
- package/dist/commonjs/components/ConsoleLogCard.js +13 -13
- package/dist/commonjs/components/Inspector/ConsoleTab.js +5 -5
- package/dist/commonjs/components/Inspector/FabLauncher.js +1 -1
- package/dist/commonjs/components/Inspector/InspectorHeader.js +6 -6
- package/dist/commonjs/components/Inspector/NetworkTab.js +48 -48
- package/dist/commonjs/components/Inspector/TabBar.js +5 -5
- package/dist/commonjs/components/LogCard.d.ts +1 -1
- package/dist/commonjs/components/LogCard.js +16 -16
- package/dist/commonjs/constants/version.d.ts +1 -1
- package/dist/commonjs/constants/version.js +1 -1
- package/dist/commonjs/types/interfaces.d.ts +2 -0
- package/dist/esm/components/ConsoleLogCard.js +13 -13
- package/dist/esm/components/Inspector/ConsoleTab.js +9 -9
- package/dist/esm/components/Inspector/FabLauncher.js +1 -1
- package/dist/esm/components/Inspector/InspectorHeader.js +15 -15
- package/dist/esm/components/Inspector/NetworkTab.js +132 -132
- package/dist/esm/components/Inspector/TabBar.js +23 -23
- package/dist/esm/components/LogCard.d.ts +1 -1
- package/dist/esm/components/LogCard.js +24 -24
- package/dist/esm/constants/version.d.ts +1 -1
- package/dist/esm/constants/version.js +1 -1
- package/dist/esm/types/interfaces.d.ts +2 -0
- package/package.json +8 -3
package/README.md
CHANGED
|
@@ -513,6 +513,25 @@ npm run android
|
|
|
513
513
|
|
|
514
514
|
---
|
|
515
515
|
|
|
516
|
+
## ๐งช E2E Simulation & Visual Regression Testing
|
|
517
|
+
|
|
518
|
+
`react-native-inapp-inspector` includes a comprehensive 15-suite gray-box E2E test suite powered by **Detox**, **Page Object Model (POM)**, **Pixel-Diff Visual Regression**, and **Interactive HTML Test Reports**:
|
|
519
|
+
|
|
520
|
+
```bash
|
|
521
|
+
# Run all 15 E2E test suites on iOS simulator
|
|
522
|
+
npm run e2e:test:ios
|
|
523
|
+
|
|
524
|
+
# Run on Android emulator
|
|
525
|
+
npm run e2e:test:android
|
|
526
|
+
|
|
527
|
+
# Generate & open interactive HTML visual test report
|
|
528
|
+
npm run e2e:report
|
|
529
|
+
```
|
|
530
|
+
|
|
531
|
+
For the complete testing architecture, POM locators taxonomy, and chaos scenarios, see the [Detox E2E Testing Guide](docs/DETOX_E2E_GUIDE.md).
|
|
532
|
+
|
|
533
|
+
---
|
|
534
|
+
|
|
516
535
|
## ๐ค Contributing
|
|
517
536
|
|
|
518
537
|
Contributions are warmly welcomed! Please check out [CONTRIBUTING.md](CONTRIBUTING.md) to get started with local development and testing.
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
"use strict";var __importDefault=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MemoizedConsoleLogCard=exports.ConsoleLogCard=void 0;const react_1=__importDefault(require("react")),i18n_1=require("../i18n"),react_native_1=require("react-native"),AppColors_1=require("../styles/AppColors"),AppFonts_1=require("../styles/AppFonts"),helpers_1=require("../helpers"),TouchableScale_1=__importDefault(require("./TouchableScale")),LogSyntaxHighlighter_1=__importDefault(require("./LogSyntaxHighlighter")),NetworkIcons_1=require("./NetworkIcons"),InspectorContext_1=require("./Inspector/InspectorContext"),getLogMessageWithBadges=(l,o,p,C,g)=>{if(!l)return null;const u=/^((?:\[[^\]]+\]\s*)+)/,
|
|
1
|
+
"use strict";var __importDefault=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MemoizedConsoleLogCard=exports.ConsoleLogCard=void 0;const react_1=__importDefault(require("react")),i18n_1=require("../i18n"),react_native_1=require("react-native"),AppColors_1=require("../styles/AppColors"),AppFonts_1=require("../styles/AppFonts"),helpers_1=require("../helpers"),TouchableScale_1=__importDefault(require("./TouchableScale")),LogSyntaxHighlighter_1=__importDefault(require("./LogSyntaxHighlighter")),NetworkIcons_1=require("./NetworkIcons"),InspectorContext_1=require("./Inspector/InspectorContext"),getLogMessageWithBadges=(l,o,p,C,g)=>{if(!l)return null;const u=/^((?:\[[^\]]+\]\s*)+)/,c=l.match(u);if(c){const t=c[1],d=l.substring(t.length),r=t.match(/\[[^\]]+\]/g)||[],f=n=>{const e=n.replace(/[\[\]]/g,"").trim().toUpperCase();return e==="AXIOS"?{color:AppColors_1.AppColors.emerald600,Icon:NetworkIcons_1.ZapIcon,label:"AXIOS"}:e==="API"||e==="FETCH"||e==="HTTP"||e==="REST"||e==="NETWORK"?{color:AppColors_1.AppColors.sky600,Icon:NetworkIcons_1.GlobeIcon,label:e}:e==="GRAPHQL"||e==="GQL"||e==="APOLLO"||e==="MUTATION"||e==="QUERY"?{color:AppColors_1.AppColors.pink500,Icon:NetworkIcons_1.AtomIcon,label:e}:e==="WS"||e==="WEBSOCKET"||e==="SOCKET"||e==="SOCKET.IO"||e==="REALTIME"?{color:AppColors_1.AppColors.cyan600,Icon:NetworkIcons_1.SignalIcon,label:e}:e==="REDUX"||e==="STORE"||e==="STATE"||e==="ZUSTAND"||e==="MOBX"||e==="RECOIL"||e==="ACTION"||e==="DISPATCH"?{color:AppColors_1.AppColors.violet600,Icon:NetworkIcons_1.AtomIcon,label:e}:e==="ANALYTICS"||e==="FIREBASE"||e==="GA4"||e==="GA"||e==="SEGMENT"||e==="MIXPANEL"||e==="POSTHOG"||e==="TRACK"||e==="EVENT"?{color:AppColors_1.AppColors.teal600,Icon:NetworkIcons_1.BarChartIcon,label:e}:e==="AUTH"||e==="TOKEN"||e==="SESSION"||e==="JWT"||e==="LOGIN"||e==="LOGOUT"||e==="USER"?{color:AppColors_1.AppColors.amber600,Icon:NetworkIcons_1.KeyIcon,label:e}:e==="SECURITY"||e==="SHIELD"||e==="PERMISSION"||e==="PERMISSIONS"?{color:AppColors_1.AppColors.indigo600Alt,Icon:NetworkIcons_1.ShieldAlertIcon,label:e}:e==="NAV"||e==="NAVIGATION"||e==="ROUTE"||e==="SCREEN"||e==="ROUTER"||e==="DEEPLINK"?{color:AppColors_1.AppColors.indigo600Alt,Icon:NetworkIcons_1.MapPinIcon,label:e}:e==="STORAGE"||e==="ASYNCSTORAGE"||e==="MMKV"||e==="SQLITE"||e==="DB"||e==="DATABASE"||e==="REALM"||e==="CACHE"?{color:AppColors_1.AppColors.purple500,Icon:NetworkIcons_1.StorageIcon,label:e}:e==="PERF"||e==="RENDER"||e==="PERFORMANCE"||e==="FPS"||e==="MEMORY"?{color:AppColors_1.AppColors.violet500,Icon:NetworkIcons_1.PerformanceIcon,label:e}:e==="INIT"||e==="BOOT"||e==="STARTUP"||e==="LIFECYCLE"||e==="MOUNT"||e==="UNMOUNT"?{color:AppColors_1.AppColors.blue600,Icon:NetworkIcons_1.ZapIcon,label:e}:e==="SYNC"||e==="REFRESH"||e==="BACKGROUND"||e==="JOB"||e==="WORKER"?{color:AppColors_1.AppColors.sky600,Icon:NetworkIcons_1.RefreshCcwIcon,label:e}:e==="PUSH"||e==="NOTIF"||e==="NOTIFICATION"||e==="FCM"||e==="APNS"?{color:AppColors_1.AppColors.darkOrange,Icon:NetworkIcons_1.FlameIcon,label:e}:e==="PAY"||e==="PAYMENT"||e==="STRIPE"||e==="IAP"||e==="BILLING"||e==="CHECKOUT"||e==="CART"?{color:AppColors_1.AppColors.emerald600,Icon:NetworkIcons_1.MoneyIcon,label:e}:e==="DEVICE"||e==="HARDWARE"||e==="BLE"||e==="BLUETOOTH"||e==="NFC"||e==="SENSOR"?{color:AppColors_1.AppColors.slate600,Icon:NetworkIcons_1.ChipIcon,label:e}:e==="LOCATION"||e==="GPS"||e==="GEO"?{color:AppColors_1.AppColors.emerald600,Icon:NetworkIcons_1.MapPinIcon,label:e}:e==="APP"?{color:AppColors_1.AppColors.indigo600Alt,Icon:NetworkIcons_1.SmartphoneIcon,label:"APP"}:e==="UI"||e==="VIEW"||e==="THEME"||e==="STYLE"||e==="LAYOUT"?{color:AppColors_1.AppColors.pink600,Icon:NetworkIcons_1.LayoutIcon,label:e}:e==="TEST"||e==="MOCK"||e==="SPEC"?{color:AppColors_1.AppColors.emerald500,Icon:NetworkIcons_1.FlaskIcon,label:"TEST"}:e==="SAMPLE"||e==="BATCH"?{color:AppColors_1.AppColors.indigo600Alt,Icon:NetworkIcons_1.DiceIcon,label:e}:e==="CONFIG"||e==="ENV"||e==="SETTINGS"?{color:AppColors_1.AppColors.slate700,Icon:NetworkIcons_1.SettingsIcon,label:e}:e==="DEBUG"||e==="TRACE"?{color:AppColors_1.AppColors.purpleText,Icon:NetworkIcons_1.TerminalIcon,label:e}:e==="INFO"?{color:AppColors_1.AppColors.sky600,Icon:NetworkIcons_1.InfoCircleIcon,label:"INFO"}:e==="SUCCESS"||e==="OK"||e==="DONE"||e==="PASSED"?{color:AppColors_1.AppColors.green600,Icon:NetworkIcons_1.CircleCheckIcon,label:e}:e==="WARN"||e==="WARNING"?{color:AppColors_1.AppColors.amber600,Icon:NetworkIcons_1.AlertTriangleIcon,label:"WARN"}:e==="ERROR"||e==="CRASH"||e==="BUG"||e==="FATAL"||e==="EXCEPTION"||e==="FAIL"?{color:AppColors_1.AppColors.red600,Icon:NetworkIcons_1.BugIcon,label:e==="CRASH"||e==="BUG"||e==="FATAL"||e==="EXCEPTION"||e==="FAIL"?e:"ERROR"}:{color:AppColors_1.AppColors.slate600,Icon:NetworkIcons_1.TagIcon,label:e}};return<react_native_1.View style={{flexDirection:"column",gap:2}}>
|
|
2
2
|
<react_native_1.View style={{flexDirection:"row",gap:4,overflow:"hidden"}}>
|
|
3
|
-
{
|
|
4
|
-
<
|
|
5
|
-
<react_native_1.Text style={[styles.prefixTagText,{color:
|
|
6
|
-
{
|
|
3
|
+
{r.slice(0,2).map((n,e)=>{const i=f(n),A=i.Icon;return<react_native_1.View key={e}style={[styles.prefixTag,{backgroundColor:`${i.color}12`,borderColor:`${i.color}30`}]}>
|
|
4
|
+
<A color={i.color}size={8.5}/>
|
|
5
|
+
<react_native_1.Text style={[styles.prefixTagText,{color:i.color}]}>
|
|
6
|
+
{i.label}
|
|
7
7
|
</react_native_1.Text>
|
|
8
8
|
</react_native_1.View>})}
|
|
9
9
|
</react_native_1.View>
|
|
10
|
-
<LogSyntaxHighlighter_1.default text={
|
|
11
|
-
</react_native_1.View>}return<LogSyntaxHighlighter_1.default text={l}search={o}style={p}numberOfLines={g||2}detectLinks={!1}/>};exports.ConsoleLogCard=react_1.default.memo(function({item:o,searchStr:p="",onPress:C}){const{setSelectedLog:
|
|
12
|
-
<TouchableScale_1.default onPress={
|
|
10
|
+
<LogSyntaxHighlighter_1.default text={d}search={o}style={p}numberOfLines={1}detectLinks={!1}/>
|
|
11
|
+
</react_native_1.View>}return<LogSyntaxHighlighter_1.default text={l}search={o}style={p}numberOfLines={g||2}detectLinks={!1}/>};exports.ConsoleLogCard=react_1.default.memo(function({item:o,searchStr:p="",onPress:C,testID:g}){const{setSelectedLog:u}=(0,InspectorContext_1.useInspector)(),{t:c}=(0,i18n_1.useTranslation)(),t=(0,helpers_1.getJsonContent)(o.message),d=o.message.toLowerCase().includes("[analytics error]"),r=react_1.default.useMemo(()=>{const a=(0,helpers_1.getCleanCallerDisplay)(o.caller);if(!a)return null;const s=(0,helpers_1.parseStackLine)(o.caller,!0);return{...s,display:a.display,fileName:a.fileName,lineNumber:a.lineNumber||s.lineNumber}},[o.caller]),n=(()=>{const a=(o.type||"log").toLowerCase(),s=(o.sourceMethod||a).toLowerCase();return d||a==="error"||s==="error"?{badgeColor:AppColors_1.AppColors.errorColor,border:AppColors_1.AppColors.errorColor,badgeBg:`${AppColors_1.AppColors.errorColor}18`,badgeText:AppColors_1.AppColors.errorColor,label:"ERROR",cardBg:AppColors_1.AppColors.errorCardBg,statusPillBg:`${AppColors_1.AppColors.errorColor}14`,statusPillBorder:`${AppColors_1.AppColors.errorColor}33`,statusPillText:AppColors_1.AppColors.errorColor,StatusIcon:NetworkIcons_1.CircleXIcon}:a==="warn"||s==="warn"?{badgeColor:AppColors_1.AppColors.darkOrange,border:AppColors_1.AppColors.darkOrange,badgeBg:`${AppColors_1.AppColors.darkOrange}18`,badgeText:AppColors_1.AppColors.darkOrange,label:"WARN",cardBg:AppColors_1.AppColors.warnCardBg,statusPillBg:`${AppColors_1.AppColors.darkOrange}14`,statusPillBorder:`${AppColors_1.AppColors.darkOrange}33`,statusPillText:AppColors_1.AppColors.darkOrange,StatusIcon:NetworkIcons_1.CircleAlertIcon}:a==="debug"||s==="debug"?{badgeColor:AppColors_1.AppColors.purple,border:AppColors_1.AppColors.purple,badgeBg:`${AppColors_1.AppColors.purple}18`,badgeText:AppColors_1.AppColors.purple,label:"DEBUG",cardBg:AppColors_1.AppColors.purpleTintBg,statusPillBg:`${AppColors_1.AppColors.purple}14`,statusPillBorder:`${AppColors_1.AppColors.purple}33`,statusPillText:AppColors_1.AppColors.purple,StatusIcon:NetworkIcons_1.ZapIcon}:s==="info"||a==="info"&&s!=="log"?{badgeColor:AppColors_1.AppColors.sky600,border:AppColors_1.AppColors.sky600,badgeBg:`${AppColors_1.AppColors.sky600}18`,badgeText:AppColors_1.AppColors.sky600,label:"INFO",cardBg:AppColors_1.AppColors.blueTintBg,statusPillBg:`${AppColors_1.AppColors.sky600}14`,statusPillBorder:`${AppColors_1.AppColors.sky600}33`,statusPillText:AppColors_1.AppColors.sky600,StatusIcon:NetworkIcons_1.InfoCircleIcon}:{badgeColor:AppColors_1.AppColors.brandPurple,border:AppColors_1.AppColors.brandPurple,badgeBg:`${AppColors_1.AppColors.brandPurple}15`,badgeText:AppColors_1.AppColors.brandPurple,label:"LOG",cardBg:AppColors_1.AppColors.white,statusPillBg:`${AppColors_1.AppColors.brandPurple}12`,statusPillBorder:`${AppColors_1.AppColors.brandPurple}2E`,statusPillText:AppColors_1.AppColors.brandPurple,StatusIcon:NetworkIcons_1.CircleCheckIcon}})(),e=n.StatusIcon,i=t?(0,helpers_1.getJsonPreviewText)(t.data):null,A=()=>{C?C(o):u(o)},I=("sourceMethod"in o?o.sourceMethod:void 0)||o.type||"log";return<react_native_1.View style={styles.container}>
|
|
12
|
+
<TouchableScale_1.default testID={g}onPress={A}style={[styles.card,{borderLeftWidth:3.5,borderLeftColor:n.border,backgroundColor:n.cardBg}]}>
|
|
13
13
|
<react_native_1.View style={styles.cardBody}>
|
|
14
14
|
|
|
15
15
|
<react_native_1.View style={styles.cardHeaderRow}>
|
|
@@ -19,8 +19,8 @@
|
|
|
19
19
|
</react_native_1.Text>
|
|
20
20
|
|
|
21
21
|
|
|
22
|
-
<react_native_1.View style={[styles.methodBadge,{backgroundColor:
|
|
23
|
-
<react_native_1.Text style={styles.methodBadgeText}>{
|
|
22
|
+
<react_native_1.View style={[styles.methodBadge,{backgroundColor:n.badgeColor}]}>
|
|
23
|
+
<react_native_1.Text style={styles.methodBadgeText}>{n.label}</react_native_1.Text>
|
|
24
24
|
</react_native_1.View>
|
|
25
25
|
|
|
26
26
|
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
<react_native_1.View style={styles.messageBox}>
|
|
49
49
|
{t?<react_native_1.View style={styles.jsonPreviewRow}>
|
|
50
50
|
{t.header?<LogSyntaxHighlighter_1.default text={t.header}search={p}style={styles.messageText}detectLinks={!1}numberOfLines={1}/>:null}
|
|
51
|
-
{
|
|
51
|
+
{i&&<LogSyntaxHighlighter_1.default text={i.text.replace(/\s+/g," ")}search={p}style={styles.jsonPreviewText}detectLinks={!1}numberOfLines={t.header?2:3}/>}
|
|
52
52
|
</react_native_1.View>:getLogMessageWithBadges(o.message,p,styles.messageText,styles.highlight,3)}
|
|
53
53
|
</react_native_1.View>
|
|
54
54
|
|
|
@@ -83,9 +83,9 @@
|
|
|
83
83
|
</react_native_1.Text>
|
|
84
84
|
</react_native_1.View>}
|
|
85
85
|
|
|
86
|
-
{
|
|
86
|
+
{d&&<react_native_1.View style={[styles.chip,{backgroundColor:`${AppColors_1.AppColors.skyBlue}15`,borderColor:`${AppColors_1.AppColors.skyBlue}30`}]}>
|
|
87
87
|
<react_native_1.Text style={[styles.chipText,{color:AppColors_1.AppColors.skyBlue}]}>
|
|
88
|
-
{
|
|
88
|
+
{c("console.analyticsBadge")||"ANALYTICS"}
|
|
89
89
|
</react_native_1.Text>
|
|
90
90
|
</react_native_1.View>}
|
|
91
91
|
</react_native_1.View>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(o,t,l,n){n===void 0&&(n=l);var a=Object.getOwnPropertyDescriptor(t,l);(!a||("get"in a?!t.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return t[l]}}),Object.defineProperty(o,n,a)}):(function(o,t,l,n){n===void 0&&(n=l),o[n]=t[l]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(o,t){Object.defineProperty(o,"default",{enumerable:!0,value:t})}):function(o,t){o.default=t}),__importStar=this&&this.__importStar||(function(){var o=function(t){return o=Object.getOwnPropertyNames||function(l){var n=[];for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&(n[n.length]=a);return n},o(t)};return function(t){if(t&&t.__esModule)return t;var l={};if(t!=null)for(var n=o(t),a=0;a<n.length;a++)n[a]!=="default"&&__createBinding(l,t,n[a]);return __setModuleDefault(l,t),l}})(),__importDefault=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),InspectorContext_1=require("./InspectorContext"),i18n_1=require("../../i18n"),TouchableScale_1=__importDefault(require("../TouchableScale")),AnimatedEntrance_1=__importDefault(require("../AnimatedEntrance")),ConsoleLogCard_1=require("../ConsoleLogCard"),EmptyState_1=__importDefault(require("../EmptyState")),EndOfListFooter_1=__importDefault(require("../EndOfListFooter")),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),types_1=require("../../types"),NetworkIcons_1=require("../NetworkIcons"),LOAD_MORE_STEP=10,ConsoleTab=react_1.default.memo(()=>{const{t:o}=(0,i18n_1.useTranslation)(),{logSearch:t,setLogSearch:l,logSortOrder:n,setLogSortOrder:a,handleDelete:F,logFilters:s,setLogFilters:S,logCounts:_,filteredConsoleLogs:c,visibleConsoleLogs:b,maxConsoleLogs:A,setSelectedLog:
|
|
2
|
-
<ConsoleLogCard_1.ConsoleLogCard item={e}searchStr={t}onPress={L}/>
|
|
1
|
+
"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(o,t,l,n){n===void 0&&(n=l);var a=Object.getOwnPropertyDescriptor(t,l);(!a||("get"in a?!t.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return t[l]}}),Object.defineProperty(o,n,a)}):(function(o,t,l,n){n===void 0&&(n=l),o[n]=t[l]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(o,t){Object.defineProperty(o,"default",{enumerable:!0,value:t})}):function(o,t){o.default=t}),__importStar=this&&this.__importStar||(function(){var o=function(t){return o=Object.getOwnPropertyNames||function(l){var n=[];for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&(n[n.length]=a);return n},o(t)};return function(t){if(t&&t.__esModule)return t;var l={};if(t!=null)for(var n=o(t),a=0;a<n.length;a++)n[a]!=="default"&&__createBinding(l,t,n[a]);return __setModuleDefault(l,t),l}})(),__importDefault=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),InspectorContext_1=require("./InspectorContext"),i18n_1=require("../../i18n"),TouchableScale_1=__importDefault(require("../TouchableScale")),AnimatedEntrance_1=__importDefault(require("../AnimatedEntrance")),ConsoleLogCard_1=require("../ConsoleLogCard"),EmptyState_1=__importDefault(require("../EmptyState")),EndOfListFooter_1=__importDefault(require("../EndOfListFooter")),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),types_1=require("../../types"),NetworkIcons_1=require("../NetworkIcons"),LOAD_MORE_STEP=10,ConsoleTab=react_1.default.memo(()=>{const{t:o}=(0,i18n_1.useTranslation)(),{logSearch:t,setLogSearch:l,logSortOrder:n,setLogSortOrder:a,handleDelete:F,logFilters:s,setLogFilters:S,logCounts:_,filteredConsoleLogs:c,visibleConsoleLogs:b,maxConsoleLogs:A,setSelectedLog:I}=(0,InspectorContext_1.useInspector)(),z=A||100,T=(0,react_1.useRef)(null),[v,x]=react_1.default.useState(z);react_1.default.useEffect(()=>{x(A||100),T.current?.scrollToOffset({offset:0,animated:!1})},[t,s,A]);const w=(0,react_1.useMemo)(()=>c.slice(0,v),[c,v]),L=(0,react_1.useCallback)(e=>{I(e)},[I]),E=(0,react_1.useCallback)(({item:e,index:r})=><AnimatedEntrance_1.default index={r}distance={8}>
|
|
2
|
+
<ConsoleLogCard_1.ConsoleLogCard testID={`inspector.console.item.${r}`}item={e}searchStr={t}onPress={L}/>
|
|
3
3
|
</AnimatedEntrance_1.default>,[t,L]),P=(0,react_1.useCallback)((e,r)=>({length:148,offset:148*r,index:r}),[]),O=(0,react_1.useCallback)((e,r)=>e?.id?.toString()??r.toString(),[]),B=(0,react_1.useMemo)(()=>{const e=b.length,r=c.length;if(s.has("all")||!Array.from(s).some(h=>h!=="all"))return<react_native_1.View style={{paddingHorizontal:8,paddingTop:8,paddingBottom:3}}>
|
|
4
4
|
<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayTextWeak,letterSpacing:.2}}>
|
|
5
5
|
{r===e?`Showing ${e} logs`:`Showing ${r} of ${e} logs`}
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayTextWeak,letterSpacing:.2}}>
|
|
9
9
|
Filtered by {h.join(", ")} ({r} of {e} logs)
|
|
10
10
|
</react_native_1.Text>
|
|
11
|
-
</react_native_1.View>}},[b.length,c.length,s]),[m,V]=react_1.default.useState(!1),H=(0,react_1.useMemo)(()=>["[AXIOS]","[API]","[GRAPHQL]","[REDUX]","[ANALYTICS]","[AUTH]","[NAV]","[STORAGE]","[PERF]","[WS]","[PUSH]","[PAYMENT]","[SYNC]","[BLE]","[LOCATION]","[TEST]","[DEBUG]"],[]),
|
|
11
|
+
</react_native_1.View>}},[b.length,c.length,s]),[m,V]=react_1.default.useState(!1),H=(0,react_1.useMemo)(()=>["[AXIOS]","[API]","[GRAPHQL]","[REDUX]","[ANALYTICS]","[AUTH]","[NAV]","[STORAGE]","[PERF]","[WS]","[PUSH]","[PAYMENT]","[SYNC]","[BLE]","[LOCATION]","[TEST]","[DEBUG]"],[]),D=(0,react_1.useMemo)(()=>[{id:types_1.LogFilter.All,label:o("common.all","All"),count:_.all?.split("/")?.[0]??"0",color:AppColors_1.AppColors.purple,Icon:NetworkIcons_1.LayersIcon},{id:types_1.LogFilter.UserLog,label:o("console.log","Log"),count:_["user-log"]?.split("/")?.[0]??"0",color:AppColors_1.AppColors.teal600,Icon:NetworkIcons_1.UserIcon},{id:types_1.LogFilter.Info,label:o("console.info","Info"),count:_.info?.split("/")?.[0]??"0",color:AppColors_1.AppColors.sky600,Icon:NetworkIcons_1.InfoCircleIcon},{id:types_1.LogFilter.Warn,label:o("console.warning","Warn"),count:_.warn?.split("/")?.[0]??"0",color:AppColors_1.AppColors.amber600,Icon:NetworkIcons_1.WarningTriangleIcon},{id:types_1.LogFilter.Error,label:o("console.error","Error"),count:_.error?.split("/")?.[0]??"0",color:AppColors_1.AppColors.errorColor,Icon:NetworkIcons_1.ErrorCircleIcon},{id:types_1.LogFilter.Analytics,label:o("console.analytics","Analytics"),count:_.analytics?.split("/")?.[0]??"0",color:AppColors_1.AppColors.violet600,Icon:NetworkIcons_1.AnalyticsIcon}],[_,o]);return<react_native_1.View style={{flex:1}}>
|
|
12
12
|
<react_native_1.View style={{backgroundColor:AppColors_1.AppColors.white,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.dividerColor,paddingBottom:6}}>
|
|
13
13
|
<react_native_1.View style={[styles_1.default.toolbarRow,{marginTop:12,marginBottom:8}]}>
|
|
14
14
|
<react_native_1.View style={[styles_1.default.searchContainer,m&&{borderColor:AppColors_1.AppColors.purple,borderWidth:1.5}]}>
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
|
|
51
51
|
<react_native_1.View style={{flexDirection:"row",alignItems:"center",marginBottom:8,paddingHorizontal:8,gap:6}}>
|
|
52
52
|
<react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={!1}style={{flex:1}}contentContainerStyle={{flexDirection:"row",alignItems:"center",gap:6,paddingRight:6}}>
|
|
53
|
-
{
|
|
53
|
+
{D.map(e=>{const r=e.id==="all"?s.has("all"):s.has(e.id)&&!s.has("all"),i=e.color||AppColors_1.AppColors.purple,h=r?AppColors_1.AppColors.white:i,C=e.Icon;return<TouchableScale_1.default testID={`inspector.console.filter.${e.id}`}key={e.id}onPress={()=>{e.id==="all"?S(new Set(["all"])):S(M=>{const y=new Set(M);return y.delete("all"),y.has(e.id)?y.delete(e.id):y.add(e.id),y.size===0&&y.add("all"),y})}}>
|
|
54
54
|
<react_native_1.View style={{flexDirection:"row",alignItems:"center",paddingHorizontal:9,paddingVertical:4.5,borderRadius:8,backgroundColor:r?i:`${i}12`,borderWidth:1,borderColor:r?i:`${i}30`,gap:5}}>
|
|
55
55
|
<C size={11}color={h}/>
|
|
56
56
|
<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:r?AppColors_1.AppColors.white:AppColors_1.AppColors.primaryBlack}}>
|
|
@@ -67,5 +67,5 @@
|
|
|
67
67
|
</react_native_1.View>
|
|
68
68
|
</react_native_1.View>
|
|
69
69
|
|
|
70
|
-
<react_native_1.FlatList ref={
|
|
70
|
+
<react_native_1.FlatList ref={T}data={w}keyExtractor={O}ListHeaderComponent={B}renderItem={E}getItemLayout={P}initialNumToRender={10}maxToRenderPerBatch={8}windowSize={5}updateCellsBatchingPeriod={40}removeClippedSubviews={!0}renderToHardwareTextureAndroid={!0}showsVerticalScrollIndicator={!1}nestedScrollEnabled={!0}ListEmptyComponent={<EmptyState_1.default isSearch={t.length>0||!s.has("all")}searchQuery={t}customTitle={t.length>0?"No matching console logs":"No console logs"}onClearSearch={()=>{l(""),S(new Set(["all"]))}}/>}ListFooterComponent={c.length>0?<EndOfListFooter_1.default count={w.length}totalCount={c.length}label="logs"loadMoreStep={LOAD_MORE_STEP}hasMore={w.length<c.length}onLoadMore={()=>x(e=>e+LOAD_MORE_STEP)}/>:null}style={{flex:1}}contentContainerStyle={[styles_1.default.listContent,{flexGrow:1}]}keyboardShouldPersistTaps="handled"/>
|
|
71
71
|
</react_native_1.View>});exports.default=ConsoleTab;
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
</TouchableScale_1.default>
|
|
61
61
|
</react_native_1.View>
|
|
62
62
|
</react_native_1.Animated.View>:<react_native_1.Animated.View style={[styles_1.default.fabWrapper,{transform:l.getTranslateTransform()}]}{...K.panHandlers}>
|
|
63
|
-
<TouchableScale_1.default style={{alignItems:"center",justifyContent:"center"}}onPress={()=>{T.current||((0,NativeInspector_1.triggerNativeHaptic)("light"),i(!0))}}hitSlop={10}>
|
|
63
|
+
<TouchableScale_1.default testID="inspector.fab.launcher"style={{alignItems:"center",justifyContent:"center"}}onPress={()=>{T.current||((0,NativeInspector_1.triggerNativeHaptic)("light"),i(!0))}}hitSlop={10}>
|
|
64
64
|
<react_native_1.Animated.View style={[styles_1.default.fabPulseRing,{transform:[{scale:k}]}]}/>
|
|
65
65
|
<AppHeaderLogo_1.default size={68}customIcon={c}shape="circle"/>
|
|
66
66
|
</TouchableScale_1.default>
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(r,l,n,s){s===void 0&&(s=n);var i=Object.getOwnPropertyDescriptor(l,n);(!i||("get"in i?!l.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return l[n]}}),Object.defineProperty(r,s,i)}):(function(r,l,n,s){s===void 0&&(s=n),r[s]=l[n]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(r,l){Object.defineProperty(r,"default",{enumerable:!0,value:l})}):function(r,l){r.default=l}),__importStar=this&&this.__importStar||(function(){var r=function(l){return r=Object.getOwnPropertyNames||function(n){var s=[];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(s[s.length]=i);return s},r(l)};return function(l){if(l&&l.__esModule)return l;var n={};if(l!=null)for(var s=r(l),i=0;i<s.length;i++)s[i]!=="default"&&__createBinding(n,l,s[i]);return __setModuleDefault(n,l),n}})(),__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"),react_native_linear_gradient_1=__importDefault(require("react-native-linear-gradient")),InspectorContext_1=require("./InspectorContext"),TouchableScale_1=__importDefault(require("../TouchableScale")),BrandCircleIcon_1=require("../BrandCircleIcon"),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),constants_1=require("../../constants"),constants_2=require("../../constants"),helpers_1=require("../../helpers"),NativeInspector_1=require("../../native/NativeInspector"),capture_1=require("../../capture"),UpdateAvailableModal_1=require("./UpdateAvailableModal"),MediaPreviewModal_1=require("./MediaPreviewModal"),LanguageSelectorModal_1=require("./LanguageSelectorModal"),CountryFlag_1=__importDefault(require("../CountryFlag")),NetworkIcons_1=require("../NetworkIcons"),i18n_1=require("../../i18n"),InspectorHeader=react_1.default.memo(()=>{const{t:r,language:l}=(0,i18n_1.useTranslation)(),{modalHeightPercent:n,appIcon:s,selected:i,setSelected:W,selectedEvent:u,setSelectedEvent:N,selectedLog:g,setSelectedLog:q,selectedReduxSlice:b,setSelectedReduxSlice:U,selectedReduxAction:S,setSelectedReduxAction:j,reduxState:G,reduxLastActionMap:K,updateAvailable:z,latestNpmVersion:Q,clearAnim:ce,activePulseAnim:J,unreadPulseAnim:X,runClearAllWithAnimation:pe,settingsPage:w,setSettingsPage:D,isAboutOpen:I,setIsAboutOpen:Y,resetToDefaults:Z,closeModal:
|
|
1
|
+
"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(r,l,n,s){s===void 0&&(s=n);var i=Object.getOwnPropertyDescriptor(l,n);(!i||("get"in i?!l.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return l[n]}}),Object.defineProperty(r,s,i)}):(function(r,l,n,s){s===void 0&&(s=n),r[s]=l[n]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(r,l){Object.defineProperty(r,"default",{enumerable:!0,value:l})}):function(r,l){r.default=l}),__importStar=this&&this.__importStar||(function(){var r=function(l){return r=Object.getOwnPropertyNames||function(n){var s=[];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(s[s.length]=i);return s},r(l)};return function(l){if(l&&l.__esModule)return l;var n={};if(l!=null)for(var s=r(l),i=0;i<s.length;i++)s[i]!=="default"&&__createBinding(n,l,s[i]);return __setModuleDefault(n,l),n}})(),__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"),react_native_linear_gradient_1=__importDefault(require("react-native-linear-gradient")),InspectorContext_1=require("./InspectorContext"),TouchableScale_1=__importDefault(require("../TouchableScale")),BrandCircleIcon_1=require("../BrandCircleIcon"),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),constants_1=require("../../constants"),constants_2=require("../../constants"),helpers_1=require("../../helpers"),NativeInspector_1=require("../../native/NativeInspector"),capture_1=require("../../capture"),UpdateAvailableModal_1=require("./UpdateAvailableModal"),MediaPreviewModal_1=require("./MediaPreviewModal"),LanguageSelectorModal_1=require("./LanguageSelectorModal"),CountryFlag_1=__importDefault(require("../CountryFlag")),NetworkIcons_1=require("../NetworkIcons"),i18n_1=require("../../i18n"),InspectorHeader=react_1.default.memo(()=>{const{t:r,language:l}=(0,i18n_1.useTranslation)(),{modalHeightPercent:n,appIcon:s,selected:i,setSelected:W,selectedEvent:u,setSelectedEvent:N,selectedLog:g,setSelectedLog:q,selectedReduxSlice:b,setSelectedReduxSlice:U,selectedReduxAction:S,setSelectedReduxAction:j,reduxState:G,reduxLastActionMap:K,updateAvailable:z,latestNpmVersion:Q,clearAnim:ce,activePulseAnim:J,unreadPulseAnim:X,runClearAllWithAnimation:pe,settingsPage:w,setSettingsPage:D,isAboutOpen:I,setIsAboutOpen:Y,resetToDefaults:Z,closeModal:O,minimizeInspector:ee,detailTitle:te,activeTab:d,environment:P,selectedCrash:p,setSelectedCrash:re,selectedPush:c,setSelectedPush:ie,selectedSocket:o,setSelectedSocket:ae,refreshMediaCount:C,peekMode:M,setPeekMode:oe,previewMediaItem:L,setPreviewMediaItem:m}=(0,InspectorContext_1.useInspector)(),{width:T}=(0,react_native_1.useWindowDimensions)(),e=T<360,y=T<400,[le,R]=react_1.default.useState(!1),[ue,ge]=react_1.default.useState(!1),[ne,$]=react_1.default.useState(!1),[se]=react_1.default.useState(()=>(0,helpers_1.getAppVersionAndBuild)().formatted),H=(0,react_1.useMemo)(()=>{const t=l||(0,i18n_1.getLanguage)();return i18n_1.SUPPORTED_LANGUAGES.find(a=>a.code===t)||i18n_1.SUPPORTED_LANGUAGES[0]},[l]),[v,x]=react_1.default.useState(!1),[he,k]=react_1.default.useState(0),_=react_1.default.useRef(null);react_1.default.useEffect(()=>{capture_1.ScreenCapture.isRecording().then(t=>{x(t)}).catch(()=>{})},[]),react_1.default.useEffect(()=>(v?(k(0),_.current=setInterval(()=>{k(t=>t+1)},1e3)):(_.current&&(clearInterval(_.current),_.current=null),k(0)),()=>{_.current&&clearInterval(_.current)}),[v]);const fe=react_1.default.useCallback(async()=>{try{(0,NativeInspector_1.triggerNativeHaptic)("light");const t=await capture_1.ScreenCapture.takeScreenshot({format:"png",quality:.9,hideInspector:!0});if(t){(0,NativeInspector_1.triggerNativeHaptic)("success");const a=(0,capture_1.generateCaptureId)("screenshot",t.format||"png"),f={id:a,type:"image",format:t.format,uri:t.uri,filename:t.uri.split("/").pop()||a,sizeBytes:t.sizeBytes,timestamp:t.timestamp,width:t.width,height:t.height};m(f),C?.().catch(()=>{}),(0,helpers_1.showToast)(r("header.screenshotCaptured"))}else(0,helpers_1.showToast)(r("header.screenshotFailed"))}catch{(0,helpers_1.showToast)(r("header.screenshotError"))}},[C,r]),we=react_1.default.useCallback(async()=>{try{if(v){(0,NativeInspector_1.triggerNativeHaptic)("medium");const t=await capture_1.ScreenCapture.stopRecording();if(x(!1),t){(0,NativeInspector_1.triggerNativeHaptic)("success");const a=(0,capture_1.generateCaptureId)("video",t.format),f={id:a,type:t.format==="gif"?"gif":"video",format:t.format,uri:t.uri,filename:t.uri.split("/").pop()||a,sizeBytes:t.sizeBytes,timestamp:t.timestamp,durationMs:t.durationMs,width:t.width,height:t.height,hasAudio:t.hasAudio};m(f),C?.().catch(()=>{}),(0,helpers_1.showToast)(r("header.recordingSaved",{duration:(t.durationMs/1e3).toFixed(1)}))}}else(0,NativeInspector_1.triggerNativeHaptic)("medium"),await capture_1.ScreenCapture.startRecording({fps:24,audioSource:"none"})?(x(!0),(0,helpers_1.showToast)(r("header.recordingStarted"))):(0,helpers_1.showToast)(r("header.recordingStartFailed"))}catch{(0,helpers_1.showToast)(r("header.recordingError")),x(!1)}},[v,r]),_e=t=>{const a=Math.floor(t/60),f=t%60;return`${a.toString().padStart(2,"0")}:${f.toString().padStart(2,"0")}`},be=(0,react_1.useMemo)(()=>{const t=(P||(__DEV__?"DEV":"PROD")).trim(),a=t.toUpperCase();return a==="DEV"||a.includes("DEV")||a==="LOCAL"?{label:t,bg:`${AppColors_1.AppColors.emerald500}40`,border:`${AppColors_1.AppColors.emerald400}8C`,text:AppColors_1.AppColors.mintGreenBorder}:a==="UAT"||a==="QA"||a==="TEST"?{label:t,bg:`${AppColors_1.AppColors.amber500}47`,border:`${AppColors_1.AppColors.amber400}99`,text:AppColors_1.AppColors.amberWarmBorder}:a==="PREPROD"||a==="STAGE"||a==="STAGING"?{label:t,bg:`${AppColors_1.AppColors.purple500}47`,border:`${AppColors_1.AppColors.purple400}99`,text:AppColors_1.AppColors.violetSoftBorder}:{label:t,bg:`${AppColors_1.AppColors.rose500}40`,border:`${AppColors_1.AppColors.roseBorder}8C`,text:AppColors_1.AppColors.errorBorder}},[P]),V=d==="apis"&&i!=null||d==="analytics"&&u!=null||d==="logs"&&g!=null||d==="redux"&&(b!=null||S!=null)||d==="crash"&&p!=null||d==="push"&&c!=null||d==="socket"&&o!=null,A=w!==null,B=V||A||I,de=(0,react_1.useMemo)(()=>{switch(w){case"apis":return"APIs (Network)";case"logs":return"Console Logs";case"crash":return"Crash Protection";case"analytics":return"Analytics Logger";case"redux":return"Redux Inspector";case"media":return"Screencast (Media)";case"push":return"Push Notifications";default:return"Settings & Modules"}},[w]),F=(0,react_1.useMemo)(()=>react_native_1.Platform.OS==="ios"?n>=98?T>=390?50:44:0:react_native_1.Platform.OS==="android"&&n>=98?react_native_1.StatusBar.currentHeight||24:0,[n,T]),h=e?25:y?26.5:27,Ce=e?36:y?38:40;return<>
|
|
2
2
|
<react_native_1.View style={[styles_1.default.headerGradient,{minHeight:(e?44:48)+F}]}>
|
|
3
3
|
|
|
4
4
|
<react_native_linear_gradient_1.default colors={[AppColors_1.AppColors.indigo600,AppColors_1.AppColors.violet600]}start={{x:0,y:0}}end={{x:1,y:1}}style={{position:"absolute",top:0,left:0,right:0,bottom:0,borderTopLeftRadius:20,borderTopRightRadius:20}}pointerEvents="none"/>
|
|
5
5
|
<react_native_1.View style={{paddingTop:F,width:"100%"}}>
|
|
6
6
|
<react_native_1.View style={[styles_1.default.header,{width:"100%",justifyContent:"space-between",paddingHorizontal:e?10:12,paddingVertical:5.5,minHeight:e?44:48}]}>
|
|
7
7
|
<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:e?7:8,flex:V?void 0:1,flexShrink:V?0:1,minWidth:0}}>
|
|
8
|
-
{
|
|
8
|
+
{B&&<TouchableScale_1.default onPress={()=>{if(I){Y(!1);return}if(A){D(w==="main"?null:"main");return}W(null),N(null),q(null),U(null),j(null),re(null),ie(null),ae(null)}}hitSlop={15}style={{width:e?32:36,height:e?32:36,borderRadius:e?16:18,alignItems:"center",justifyContent:"center",backgroundColor:`${AppColors_1.AppColors.white}2E`,borderWidth:1,borderColor:`${AppColors_1.AppColors.white}4D`}}>
|
|
9
9
|
<react_native_1.View style={{position:"absolute",width:e?40:44,height:e?40:44,borderRadius:22,backgroundColor:`${AppColors_1.AppColors.white}1A`}}/>
|
|
10
10
|
<NetworkIcons_1.WhiteBackNavigation/>
|
|
11
11
|
</TouchableScale_1.default>}
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:e?10:11,lineHeight:e?14:15,color:`${AppColors_1.AppColors.white}CC`,marginTop:1}}numberOfLines={1}>
|
|
39
39
|
{w==="main"?"Manage modules and preferences":"Configure module parameters"}
|
|
40
40
|
</react_native_1.Text>
|
|
41
|
-
</react_native_1.View>:
|
|
41
|
+
</react_native_1.View>:B?null:<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:e?8:10,flex:1,minWidth:0,marginRight:4}}>
|
|
42
42
|
<BrandCircleIcon_1.BrandCircleIcon size={e?44:y?46:48}/>
|
|
43
43
|
<react_native_1.View style={{gap:3,flex:1,minWidth:0,justifyContent:"center"}}>
|
|
44
44
|
|
|
@@ -308,7 +308,7 @@
|
|
|
308
308
|
|
|
309
309
|
{A?<TouchableScale_1.default onPress={()=>{react_native_1.Alert.alert("Reset All Settings","This restores all module visibility and UI preferences to defaults. Continue?",[{text:"Cancel",style:"cancel"},{text:"Reset",style:"destructive",onPress:Z}])}}hitSlop={15}style={[styles_1.default.closeButtonSquare,{width:h,height:h,borderRadius:e?6:7,backgroundColor:"rgba(245, 158, 11, 0.26)",borderColor:"rgba(252, 211, 77, 0.45)",borderWidth:1}]}>
|
|
310
310
|
<NetworkIcons_1.ResetIcon color={AppColors_1.AppColors.white}size={e?12:14}/>
|
|
311
|
-
</TouchableScale_1.default>:
|
|
311
|
+
</TouchableScale_1.default>:B?null:<>
|
|
312
312
|
|
|
313
313
|
<TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={M?"Disable peek-through":"Enable peek-through"}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),oe(t=>!t)}}hitSlop={15}style={[styles_1.default.closeButtonSquare,{width:h,height:h,borderRadius:e?6:7,backgroundColor:M?"rgba(6, 182, 212, 0.38)":"rgba(6, 182, 212, 0.18)",borderColor:M?"rgba(103, 232, 249, 0.65)":"rgba(103, 232, 249, 0.35)",borderWidth:1}]}>
|
|
314
314
|
<NetworkIcons_1.EyeIcon color={AppColors_1.AppColors.white}size={e?12:14}/>
|
|
@@ -321,12 +321,12 @@
|
|
|
321
321
|
</>}
|
|
322
322
|
|
|
323
323
|
|
|
324
|
-
<react_native_1.TouchableOpacity onPress={ee||
|
|
324
|
+
<react_native_1.TouchableOpacity testID="inspector.header.minimizeBtn"onPress={ee||O}hitSlop={{top:12,bottom:12,left:12,right:12}}activeOpacity={.7}accessibilityRole="button"accessibilityLabel={r("common.minimize","Minimize")}style={[styles_1.default.closeButtonSquare,{width:h,height:h,borderRadius:e?6:7,backgroundColor:"rgba(56, 189, 248, 0.22)",borderColor:"rgba(125, 211, 252, 0.40)",borderWidth:1}]}>
|
|
325
325
|
<NetworkIcons_1.ChevronDownIcon size={e?14:16}color={AppColors_1.AppColors.white}/>
|
|
326
326
|
</react_native_1.TouchableOpacity>
|
|
327
327
|
|
|
328
328
|
|
|
329
|
-
<react_native_1.TouchableOpacity onPress={
|
|
329
|
+
<react_native_1.TouchableOpacity testID="inspector.header.closeBtn"onPress={O}hitSlop={{top:12,bottom:12,left:12,right:12}}activeOpacity={.7}accessibilityRole="button"accessibilityLabel={r("common.close","Close")}style={[styles_1.default.closeButtonSquare,{width:h,height:h,borderRadius:e?6:7,backgroundColor:"rgba(244, 63, 94, 0.28)",borderColor:"rgba(251, 113, 133, 0.48)",borderWidth:1}]}>
|
|
330
330
|
<NetworkIcons_1.CloseWhite size={e?12:14}/>
|
|
331
331
|
</react_native_1.TouchableOpacity>
|
|
332
332
|
</react_native_1.View>
|
|
@@ -1,67 +1,67 @@
|
|
|
1
|
-
"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(l,r,
|
|
2
|
-
<DomainHeader_1.default pageName={e.pageName}color={e.color}stats={e.stats}activeFilters={e.activeFilters}onToggleFilter={
|
|
3
|
-
</AnimatedEntrance_1.default>;if(e.type==="loadMore"){const{pageName:
|
|
1
|
+
"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(l,r,t,a){a===void 0&&(a=t);var i=Object.getOwnPropertyDescriptor(r,t);(!i||("get"in i?!r.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(l,a,i)}):(function(l,r,t,a){a===void 0&&(a=t),l[a]=r[t]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(l,r){Object.defineProperty(l,"default",{enumerable:!0,value:r})}):function(l,r){l.default=r}),__importStar=this&&this.__importStar||(function(){var l=function(r){return l=Object.getOwnPropertyNames||function(t){var a=[];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(a[a.length]=i);return a},l(r)};return function(r){if(r&&r.__esModule)return r;var t={};if(r!=null)for(var a=l(r),i=0;i<a.length;i++)a[i]!=="default"&&__createBinding(t,r,a[i]);return __setModuleDefault(t,r),t}})(),__importDefault=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),InspectorContext_1=require("./InspectorContext"),TouchableScale_1=__importDefault(require("../TouchableScale")),AnimatedEntrance_1=__importDefault(require("../AnimatedEntrance")),DomainHeader_1=__importDefault(require("../DomainHeader")),LogCard_1=__importDefault(require("../LogCard")),EmptyState_1=__importDefault(require("../EmptyState")),EndOfListFooter_1=__importDefault(require("../EndOfListFooter")),NetworkFilterModal_1=__importDefault(require("./NetworkFilterModal")),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),constants_1=require("../../constants"),i18n_1=require("../../i18n"),NetworkIcons_1=require("../NetworkIcons"),NetworkTab=react_1.default.memo(()=>{const{groupedData:l,loadMoreSection:r,search:t,setSearch:a,setSearchScope:i,quickFilter:V,setQuickFilter:q,handleDelete:J,isGroupByPageEnabled:u,setIsGroupByPageEnabled:Y,selectedLogs:v,sortOrder:Z,setSortOrder:x,statusFilters:p,setStatusFilters:m,methodFilters:f,setMethodFilters:S,latencyFilter:h,setLatencyFilter:z,protocolFilter:y,setProtocolFilter:F,networkSortBy:b,setNetworkSortBy:I,filteredLogs:w,logs:T,toggleSectionFilter:E,toggleSectionCollapse:N,minStart:$,totalRange:H,newLogIds:j,toggleSelect:W,setSelected:G,maxNetworkLogs:B}=(0,InspectorContext_1.useInspector)(),{t:L}=(0,i18n_1.useTranslation)(),ee=(0,react_1.useRef)(null),[te,Q]=react_1.default.useState(!1),[K,U]=react_1.default.useState(!1),[R,X]=react_1.default.useState(B||50);react_1.default.useEffect(()=>{X(B||50)},[t,V,B]);const M=(0,react_1.useMemo)(()=>u?l:l.slice(0,R),[u,l,R]),oe=(0,react_1.useCallback)(e=>e?.id?String(e.id):"",[]),C=(0,react_1.useMemo)(()=>p.size>0&&!p.has("all")||f.size>0&&!f.has("all")||h!=="all"||y!=="all"||b!=="time_desc",[p,f,h,y,b]),re=(0,react_1.useMemo)(()=>{let e=0;return p.size>0&&!p.has("all")&&(e+=p.size),f.size>0&&!f.has("all")&&(e+=f.size),h!=="all"&&e++,y!=="all"&&e++,b!=="time_desc"&&e++,e},[p,f,h,y,b]),le=(0,react_1.useMemo)(()=>({statusCodes:p.size>0?new Set(p):new Set(["all"]),methods:f.size>0?new Set(f):new Set(["all"]),latency:h,protocol:y,sortBy:b}),[p,f,h,y,b]),ae=(0,react_1.useCallback)(e=>{e.statusCodes.has("all")||e.statusCodes.size===0?m(new Set):m(new Set(e.statusCodes)),e.methods.has("all")||e.methods.size===0?S(new Set):S(new Set([...e.methods].map(n=>n))),z(e.latency||"all"),F(e.protocol||"all"),I(e.sortBy||"time_desc"),e.sortBy==="time_asc"?x("oldest"):x("newest")},[m,S,z,F,I,x]),g=(0,react_1.useMemo)(()=>{let e=0,n=0,s=0,c=0,A=0,k=0;return T.forEach(d=>{const o=typeof d.status=="number"?d.status:parseInt(String(d.status),10);d.status===0||d.status==null||!isNaN(o)&&o>=400?e++:!isNaN(o)&&o>=200&&o<400&&n++,(d.duration||0)>=500&&s++;const O=(d.method||"").toUpperCase();O==="POST"&&c++,O==="GET"&&A++;const _=(d.url||"").toLowerCase(),P=(d.client||"").toLowerCase();(_.includes("graphql")||P.includes("graphql")||P.includes("apollo"))&&k++}),{all:T.length,errors:e,success:n,slow:s,post:c,get:A,graphql:k}},[T]),ie=(0,react_1.useMemo)(()=>[{id:"all",label:"All",count:g.all,color:AppColors_1.AppColors.purple},{id:"errors",label:"Errors",count:g.errors,color:AppColors_1.AppColors.errorColor},{id:"success",label:"2xx OK",count:g.success,color:AppColors_1.AppColors.greenColor},{id:"slow",label:"Slow >500ms",count:g.slow,color:AppColors_1.AppColors.warningIconGold},{id:"POST",label:"POST",count:g.post,color:constants_1.METHOD_COLORS.POST||AppColors_1.AppColors.blue500},{id:"GET",label:"GET",count:g.get,color:constants_1.METHOD_COLORS.GET||AppColors_1.AppColors.emerald500},{id:"graphql",label:"GraphQL",count:g.graphql,color:AppColors_1.AppColors.graphqlPink}],[g]),ne=(0,react_1.useCallback)(({item:e,index:n})=>{if(e.type==="header")return<AnimatedEntrance_1.default index={n}distance={8}>
|
|
2
|
+
<DomainHeader_1.default pageName={e.pageName}color={e.color}stats={e.stats}activeFilters={e.activeFilters}onToggleFilter={E}isCollapsed={e.isCollapsed}onToggleCollapse={N}isFirst={e.isFirst}timestamp={e.timestamp}/>
|
|
3
|
+
</AnimatedEntrance_1.default>;if(e.type==="loadMore"){const{pageName:d,color:o,remainingCount:O,totalCount:_,loadedCount:P,loadMoreStep:D,hasMore:se}=e;return<react_native_1.View style={[styles_1.default.treeNodeRow,styles_1.default.treeNodeRowLast]}>
|
|
4
4
|
<react_native_1.View style={styles_1.default.treeLines}>
|
|
5
|
-
<react_native_1.View style={[styles_1.default.modernTreeLine,{borderColor:
|
|
5
|
+
<react_native_1.View style={[styles_1.default.modernTreeLine,{borderColor:o},styles_1.default.modernTreeLineLast]}/>
|
|
6
6
|
</react_native_1.View>
|
|
7
7
|
<react_native_1.View style={styles_1.default.treeCardWrapper}>
|
|
8
|
-
{
|
|
8
|
+
{se?<TouchableScale_1.default onPress={()=>r(d,D||10)}hitSlop={6}style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingVertical:9,paddingHorizontal:12,marginVertical:3,marginRight:2,borderRadius:10,backgroundColor:`${o}14`,borderWidth:1.5,borderColor:`${o}40`,shadowColor:o,shadowOffset:{width:0,height:1.5},shadowOpacity:.1,shadowRadius:3,elevation:2}}>
|
|
9
9
|
<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:8}}>
|
|
10
|
-
<react_native_1.View style={{width:22,height:22,borderRadius:11,backgroundColor:
|
|
10
|
+
<react_native_1.View style={{width:22,height:22,borderRadius:11,backgroundColor:o,alignItems:"center",justifyContent:"center",shadowColor:o,shadowOffset:{width:0,height:1},shadowOpacity:.25,shadowRadius:2,elevation:1}}>
|
|
11
11
|
<NetworkIcons_1.ChevronIcon color={AppColors_1.AppColors.white}size={9}direction="down"/>
|
|
12
12
|
</react_native_1.View>
|
|
13
13
|
<react_native_1.View>
|
|
14
|
-
<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,color:
|
|
15
|
-
{
|
|
14
|
+
<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,color:o}}>
|
|
15
|
+
{L("footer.loadMoreRequests",{count:D,defaultValue:`Load ${D} More Requests`})}
|
|
16
16
|
</react_native_1.Text>
|
|
17
17
|
<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:9.5,color:AppColors_1.AppColors.grayTextWeak,marginTop:1}}>
|
|
18
|
-
Showing {
|
|
18
|
+
Showing {P} of {_} requests
|
|
19
19
|
</react_native_1.Text>
|
|
20
20
|
</react_native_1.View>
|
|
21
21
|
</react_native_1.View>
|
|
22
22
|
|
|
23
|
-
<react_native_1.View style={{flexDirection:"row",alignItems:"center",backgroundColor:`${
|
|
24
|
-
<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:
|
|
25
|
-
+{
|
|
23
|
+
<react_native_1.View style={{flexDirection:"row",alignItems:"center",backgroundColor:`${o}25`,paddingHorizontal:8,paddingVertical:4,borderRadius:8,borderWidth:1,borderColor:`${o}40`,gap:3}}>
|
|
24
|
+
<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:o}}>
|
|
25
|
+
+{O}
|
|
26
26
|
</react_native_1.Text>
|
|
27
|
-
<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:9,color:
|
|
27
|
+
<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:9,color:o}}>
|
|
28
28
|
more
|
|
29
29
|
</react_native_1.Text>
|
|
30
30
|
</react_native_1.View>
|
|
31
|
-
</TouchableScale_1.default>:<react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingVertical:7,paddingHorizontal:11,marginVertical:3,marginRight:2,borderRadius:9,backgroundColor:`${
|
|
31
|
+
</TouchableScale_1.default>:<react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingVertical:7,paddingHorizontal:11,marginVertical:3,marginRight:2,borderRadius:9,backgroundColor:`${o}0A`,borderWidth:1,borderColor:`${o}25`}}>
|
|
32
32
|
<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:7}}>
|
|
33
|
-
<react_native_1.View style={{width:17,height:17,borderRadius:8.5,backgroundColor:`${
|
|
34
|
-
<NetworkIcons_1.CheckIcon color={
|
|
33
|
+
<react_native_1.View style={{width:17,height:17,borderRadius:8.5,backgroundColor:`${o}25`,alignItems:"center",justifyContent:"center"}}>
|
|
34
|
+
<NetworkIcons_1.CheckIcon color={o}size={8}/>
|
|
35
35
|
</react_native_1.View>
|
|
36
36
|
<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayTextStrong}}>
|
|
37
|
-
{
|
|
37
|
+
{L("footer.allLoaded",{count:_,defaultValue:`All ${_} requests loaded`})}
|
|
38
38
|
</react_native_1.Text>
|
|
39
39
|
</react_native_1.View>
|
|
40
40
|
|
|
41
|
-
<react_native_1.View style={{backgroundColor:`${
|
|
42
|
-
<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:
|
|
43
|
-
{
|
|
41
|
+
<react_native_1.View style={{backgroundColor:`${o}18`,paddingHorizontal:7,paddingVertical:2,borderRadius:6}}>
|
|
42
|
+
<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:o}}>
|
|
43
|
+
{_}/{_}
|
|
44
44
|
</react_native_1.Text>
|
|
45
45
|
</react_native_1.View>
|
|
46
46
|
</react_native_1.View>}
|
|
47
47
|
</react_native_1.View>
|
|
48
|
-
</react_native_1.View>}const{log:s,isLast:c,color:
|
|
49
|
-
{
|
|
50
|
-
<react_native_1.View style={[styles_1.default.modernTreeLine,{borderColor:
|
|
51
|
-
{!c&&<react_native_1.View style={[styles_1.default.modernTreeBranch,{borderColor:
|
|
48
|
+
</react_native_1.View>}const{log:s,isLast:c,color:A}=e,k=M.slice(0,n).filter(d=>!d.type).length;return<AnimatedEntrance_1.default index={n}distance={8}style={u?[styles_1.default.treeNodeRow,c&&styles_1.default.treeNodeRowLast]:{marginBottom:5,marginHorizontal:5}}>
|
|
49
|
+
{u&&<react_native_1.View style={styles_1.default.treeLines}>
|
|
50
|
+
<react_native_1.View style={[styles_1.default.modernTreeLine,{borderColor:A},c&&styles_1.default.modernTreeLineLast]}/>
|
|
51
|
+
{!c&&<react_native_1.View style={[styles_1.default.modernTreeBranch,{borderColor:A}]}/>}
|
|
52
52
|
</react_native_1.View>}
|
|
53
|
-
<react_native_1.View style={
|
|
54
|
-
<LogCard_1.default item={s}isSelected={
|
|
53
|
+
<react_native_1.View style={u?styles_1.default.treeCardWrapper:{flex:1}}>
|
|
54
|
+
<LogCard_1.default testID={`inspector.network.item.${k}`}item={s}isSelected={v.has(s.id)}onToggleSelect={W}onPress={()=>{G(s)}}timelineMinStart={$}timelineTotalRange={H}isNew={j.has(s.id)}searchStr={t}/>
|
|
55
55
|
</react_native_1.View>
|
|
56
|
-
</AnimatedEntrance_1.default>},[
|
|
56
|
+
</AnimatedEntrance_1.default>},[M,u,$,H,j,v,W,t,E,N,r,G,L]);return<react_native_1.View style={{flex:1}}>
|
|
57
57
|
<react_native_1.View style={{marginTop:6}}>
|
|
58
58
|
|
|
59
59
|
<react_native_1.View style={styles_1.default.toolbarRow}>
|
|
60
|
-
<react_native_1.View style={[styles_1.default.searchContainer,
|
|
61
|
-
<NetworkIcons_1.SearchIcon color={
|
|
62
|
-
<react_native_1.TextInput placeholder="Search URL, status, method, headers, body..."placeholderTextColor={AppColors_1.AppColors.grayTextWeak}value={
|
|
60
|
+
<react_native_1.View style={[styles_1.default.searchContainer,K&&{borderColor:AppColors_1.AppColors.purple,borderWidth:1.5}]}>
|
|
61
|
+
<NetworkIcons_1.SearchIcon color={K?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={15}/>
|
|
62
|
+
<react_native_1.TextInput placeholder="Search URL, status, method, headers, body..."placeholderTextColor={AppColors_1.AppColors.grayTextWeak}value={t}onChangeText={a}onFocus={()=>U(!0)}onBlur={()=>U(!1)}style={styles_1.default.searchInput}autoCorrect={!1}autoCapitalize="none"/>
|
|
63
63
|
|
|
64
|
-
{
|
|
64
|
+
{t.length>0&&<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:4}}>
|
|
65
65
|
<react_native_1.View style={{backgroundColor:`${AppColors_1.AppColors.purple}20`,borderRadius:10,paddingHorizontal:6,paddingVertical:1.5}}>
|
|
66
66
|
<react_native_1.Text style={{color:AppColors_1.AppColors.purple,fontSize:9.5,fontFamily:AppFonts_1.AppFonts.interBold}}>
|
|
67
67
|
{w.length}
|
|
@@ -74,22 +74,22 @@
|
|
|
74
74
|
</react_native_1.View>
|
|
75
75
|
|
|
76
76
|
<react_native_1.View style={styles_1.default.toolbarRight}>
|
|
77
|
-
<TouchableScale_1.default style={[styles_1.default.toolbarBtn,{borderColor:`${AppColors_1.AppColors.errorColor}38`,backgroundColor:`${AppColors_1.AppColors.errorColor}0F`}]}onPress={
|
|
77
|
+
<TouchableScale_1.default style={[styles_1.default.toolbarBtn,{borderColor:`${AppColors_1.AppColors.errorColor}38`,backgroundColor:`${AppColors_1.AppColors.errorColor}0F`}]}onPress={J}hitSlop={6}>
|
|
78
78
|
<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={15}/>
|
|
79
|
-
{
|
|
79
|
+
{v.size>0&&<react_native_1.View style={styles_1.default.trashBadge}>
|
|
80
80
|
<react_native_1.Text style={styles_1.default.trashBadgeText}>
|
|
81
|
-
{
|
|
81
|
+
{v.size}
|
|
82
82
|
</react_native_1.Text>
|
|
83
83
|
</react_native_1.View>}
|
|
84
84
|
</TouchableScale_1.default>
|
|
85
85
|
|
|
86
|
-
<TouchableScale_1.default style={[styles_1.default.toolbarBtn,
|
|
87
|
-
<NetworkIcons_1.LayersIcon color={
|
|
88
|
-
{
|
|
86
|
+
<TouchableScale_1.default style={[styles_1.default.toolbarBtn,u&&{borderColor:AppColors_1.AppColors.purple,backgroundColor:`${AppColors_1.AppColors.purple}15`}]}onPress={()=>Y(e=>!e)}hitSlop={6}accessibilityLabel={u?"Page Accordion Grouping Enabled (Tap for Plain List)":"Plain List Enabled (Tap for Page Accordion)"}accessibilityRole="button">
|
|
87
|
+
<NetworkIcons_1.LayersIcon color={u?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextStrong}size={16}/>
|
|
88
|
+
{u&&<react_native_1.View style={styles_1.default.activeFilterDot}/>}
|
|
89
89
|
</TouchableScale_1.default>
|
|
90
90
|
|
|
91
|
-
<TouchableScale_1.default style={styles_1.default.toolbarBtn}onPress={()=>
|
|
92
|
-
<NetworkIcons_1.SortArrowIcon direction={
|
|
91
|
+
<TouchableScale_1.default style={styles_1.default.toolbarBtn}onPress={()=>x(e=>e==="newest"?"oldest":"newest")}hitSlop={10}>
|
|
92
|
+
<NetworkIcons_1.SortArrowIcon direction={Z==="newest"?"down":"up"}color={AppColors_1.AppColors.grayTextStrong}size={18}/>
|
|
93
93
|
</TouchableScale_1.default>
|
|
94
94
|
</react_native_1.View>
|
|
95
95
|
</react_native_1.View>
|
|
@@ -97,7 +97,7 @@
|
|
|
97
97
|
|
|
98
98
|
<react_native_1.View style={{flexDirection:"row",alignItems:"center",marginBottom:8,paddingHorizontal:8,gap:6}}>
|
|
99
99
|
<react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={!1}style={{flex:1}}contentContainerStyle={{flexDirection:"row",alignItems:"center",gap:6,paddingRight:6}}>
|
|
100
|
-
{
|
|
100
|
+
{ie.map(e=>{const n=V===e.id,s=e.color||AppColors_1.AppColors.purple,c=n?AppColors_1.AppColors.white:s;return<TouchableScale_1.default testID={`inspector.network.filter.${e.id.toLowerCase()}`}key={e.id}onPress={()=>{q(n?"all":e.id)}}>
|
|
101
101
|
<react_native_1.View style={{flexDirection:"row",alignItems:"center",paddingHorizontal:9,paddingVertical:4.5,borderRadius:8,backgroundColor:n?s:`${s}12`,borderWidth:1,borderColor:n?s:`${s}30`,gap:5}}>
|
|
102
102
|
{e.id==="all"&&<NetworkIcons_1.LayersIcon size={11}color={c}/>}
|
|
103
103
|
{e.id==="errors"&&<NetworkIcons_1.CircleXIcon size={11}color={c}/>}
|
|
@@ -118,15 +118,15 @@
|
|
|
118
118
|
</TouchableScale_1.default>})}
|
|
119
119
|
</react_native_1.ScrollView>
|
|
120
120
|
|
|
121
|
-
<TouchableScale_1.default onPress={()=>
|
|
121
|
+
<TouchableScale_1.default onPress={()=>Q(!0)}style={{flexShrink:0}}>
|
|
122
122
|
<react_native_1.View style={{flexDirection:"row",alignItems:"center",paddingHorizontal:10,paddingVertical:4.5,borderRadius:8,backgroundColor:C?`${AppColors_1.AppColors.purple}20`:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:C?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayBorderSecondary,gap:5,shadowColor:AppColors_1.AppColors.black,shadowOpacity:.04,shadowRadius:2,shadowOffset:{width:0,height:1},elevation:1}}>
|
|
123
123
|
<NetworkIcons_1.FilterIcon size={11}color={C?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayText}/>
|
|
124
124
|
<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:C?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayText}}>
|
|
125
|
-
{
|
|
125
|
+
{L("network.moreFilters","More Filters")}
|
|
126
126
|
</react_native_1.Text>
|
|
127
127
|
{C&&<react_native_1.View style={{backgroundColor:AppColors_1.AppColors.purple,paddingHorizontal:4.5,paddingVertical:1,borderRadius:6}}>
|
|
128
128
|
<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,color:AppColors_1.AppColors.white}}>
|
|
129
|
-
{
|
|
129
|
+
{re}
|
|
130
130
|
</react_native_1.Text>
|
|
131
131
|
</react_native_1.View>}
|
|
132
132
|
</react_native_1.View>
|
|
@@ -134,11 +134,11 @@
|
|
|
134
134
|
</react_native_1.View>
|
|
135
135
|
|
|
136
136
|
|
|
137
|
-
{(
|
|
137
|
+
{(V!=="all"||t.trim().length>0||C||w.length!==T.length)&&<react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginHorizontal:8,marginBottom:8,paddingHorizontal:8,paddingVertical:5.5,backgroundColor:`${AppColors_1.AppColors.purple}10`,borderRadius:8,borderWidth:1,borderColor:`${AppColors_1.AppColors.purple}25`}}>
|
|
138
138
|
<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10.5,color:AppColors_1.AppColors.purple}}>
|
|
139
|
-
Showing {w.length} of {
|
|
139
|
+
Showing {w.length} of {T.length} requests
|
|
140
140
|
</react_native_1.Text>
|
|
141
|
-
<TouchableScale_1.default onPress={()=>{a(""),
|
|
141
|
+
<TouchableScale_1.default onPress={()=>{a(""),q("all"),m(new Set),S(new Set),z("all"),F("all"),I("time_desc"),i("all")}}>
|
|
142
142
|
<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:AppColors_1.AppColors.errorColor}}>
|
|
143
143
|
Clear All Filters
|
|
144
144
|
</react_native_1.Text>
|
|
@@ -146,8 +146,8 @@
|
|
|
146
146
|
</react_native_1.View>}
|
|
147
147
|
</react_native_1.View>
|
|
148
148
|
|
|
149
|
-
<react_native_1.FlatList ref={
|
|
149
|
+
<react_native_1.FlatList ref={ee}data={M}keyExtractor={oe}renderItem={ne}initialNumToRender={10}maxToRenderPerBatch={8}windowSize={5}updateCellsBatchingPeriod={40}removeClippedSubviews={!0}renderToHardwareTextureAndroid={!0}showsVerticalScrollIndicator={!1}nestedScrollEnabled={!0}ListEmptyComponent={<EmptyState_1.default isSearch={t.length>0||C||V!=="all"}searchQuery={t}customTitle={t.length>0?"No matching API requests":"No network activity"}onClearSearch={()=>{a(""),m(new Set),S(new Set),z("all"),F("all"),I("time_desc"),q("all"),i("all")}}/>}ListFooterComponent={l.length>0?<EndOfListFooter_1.default count={u?w.length:Math.min(R,w.length)}totalCount={w.length}label="requests"hasMore={!u&&w.length>R}loadMoreStep={30}onLoadMore={()=>X(e=>e+30)}/>:null}style={{flex:1}}contentContainerStyle={[styles_1.default.listContent,{flexGrow:1}]}keyboardShouldPersistTaps="handled"/>
|
|
150
150
|
|
|
151
151
|
|
|
152
|
-
<NetworkFilterModal_1.default visible={
|
|
152
|
+
<NetworkFilterModal_1.default visible={te}onClose={()=>Q(!1)}filters={le}onApply={ae}searchQuery={t}/>
|
|
153
153
|
</react_native_1.View>});exports.default=NetworkTab;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(r,t,i,o){o===void 0&&(o=i);var n=Object.getOwnPropertyDescriptor(t,i);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[i]}}),Object.defineProperty(r,o,n)}):(function(r,t,i,o){o===void 0&&(o=i),r[o]=t[i]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(r,t){Object.defineProperty(r,"default",{enumerable:!0,value:t})}):function(r,t){r.default=t}),__importStar=this&&this.__importStar||(function(){var r=function(t){return r=Object.getOwnPropertyNames||function(i){var o=[];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(o[o.length]=n);return o},r(t)};return function(t){if(t&&t.__esModule)return t;var i={};if(t!=null)for(var o=r(t),n=0;n<o.length;n++)o[n]!=="default"&&__createBinding(i,t,o[n]);return __setModuleDefault(i,t),i}})(),__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"),i18n_1=require("../../i18n"),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),TouchableScale_1=__importDefault(require("../TouchableScale")),NetworkIcons_1=require("../NetworkIcons"),reduxLogger_1=require("../../customHooks/reduxLogger"),analyticsLogger_1=require("../../customHooks/analyticsLogger"),helpers_1=require("../../helpers"),HEADER_TAB_THEME={themeColor:AppColors_1.AppColors.brandPurple,bgInactive:`${AppColors_1.AppColors.brandPurple}0D`,borderInactive:`${AppColors_1.AppColors.brandPurple}2B`,iconInactive:AppColors_1.AppColors.brandPurple,idBadgeBg:`${AppColors_1.AppColors.brandPurple}1C`,idBadgeBorder:`${AppColors_1.AppColors.brandPurple}3D`,idBadgeText:AppColors_1.AppColors.brandPurple},TAB_THEMES={apis:HEADER_TAB_THEME,logs:HEADER_TAB_THEME,analytics:HEADER_TAB_THEME,redux:HEADER_TAB_THEME,storage:HEADER_TAB_THEME,device:HEADER_TAB_THEME,crash:HEADER_TAB_THEME,push:HEADER_TAB_THEME,socket:HEADER_TAB_THEME,debugging:HEADER_TAB_THEME,media:HEADER_TAB_THEME},TabBar=react_1.default.memo(()=>{const{t:r}=(0,i18n_1.useTranslation)(),{activeTab:t,switchActiveTab:i,tabVisibility:o,logs:n,consoleLogs:y,analyticsEvents:m,crashRecords:f,pushRecords:C,socketRecords:b,unreadPushCount:S,unreadSocketCount:I,lastReadApisCount:T,lastReadLogsCount:x,lastReadCrashesCount:R,lastReadSocketCount:B,mediaCount:_}=(0,InspectorContext_1.useInspector)(),P=(0,reduxLogger_1.isReduxConnected)(),O=(0,analyticsLogger_1.isAnalyticsConnected)(),c=t==="media",g=(o?.media??!0)&&_>0,w=(0,react_1.useRef)(null),[h,
|
|
1
|
+
"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(r,t,i,o){o===void 0&&(o=i);var n=Object.getOwnPropertyDescriptor(t,i);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[i]}}),Object.defineProperty(r,o,n)}):(function(r,t,i,o){o===void 0&&(o=i),r[o]=t[i]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(r,t){Object.defineProperty(r,"default",{enumerable:!0,value:t})}):function(r,t){r.default=t}),__importStar=this&&this.__importStar||(function(){var r=function(t){return r=Object.getOwnPropertyNames||function(i){var o=[];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(o[o.length]=n);return o},r(t)};return function(t){if(t&&t.__esModule)return t;var i={};if(t!=null)for(var o=r(t),n=0;n<o.length;n++)o[n]!=="default"&&__createBinding(i,t,o[n]);return __setModuleDefault(i,t),i}})(),__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"),i18n_1=require("../../i18n"),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),TouchableScale_1=__importDefault(require("../TouchableScale")),NetworkIcons_1=require("../NetworkIcons"),reduxLogger_1=require("../../customHooks/reduxLogger"),analyticsLogger_1=require("../../customHooks/analyticsLogger"),helpers_1=require("../../helpers"),HEADER_TAB_THEME={themeColor:AppColors_1.AppColors.brandPurple,bgInactive:`${AppColors_1.AppColors.brandPurple}0D`,borderInactive:`${AppColors_1.AppColors.brandPurple}2B`,iconInactive:AppColors_1.AppColors.brandPurple,idBadgeBg:`${AppColors_1.AppColors.brandPurple}1C`,idBadgeBorder:`${AppColors_1.AppColors.brandPurple}3D`,idBadgeText:AppColors_1.AppColors.brandPurple},TAB_THEMES={apis:HEADER_TAB_THEME,logs:HEADER_TAB_THEME,analytics:HEADER_TAB_THEME,redux:HEADER_TAB_THEME,storage:HEADER_TAB_THEME,device:HEADER_TAB_THEME,crash:HEADER_TAB_THEME,push:HEADER_TAB_THEME,socket:HEADER_TAB_THEME,debugging:HEADER_TAB_THEME,media:HEADER_TAB_THEME},TabBar=react_1.default.memo(()=>{const{t:r}=(0,i18n_1.useTranslation)(),{activeTab:t,switchActiveTab:i,tabVisibility:o,logs:n,consoleLogs:y,analyticsEvents:m,crashRecords:f,pushRecords:C,socketRecords:b,unreadPushCount:S,unreadSocketCount:I,lastReadApisCount:T,lastReadLogsCount:x,lastReadCrashesCount:R,lastReadSocketCount:B,mediaCount:_}=(0,InspectorContext_1.useInspector)(),P=(0,reduxLogger_1.isReduxConnected)(),O=(0,analyticsLogger_1.isAnalyticsConnected)(),c=t==="media",g=(o?.media??!0)&&(_>0||c||__DEV__),w=(0,react_1.useRef)(null),[h,V]=(0,react_1.useState)(!1),[v,z]=(0,react_1.useState)(!0),A=(0,react_1.useRef)(0),L=e=>{const{contentOffset:s,layoutMeasurement:a,contentSize:l}=e.nativeEvent,d=s.x;A.current=d;const u=d>8,p=d<l.width-a.width-8;h!==u&&V(u),v!==p&&z(p)},k=e=>{w.current?.scrollTo({x:Math.max(0,A.current+e),animated:!0})};return<react_native_1.View style={[styles_1.default.tabBarContainer,{flexDirection:"row",alignItems:"center",paddingHorizontal:0}]}>
|
|
2
2
|
|
|
3
3
|
{h&&<react_native_1.TouchableOpacity onPress={()=>k(-160)}hitSlop={{top:6,bottom:6,left:6,right:6}}activeOpacity={.7}style={{paddingLeft:6,paddingRight:2,justifyContent:"center",alignItems:"center"}}>
|
|
4
4
|
<react_native_1.View style={{width:22,height:22,borderRadius:11,backgroundColor:AppColors_1.AppColors.grayBorderSecondary,alignItems:"center",justifyContent:"center"}}>
|
|
@@ -7,8 +7,8 @@
|
|
|
7
7
|
</react_native_1.TouchableOpacity>}
|
|
8
8
|
|
|
9
9
|
|
|
10
|
-
<react_native_1.ScrollView ref={w}horizontal showsHorizontalScrollIndicator={!1}onScroll={
|
|
11
|
-
{[{id:1,key:"apis",label:"APIs",count:n.length,icon:"apis"},{id:2,key:"logs",label:"Logs",count:y.length,icon:"logs"},{id:3,key:"analytics",label:"Analytics",count:m.length,icon:"analytics"},{id:4,key:"redux",label:"Redux",count:0,icon:"redux"},{id:5,key:"storage",label:"Storage",count:0,icon:"storage"},{id:6,key:"device",label:"Device",count:0,icon:"device"},{id:7,key:"crash",label:"Crash",count:f?.length||0,icon:"crash"},{id:8,key:"push",label:"Push",count:C?.length||0,icon:"push"},{id:9,key:"socket",label:"WebSocket",count:b?.length||0,icon:"socket"},{id:10,key:"debugging",label:"Debugging",count:0,icon:"debugging"}].filter(e=>e.key==="debugging"?react_native_1.Platform.OS==="android"&&(0,helpers_1.isLocalDebugEnvironment)()&&!!o?.debugging:!(!o?.[e.key]||e.key==="redux"&&!P||e.key==="analytics"&&!O)).map(e=>{const s=t===e.key,a=TAB_THEMES[e.key]||TAB_THEMES.apis,l=s?AppColors_1.AppColors.white:a.iconInactive,d=e.count>99?"99+":String(e.count),u=t!=="apis"&&n.length>T,p=t!=="logs"&&y.length>x,
|
|
10
|
+
<react_native_1.ScrollView testID="inspector.tab.scrollview"ref={w}horizontal showsHorizontalScrollIndicator={!1}onScroll={L}scrollEventThrottle={16}style={{flex:1}}contentContainerStyle={{paddingLeft:h?4:12,paddingRight:g?6:12}}>
|
|
11
|
+
{[{id:1,key:"apis",label:"APIs",count:n.length,icon:"apis"},{id:2,key:"logs",label:"Logs",count:y.length,icon:"logs"},{id:3,key:"analytics",label:"Analytics",count:m.length,icon:"analytics"},{id:4,key:"redux",label:"Redux",count:0,icon:"redux"},{id:5,key:"storage",label:"Storage",count:0,icon:"storage"},{id:6,key:"device",label:"Device",count:0,icon:"device"},{id:7,key:"crash",label:"Crash",count:f?.length||0,icon:"crash"},{id:8,key:"push",label:"Push",count:C?.length||0,icon:"push"},{id:9,key:"socket",label:"WebSocket",count:b?.length||0,icon:"socket"},{id:10,key:"debugging",label:"Debugging",count:0,icon:"debugging"}].filter(e=>e.key==="debugging"?react_native_1.Platform.OS==="android"&&(0,helpers_1.isLocalDebugEnvironment)()&&!!o?.debugging:!(!o?.[e.key]||e.key==="redux"&&!P||e.key==="analytics"&&!O)).map(e=>{const s=t===e.key,a=TAB_THEMES[e.key]||TAB_THEMES.apis,l=s?AppColors_1.AppColors.white:a.iconInactive,d=e.count>99?"99+":String(e.count),u=t!=="apis"&&n.length>T,p=t!=="logs"&&y.length>x,D=t!=="crash"&&(f?.length||0)>(R||0),j=t!=="socket"&&((b?.length||0)>(B||0)||I>0);return<TouchableScale_1.default key={e.key}testID={`inspector.tab.${e.key}`}onPress={()=>{i(e.key)}}style={[styles_1.default.contentTabButton,{backgroundColor:s?a.themeColor:a.bgInactive,borderColor:s?a.themeColor:a.borderInactive},s&&{shadowColor:a.themeColor,shadowOffset:{width:0,height:2},shadowOpacity:.28,shadowRadius:3.5,elevation:3}]}>
|
|
12
12
|
<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
|
|
13
13
|
{e.icon==="apis"&&<NetworkIcons_1.SignalIcon color={l}size={14}/>}
|
|
14
14
|
{e.icon==="logs"&&<NetworkIcons_1.TerminalIcon color={l}size={14}/>}
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
{d}
|
|
34
34
|
</react_native_1.Text>
|
|
35
35
|
</react_native_1.View>}
|
|
36
|
-
{(e.key==="apis"&&u||e.key==="logs"&&p||e.key==="crash"&&
|
|
36
|
+
{(e.key==="apis"&&u||e.key==="logs"&&p||e.key==="crash"&&D||e.key==="push"&&((C?.length||0)>0||S>0)||e.key==="socket"&&j)&&<react_native_1.View style={{width:6,height:6,borderRadius:3,backgroundColor:AppColors_1.AppColors.errorColor,marginLeft:4,alignSelf:"center"}}/>}
|
|
37
37
|
</react_native_1.View>
|
|
38
38
|
</TouchableScale_1.default>})}
|
|
39
39
|
</react_native_1.ScrollView>
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
|
|
48
48
|
|
|
49
49
|
{g&&<react_native_1.View style={{paddingLeft:6,paddingRight:10,borderLeftWidth:1,borderLeftColor:AppColors_1.AppColors.dividerColor,backgroundColor:AppColors_1.AppColors.primaryLight,justifyContent:"center",shadowColor:AppColors_1.AppColors.shadowColorString,shadowOffset:{width:-3,height:0},shadowOpacity:.12,shadowRadius:4,elevation:4,zIndex:10}}>
|
|
50
|
-
<TouchableScale_1.default key="media"onPress={()=>{i("media")}}accessibilityRole="button"accessibilityLabel="Media Gallery"style={[styles_1.default.contentTabButton,{marginRight:0,borderRadius:8,backgroundColor:c?AppColors_1.AppColors.brandPurple:`${AppColors_1.AppColors.brandPurple}0D`,borderColor:c?AppColors_1.AppColors.brandPurple:`${AppColors_1.AppColors.brandPurple}2B`,borderWidth:1,paddingHorizontal:10,paddingVertical:7,alignItems:"center",justifyContent:"center"},c&&{shadowColor:AppColors_1.AppColors.brandPurple,shadowOffset:{width:0,height:2},shadowOpacity:.28,shadowRadius:3.5,elevation:3}]}>
|
|
50
|
+
<TouchableScale_1.default key="media"testID="inspector.tab.media"onPress={()=>{i("media")}}accessibilityRole="button"accessibilityLabel="Media Gallery"style={[styles_1.default.contentTabButton,{marginRight:0,borderRadius:8,backgroundColor:c?AppColors_1.AppColors.brandPurple:`${AppColors_1.AppColors.brandPurple}0D`,borderColor:c?AppColors_1.AppColors.brandPurple:`${AppColors_1.AppColors.brandPurple}2B`,borderWidth:1,paddingHorizontal:10,paddingVertical:7,alignItems:"center",justifyContent:"center"},c&&{shadowColor:AppColors_1.AppColors.brandPurple,shadowOffset:{width:0,height:2},shadowOpacity:.28,shadowRadius:3.5,elevation:3}]}>
|
|
51
51
|
<react_native_1.View style={{position:"relative",alignItems:"center",justifyContent:"center"}}>
|
|
52
52
|
<NetworkIcons_1.ScreencastIcon color={c?AppColors_1.AppColors.white:AppColors_1.AppColors.brandPurple}size={15}/>
|
|
53
53
|
{_>0&&<react_native_1.View style={{position:"absolute",top:-3,right:-4,width:7,height:7,borderRadius:3.5,backgroundColor:c?AppColors_1.AppColors.white:AppColors_1.AppColors.brandPurple,borderWidth:1.2,borderColor:c?AppColors_1.AppColors.brandPurple:AppColors_1.AppColors.white}}/>}
|