react-native-inapp-inspector 2.5.10 → 2.5.12
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.ar.md +0 -8
- package/README.de.md +0 -8
- package/README.es.md +0 -8
- package/README.fr.md +0 -8
- package/README.hi.md +0 -8
- package/README.ja.md +0 -8
- package/README.ko.md +0 -8
- package/README.md +54 -26
- package/README.pt-BR.md +0 -8
- package/README.ru.md +0 -8
- package/README.zh-CN.md +0 -8
- package/dist/commonjs/components/ConsoleLogCard.js +32 -26
- package/dist/commonjs/components/ErrorBoundary.js +1 -1
- package/dist/commonjs/components/Inspector/ConsoleTab.js +19 -14
- package/dist/commonjs/components/Inspector/FloatingCaptureWidget.js +4 -4
- package/dist/commonjs/components/Inspector/InspectorHeader.js +73 -65
- package/dist/commonjs/components/Inspector/MainScreen.js +9 -6
- package/dist/commonjs/components/Inspector/MediaGalleryTab.js +187 -90
- package/dist/commonjs/components/Inspector/NetworkDetail.js +11 -8
- package/dist/commonjs/components/Inspector/NetworkTab.js +33 -31
- package/dist/commonjs/components/Inspector/PerformanceTab.d.ts +2 -0
- package/dist/commonjs/components/Inspector/PerformanceTab.js +652 -0
- package/dist/commonjs/components/Inspector/SettingsPanel.js +346 -245
- package/dist/commonjs/components/Inspector/TabBar.js +17 -16
- package/dist/commonjs/components/LogCard.js +11 -8
- package/dist/commonjs/components/ModuleErrorBoundary.js +1 -1
- package/dist/commonjs/components/NetworkIcons.d.ts +9 -0
- package/dist/commonjs/components/NetworkIcons.js +51 -6
- package/dist/commonjs/constants/index.d.ts +1 -0
- package/dist/commonjs/constants/index.js +1 -1
- package/dist/commonjs/constants/version.d.ts +1 -1
- package/dist/commonjs/constants/version.js +1 -1
- package/dist/commonjs/customHooks/crashHandler.d.ts +9 -1
- package/dist/commonjs/customHooks/crashHandler.js +4 -4
- package/dist/commonjs/helpers/index.d.ts +3 -0
- package/dist/commonjs/helpers/index.js +8 -6
- package/dist/commonjs/helpers/performanceSampler.d.ts +88 -0
- package/dist/commonjs/helpers/performanceSampler.js +1 -0
- package/dist/commonjs/helpers/remoteConfig.d.ts +6 -0
- package/dist/commonjs/helpers/remoteConfig.js +1 -1
- package/dist/commonjs/helpers/telemetry.js +1 -1
- package/dist/commonjs/i18n/locales/ar.json +1 -1
- package/dist/commonjs/i18n/locales/bn.json +1 -1
- package/dist/commonjs/i18n/locales/de.json +1 -1
- package/dist/commonjs/i18n/locales/en.json +1 -1
- package/dist/commonjs/i18n/locales/es.json +1 -1
- package/dist/commonjs/i18n/locales/fr.json +1 -1
- package/dist/commonjs/i18n/locales/gu.json +1 -1
- package/dist/commonjs/i18n/locales/hi.json +1 -1
- package/dist/commonjs/i18n/locales/id.json +1 -1
- package/dist/commonjs/i18n/locales/it.json +1 -1
- package/dist/commonjs/i18n/locales/ja.json +1 -1
- package/dist/commonjs/i18n/locales/kn.json +1 -1
- package/dist/commonjs/i18n/locales/ko.json +1 -1
- package/dist/commonjs/i18n/locales/ml.json +1 -1
- package/dist/commonjs/i18n/locales/mr.json +1 -1
- package/dist/commonjs/i18n/locales/nl.json +1 -1
- package/dist/commonjs/i18n/locales/pa.json +1 -1
- package/dist/commonjs/i18n/locales/pl.json +1 -1
- package/dist/commonjs/i18n/locales/pt.json +1 -1
- package/dist/commonjs/i18n/locales/ru.json +1 -1
- package/dist/commonjs/i18n/locales/ta.json +1 -1
- package/dist/commonjs/i18n/locales/te.json +1 -1
- package/dist/commonjs/i18n/locales/tr.json +1 -1
- package/dist/commonjs/i18n/locales/vi.json +1 -1
- package/dist/commonjs/i18n/locales/zh.json +1 -1
- package/dist/commonjs/index.d.ts +4 -2
- package/dist/commonjs/index.js +3 -3
- package/dist/commonjs/styles/index.js +1 -1
- package/dist/commonjs/types/enums.d.ts +1 -0
- package/dist/commonjs/types/enums.js +1 -1
- package/dist/commonjs/types/interfaces.d.ts +28 -0
- package/dist/esm/components/ConsoleLogCard.js +67 -61
- package/dist/esm/components/ErrorBoundary.js +10 -10
- package/dist/esm/components/Inspector/ConsoleTab.js +33 -28
- package/dist/esm/components/Inspector/FloatingCaptureWidget.js +22 -22
- package/dist/esm/components/Inspector/InspectorHeader.js +194 -186
- package/dist/esm/components/Inspector/MainScreen.js +61 -58
- package/dist/esm/components/Inspector/MediaGalleryTab.js +254 -157
- package/dist/esm/components/Inspector/NetworkDetail.js +62 -59
- package/dist/esm/components/Inspector/NetworkTab.js +39 -37
- package/dist/esm/components/Inspector/PerformanceTab.d.ts +2 -0
- package/dist/esm/components/Inspector/PerformanceTab.js +652 -0
- package/dist/esm/components/Inspector/SettingsPanel.js +407 -306
- package/dist/esm/components/Inspector/TabBar.js +4 -3
- package/dist/esm/components/LogCard.js +37 -34
- package/dist/esm/components/ModuleErrorBoundary.js +1 -1
- package/dist/esm/components/NetworkIcons.d.ts +9 -0
- package/dist/esm/components/NetworkIcons.js +48 -3
- package/dist/esm/constants/index.d.ts +1 -0
- package/dist/esm/constants/index.js +1 -1
- package/dist/esm/constants/version.d.ts +1 -1
- package/dist/esm/constants/version.js +1 -1
- package/dist/esm/customHooks/crashHandler.d.ts +9 -1
- package/dist/esm/customHooks/crashHandler.js +6 -6
- package/dist/esm/helpers/index.d.ts +3 -0
- package/dist/esm/helpers/index.js +8 -6
- package/dist/esm/helpers/performanceSampler.d.ts +88 -0
- package/dist/esm/helpers/performanceSampler.js +1 -0
- package/dist/esm/helpers/remoteConfig.d.ts +6 -0
- package/dist/esm/helpers/remoteConfig.js +1 -1
- package/dist/esm/helpers/telemetry.js +1 -1
- package/dist/esm/i18n/locales/ar.json +1 -1
- package/dist/esm/i18n/locales/bn.json +1 -1
- package/dist/esm/i18n/locales/de.json +1 -1
- package/dist/esm/i18n/locales/en.json +1 -1
- package/dist/esm/i18n/locales/es.json +1 -1
- package/dist/esm/i18n/locales/fr.json +1 -1
- package/dist/esm/i18n/locales/gu.json +1 -1
- package/dist/esm/i18n/locales/hi.json +1 -1
- package/dist/esm/i18n/locales/id.json +1 -1
- package/dist/esm/i18n/locales/it.json +1 -1
- package/dist/esm/i18n/locales/ja.json +1 -1
- package/dist/esm/i18n/locales/kn.json +1 -1
- package/dist/esm/i18n/locales/ko.json +1 -1
- package/dist/esm/i18n/locales/ml.json +1 -1
- package/dist/esm/i18n/locales/mr.json +1 -1
- package/dist/esm/i18n/locales/nl.json +1 -1
- package/dist/esm/i18n/locales/pa.json +1 -1
- package/dist/esm/i18n/locales/pl.json +1 -1
- package/dist/esm/i18n/locales/pt.json +1 -1
- package/dist/esm/i18n/locales/ru.json +1 -1
- package/dist/esm/i18n/locales/ta.json +1 -1
- package/dist/esm/i18n/locales/te.json +1 -1
- package/dist/esm/i18n/locales/tr.json +1 -1
- package/dist/esm/i18n/locales/vi.json +1 -1
- package/dist/esm/i18n/locales/zh.json +1 -1
- package/dist/esm/index.d.ts +4 -2
- package/dist/esm/index.js +8 -8
- package/dist/esm/styles/index.js +1 -1
- package/dist/esm/types/enums.d.ts +1 -0
- package/dist/esm/types/enums.js +1 -1
- package/dist/esm/types/interfaces.d.ts +28 -0
- package/package.json +24 -1
package/README.ar.md
CHANGED
|
@@ -20,14 +20,6 @@
|
|
|
20
20
|
<b><a href="./README.ar.md">العربية</a></b>
|
|
21
21
|
</p>
|
|
22
22
|
|
|
23
|
-
<p align="center">
|
|
24
|
-
<picture>
|
|
25
|
-
<source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/vengatmacuser/react-native-inapp-inspector/main/assets/banner_light.svg">
|
|
26
|
-
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/vengatmacuser/react-native-inapp-inspector/main/assets/banner_dark.svg">
|
|
27
|
-
<img alt="React Native In-App Inspector Banner" src="https://raw.githubusercontent.com/vengatmacuser/react-native-inapp-inspector/main/assets/banner_dark.svg" width="100%">
|
|
28
|
-
</picture>
|
|
29
|
-
</p>
|
|
30
|
-
|
|
31
23
|
<p align="center">
|
|
32
24
|
<a href="https://www.npmjs.com/package/react-native-inapp-inspector"><img src="https://img.shields.io/npm/v/react-native-inapp-inspector?color=6366f1&label=npm&logo=npm" alt="npm version" /></a>
|
|
33
25
|
<a href="https://www.npmjs.com/package/react-native-inapp-inspector"><img src="https://img.shields.io/npm/dm/react-native-inapp-inspector?color=3b82f6&label=downloads" alt="npm downloads" /></a>
|
package/README.de.md
CHANGED
|
@@ -20,14 +20,6 @@
|
|
|
20
20
|
<b><a href="./README.ar.md">العربية</a></b>
|
|
21
21
|
</p>
|
|
22
22
|
|
|
23
|
-
<p align="center">
|
|
24
|
-
<picture>
|
|
25
|
-
<source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/vengatmacuser/react-native-inapp-inspector/main/assets/banner_light.svg">
|
|
26
|
-
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/vengatmacuser/react-native-inapp-inspector/main/assets/banner_dark.svg">
|
|
27
|
-
<img alt="React Native In-App Inspector Banner" src="https://raw.githubusercontent.com/vengatmacuser/react-native-inapp-inspector/main/assets/banner_dark.svg" width="100%">
|
|
28
|
-
</picture>
|
|
29
|
-
</p>
|
|
30
|
-
|
|
31
23
|
<p align="center">
|
|
32
24
|
<a href="https://www.npmjs.com/package/react-native-inapp-inspector"><img src="https://img.shields.io/npm/v/react-native-inapp-inspector?color=6366f1&label=npm&logo=npm" alt="npm version" /></a>
|
|
33
25
|
<a href="https://www.npmjs.com/package/react-native-inapp-inspector"><img src="https://img.shields.io/npm/dm/react-native-inapp-inspector?color=3b82f6&label=downloads" alt="npm downloads" /></a>
|
package/README.es.md
CHANGED
|
@@ -20,14 +20,6 @@
|
|
|
20
20
|
<b><a href="./README.ar.md">العربية</a></b>
|
|
21
21
|
</p>
|
|
22
22
|
|
|
23
|
-
<p align="center">
|
|
24
|
-
<picture>
|
|
25
|
-
<source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/vengatmacuser/react-native-inapp-inspector/main/assets/banner_light.svg">
|
|
26
|
-
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/vengatmacuser/react-native-inapp-inspector/main/assets/banner_dark.svg">
|
|
27
|
-
<img alt="React Native In-App Inspector Banner" src="https://raw.githubusercontent.com/vengatmacuser/react-native-inapp-inspector/main/assets/banner_dark.svg" width="100%">
|
|
28
|
-
</picture>
|
|
29
|
-
</p>
|
|
30
|
-
|
|
31
23
|
<p align="center">
|
|
32
24
|
<a href="https://www.npmjs.com/package/react-native-inapp-inspector"><img src="https://img.shields.io/npm/v/react-native-inapp-inspector?color=6366f1&label=npm&logo=npm" alt="npm version" /></a>
|
|
33
25
|
<a href="https://www.npmjs.com/package/react-native-inapp-inspector"><img src="https://img.shields.io/npm/dm/react-native-inapp-inspector?color=3b82f6&label=downloads" alt="npm downloads" /></a>
|
package/README.fr.md
CHANGED
|
@@ -20,14 +20,6 @@
|
|
|
20
20
|
<b><a href="./README.ar.md">العربية</a></b>
|
|
21
21
|
</p>
|
|
22
22
|
|
|
23
|
-
<p align="center">
|
|
24
|
-
<picture>
|
|
25
|
-
<source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/vengatmacuser/react-native-inapp-inspector/main/assets/banner_light.svg">
|
|
26
|
-
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/vengatmacuser/react-native-inapp-inspector/main/assets/banner_dark.svg">
|
|
27
|
-
<img alt="React Native In-App Inspector Banner" src="https://raw.githubusercontent.com/vengatmacuser/react-native-inapp-inspector/main/assets/banner_dark.svg" width="100%">
|
|
28
|
-
</picture>
|
|
29
|
-
</p>
|
|
30
|
-
|
|
31
23
|
<p align="center">
|
|
32
24
|
<a href="https://www.npmjs.com/package/react-native-inapp-inspector"><img src="https://img.shields.io/npm/v/react-native-inapp-inspector?color=6366f1&label=npm&logo=npm" alt="npm version" /></a>
|
|
33
25
|
<a href="https://www.npmjs.com/package/react-native-inapp-inspector"><img src="https://img.shields.io/npm/dm/react-native-inapp-inspector?color=3b82f6&label=downloads" alt="npm downloads" /></a>
|
package/README.hi.md
CHANGED
|
@@ -20,14 +20,6 @@
|
|
|
20
20
|
<b><a href="./README.ar.md">العربية</a></b>
|
|
21
21
|
</p>
|
|
22
22
|
|
|
23
|
-
<p align="center">
|
|
24
|
-
<picture>
|
|
25
|
-
<source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/vengatmacuser/react-native-inapp-inspector/main/assets/banner_light.svg">
|
|
26
|
-
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/vengatmacuser/react-native-inapp-inspector/main/assets/banner_dark.svg">
|
|
27
|
-
<img alt="React Native In-App Inspector Banner" src="https://raw.githubusercontent.com/vengatmacuser/react-native-inapp-inspector/main/assets/banner_dark.svg" width="100%">
|
|
28
|
-
</picture>
|
|
29
|
-
</p>
|
|
30
|
-
|
|
31
23
|
<p align="center">
|
|
32
24
|
<a href="https://www.npmjs.com/package/react-native-inapp-inspector"><img src="https://img.shields.io/npm/v/react-native-inapp-inspector?color=6366f1&label=npm&logo=npm" alt="npm version" /></a>
|
|
33
25
|
<a href="https://www.npmjs.com/package/react-native-inapp-inspector"><img src="https://img.shields.io/npm/dm/react-native-inapp-inspector?color=3b82f6&label=downloads" alt="npm downloads" /></a>
|
package/README.ja.md
CHANGED
|
@@ -20,14 +20,6 @@
|
|
|
20
20
|
<b><a href="./README.ar.md">العربية</a></b>
|
|
21
21
|
</p>
|
|
22
22
|
|
|
23
|
-
<p align="center">
|
|
24
|
-
<picture>
|
|
25
|
-
<source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/vengatmacuser/react-native-inapp-inspector/main/assets/banner_light.svg">
|
|
26
|
-
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/vengatmacuser/react-native-inapp-inspector/main/assets/banner_dark.svg">
|
|
27
|
-
<img alt="React Native In-App Inspector Banner" src="https://raw.githubusercontent.com/vengatmacuser/react-native-inapp-inspector/main/assets/banner_dark.svg" width="100%">
|
|
28
|
-
</picture>
|
|
29
|
-
</p>
|
|
30
|
-
|
|
31
23
|
<p align="center">
|
|
32
24
|
<a href="https://www.npmjs.com/package/react-native-inapp-inspector"><img src="https://img.shields.io/npm/v/react-native-inapp-inspector?color=6366f1&label=npm&logo=npm" alt="npm version" /></a>
|
|
33
25
|
<a href="https://www.npmjs.com/package/react-native-inapp-inspector"><img src="https://img.shields.io/npm/dm/react-native-inapp-inspector?color=3b82f6&label=downloads" alt="npm downloads" /></a>
|
package/README.ko.md
CHANGED
|
@@ -20,14 +20,6 @@
|
|
|
20
20
|
<b><a href="./README.ar.md">العربية</a></b>
|
|
21
21
|
</p>
|
|
22
22
|
|
|
23
|
-
<p align="center">
|
|
24
|
-
<picture>
|
|
25
|
-
<source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/vengatmacuser/react-native-inapp-inspector/main/assets/banner_light.svg">
|
|
26
|
-
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/vengatmacuser/react-native-inapp-inspector/main/assets/banner_dark.svg">
|
|
27
|
-
<img alt="React Native In-App Inspector Banner" src="https://raw.githubusercontent.com/vengatmacuser/react-native-inapp-inspector/main/assets/banner_dark.svg" width="100%">
|
|
28
|
-
</picture>
|
|
29
|
-
</p>
|
|
30
|
-
|
|
31
23
|
<p align="center">
|
|
32
24
|
<a href="https://www.npmjs.com/package/react-native-inapp-inspector"><img src="https://img.shields.io/npm/v/react-native-inapp-inspector?color=6366f1&label=npm&logo=npm" alt="npm version" /></a>
|
|
33
25
|
<a href="https://www.npmjs.com/package/react-native-inapp-inspector"><img src="https://img.shields.io/npm/dm/react-native-inapp-inspector?color=3b82f6&label=downloads" alt="npm downloads" /></a>
|
package/README.md
CHANGED
|
@@ -24,14 +24,6 @@
|
|
|
24
24
|
<b><a href="./README.ar.md">العربية</a></b>
|
|
25
25
|
</p>
|
|
26
26
|
|
|
27
|
-
<p align="center">
|
|
28
|
-
<picture>
|
|
29
|
-
<source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/vengatmacuser/react-native-inapp-inspector/main/assets/banner_light.svg">
|
|
30
|
-
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/vengatmacuser/react-native-inapp-inspector/main/assets/banner_dark.svg">
|
|
31
|
-
<img alt="React Native In-App Inspector Banner" src="https://raw.githubusercontent.com/vengatmacuser/react-native-inapp-inspector/main/assets/banner_dark.svg" width="100%">
|
|
32
|
-
</picture>
|
|
33
|
-
</p>
|
|
34
|
-
|
|
35
27
|
<p align="center">
|
|
36
28
|
<a href="https://www.npmjs.com/package/react-native-inapp-inspector"><img src="https://img.shields.io/npm/v/react-native-inapp-inspector?color=6366f1&label=npm&logo=npm" alt="npm version" /></a>
|
|
37
29
|
<a href="https://www.npmjs.com/package/react-native-inapp-inspector"><img src="https://img.shields.io/npm/dm/react-native-inapp-inspector?color=3b82f6&label=downloads" alt="npm downloads" /></a>
|
|
@@ -94,23 +86,23 @@ The **zero-config, all-in-one in-app debugging toolkit for React Native & Expo**
|
|
|
94
86
|
|
|
95
87
|
## ⚡ Why Choose `react-native-inapp-inspector`?
|
|
96
88
|
|
|
97
|
-
| Capability | **react-native-inapp-inspector** | Flipper | Charles / Proxyman | RN Debugger |
|
|
98
|
-
| :--- | :---: | :---: | :---: | :---: |
|
|
99
|
-
| **Standalone on Device (No PC/Cable Required)** | ✅ | ❌ | ❌ | ❌ |
|
|
100
|
-
| **Zero-Render Inactive Mode (0% Background CPU)** | ✅ | ❌ | ❌ | ❌ |
|
|
101
|
-
| **HTTP/HTTPS Network Logger (Fetch / Axios / XHR)** | ✅ | ✅ | ✅ | ✅ |
|
|
102
|
-
| **Timing Waterfall & P95 Telemetry** | ✅ | ⚠️ | ⚠️ | ❌ |
|
|
103
|
-
| **cURL & Fetch Snippet Instant Export** | ✅ | ⚠️ | ⚠️ | ❌ |
|
|
104
|
-
| **WebSocket & Socket.IO Packet Inspector** | ✅ | ❌ | ⚠️ | ⚠️ |
|
|
105
|
-
| **Storage Inspector & Editor (AsyncStorage & MMKV)** | ✅ (Live CRUD) | ⚠️ (Read-only) | ❌ | ⚠️ |
|
|
106
|
-
| **Push Notification Logger (APNs, FCM, Salesforce)** | ✅ | ❌ | ❌ | ❌ |
|
|
107
|
-
| **Console Logger + Metro Source-Map Symbolication** | ✅ (Accurate Line #) | ✅ | ❌ | ✅ |
|
|
108
|
-
| **Redux State Diffs & Action Timeline** | ✅ | ⚠️ | ❌ | ✅ |
|
|
109
|
-
| **Crash Protection & Multi-type Breadcrumbs** | ✅ | ❌ | ❌ | ❌ |
|
|
110
|
-
| **Native Hardware, RAM, Storage & Battery Telemetry** | ✅ | ⚠️ | ❌ | ❌ |
|
|
111
|
-
| **Screen Capture
|
|
112
|
-
| **25 Global Languages with Bottom Sheet Picker** | ✅ | ❌ (English only) | ❌ | ❌ |
|
|
113
|
-
| **Expo (Bare & Managed) & React Native** | ✅ | ⚠️ | ⚠️ | ⚠️ |
|
|
89
|
+
| Capability | **react-native-inapp-inspector** | Flipper (Deprecated) | Chucker | Charles / Proxyman | Reactotron | RN Debugger |
|
|
90
|
+
| :--- | :---: | :---: | :---: | :---: | :---: | :---: |
|
|
91
|
+
| **Standalone on Device (No PC/Cable Required)** | ✅ | ❌ | ✅ (Android only) | ❌ | ❌ | ❌ |
|
|
92
|
+
| **Zero-Render Inactive Mode (0% Background CPU)** | ✅ | ❌ | ⚠️ | ❌ | ⚠️ | ❌ |
|
|
93
|
+
| **HTTP/HTTPS Network Logger (Fetch / Axios / XHR)** | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
|
|
94
|
+
| **Timing Waterfall & P95 Telemetry** | ✅ | ⚠️ | ❌ | ⚠️ | ❌ | ❌ |
|
|
95
|
+
| **cURL & Fetch Snippet Instant Export** | ✅ | ⚠️ | ⚠️ | ⚠️ | ❌ | ❌ |
|
|
96
|
+
| **WebSocket & Socket.IO Packet Inspector** | ✅ | ❌ | ❌ | ⚠️ | ⚠️ | ⚠️ |
|
|
97
|
+
| **Storage Inspector & Editor (AsyncStorage & MMKV)** | ✅ (Live CRUD) | ⚠️ (Read-only) | ❌ | ❌ | ✅ | ⚠️ |
|
|
98
|
+
| **Push Notification Logger (APNs, FCM, Salesforce)** | ✅ | ❌ | ❌ | ❌ | ❌ | ❌ |
|
|
99
|
+
| **Console Logger + Metro Source-Map Symbolication** | ✅ (Accurate Line #) | ✅ | ❌ | ❌ | ⚠️ | ✅ |
|
|
100
|
+
| **Redux State Diffs & Action Timeline** | ✅ | ⚠️ | ❌ | ❌ | ✅ | ✅ |
|
|
101
|
+
| **Crash Protection & Multi-type Breadcrumbs** | ✅ | ❌ | ❌ | ❌ | ❌ | ❌ |
|
|
102
|
+
| **Native Hardware, RAM, Storage & Battery Telemetry** | ✅ | ⚠️ | ❌ | ❌ | ❌ | ❌ |
|
|
103
|
+
| **Screen Capture & Video Recording Suite** | ✅ | ❌ | ❌ | ❌ | ❌ | ❌ |
|
|
104
|
+
| **25 Global Languages with Bottom Sheet Picker** | ✅ | ❌ (English only) | ❌ | ❌ | ❌ | ❌ |
|
|
105
|
+
| **Expo (Bare & Managed) & React Native** | ✅ | ⚠️ | ⚠️ | ⚠️ | ⚠️ | ⚠️ |
|
|
114
106
|
|
|
115
107
|
---
|
|
116
108
|
|
|
@@ -556,13 +548,41 @@ Contributions are warmly welcomed! Please check out [CONTRIBUTING.md](CONTRIBUTI
|
|
|
556
548
|
</tr>
|
|
557
549
|
</table>
|
|
558
550
|
|
|
551
|
+
## 🏷️ Popular Search Keywords & Developer Topics Index (SEO)
|
|
552
|
+
|
|
553
|
+
<details>
|
|
554
|
+
<summary><b>🔍 Click to view comprehensive Developer Search Keywords & Framework Integrations</b></summary>
|
|
555
|
+
|
|
556
|
+
### 🛠️ Core Debugging & DevTools Alternatives
|
|
557
|
+
`react-native-debugger` · `in-app-debugger` · `react-native-devtools` · `flipper-alternative` · `flipper-alternative-react-native` · `chucker-for-react-native` · `chucker-react-native` · `charles-proxy-alternative` · `proxyman-alternative` · `reactotron-alternative` · `zero-config-debugging` · `mobile-devtools` · `on-device-debugging` · `react-native-debug-menu`
|
|
558
|
+
|
|
559
|
+
### 🌐 Network, APIs & Real-time Protocols
|
|
560
|
+
`react-native-network-logger` · `react-native-network-inspector` · `http-logger` · `api-inspector` · `api-debugger` · `axios-interceptor` · `fetch-logger` · `graphql-inspector` · `websocket-logger` · `websocket-inspector` · `socketio-debugger` · `curl-export` · `copy-as-curl` · `latency-waterfall` · `p95-latency-monitor` · `ssl-pinning-safe-logger` · `rest-api-debugger`
|
|
561
|
+
|
|
562
|
+
### 💾 State Management & Device Storage
|
|
563
|
+
`redux-devtools-react-native` · `redux-inspector` · `redux-logger` · `redux-toolkit-debugger` · `rtk-query-inspector` · `redux-persist-debugger` · `asyncstorage-viewer` · `asyncstorage-inspector` · `asyncstorage-editor` · `mmkv-inspector` · `mmkv-viewer` · `mmkv-debugger` · `live-storage-crud`
|
|
564
|
+
|
|
565
|
+
### 🪵 Console, Logging & Crash Diagnostics
|
|
566
|
+
`console-logger` · `metro-symbolication` · `stacktrace-symbolication` · `hermes-stacktrace` · `crash-reporter` · `crash-logger` · `error-boundary` · `breadcrumb-tracker` · `uncaught-exception-handler` · `native-crash-protection` · `ram-monitor` · `hermes-memory-debugger` · `heap-size-inspector` · `live-fps-counter` · `hardware-telemetry`
|
|
567
|
+
|
|
568
|
+
### 🔔 Push Notifications & Telemetry
|
|
569
|
+
`push-notification-logger` · `fcm-debugger` · `apns-logger` · `notifee-debugger` · `onesignal-inspector` · `firebase-analytics-debugger` · `ga4-debugger` · `mixpanel-inspector` · `segment-analytics-logger` · `amplitude-debugger`
|
|
570
|
+
|
|
571
|
+
### 📸 QA Testing, Screen Capture & Annotation Studio
|
|
572
|
+
`react-native-screen-recorder` · `screen-capture` · `screenshot-capture` · `qa-annotation-tools` · `video-trimmer` · `gif-generator` · `bug-repro-recorder` · `testflight-qa-tool` · `on-device-qa` · `gridline-overlay` · `watermark-qa`
|
|
573
|
+
|
|
574
|
+
### 📱 Platforms, Frameworks & Modern Architecture
|
|
575
|
+
`expo-network-logger` · `expo-network-inspector` · `expo-in-app-debugger` · `expo-devtools` · `expo-go` · `expo-prebuild` · `expo-sdk-50` · `expo-sdk-51` · `expo-sdk-52` · `turbomodules` · `fabric` · `react-native-new-architecture` · `hermes-engine` · `jsc-engine` · `react-native-ios` · `react-native-android`
|
|
576
|
+
|
|
577
|
+
</details>
|
|
578
|
+
|
|
559
579
|
## 🔍 Global Search Keywords & Regional Topics
|
|
560
580
|
|
|
561
581
|
`react-native-inapp-inspector` is index-optimized for developers and teams searching across all world markets, languages, and regional dev ecosystems:
|
|
562
582
|
|
|
563
583
|
| Region / Market | Primary Countries | Search Keywords & Native Regional Developer Terms |
|
|
564
584
|
| :--- | :--- | :--- |
|
|
565
|
-
| 🇺🇸 🇬🇧 🇨🇦 🇦🇺 🇳🇿 🇮🇪 | **USA, UK, Canada, Australia, New Zealand, Ireland** | React Native network logger, Flipper alternative, Charles proxy alternative, Chucker for React Native, Proxyman alternative, in-app inspector, WebSocket inspector, AsyncStorage editor, MMKV debugger, push notification logger, Metro source-map symbolication, Hermes bytecode visualizer, mobile devtools, zero-config network debugger. |
|
|
585
|
+
| 🇺🇸 🇬🇧 🇨🇦 🇦🇺 🇳🇿 🇮🇪 | **USA, UK, Canada, Australia, New Zealand, Ireland** | React Native network logger, Flipper alternative, Charles proxy alternative, Chucker for React Native, Proxyman alternative, Reactotron alternative, in-app inspector, WebSocket inspector, AsyncStorage editor, MMKV debugger, push notification logger, Metro source-map symbolication, Hermes bytecode visualizer, mobile devtools, zero-config network debugger. |
|
|
566
586
|
| 🇨🇳 🇹🇼 🇭🇰 🇸🇬 | **China, Taiwan, Hong Kong, Singapore** | React Native 抓包工具, 移动端抓包, 网络监控, 移动端控制台, 调试工具, Flipper 替代方案, Charles 替代, Chucker 替代, Proxyman 替代, WebSocket 实时抓包, MMKV 查看器, AsyncStorage 查看器, 免电脑抓包, 行動端偵錯, 網路封包側錄, 移动端网络调试, 真机调试工具. |
|
|
567
587
|
| 🇮🇳 | **India & South Asia** | react-native-india, नेटवर्क लॉगर, मोबाइल ऐप डिबगिंग, इन-ऐप इंस्पेक्टर, வலைப்பின்னல் பதிவர் (Tamil), நெட்வொர்க் இன்ஸ்பெக்டர், வலைப்பின்னல் ஆய்வாளர், నెట్వర్క్ లాగర్ (Telugu), నెట్వర్క్ ఇన్స్పెక్టర్, ನೆಟ್ವರ್ಕ್ ಲಾಗರ್ (Kannada), നെറ്റ്വർക്ക് ലോഗർ (Malayalam), নেটওয়ার্ক লগার (Bengali), नेटवर्क लॉगर मराठी (Marathi), react-native-bangalore, react-native-hyderabad. |
|
|
568
588
|
| 🇯🇵 | **Japan** | リアクトネイティブ デバッガー, ネットワークロガー, パケットキャプチャ, 開発ツール, フリッパー代替, 通信ログ監視, チャールズ代替, アプリ内デバッガー, モバイル開発ツール, 通信監視ツール, WebSocket デバッグ, 端末内インスペクター, 通信ログ. |
|
|
@@ -586,5 +606,13 @@ Contributions are warmly welcomed! Please check out [CONTRIBUTING.md](CONTRIBUTI
|
|
|
586
606
|
|
|
587
607
|
## 📄 License
|
|
588
608
|
|
|
609
|
+
| 🇸🇪 🇳🇴 🇩🇰 🇫🇮 | **Nordic Countries (Sweden, Norway, Denmark, Finland)** | Nätverkslogg Sverige, felsökare React Native, utvecklarverktyg React Native, mobildebuggning. |
|
|
610
|
+
| 🇮🇱 | **Israel** | מנפה שגיאות ריאקט נייטיב, ניטור רשת מובייל, כלי פיתוח מובייל, לוכד תעבורת רשת. |
|
|
611
|
+
| 🇿🇦 🇳🇬 🇰🇪 | **Sub-Saharan Africa (South Africa, Nigeria, Kenya)** | React Native Nigeria, React Native South Africa, mobile debugging Kenya, in-app inspector Africa. |
|
|
612
|
+
|
|
613
|
+
---
|
|
614
|
+
|
|
615
|
+
## 📄 License
|
|
616
|
+
|
|
589
617
|
MIT © [vengatmacuser](LICENSE)
|
|
590
618
|
|
package/README.pt-BR.md
CHANGED
|
@@ -20,14 +20,6 @@
|
|
|
20
20
|
<b><a href="./README.ar.md">العربية</a></b>
|
|
21
21
|
</p>
|
|
22
22
|
|
|
23
|
-
<p align="center">
|
|
24
|
-
<picture>
|
|
25
|
-
<source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/vengatmacuser/react-native-inapp-inspector/main/assets/banner_light.svg">
|
|
26
|
-
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/vengatmacuser/react-native-inapp-inspector/main/assets/banner_dark.svg">
|
|
27
|
-
<img alt="React Native In-App Inspector Banner" src="https://raw.githubusercontent.com/vengatmacuser/react-native-inapp-inspector/main/assets/banner_dark.svg" width="100%">
|
|
28
|
-
</picture>
|
|
29
|
-
</p>
|
|
30
|
-
|
|
31
23
|
<p align="center">
|
|
32
24
|
<a href="https://www.npmjs.com/package/react-native-inapp-inspector"><img src="https://img.shields.io/npm/v/react-native-inapp-inspector?color=6366f1&label=npm&logo=npm" alt="npm version" /></a>
|
|
33
25
|
<a href="https://www.npmjs.com/package/react-native-inapp-inspector"><img src="https://img.shields.io/npm/dm/react-native-inapp-inspector?color=3b82f6&label=downloads" alt="npm downloads" /></a>
|
package/README.ru.md
CHANGED
|
@@ -20,14 +20,6 @@
|
|
|
20
20
|
<b><a href="./README.ar.md">العربية</a></b>
|
|
21
21
|
</p>
|
|
22
22
|
|
|
23
|
-
<p align="center">
|
|
24
|
-
<picture>
|
|
25
|
-
<source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/vengatmacuser/react-native-inapp-inspector/main/assets/banner_light.svg">
|
|
26
|
-
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/vengatmacuser/react-native-inapp-inspector/main/assets/banner_dark.svg">
|
|
27
|
-
<img alt="React Native In-App Inspector Banner" src="https://raw.githubusercontent.com/vengatmacuser/react-native-inapp-inspector/main/assets/banner_dark.svg" width="100%">
|
|
28
|
-
</picture>
|
|
29
|
-
</p>
|
|
30
|
-
|
|
31
23
|
<p align="center">
|
|
32
24
|
<a href="https://www.npmjs.com/package/react-native-inapp-inspector"><img src="https://img.shields.io/npm/v/react-native-inapp-inspector?color=6366f1&label=npm&logo=npm" alt="npm version" /></a>
|
|
33
25
|
<a href="https://www.npmjs.com/package/react-native-inapp-inspector"><img src="https://img.shields.io/npm/dm/react-native-inapp-inspector?color=3b82f6&label=downloads" alt="npm downloads" /></a>
|
package/README.zh-CN.md
CHANGED
|
@@ -20,14 +20,6 @@
|
|
|
20
20
|
<b><a href="./README.ar.md">العربية</a></b>
|
|
21
21
|
</p>
|
|
22
22
|
|
|
23
|
-
<p align="center">
|
|
24
|
-
<picture>
|
|
25
|
-
<source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/vengatmacuser/react-native-inapp-inspector/main/assets/banner_light.svg">
|
|
26
|
-
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/vengatmacuser/react-native-inapp-inspector/main/assets/banner_dark.svg">
|
|
27
|
-
<img alt="React Native In-App Inspector Banner" src="https://raw.githubusercontent.com/vengatmacuser/react-native-inapp-inspector/main/assets/banner_dark.svg" width="100%">
|
|
28
|
-
</picture>
|
|
29
|
-
</p>
|
|
30
|
-
|
|
31
23
|
<p align="center">
|
|
32
24
|
<a href="https://www.npmjs.com/package/react-native-inapp-inspector"><img src="https://img.shields.io/npm/v/react-native-inapp-inspector?color=6366f1&label=npm&logo=npm" alt="npm version" /></a>
|
|
33
25
|
<a href="https://www.npmjs.com/package/react-native-inapp-inspector"><img src="https://img.shields.io/npm/dm/react-native-inapp-inspector?color=3b82f6&label=downloads" alt="npm downloads" /></a>
|
|
@@ -1,32 +1,38 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(r,o,t,l){l===void 0&&(l=t);var n=Object.getOwnPropertyDescriptor(o,t);(!n||("get"in n?!o.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return o[t]}}),Object.defineProperty(r,l,n)}):(function(r,o,t,l){l===void 0&&(l=t),r[l]=o[t]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(r,o){Object.defineProperty(r,"default",{enumerable:!0,value:o})}):function(r,o){r.default=o}),__importStar=this&&this.__importStar||(function(){var r=function(o){return r=Object.getOwnPropertyNames||function(t){var l=[];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(l[l.length]=n);return l},r(o)};return function(o){if(o&&o.__esModule)return o;var t={};if(o!=null)for(var l=r(o),n=0;n<l.length;n++)l[n]!=="default"&&__createBinding(t,o,l[n]);return __setModuleDefault(t,o),t}})(),__importDefault=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};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"),react_native_svg_1=__importStar(require("react-native-svg")),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=(r,o,t,l,n)=>{if(!r)return null;const u=/^((?:\[[^\]]+\]\s*)+)/,d=r.match(u);if(d){const C=d[1],A=r.substring(C.length),i=C.match(/\[[^\]]+\]/g)||[],g=a=>{const e=a.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
|
+
{i.slice(0,2).map((a,e)=>{const p=g(a),I=p.Icon;return<react_native_1.View key={e}style={[styles.prefixTag,{backgroundColor:`${p.color}12`,borderColor:`${p.color}30`}]}>
|
|
4
|
+
<I color={p.color}size={8.5}/>
|
|
5
|
+
<react_native_1.Text style={[styles.prefixTagText,{color:p.color}]}>
|
|
6
|
+
{p.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={
|
|
12
|
-
<TouchableScale_1.default testID={
|
|
10
|
+
<LogSyntaxHighlighter_1.default text={A}search={o}style={t}numberOfLines={1}detectLinks={!1}/>
|
|
11
|
+
</react_native_1.View>}return<LogSyntaxHighlighter_1.default text={r}search={o}style={t}numberOfLines={n||2}detectLinks={!1}/>};exports.ConsoleLogCard=react_1.default.memo(function({item:o,searchStr:t="",onPress:l,testID:n,isSelected:u,onToggleSelect:d}){const{setSelectedLog:C}=(0,InspectorContext_1.useInspector)(),{t:A}=(0,i18n_1.useTranslation)(),i=(0,helpers_1.getJsonContent)(o.message),g=o.message.toLowerCase().includes("[analytics error]"),a=react_1.default.useMemo(()=>{const s=(0,helpers_1.getCleanCallerDisplay)(o.caller);if(!s)return null;const c=(0,helpers_1.parseStackLine)(o.caller,!0);return{...c,display:s.display,fileName:s.fileName,lineNumber:s.lineNumber||c.lineNumber}},[o.caller]),p=(()=>{const s=(o.type||"log").toLowerCase(),c=(o.sourceMethod||s).toLowerCase();return g||s==="error"||c==="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}:s==="warn"||c==="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}:s==="debug"||c==="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}:c==="info"||s==="info"&&c!=="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}})(),I=p.StatusIcon,T=i?(0,helpers_1.getJsonPreviewText)(i.data):null,x=()=>{l?l(o):C(o)},y=("sourceMethod"in o?o.sourceMethod:void 0)||o.type||"log";return<react_native_1.View style={styles.container}>
|
|
12
|
+
<TouchableScale_1.default testID={n}onPress={x}style={[styles.card,{borderLeftWidth:3.5,borderLeftColor:p.border,backgroundColor:p.cardBg}]}>
|
|
13
13
|
<react_native_1.View style={styles.cardBody}>
|
|
14
14
|
|
|
15
15
|
<react_native_1.View style={styles.cardHeaderRow}>
|
|
16
16
|
<react_native_1.View style={styles.cardHeaderLeft}>
|
|
17
|
+
{d&&o.id!=null&&<react_native_1.Pressable testID={`inspector.console.checkbox.${o.id}`}onPress={s=>{s.stopPropagation(),d(o.id)}}hitSlop={8}style={[styles.smallCheckbox,u&&styles.smallCheckboxChecked]}>
|
|
18
|
+
{u&&<react_native_svg_1.default width={9}height={9}viewBox="0 0 24 24"fill="none">
|
|
19
|
+
<react_native_svg_1.Path d="M20 6L9 17l-5-5"stroke={AppColors_1.AppColors.white}strokeWidth="4"strokeLinecap="round"strokeLinejoin="round"/>
|
|
20
|
+
</react_native_svg_1.default>}
|
|
21
|
+
</react_native_1.Pressable>}
|
|
22
|
+
|
|
17
23
|
<react_native_1.Text style={styles.serialNumber}>
|
|
18
24
|
#{o.id!=null?o.id+1:1}
|
|
19
25
|
</react_native_1.Text>
|
|
20
26
|
|
|
21
27
|
|
|
22
|
-
<react_native_1.View style={[styles.methodBadge,{backgroundColor:
|
|
23
|
-
<react_native_1.Text style={styles.methodBadgeText}>{
|
|
28
|
+
<react_native_1.View style={[styles.methodBadge,{backgroundColor:p.badgeColor}]}>
|
|
29
|
+
<react_native_1.Text style={styles.methodBadgeText}>{p.label}</react_native_1.Text>
|
|
24
30
|
</react_native_1.View>
|
|
25
31
|
|
|
26
32
|
|
|
27
|
-
{
|
|
33
|
+
{i&&<react_native_1.View style={[styles.chip,{backgroundColor:`${AppColors_1.AppColors.teal600}12`,borderColor:`${AppColors_1.AppColors.teal600}2E`}]}>
|
|
28
34
|
<react_native_1.Text style={[styles.chipText,{color:AppColors_1.AppColors.teal600}]}>
|
|
29
|
-
{Array.isArray(
|
|
35
|
+
{Array.isArray(i.data)?`Array[${i.data.length}]`:`Object{${Object.keys(i.data).length}}`}
|
|
30
36
|
</react_native_1.Text>
|
|
31
37
|
</react_native_1.View>}
|
|
32
38
|
|
|
@@ -46,10 +52,10 @@
|
|
|
46
52
|
|
|
47
53
|
|
|
48
54
|
<react_native_1.View style={styles.messageBox}>
|
|
49
|
-
{
|
|
50
|
-
{
|
|
51
|
-
{
|
|
52
|
-
</react_native_1.View>:getLogMessageWithBadges(o.message,
|
|
55
|
+
{i?<react_native_1.View style={styles.jsonPreviewRow}>
|
|
56
|
+
{i.header?<LogSyntaxHighlighter_1.default text={i.header}search={t}style={styles.messageText}detectLinks={!1}numberOfLines={1}/>:null}
|
|
57
|
+
{T&&<LogSyntaxHighlighter_1.default text={T.text.replace(/\s+/g," ")}search={t}style={styles.jsonPreviewText}detectLinks={!1}numberOfLines={i.header?2:3}/>}
|
|
58
|
+
</react_native_1.View>:getLogMessageWithBadges(o.message,t,styles.messageText,styles.highlight,3)}
|
|
53
59
|
</react_native_1.View>
|
|
54
60
|
|
|
55
61
|
|
|
@@ -62,34 +68,34 @@
|
|
|
62
68
|
</react_native_1.Text>
|
|
63
69
|
</react_native_1.View>
|
|
64
70
|
|
|
65
|
-
{
|
|
66
|
-
{
|
|
67
|
-
<react_native_1.Text style={[styles.extBadgeText,{color:
|
|
68
|
-
{
|
|
71
|
+
{a&&<react_native_1.Pressable onPress={s=>{s.stopPropagation?.(),(0,helpers_1.openInVSCode)(a.rawFilePath||a.fullPath||a.fileName,a.lineNumber,a.columnNumber)}}hitSlop={8}style={styles.callerChip}>
|
|
72
|
+
{a.fileExt&&a.fileExt!=="other"&&<react_native_1.View style={[styles.extBadge,{backgroundColor:a.fileExt==="tsx"||a.fileExt==="ts"?`${AppColors_1.AppColors.brandPurple}22`:`${AppColors_1.AppColors.teal600}22`}]}>
|
|
73
|
+
<react_native_1.Text style={[styles.extBadgeText,{color:a.fileExt==="tsx"||a.fileExt==="ts"?AppColors_1.AppColors.brandPurple:AppColors_1.AppColors.teal600}]}>
|
|
74
|
+
{a.fileExt.toUpperCase()}
|
|
69
75
|
</react_native_1.Text>
|
|
70
76
|
</react_native_1.View>}
|
|
71
77
|
<react_native_1.Text style={styles.callerChipText}numberOfLines={1}ellipsizeMode="middle">
|
|
72
|
-
{
|
|
78
|
+
{a.display}
|
|
73
79
|
</react_native_1.Text>
|
|
74
80
|
<NetworkIcons_1.ExternalLinkIcon color={AppColors_1.AppColors.sky600}size={8}/>
|
|
75
81
|
</react_native_1.Pressable>}
|
|
76
82
|
</react_native_1.View>
|
|
77
83
|
|
|
78
84
|
<react_native_1.View style={styles.footerRight}>
|
|
79
|
-
{
|
|
85
|
+
{i&&<react_native_1.View style={styles.metaStatChip}>
|
|
80
86
|
<NetworkIcons_1.SizeIcon color={AppColors_1.AppColors.purple}size={8.5}/>
|
|
81
87
|
<react_native_1.Text style={styles.metaStatText}>
|
|
82
|
-
{(0,helpers_1.getSize)(
|
|
88
|
+
{(0,helpers_1.getSize)(i.data)}
|
|
83
89
|
</react_native_1.Text>
|
|
84
90
|
</react_native_1.View>}
|
|
85
91
|
|
|
86
|
-
{
|
|
92
|
+
{g&&<react_native_1.View style={[styles.chip,{backgroundColor:`${AppColors_1.AppColors.skyBlue}15`,borderColor:`${AppColors_1.AppColors.skyBlue}30`}]}>
|
|
87
93
|
<react_native_1.Text style={[styles.chipText,{color:AppColors_1.AppColors.skyBlue}]}>
|
|
88
|
-
{
|
|
94
|
+
{A("console.analyticsBadge")||"ANALYTICS"}
|
|
89
95
|
</react_native_1.Text>
|
|
90
96
|
</react_native_1.View>}
|
|
91
97
|
</react_native_1.View>
|
|
92
98
|
</react_native_1.View>
|
|
93
99
|
</react_native_1.View>
|
|
94
100
|
</TouchableScale_1.default>
|
|
95
|
-
</react_native_1.View>});const styles=react_native_1.StyleSheet.create({container:{paddingHorizontal:8,paddingVertical:4,height:148,justifyContent:"center"},card:{height:140,alignSelf:"stretch",borderRadius:10,overflow:"hidden",borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,shadowColor:AppColors_1.AppColors.shadowColorString},cardBody:{height:"100%",paddingHorizontal:8,paddingTop:8,paddingBottom:6,justifyContent:"space-between"},cardHeaderRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",height:22,minHeight:22,maxHeight:22},cardHeaderLeft:{flexDirection:"row",alignItems:"center",flex:1,marginRight:4,gap:4.5,minWidth:0,overflow:"hidden"},cardHeaderRight:{flexDirection:"row",alignItems:"center",gap:4,flexShrink:0},serialNumber:{fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.grayTextWeak,fontSize:10},methodBadge:{paddingHorizontal:6,paddingVertical:2,borderRadius:5,alignItems:"center",justifyContent:"center"},methodBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,lineHeight:12,letterSpacing:.5,color:AppColors_1.AppColors.white},chip:{paddingHorizontal:5.5,paddingVertical:1.5,borderRadius:4,borderWidth:1},chipText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,lineHeight:12},dupBadge:{backgroundColor:`${AppColors_1.AppColors.purple}14`,borderColor:`${AppColors_1.AppColors.purple}2E`,borderWidth:1,paddingHorizontal:4.5,paddingVertical:1,borderRadius:3.5},dupBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,color:AppColors_1.AppColors.purple},statusPill:{flexDirection:"row",alignItems:"center",gap:3.5,paddingHorizontal:6,paddingVertical:2,borderRadius:6,borderWidth:1,flexShrink:0},statusPillText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,lineHeight:12},messageBox:{backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:7,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,paddingHorizontal:7,paddingVertical:5,height:68,minHeight:68,maxHeight:68,justifyContent:"center",gap:2,overflow:"hidden"},messageText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:12,color:AppColors_1.AppColors.primaryBlack,lineHeight:17},highlight:{backgroundColor:AppColors_1.AppColors.yellowHighlight,color:AppColors_1.AppColors.primaryBlack,borderRadius:2},jsonPreviewRow:{flexDirection:"column",justifyContent:"center",gap:2},jsonPreviewText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.teal700,lineHeight:15},cardFooterRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",height:18,minHeight:18,maxHeight:18,gap:4},footerLeft:{flexDirection:"row",alignItems:"center",gap:4.5,flex:1,minWidth:0,overflow:"hidden"},footerRight:{flexDirection:"row",alignItems:"center",gap:4,flexShrink:0},cardDateRow:{flexDirection:"row",alignItems:"center",gap:3.5},cardDateText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:10,lineHeight:13,color:AppColors_1.AppColors.slate400},callerChip:{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:AppColors_1.AppColors.skySoftBg,borderColor:AppColors_1.AppColors.skySoftBorder,borderWidth:1,paddingHorizontal:5,paddingVertical:1.5,borderRadius:4,flexShrink:1,minWidth:0},extBadge:{borderRadius:3,paddingHorizontal:3,paddingVertical:.5},extBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:7.5},callerChipText:{color:AppColors_1.AppColors.skySoftText,fontSize:9,lineHeight:12,fontFamily:AppFonts_1.AppFonts.interBold},metaStatChip:{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:AppColors_1.AppColors.violetSoftBg,borderColor:AppColors_1.AppColors.violetSoftBorder,borderWidth:1,paddingHorizontal:5.5,paddingVertical:1.5,borderRadius:4},metaStatText:{fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.violetSoftText,fontSize:9,lineHeight:12},prefixTag:{flexDirection:"row",alignItems:"center",gap:2.5,paddingHorizontal:5,paddingVertical:1.5,borderRadius:3.5,borderWidth:1},prefixTagText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,letterSpacing:.3},bottomAccentBar:{height:2.5,width:"100%",borderRadius:1.5,marginTop:2}});function areConsoleLogPropsEqual(
|
|
101
|
+
</react_native_1.View>});const styles=react_native_1.StyleSheet.create({container:{paddingHorizontal:8,paddingVertical:4,height:148,justifyContent:"center"},card:{height:140,alignSelf:"stretch",borderRadius:10,overflow:"hidden",borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,shadowColor:AppColors_1.AppColors.shadowColorString},cardBody:{height:"100%",paddingHorizontal:8,paddingTop:8,paddingBottom:6,justifyContent:"space-between"},cardHeaderRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",height:22,minHeight:22,maxHeight:22},cardHeaderLeft:{flexDirection:"row",alignItems:"center",flex:1,marginRight:4,gap:4.5,minWidth:0,overflow:"hidden"},cardHeaderRight:{flexDirection:"row",alignItems:"center",gap:4,flexShrink:0},serialNumber:{fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.grayTextWeak,fontSize:10},methodBadge:{paddingHorizontal:6,paddingVertical:2,borderRadius:5,alignItems:"center",justifyContent:"center"},methodBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,lineHeight:12,letterSpacing:.5,color:AppColors_1.AppColors.white},chip:{paddingHorizontal:5.5,paddingVertical:1.5,borderRadius:4,borderWidth:1},chipText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,lineHeight:12},dupBadge:{backgroundColor:`${AppColors_1.AppColors.purple}14`,borderColor:`${AppColors_1.AppColors.purple}2E`,borderWidth:1,paddingHorizontal:4.5,paddingVertical:1,borderRadius:3.5},dupBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,color:AppColors_1.AppColors.purple},statusPill:{flexDirection:"row",alignItems:"center",gap:3.5,paddingHorizontal:6,paddingVertical:2,borderRadius:6,borderWidth:1,flexShrink:0},statusPillText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,lineHeight:12},messageBox:{backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:7,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,paddingHorizontal:7,paddingVertical:5,height:68,minHeight:68,maxHeight:68,justifyContent:"center",gap:2,overflow:"hidden"},messageText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:12,color:AppColors_1.AppColors.primaryBlack,lineHeight:17},highlight:{backgroundColor:AppColors_1.AppColors.yellowHighlight,color:AppColors_1.AppColors.primaryBlack,borderRadius:2},jsonPreviewRow:{flexDirection:"column",justifyContent:"center",gap:2},jsonPreviewText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.teal700,lineHeight:15},cardFooterRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",height:18,minHeight:18,maxHeight:18,gap:4},footerLeft:{flexDirection:"row",alignItems:"center",gap:4.5,flex:1,minWidth:0,overflow:"hidden"},footerRight:{flexDirection:"row",alignItems:"center",gap:4,flexShrink:0},cardDateRow:{flexDirection:"row",alignItems:"center",gap:3.5},cardDateText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:10,lineHeight:13,color:AppColors_1.AppColors.slate400},callerChip:{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:AppColors_1.AppColors.skySoftBg,borderColor:AppColors_1.AppColors.skySoftBorder,borderWidth:1,paddingHorizontal:5,paddingVertical:1.5,borderRadius:4,flexShrink:1,minWidth:0},extBadge:{borderRadius:3,paddingHorizontal:3,paddingVertical:.5},extBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:7.5},callerChipText:{color:AppColors_1.AppColors.skySoftText,fontSize:9,lineHeight:12,fontFamily:AppFonts_1.AppFonts.interBold},metaStatChip:{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:AppColors_1.AppColors.violetSoftBg,borderColor:AppColors_1.AppColors.violetSoftBorder,borderWidth:1,paddingHorizontal:5.5,paddingVertical:1.5,borderRadius:4},metaStatText:{fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.violetSoftText,fontSize:9,lineHeight:12},prefixTag:{flexDirection:"row",alignItems:"center",gap:2.5,paddingHorizontal:5,paddingVertical:1.5,borderRadius:3.5,borderWidth:1},prefixTagText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,letterSpacing:.3},bottomAccentBar:{height:2.5,width:"100%",borderRadius:1.5,marginTop:2},smallCheckbox:{width:14,height:14,borderRadius:3.5,borderWidth:1.2,borderColor:AppColors_1.AppColors.grayBorderSecondary,backgroundColor:AppColors_1.AppColors.primaryLight,alignItems:"center",justifyContent:"center",marginRight:2},smallCheckboxChecked:{backgroundColor:AppColors_1.AppColors.purple,borderColor:AppColors_1.AppColors.purple}});function areConsoleLogPropsEqual(r,o){return r.item===o.item&&r.searchStr===o.searchStr&&r.onPress===o.onPress&&r.isSelected===o.isSelected&&r.onToggleSelect===o.onToggleSelect}exports.MemoizedConsoleLogCard=react_1.default.memo(exports.ConsoleLogCard,areConsoleLogPropsEqual),exports.default=exports.MemoizedConsoleLogCard;
|
|
@@ -11,7 +11,7 @@ Timestamp: ${new Date().toISOString()}
|
|
|
11
11
|
|
|
12
12
|
Stack Trace:
|
|
13
13
|
${t.stack||"No stack trace available"}
|
|
14
|
-
\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500`;(0,helpers_1.copyToClipboard)(r,(0,i18n_1.t)("errors.errorReport"))}}}static getDerivedStateFromError(t){return{hasError:!0,error:t}}componentDidCatch(t,e){try{const r=t?.stack||e?.componentStack||""
|
|
14
|
+
\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500`;(0,helpers_1.copyToClipboard)(r,(0,i18n_1.t)("errors.errorReport"))}}}static getDerivedStateFromError(t){return{hasError:!0,error:t}}componentDidCatch(t,e){try{const r=t?.stack||e?.componentStack||"",o=(0,crashHandler_1.handleInterceptedCrash)(t,r,!1,enums_1.CrashType.Render,e?.componentStack);o&&!o.id.startsWith("crash_ignored_")&&((0,NativeInspector_1.showNativeFloatingButton)(),(0,NativeInspector_1.setNativeFloatingButtonBadge)(!0))}catch{}}render(){const{hasError:t,error:e}=this.state;if(!t||!e)return this.props.children;const{rootFrame:r,frames:o}=parseStackTrace(e.stack||""),s=e.name||(0,i18n_1.t)("errors.title"),u=s.includes("Syntax")||s.includes("Type")||s.includes("Reference");return this.props.fallbackType==="inline"?<react_native_1.View style={styles.inlineContainer}>
|
|
15
15
|
<react_native_1.View style={styles.inlineHeader}>
|
|
16
16
|
<NetworkIcons_1.WarningTriangleIcon color={AppColors_1.AppColors.red600}size={18}/>
|
|
17
17
|
<react_native_1.View style={{flex:1}}>
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,o,l,n){n===void 0&&(n=l);var a=Object.getOwnPropertyDescriptor(o,l);(!a||("get"in a?!o.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return o[l]}}),Object.defineProperty(t,n,a)}):(function(t,o,l,n){n===void 0&&(n=l),t[n]=o[l]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(t,o){Object.defineProperty(t,"default",{enumerable:!0,value:o})}):function(t,o){t.default=o}),__importStar=this&&this.__importStar||(function(){var t=function(o){return t=Object.getOwnPropertyNames||function(l){var n=[];for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&(n[n.length]=a);return n},t(o)};return function(o){if(o&&o.__esModule)return o;var l={};if(o!=null)for(var n=t(o),a=0;a<n.length;a++)n[a]!=="default"&&__createBinding(l,o,n[a]);return __setModuleDefault(l,o),l}})(),__importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};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")),ConsoleExportModal_1=__importDefault(require("./ConsoleExportModal")),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}=(0,i18n_1.useTranslation)(),{logSearch:o,setLogSearch:l,logSortOrder:n,setLogSortOrder:a,handleDelete:
|
|
2
|
-
<ConsoleLogCard_1.ConsoleLogCard testID={`inspector.console.item.${r}`}item={e}searchStr={o}onPress={
|
|
3
|
-
</AnimatedEntrance_1.default>,[o,
|
|
1
|
+
"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,o,l,n){n===void 0&&(n=l);var a=Object.getOwnPropertyDescriptor(o,l);(!a||("get"in a?!o.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return o[l]}}),Object.defineProperty(t,n,a)}):(function(t,o,l,n){n===void 0&&(n=l),t[n]=o[l]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(t,o){Object.defineProperty(t,"default",{enumerable:!0,value:o})}):function(t,o){t.default=o}),__importStar=this&&this.__importStar||(function(){var t=function(o){return t=Object.getOwnPropertyNames||function(l){var n=[];for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&(n[n.length]=a);return n},t(o)};return function(o){if(o&&o.__esModule)return o;var l={};if(o!=null)for(var n=t(o),a=0;a<n.length;a++)n[a]!=="default"&&__createBinding(l,o,n[a]);return __setModuleDefault(l,o),l}})(),__importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};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")),ConsoleExportModal_1=__importDefault(require("./ConsoleExportModal")),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}=(0,i18n_1.useTranslation)(),{logSearch:o,setLogSearch:l,logSortOrder:n,setLogSortOrder:a,handleDelete:B,logFilters:i,setLogFilters:A,logCounts:_,filteredConsoleLogs:c,visibleConsoleLogs:b,maxConsoleLogs:w,setSelectedLog:I,selectedConsoleLogs:S,toggleSelectConsoleLog:x}=(0,InspectorContext_1.useInspector)(),P=w||100,v=(0,react_1.useRef)(null),[L,V]=react_1.default.useState(P),[O,F]=react_1.default.useState(!1);react_1.default.useEffect(()=>{V(w||100),v.current?.scrollToOffset({offset:0,animated:!1})},[o,i,w]);const m=(0,react_1.useMemo)(()=>c.slice(0,L),[c,L]),E=(0,react_1.useCallback)(e=>{I(e)},[I]),M=(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={o}onPress={E}isSelected={S.has(e.id)}onToggleSelect={x}/>
|
|
3
|
+
</AnimatedEntrance_1.default>,[o,E,S,x]),D=(0,react_1.useCallback)((e,r)=>({length:148,offset:148*r,index:r}),[]),H=(0,react_1.useCallback)((e,r)=>e?.id?.toString()??r.toString(),[]),$=(0,react_1.useMemo)(()=>{const e=b.length,r=c.length;if(i.has("all")||!Array.from(i).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`}
|
|
6
6
|
</react_native_1.Text>
|
|
@@ -8,12 +8,12 @@
|
|
|
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>}},[
|
|
11
|
+
</react_native_1.View>}},[b.length,c.length,i]),[T,z]=react_1.default.useState(!1),R=(0,react_1.useMemo)(()=>["[AXIOS]","[API]","[GRAPHQL]","[REDUX]","[ANALYTICS]","[AUTH]","[NAV]","[STORAGE]","[PERF]","[WS]","[PUSH]","[PAYMENT]","[SYNC]","[BLE]","[LOCATION]","[TEST]","[DEBUG]"],[]),k=(0,react_1.useMemo)(()=>[{id:types_1.LogFilter.All,label:t("common.all","All"),count:_.all?.split("/")?.[0]??"0",color:AppColors_1.AppColors.purple,Icon:NetworkIcons_1.LayersIcon},{id:types_1.LogFilter.UserLog,label:t("console.log","Log"),count:_["user-log"]?.split("/")?.[0]??"0",color:AppColors_1.AppColors.teal600,Icon:NetworkIcons_1.UserIcon},{id:types_1.LogFilter.Info,label:t("console.info","Info"),count:_.info?.split("/")?.[0]??"0",color:AppColors_1.AppColors.sky600,Icon:NetworkIcons_1.InfoCircleIcon},{id:types_1.LogFilter.Warn,label:t("console.warning","Warn"),count:_.warn?.split("/")?.[0]??"0",color:AppColors_1.AppColors.amber600,Icon:NetworkIcons_1.WarningTriangleIcon},{id:types_1.LogFilter.Error,label:t("console.error","Error"),count:_.error?.split("/")?.[0]??"0",color:AppColors_1.AppColors.errorColor,Icon:NetworkIcons_1.ErrorCircleIcon},{id:types_1.LogFilter.Analytics,label:t("console.analytics","Analytics"),count:_.analytics?.split("/")?.[0]??"0",color:AppColors_1.AppColors.violet600,Icon:NetworkIcons_1.AnalyticsIcon}],[_,t]);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
|
-
<react_native_1.View style={[styles_1.default.searchContainer,
|
|
15
|
-
<NetworkIcons_1.SearchIcon color={
|
|
16
|
-
<react_native_1.TextInput placeholder={t("console.searchPlaceholder")}placeholderTextColor={AppColors_1.AppColors.grayTextWeak}value={o}onChangeText={l}onFocus={()=>
|
|
14
|
+
<react_native_1.View style={[styles_1.default.searchContainer,T&&{borderColor:AppColors_1.AppColors.purple,borderWidth:1.5}]}>
|
|
15
|
+
<NetworkIcons_1.SearchIcon color={T?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>
|
|
16
|
+
<react_native_1.TextInput placeholder={t("console.searchPlaceholder")}placeholderTextColor={AppColors_1.AppColors.grayTextWeak}value={o}onChangeText={l}onFocus={()=>z(!0)}onBlur={()=>z(!1)}style={styles_1.default.searchInput}autoCorrect={!1}autoCapitalize="none"/>
|
|
17
17
|
{o.length>0&&<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:4}}>
|
|
18
18
|
<react_native_1.View style={{backgroundColor:`${AppColors_1.AppColors.purple}20`,borderRadius:10,paddingHorizontal:6,paddingVertical:2}}>
|
|
19
19
|
<react_native_1.Text style={{color:AppColors_1.AppColors.purple,fontSize:10,fontFamily:AppFonts_1.AppFonts.interBold}}>
|
|
@@ -27,21 +27,26 @@
|
|
|
27
27
|
</react_native_1.View>
|
|
28
28
|
|
|
29
29
|
<react_native_1.View style={styles_1.default.toolbarRight}>
|
|
30
|
-
<TouchableScale_1.default style={[styles_1.default.toolbarBtn,{borderColor:`${AppColors_1.AppColors.purple}38`,backgroundColor:`${AppColors_1.AppColors.purple}0F`}]}onPress={()=>
|
|
30
|
+
<TouchableScale_1.default style={[styles_1.default.toolbarBtn,{borderColor:`${AppColors_1.AppColors.purple}38`,backgroundColor:`${AppColors_1.AppColors.purple}0F`}]}onPress={()=>F(!0)}hitSlop={6}testID="inspector.console.exportBtn">
|
|
31
31
|
<NetworkIcons_1.ExportIcon color={AppColors_1.AppColors.purple}size={15}/>
|
|
32
32
|
</TouchableScale_1.default>
|
|
33
33
|
<TouchableScale_1.default style={styles_1.default.toolbarBtn}onPress={()=>a(e=>e==="newest"?"oldest":"newest")}hitSlop={10}>
|
|
34
34
|
<NetworkIcons_1.SortArrowIcon color={AppColors_1.AppColors.grayTextStrong}size={18}direction={n==="newest"?"down":"up"}/>
|
|
35
35
|
</TouchableScale_1.default>
|
|
36
|
-
<TouchableScale_1.default style={[styles_1.default.toolbarBtn,{borderColor:`${AppColors_1.AppColors.errorColor}38`,backgroundColor:`${AppColors_1.AppColors.errorColor}0F`}]}onPress={
|
|
36
|
+
<TouchableScale_1.default style={[styles_1.default.toolbarBtn,{borderColor:`${AppColors_1.AppColors.errorColor}38`,backgroundColor:`${AppColors_1.AppColors.errorColor}0F`}]}onPress={B}hitSlop={6}>
|
|
37
37
|
<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={15}/>
|
|
38
|
+
{S.size>0&&<react_native_1.View style={styles_1.default.trashBadge}>
|
|
39
|
+
<react_native_1.Text style={styles_1.default.trashBadgeText}>
|
|
40
|
+
{S.size}
|
|
41
|
+
</react_native_1.Text>
|
|
42
|
+
</react_native_1.View>}
|
|
38
43
|
</TouchableScale_1.default>
|
|
39
44
|
</react_native_1.View>
|
|
40
45
|
</react_native_1.View>
|
|
41
46
|
|
|
42
47
|
|
|
43
|
-
{(
|
|
44
|
-
{
|
|
48
|
+
{(T||o.length>0)&&<react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={!1}style={{marginBottom:6,maxHeight:30}}contentContainerStyle={{paddingHorizontal:8,flexDirection:"row",alignItems:"center",gap:6}}>
|
|
49
|
+
{R.map(e=>{const r=o.includes(e);return<TouchableScale_1.default key={e}onPress={()=>{l(r?s=>s.replace(e,"").trim():s=>s?`${s} ${e}`.trim():e)}}>
|
|
45
50
|
<react_native_1.View style={{paddingHorizontal:8,paddingVertical:3,borderRadius:6,backgroundColor:r?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}14`,borderWidth:1,borderColor:r?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}30`}}>
|
|
46
51
|
<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,color:r?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}}>
|
|
47
52
|
{e}
|
|
@@ -53,7 +58,7 @@
|
|
|
53
58
|
|
|
54
59
|
<react_native_1.View style={{flexDirection:"row",alignItems:"center",marginBottom:8,paddingHorizontal:8,gap:6}}>
|
|
55
60
|
<react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={!1}style={{flex:1}}contentContainerStyle={{flexDirection:"row",alignItems:"center",gap:6,paddingRight:6}}>
|
|
56
|
-
{
|
|
61
|
+
{k.map(e=>{const r=e.id==="all"?i.has("all"):i.has(e.id)&&!i.has("all"),s=e.color||AppColors_1.AppColors.purple,h=r?AppColors_1.AppColors.white:s,C=e.Icon;return<TouchableScale_1.default testID={`inspector.console.filter.${e.id}`}key={e.id}onPress={()=>{e.id==="all"?A(new Set(["all"])):A(q=>{const y=new Set(q);return y.delete("all"),y.has(e.id)?y.delete(e.id):y.add(e.id),y.size===0&&y.add("all"),y})}}>
|
|
57
62
|
<react_native_1.View style={{flexDirection:"row",alignItems:"center",paddingHorizontal:9,paddingVertical:4.5,borderRadius:8,backgroundColor:r?s:`${s}12`,borderWidth:1,borderColor:r?s:`${s}30`,gap:5}}>
|
|
58
63
|
<C size={11}color={h}/>
|
|
59
64
|
<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:r?AppColors_1.AppColors.white:AppColors_1.AppColors.primaryBlack}}>
|
|
@@ -70,7 +75,7 @@
|
|
|
70
75
|
</react_native_1.View>
|
|
71
76
|
</react_native_1.View>
|
|
72
77
|
|
|
73
|
-
<react_native_1.FlatList ref={
|
|
78
|
+
<react_native_1.FlatList ref={v}data={m}keyExtractor={H}ListHeaderComponent={$}renderItem={M}getItemLayout={D}initialNumToRender={10}maxToRenderPerBatch={8}windowSize={5}updateCellsBatchingPeriod={40}removeClippedSubviews={!0}renderToHardwareTextureAndroid={!0}showsVerticalScrollIndicator={!1}nestedScrollEnabled={!0}ListEmptyComponent={<EmptyState_1.default isSearch={o.length>0||!i.has("all")}searchQuery={o}customTitle={o.length>0?"No matching console logs":"No console logs"}onClearSearch={()=>{l(""),A(new Set(["all"]))}}/>}ListFooterComponent={c.length>0?<EndOfListFooter_1.default count={m.length}totalCount={c.length}label="logs"loadMoreStep={LOAD_MORE_STEP}hasMore={m.length<c.length}onLoadMore={()=>V(e=>e+LOAD_MORE_STEP)}/>:null}style={{flex:1}}contentContainerStyle={[styles_1.default.listContent,{flexGrow:1}]}keyboardShouldPersistTaps="handled"/>
|
|
74
79
|
|
|
75
|
-
<ConsoleExportModal_1.default visible={
|
|
80
|
+
<ConsoleExportModal_1.default visible={O}onClose={()=>F(!1)}filteredLogs={c}allLogs={b}/>
|
|
76
81
|
</react_native_1.View>});exports.default=ConsoleTab;
|