npm - react-native-inapp-inspector - Versions diffs - 2.3.12 → 2.3.14 - Mend

react-native-inapp-inspector 2.3.12 → 2.3.14

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.

Files changed (232) hide show

package/dist/commonjs/components/Inspector/MainScreen.js CHANGED Viewed

@@ -64,6 +64,7 @@ const Toast_1 = __importDefault(require("../Toast"));
 const styles_1 = __importDefault(require("../../styles"));
 const AppColors_1 = require("../../styles/AppColors");
 const NavigationTracker_1 = __importDefault(require("./NavigationTracker"));
+const helpers_1 = require("../../helpers");
 const MainScreen = () => {
     const { visible, modalAnimationType, closeModal, modalHeightPercent, selected, selectedEvent, selectedLog, selectedReduxSlice, selectedReduxAction, selectedCrash, settingsPage, activeTab, isReady, enabled, useNativeFab, hasNavigationContext, setNavState, } = (0, InspectorContext_1.useInspector)();
     const isDetailActive = (activeTab === 'apis' && selected != null) ||
@@ -157,7 +158,9 @@ const MainScreen = () => {
                       {activeTab === 'crash' && <CrashTab_1.default />}
                       {activeTab === 'device' && <DeviceInfoTab_1.default />}
                       {activeTab === 'storage' && <StorageTab_1.default />}
-                      {activeTab === 'debugging' && <DebuggingTab_1.default />}
+                      {react_native_1.Platform.OS === 'android' &&
+                    (0, helpers_1.isLocalDebugEnvironment)() &&
+                    activeTab === 'debugging' && <DebuggingTab_1.default />}
                     </react_native_1.Animated.View>

package/dist/commonjs/components/Inspector/NetworkDetail.js CHANGED Viewed

@@ -303,7 +303,7 @@ const NetworkDetail = react_1.default.memo(() => {
                     letterSpacing: 0.4,
                     textTransform: 'uppercase',
                 }}>
-                        ENDPOINT URL ↗
+                        ENDPOINT URL
                       </react_native_1.Text>
                     </react_native_1.View>
@@ -338,7 +338,7 @@ const NetworkDetail = react_1.default.memo(() => {
                     fontSize: 9,
                     color: AppColors_1.AppColors.sky600,
                 }}>
-                          Open ↗
+                          Open
                         </react_native_1.Text>
                       </react_native_1.View>
                     </react_native_1.View>

package/dist/commonjs/components/Inspector/NetworkFilterModal.js CHANGED Viewed

@@ -370,12 +370,13 @@ const NetworkFilterModal = ({ visible, onClose, filters, onApply, searchQuery =
               <react_native_1.Text style={styles.sectionTitle}>LATENCY & SPEED</react_native_1.Text>
               <react_native_1.View style={styles.chipsWrap}>
                 {[
-            { key: 'all', label: 'All Speeds', color: AppColors_1.AppColors.purple },
-            { key: 'fast', label: '⚡ Fast (<200ms)', color: AppColors_1.AppColors.greenColor, count: counts.fastCount },
-            { key: 'normal', label: '⏱️ Normal (200-500ms)', color: AppColors_1.AppColors.skyBlue, count: counts.normalCount },
-            { key: 'slow', label: '⚠️ Slow (>500ms)', color: AppColors_1.AppColors.errorColor, count: counts.slowCount },
+            { key: 'all', label: 'All Speeds', color: AppColors_1.AppColors.purple, icon: NetworkIcons_1.LayersIcon },
+            { key: 'fast', label: 'Fast (<200ms)', color: AppColors_1.AppColors.greenColor, icon: NetworkIcons_1.BoltIcon, count: counts.fastCount },
+            { key: 'normal', label: 'Normal (200-500ms)', color: AppColors_1.AppColors.skyBlue, icon: NetworkIcons_1.ClockIcon, count: counts.normalCount },
+            { key: 'slow', label: 'Slow (>500ms)', color: AppColors_1.AppColors.errorColor, icon: NetworkIcons_1.CircleAlertIcon, count: counts.slowCount },
         ].map(item => {
             const isSelected = draft.latency === item.key;
+            const IconComp = item.icon;
             return (<react_native_1.TouchableOpacity key={item.key} activeOpacity={0.7} onPress={() => setDraft(prev => ({ ...prev, latency: item.key }))} style={[
                     styles.chip,
                     isSelected && {
@@ -383,6 +384,7 @@ const NetworkFilterModal = ({ visible, onClose, filters, onApply, searchQuery =
                         borderColor: item.color,
                     },
                 ]}>
+                      <IconComp size={13} color={isSelected ? item.color : AppColors_1.AppColors.grayTextWeak}/>
                       <react_native_1.Text style={[
                     styles.chipLabel,
                     isSelected && { color: item.color, fontFamily: AppFonts_1.AppFonts.interBold },
@@ -404,11 +406,12 @@ const NetworkFilterModal = ({ visible, onClose, filters, onApply, searchQuery =
               <react_native_1.Text style={styles.sectionTitle}>PROTOCOL</react_native_1.Text>
               <react_native_1.View style={styles.chipsWrap}>
                 {[
-            { key: 'all', label: 'All Protocols', color: AppColors_1.AppColors.purple },
-            { key: 'https', label: '🔒 HTTPS Secure', color: AppColors_1.AppColors.mintGreenText, count: counts.httpsCount },
-            { key: 'http', label: '🔓 HTTP Insecure', color: AppColors_1.AppColors.amber700, count: counts.httpCount },
+            { key: 'all', label: 'All Protocols', color: AppColors_1.AppColors.purple, icon: NetworkIcons_1.GlobeIcon },
+            { key: 'https', label: 'HTTPS Secure', color: AppColors_1.AppColors.mintGreenText, icon: NetworkIcons_1.LockIcon, count: counts.httpsCount },
+            { key: 'http', label: 'HTTP Insecure', color: AppColors_1.AppColors.amber700, icon: NetworkIcons_1.UnlockIcon, count: counts.httpCount },
         ].map(item => {
             const isSelected = draft.protocol === item.key;
+            const IconComp = item.icon;
             return (<react_native_1.TouchableOpacity key={item.key} activeOpacity={0.7} onPress={() => setDraft(prev => ({ ...prev, protocol: item.key }))} style={[
                     styles.chip,
                     isSelected && {
@@ -416,6 +419,7 @@ const NetworkFilterModal = ({ visible, onClose, filters, onApply, searchQuery =
                         borderColor: item.color,
                     },
                 ]}>
+                      <IconComp size={13} color={isSelected ? item.color : AppColors_1.AppColors.grayTextWeak}/>
                       <react_native_1.Text style={[
                     styles.chipLabel,
                     isSelected && { color: item.color, fontFamily: AppFonts_1.AppFonts.interBold },
@@ -437,13 +441,14 @@ const NetworkFilterModal = ({ visible, onClose, filters, onApply, searchQuery =
               <react_native_1.Text style={styles.sectionTitle}>SORT BY</react_native_1.Text>
               <react_native_1.View style={styles.chipsWrap}>
                 {[
-            { key: 'time_desc', label: '⏱️ Newest First (Default)' },
-            { key: 'time_asc', label: '⌛ Oldest First' },
-            { key: 'duration_desc', label: '🐢 Slowest Response' },
-            { key: 'duration_asc', label: '🚀 Fastest Response' },
-            { key: 'size_desc', label: '📦 Largest Response Size' },
+            { key: 'time_desc', label: 'Newest First (Default)', icon: NetworkIcons_1.ClockIcon },
+            { key: 'time_asc', label: 'Oldest First', icon: NetworkIcons_1.HourglassIcon },
+            { key: 'duration_desc', label: 'Slowest Response', icon: NetworkIcons_1.TurtleIcon },
+            { key: 'duration_asc', label: 'Fastest Response', icon: NetworkIcons_1.RocketIcon },
+            { key: 'size_desc', label: 'Largest Response Size', icon: NetworkIcons_1.PackageIcon },
         ].map(item => {
             const isSelected = draft.sortBy === item.key;
+            const IconComp = item.icon;
             return (<react_native_1.TouchableOpacity key={item.key} activeOpacity={0.7} onPress={() => setDraft(prev => ({ ...prev, sortBy: item.key }))} style={[
                     styles.chip,
                     isSelected && {
@@ -451,6 +456,7 @@ const NetworkFilterModal = ({ visible, onClose, filters, onApply, searchQuery =
                         borderColor: AppColors_1.AppColors.purple,
                     },
                 ]}>
+                      <IconComp size={13} color={isSelected ? AppColors_1.AppColors.purple : AppColors_1.AppColors.grayTextWeak}/>
                       <react_native_1.Text style={[
                     styles.chipLabel,
                     isSelected && { color: AppColors_1.AppColors.purple, fontFamily: AppFonts_1.AppFonts.interBold },

package/dist/commonjs/components/Inspector/SettingsPanel.js CHANGED Viewed

@@ -71,7 +71,7 @@ const SettingsPanel = () => {
     const isPersistent = (0, settingsStore_1.isPersistentStorageAvailable)();
     const statusBarHeight = react_native_1.Platform.OS === 'android' ? react_native_1.StatusBar.currentHeight || 24 : 44;
     const headerTopPadding = modalHeightPercent >= 95 ? statusBarHeight : 0;
-    const allModules = [
+    const allModules = (0, react_1.useMemo)(() => [
         {
             key: 'apis',
             label: 'APIs (Network)',
@@ -142,7 +142,9 @@ const SettingsPanel = () => {
             icon: 'debugging',
             desc: 'QR Code bridge for direct Debug APK download & Metro live-reload sync',
         },
-    ];
+    ].filter(m => m.key === 'debugging'
+        ? react_native_1.Platform.OS === 'android' && (0, helpers_1.isLocalDebugEnvironment)()
+        : true), []);
     const [stagedTabVisibility, setStagedTabVisibility] = (0, react_1.useState)(() => ({
         apis: true,
         logs: Boolean(tabVisibility?.logs),
@@ -153,7 +155,7 @@ const SettingsPanel = () => {
         crash: Boolean(tabVisibility?.crash),
         device: Boolean(tabVisibility?.device),
         storage: Boolean(tabVisibility?.storage),
-        debugging: Boolean(tabVisibility?.debugging ?? true),
+        debugging: Boolean(tabVisibility?.debugging),
     }));
     (0, react_1.useEffect)(() => {
         setStagedTabVisibility({
@@ -166,7 +168,7 @@ const SettingsPanel = () => {
             crash: Boolean(tabVisibility?.crash),
             device: Boolean(tabVisibility?.device),
             storage: Boolean(tabVisibility?.storage),
-            debugging: Boolean(tabVisibility?.debugging ?? true),
+            debugging: Boolean(tabVisibility?.debugging),
         });
     }, [tabVisibility]);
     const hasUnsavedChanges = (0, react_1.useMemo)(() => {

package/dist/commonjs/components/Inspector/StorageTab.js CHANGED Viewed

@@ -127,9 +127,12 @@ const StorageEntryCard = react_1.default.memo(function StorageEntryCard({ entry,
         <react_native_1.Text style={styles.valuePreviewText} numberOfLines={isExpanded ? undefined : 3} selectable={isExpanded}>
           {displayValue}
         </react_native_1.Text>
-        {entry.value.length > 80 && (<react_native_1.Text style={styles.expandHint}>
-            {isExpanded ? '▲ Collapse' : '▼ Expand'}
-          </react_native_1.Text>)}
+        {entry.value.length > 80 && (<react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 4, marginTop: 4 }}>
+            <react_native_1.Text style={styles.expandHint}>
+              {isExpanded ? 'Collapse' : 'Expand'}
+            </react_native_1.Text>
+            <NetworkIcons_1.ChevronIcon direction={isExpanded ? 'up' : 'down'} size={10} color={AppColors_1.AppColors.purple}/>
+          </react_native_1.View>)}
       </TouchableScale_1.default>
     </react_native_1.View>);
 });
@@ -504,7 +507,10 @@ exports.StorageTab = react_1.default.memo(() => {
                 : editType === 'boolean'
                     ? 'true'
                     : 'String value...'} placeholderTextColor={AppColors_1.AppColors.grayTextWeak} style={[styles.textInput, styles.textAreaInput]} multiline textAlignVertical="top" autoCapitalize="none"/>
-              {jsonError && (<react_native_1.Text style={styles.errorText}>⚠️ {jsonError}</react_native_1.Text>)}
+              {jsonError && (<react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 5, marginTop: 4 }}>
+                  <NetworkIcons_1.WarningTriangleIcon size={12} color={AppColors_1.AppColors.errorColor}/>
+                  <react_native_1.Text style={styles.errorText}>{jsonError}</react_native_1.Text>
+                </react_native_1.View>)}
             </react_native_1.View>

package/dist/commonjs/components/Inspector/TabBar.js CHANGED Viewed

@@ -12,6 +12,7 @@ const TouchableScale_1 = __importDefault(require("../TouchableScale"));
 const NetworkIcons_1 = require("../NetworkIcons");
 const reduxLogger_1 = require("../../customHooks/reduxLogger");
 const analyticsLogger_1 = require("../../customHooks/analyticsLogger");
+const helpers_1 = require("../../helpers");
 const TabBar = react_1.default.memo(() => {
     const { activeTab, switchActiveTab, tabVisibility, logs, consoleLogs, analyticsEvents, crashRecords, lastReadApisCount, lastReadLogsCount, lastReadCrashesCount, unreadPulseAnim, } = (0, InspectorContext_1.useInspector)();
     const isReduxAvail = (0, reduxLogger_1.isReduxConnected)();
@@ -81,8 +82,11 @@ const TabBar = react_1.default.memo(() => {
             },
         ]
             .filter(tab => {
-            if (tab.key === 'debugging')
-                return true;
+            if (tab.key === 'debugging') {
+                return (react_native_1.Platform.OS === 'android' &&
+                    (0, helpers_1.isLocalDebugEnvironment)() &&
+                    Boolean(tabVisibility?.debugging));
+            }
             if (!tabVisibility?.[tab.key])
                 return false;
             if (tab.key === 'redux' && !isReduxAvail)

package/dist/commonjs/components/JsonViewer.js CHANGED Viewed

@@ -82,10 +82,11 @@ const JsonTableRow = react_1.default.memo(({ itemKey, val, search, }) => {
             localStyles.tableCellValue,
             isObject && localStyles.tableCellRawCode,
         ]} highlightStyle={localStyles.highlight} numberOfLines={expanded ? undefined : 3} selectable={true}/>
-        {isMultiline && (<react_native_1.TouchableOpacity onPress={() => setExpanded(prev => !prev)} hitSlop={6} style={localStyles.showMoreBtn}>
+        {isMultiline && (<react_native_1.TouchableOpacity onPress={() => setExpanded(prev => !prev)} hitSlop={6} style={[localStyles.showMoreBtn, { flexDirection: 'row', alignItems: 'center', gap: 4 }]}>
             <react_native_1.Text style={localStyles.showMoreText}>
-              {expanded ? 'Show less ▲' : 'Show more ▼'}
+              {expanded ? 'Show less' : 'Show more'}
             </react_native_1.Text>
+            <NetworkIcons_1.ChevronIcon direction={expanded ? 'up' : 'down'} size={10} color={AppColors_1.AppColors.purple}/>
           </react_native_1.TouchableOpacity>)}
       </react_native_1.View>
     </react_native_1.View>);

package/dist/commonjs/components/NetworkIcons.d.ts CHANGED Viewed

@@ -37,7 +37,7 @@ export declare const SignalIcon: ({ color, size, }: IconProps) => React.JSX.Elem
 export declare const DiffIcon: ({ color, size }: IconProps) => React.JSX.Element;
 export declare const GlobeIcon: ({ color, size }: IconProps) => React.JSX.Element;
 export declare const SortArrowIcon: ({ color, size, direction, }: IconProps) => React.JSX.Element;
-export declare const ChevronIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const ChevronIcon: ({ color, size, direction, }: IconProps) => React.JSX.Element;
 export declare const FilterIcon: ({ color, size, }: IconProps) => React.JSX.Element;
 export declare const DownloadIcon: ({ color, size, }: IconProps) => React.JSX.Element;
 export declare const CloseWhite: ({ color, size }: IconProps) => React.JSX.Element;
@@ -135,3 +135,6 @@ export declare const PencilIcon: ({ color, size, }: IconProps) => React.JSX.Elem
 export declare const PlusIcon: ({ color, size, }: IconProps) => React.JSX.Element;
 export declare const LockIcon: ({ color, size, }: IconProps) => React.JSX.Element;
 export declare const QrCodeIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const UnlockIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const RocketIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const TurtleIcon: ({ color, size, }: IconProps) => React.JSX.Element;

package/dist/commonjs/components/NetworkIcons.js CHANGED Viewed

@@ -38,7 +38,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InfoCircleIcon = exports.UserIcon = exports.LayersIcon = exports.WipeIcon = exports.FolderIcon = exports.SettingsIcon = exports.EyeIcon = exports.JsIcon = exports.CssIcon = exports.HtmlIcon = exports.BrandSquareIcon = exports.BrandCircleIcon = exports.MoonIcon = exports.SunIcon = exports.DebugIcon = exports.InsightsIcon = exports.AnalyticsIcon = exports.WhiteBackNavigation = exports.CloseWhite = exports.DownloadIcon = exports.FilterIcon = exports.ChevronIcon = exports.SortArrowIcon = exports.GlobeIcon = exports.DiffIcon = exports.SignalIcon = exports.ExportIcon = exports.HeaderPauseIcon = exports.TrashIcon = exports.FailIcon = exports.CircleAlertIcon = exports.CircleXIcon = exports.CircleCheckIcon = exports.CheckIcon = exports.TerminalIcon = exports.FetchIcon = exports.CopyIcon = exports.HeadersIcon = exports.ResponseIcon = exports.RequestIcon = exports.SizeIcon = exports.StatusIcon = exports.CalendarIcon = exports.ClockIcon = exports.ClearIcon = exports.SearchIcon = exports.ExpandCollapseIcon = exports.ScreenIcon = exports.MapPinIcon = exports.EmptyRadarIcon = void 0;
 exports.DiagnosticsIcon = exports.StackTraceIcon = exports.LayoutIcon = exports.ChipIcon = exports.SkullIcon = exports.ShieldAlertIcon = exports.CrashIcon = exports.UserCheckIcon = exports.TargetGoalIcon = exports.RepeatIcon = exports.PinIcon = exports.HourglassIcon = exports.FlameIcon = exports.CodeBracketsIcon = exports.AndroidIcon = exports.AppleIcon = exports.LinkChainIcon = exports.GitHubIcon = exports.PackageBoxIcon = exports.ExternalLinkIcon = exports.MoneyIcon = exports.CartIcon = exports.TextAaIcon = exports.BrainIcon = exports.AtomIcon = exports.MapIcon = exports.SparkleIcon = exports.LightbulbIcon = exports.DocIcon = exports.FolderOpenIcon = exports.BanIcon = exports.BoltIcon = exports.PerformanceIcon = exports.ReduxIcon = exports.MetadataIcon = exports.StorageIcon = exports.RefreshCcwIcon = exports.TimelineIcon = exports.LiveStateIcon = exports.BundleIcon = exports.ForwardChevronIcon = exports.PackageIcon = exports.TableIcon = exports.RawIcon = exports.PrettyIcon = exports.SortIcon = exports.MotionIcon = exports.TrendingUpIcon = exports.ErrorCircleIcon = exports.WarningTriangleIcon = void 0;
-exports.QrCodeIcon = exports.LockIcon = exports.PlusIcon = exports.PencilIcon = exports.DatabaseIcon = exports.ShieldCheckIcon = exports.WifiIcon = exports.CpuIcon = exports.ChevronDownIcon = exports.ResetIcon = exports.NpmIcon = exports.TagIcon = exports.BugIcon = exports.AlertTriangleIcon = exports.SmartphoneIcon = exports.KeyIcon = exports.BarChartIcon = exports.DiceIcon = exports.ZapIcon = exports.FlaskIcon = exports.LoadingSpinnerIcon = exports.ListenerIcon = exports.AllFramesIcon = exports.AppFramesIcon = exports.RawJsonIcon = exports.TrailIcon = void 0;
+exports.TurtleIcon = exports.RocketIcon = exports.UnlockIcon = exports.QrCodeIcon = exports.LockIcon = exports.PlusIcon = exports.PencilIcon = exports.DatabaseIcon = exports.ShieldCheckIcon = exports.WifiIcon = exports.CpuIcon = exports.ChevronDownIcon = exports.ResetIcon = exports.NpmIcon = exports.TagIcon = exports.BugIcon = exports.AlertTriangleIcon = exports.SmartphoneIcon = exports.KeyIcon = exports.BarChartIcon = exports.DiceIcon = exports.ZapIcon = exports.FlaskIcon = exports.LoadingSpinnerIcon = exports.ListenerIcon = exports.AllFramesIcon = exports.AppFramesIcon = exports.RawJsonIcon = exports.TrailIcon = void 0;
 const react_1 = __importDefault(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 const AppColors_1 = require("../styles/AppColors");
@@ -236,9 +236,16 @@ const SortArrowIcon = ({ color = AppColors_1.AppColors.primaryLight, size = 20,
     </react_native_svg_1.default>);
 };
 exports.SortArrowIcon = SortArrowIcon;
-const ChevronIcon = ({ color = AppColors_1.AppColors.grayTextWeak, size = 14, }) => {
+const ChevronIcon = ({ color = AppColors_1.AppColors.grayTextWeak, size = 14, direction = 'down', }) => {
+    let path = 'M6 9l6 6 6-6';
+    if (direction === 'up')
+        path = 'M18 15l-6-6-6 6';
+    else if (direction === 'right')
+        path = 'M9 18l6-6-6-6';
+    else if (direction === 'left')
+        path = 'M15 18l-6-6 6-6';
     return (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
-      <react_native_svg_1.Path d="M6 9l6 6 6-6" stroke={color} strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round"/>
+      <react_native_svg_1.Path d={path} stroke={color} strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round"/>
     </react_native_svg_1.default>);
 };
 exports.ChevronIcon = ChevronIcon;
@@ -906,3 +913,19 @@ const QrCodeIcon = ({ color = AppColors_1.AppColors.grayTextWeak, size = 14, })
     <react_native_svg_1.Path d="M14 14h3v3h-3zM18 18h3v3h-3zM14 19h3v2h-3zM19 14h2v3h-2z" fill={color}/>
   </react_native_svg_1.default>);
 exports.QrCodeIcon = QrCodeIcon;
+const UnlockIcon = ({ color = AppColors_1.AppColors.grayTextWeak, size = 14, }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <react_native_svg_1.Rect x="3" y="11" width="18" height="11" rx="2" ry="2" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+    <react_native_svg_1.Path d="M7 11V7a5 5 0 0 1 9.9-1" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+  </react_native_svg_1.default>);
+exports.UnlockIcon = UnlockIcon;
+const RocketIcon = ({ color = AppColors_1.AppColors.grayTextWeak, size = 14, }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <react_native_svg_1.Path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09zM12 15l-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6.05 11a22.35 22.35 0 0 1-3.95 2z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+    <react_native_svg_1.Path d="M9 12l-4 4M15 6l-3 3" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+  </react_native_svg_1.default>);
+exports.RocketIcon = RocketIcon;
+const TurtleIcon = ({ color = AppColors_1.AppColors.grayTextWeak, size = 14, }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <react_native_svg_1.Ellipse cx="12" cy="14" rx="7" ry="5" stroke={color} strokeWidth="2"/>
+    <react_native_svg_1.Circle cx="12" cy="6" r="3" stroke={color} strokeWidth="2"/>
+    <react_native_svg_1.Path d="M5 12l-2-2M19 12l2-2M6 18l-2 2M18 18l2 2" stroke={color} strokeWidth="2" strokeLinecap="round"/>
+  </react_native_svg_1.default>);
+exports.TurtleIcon = TurtleIcon;

package/dist/commonjs/components/QRCodeView.js CHANGED Viewed

@@ -42,7 +42,7 @@ const AppColors_1 = require("../styles/AppColors");
 const QRCodeView = ({ value, size = 200, color = '#000000', backgroundColor = '#FFFFFF', }) => {
     const matrix = (0, react_1.useMemo)(() => (0, qrGenerator_1.generateQRMatrix)(value || 'http://localhost:8081'), [value]);
     const numCells = matrix.length || 21;
-    const margin = 3;
+    const margin = 4;
     const totalCells = numCells + margin * 2;
     const cellSize = size / totalCells;
     return (<react_native_1.View style={[

package/dist/commonjs/constants/version.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export declare const LIB_VERSION = "2.3.12";
1	+ export declare const LIB_VERSION = "2.3.14";

package/dist/commonjs/constants/version.js CHANGED Viewed

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LIB_VERSION = void 0;
-exports.LIB_VERSION = '2.3.12';
+exports.LIB_VERSION = '2.3.14';

package/dist/commonjs/helpers/index.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 import { NetworkLog, RouteInfo, DiffResult, JsonContent, StackFrameType } from '../types';
 export * from './searchQueryParser';
 export * from './memoryManager';
+export declare const isLocalDebugEnvironment: () => boolean;
 export declare const getDomainColor: (domain: string) => string;
 export declare const formatDateTime: (timestamp: number) => string;
 export declare const formatTimestamp: (timestamp: number) => string;

package/dist/commonjs/helpers/index.js CHANGED Viewed

@@ -17,7 +17,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getRuntimeDiagnostics = exports.getCategoryColors = exports.registerGAPlugin = exports.getEventCategory = exports.getEventColor = exports.ANALYTICS_EVENT_PALETTE = exports.openInVSCode = exports.parseStackLine = exports.getJsonPreviewText = exports.getJsonContent = exports.formatGap = exports.formatTime = exports.formatTimeShort = exports.handleOpenExternalLink = exports.getAppVersionAndBuild = exports.getAppName = exports.getBundleIdentifier = exports.formatDateTimeToAnalytics = exports.isAllValuesEmpty = exports.getLocalizedFilePathWithSlash = exports.getLocalizedFilePath = exports.formatDisplayUrl = exports.getDiff = exports.flattenObject = exports.getLogPageName = exports.getNavigationInfo = exports.escapeRegex = exports.deduplicateLogs = exports.getFetchCommand = exports.getCurlCommand = exports.getBaseUrl = exports.getPath = exports.copyToClipboard = exports.getSize = exports.getDurationColor = exports.getStatusColor = exports.formatTimestamp = exports.formatDateTime = exports.getDomainColor = void 0;
+exports.getRuntimeDiagnostics = exports.getCategoryColors = exports.registerGAPlugin = exports.getEventCategory = exports.getEventColor = exports.ANALYTICS_EVENT_PALETTE = exports.openInVSCode = exports.parseStackLine = exports.getJsonPreviewText = exports.getJsonContent = exports.formatGap = exports.formatTime = exports.formatTimeShort = exports.handleOpenExternalLink = exports.getAppVersionAndBuild = exports.getAppName = exports.getBundleIdentifier = exports.formatDateTimeToAnalytics = exports.isAllValuesEmpty = exports.getLocalizedFilePathWithSlash = exports.getLocalizedFilePath = exports.formatDisplayUrl = exports.getDiff = exports.flattenObject = exports.getLogPageName = exports.getNavigationInfo = exports.escapeRegex = exports.deduplicateLogs = exports.getFetchCommand = exports.getCurlCommand = exports.getBaseUrl = exports.getPath = exports.copyToClipboard = exports.getSize = exports.getDurationColor = exports.getStatusColor = exports.formatTimestamp = exports.formatDateTime = exports.getDomainColor = exports.isLocalDebugEnvironment = void 0;
 const react_native_1 = require("react-native");
 const clipboard_1 = __importDefault(require("@react-native-clipboard/clipboard"));
 const toast_1 = require("./toast");
@@ -25,6 +25,16 @@ const AppColors_1 = require("../styles/AppColors");
 const constants_1 = require("../constants");
 __exportStar(require("./searchQueryParser"), exports);
 __exportStar(require("./memoryManager"), exports);
+const isLocalDebugEnvironment = () => {
+    const isDev = typeof __DEV__ !== 'undefined' && Boolean(__DEV__);
+    const scriptURL = react_native_1.NativeModules.SourceCode?.scriptURL || '';
+    const hasDevServer = scriptURL.startsWith('http://') ||
+        scriptURL.startsWith('https://') ||
+        scriptURL.includes(':8081') ||
+        scriptURL.includes(':8082');
+    return isDev || hasDevServer;
+};
+exports.isLocalDebugEnvironment = isLocalDebugEnvironment;
 const getDomainColor = (domain) => {
     if (!domain)
         return constants_1.DOMAIN_COLORS[0];

package/dist/commonjs/helpers/qrGenerator.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
 export type QRECC = 'L' | 'M' | 'Q' | 'H';
 export declare function generateQRMatrix(text: string, ecc?: QRECC): boolean[][];
+export default generateQRMatrix;