react-native-inapp-inspector 1.1.22 → 1.1.23

package/dist/esm/components/NetworkIcons.js

@@ -402,3 +402,82 @@ export const PerformanceIcon = ({ color = AppColors.purple, size = 14, }) => {
       <Circle cx="12" cy="12" r="1.5" fill={color}/>
     </Svg>);
 };
+// ─── App-wide Vector Icons (emoji-free, render on every device) ─────────────
+export const BoltIcon = ({ color = AppColors.amber500, size = 14 }) => {
+    return (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path d="M13 2 4.5 13.5 H10.5 L9 22 19.5 9.5 H13.5 Z" stroke={color} strokeWidth="1.8" strokeLinejoin="round"/>
+    </Svg>);
+};
+export const BanIcon = ({ color = AppColors.errorColor, size = 14 }) => {
+    return (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Circle cx="12" cy="12" r="8.5" stroke={color} strokeWidth="1.8"/>
+      <Path d="M5.5 5.5 18.5 18.5" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
+    </Svg>);
+};
+export const FolderOpenIcon = ({ color = AppColors.amber500, size = 14 }) => {
+    return (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path d="M8.4 11 10 5.5a2 2 0 0 1 1.9-1.5h3.7a1.5 1.5 0 0 1 1.4 2L15.5 11" stroke={color} strokeWidth="1.8" strokeLinejoin="round"/>
+      <Path d="M6.7 20.4 4.3 12.9A1.6 1.6 0 0 1 5.8 11h14.6a1.6 1.6 0 0 1 1.6 1.9l-2.4 7.5a2 2 0 0 1-2 1.4H8.7a2 2 0 0 1-2-1.4Z" stroke={color} strokeWidth="1.8" strokeLinejoin="round"/>
+    </Svg>);
+};
+export const DocIcon = ({ color = AppColors.grayTextWeak, size = 14 }) => {
+    return (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" stroke={color} strokeWidth="1.8" strokeLinejoin="round"/>
+      <Path d="M14 2v4a2 2 0 0 0 2 2h4" stroke={color} strokeWidth="1.8" strokeLinejoin="round"/>
+      <Path d="M8 13h8 M8 17h8" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
+    </Svg>);
+};
+export const LightbulbIcon = ({ color = AppColors.amber500, size = 14 }) => {
+    return (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1.3.5 2.6 1.5 3.5.8.8 1.3 1.5 1.5 2.5" stroke={color} strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
+      <Path d="M9 18h6" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
+      <Path d="M10 22h4" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
+    </Svg>);
+};
+export const SparkleIcon = ({ color = AppColors.amber500, size = 14 }) => {
+    return (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path d="M11.1 3.9c.2-.6 1-.6 1.2 0l1.2 4.2 4.2 1.2c.6.2.6 1 0 1.2l-4.2 1.2-1.2 4.2c-.2.6-1 .6-1.2 0l-1.2-4.2-4.2-1.2c-.6-.2-.6-1 0-1.2l4.2-1.2Z" fill={color}/>
+      <Path d="M18.5 3.5v4 M16.5 5.5h4" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
+    </Svg>);
+};
+export const MapIcon = ({ color = AppColors.grayTextWeak, size = 14 }) => {
+    return (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path d="M3 5.5 9 3.5l6 2 6-2v15l-6 2-6-2-6 2Z" stroke={color} strokeWidth="1.8" strokeLinejoin="round"/>
+      <Path d="M9 3.5v15M15 5.5v15" stroke={color} strokeWidth="1.8"/>
+      <Circle cx="12" cy="11" r="1.9" stroke={color} strokeWidth="1.6"/>
+    </Svg>);
+};
+export const AtomIcon = ({ color = AppColors.grayTextWeak, size = 14 }) => {
+    return (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Ellipse cx="12" cy="12" rx="9" ry="3.8" stroke={color} strokeWidth="1.6"/>
+      <Ellipse cx="12" cy="12" rx="9" ry="3.8" stroke={color} strokeWidth="1.6" transform="rotate(60 12 12)"/>
+      <Ellipse cx="12" cy="12" rx="9" ry="3.8" stroke={color} strokeWidth="1.6" transform="rotate(120 12 12)"/>
+      <Circle cx="12" cy="12" r="1.6" fill={color}/>
+    </Svg>);
+};
+export const BrainIcon = ({ color = AppColors.grayTextWeak, size = 14 }) => {
+    return (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path d="M9.5 2a2.5 2.5 0 0 0-2.5 2.5v.5a2.5 2.5 0 0 0-3 3.17A2.5 2.5 0 0 0 2 10.5c0 .76.34 1.44.88 1.9A2.5 2.5 0 0 0 2 15.5c0 .76.34 1.44.88 1.9A2.5 2.5 0 0 0 5 19.75c0 .75.5 1.5 1.25 1.75A2.5 2.5 0 0 0 8.5 23h.25a2.5 2.5 0 0 0 2.5-2.5V4a2.5 2.5 0 0 0-1.75-2ZM14.5 2a2.5 2.5 0 0 1 2.5 2.5v.5a2.5 2.5 0 0 1 3 3.17A2.5 2.5 0 0 1 22 10.5c0 .76-.34 1.44-.88 1.9a2.5 2.5 0 0 1 .88 1.9c0 .76-.34 1.44-.88 1.9A2.5 2.5 0 0 1 19 19.75c0 .75-.5 1.5-1.25 1.75A2.5 2.5 0 0 1 15.5 23h-.25a2.5 2.5 0 0 1-2.5-2.5V4a2.5 2.5 0 0 1 1.75-2Z" stroke={color} strokeWidth="1.6" strokeLinejoin="round"/>
+    </Svg>);
+};
+export const TextAaIcon = ({ color = AppColors.grayTextWeak, size = 14 }) => {
+    return (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path d="M4 19 7.5 7 11 19" stroke={color} strokeWidth="1.8" strokeLinejoin="round"/>
+      <Path d="M5.5 15h4" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
+      <Path d="M16 19l1.7-6.6 1.7 6.6" stroke={color} strokeWidth="1.8" strokeLinejoin="round"/>
+      <Path d="M16.9 15.8h1.6" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
+    </Svg>);
+};
+export const CartIcon = ({ color = AppColors.amber500, size = 14 }) => {
+    return (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Circle cx="9.5" cy="20" r="1.3" stroke={color} strokeWidth="1.8"/>
+      <Circle cx="18.5" cy="20" r="1.3" stroke={color} strokeWidth="1.8"/>
+      <Path d="M3 3.5h1.8a1 1 0 0 1 .97.75l3.1 9.75a1.5 1.5 0 0 0 1.44 1.1h9.2a1 1 0 0 0 .95-.7l2.5-7.5a.8.8 0 0 0-.75-1.05H7" stroke={color} strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
+    </Svg>);
+};
+export const MoneyIcon = ({ color = AppColors.emerald500, size = 14 }) => {
+    return (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Circle cx="12" cy="12" r="8.5" stroke={color} strokeWidth="1.8"/>
+      <Path d="M12 7v10M14.5 9.5c-.6-1-1.5-1.5-2.5-1.5-1.5 0-2.5.9-2.5 2s1 1.8 2.5 2 2.5.8 2.5 2-1 2-2.5 2c-1 0-1.9-.5-2.5-1.5" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
+    </Svg>);
+};

package/dist/esm/components/TreeNode.js

@@ -3,7 +3,7 @@ import { Text, View, Image, Animated, Pressable } from 'react-native';
 // Helpers
 import { escapeRegex } from '../helpers';
 // Assets
-import { ChevronIcon } from './NetworkIcons';
+import { ChevronIcon, DocIcon } from './NetworkIcons';
 // Stylesheet
 import { AppColors } from '../styles/AppColors';
 import styles from '../styles';
@@ -43,7 +43,7 @@ const TreeNode = React.memo(function TreeNode({ data, name, level = 0, search, f
         {name !== undefined && (<Text style={[styles.codeKey, { marginBottom: 4 }]}>{`"${String(name)}": `}</Text>)}
         <View style={styles.filePreviewCard}>
           {isImage ? (<Image source={{ uri: file.uri }} style={styles.filePreviewThumb} resizeMode="cover"/>) : (<View style={styles.filePreviewDoc}>
-              <Text style={{ fontSize: 20 }}>📄</Text>
+              <DocIcon color={AppColors.grayTextWeak} size={20}/>
             </View>)}
           <View style={{ flex: 1 }}>
             <Text style={styles.filePreviewName} numberOfLines={1}>

package/dist/esm/constants/version.d.ts

@@ -1 +1 @@
-export declare const LIB_VERSION = "1.1.22";
+export declare const LIB_VERSION = "1.1.23";

package/dist/esm/constants/version.js

@@ -1,3 +1,3 @@
 // AUTO-GENERATED FILE — do not edit by hand.
 // Regenerated from package.json on every build by scripts/gen-version.js.
-export const LIB_VERSION = '1.1.22';
+export const LIB_VERSION = '1.1.23';

package/dist/esm/i18n/locales/en.json

@@ -379,11 +379,11 @@
         "treemapTitle": "Asset & File Type Ratio Treemap",
         "treemapSub": "Total ~{{mb}} MB",
         "treemapJson": "Ratio Treemap JSON",
-        "legendImages": "🖼️ Images:",
-        "legendTs": "📜 TS/TSX:",
-        "legendJs": "⚙️ JS Libs:",
-        "legendFonts": "🔤 Fonts:",
-        "legendJson": "📄 JSON:",
+        "legendImages": "Images:",
+        "legendTs": "TS/TSX:",
+        "legendJs": "JS Libs:",
+        "legendFonts": "Fonts:",
+        "legendJson": "JSON:",
         "categoryBreakdown": "Category Breakdown",
         "categoriesJson": "Categories Breakdown JSON",
         "catImagesTitle": "Images & Media Assets",
@@ -417,14 +417,14 @@
         "catJavascript": "JS & Node Modules",
         "catFonts": "Fonts & Glyphs",
         "catJson": "JSON & Data",
-        "treeView": "🌳 Tree View",
-        "flatList": "📄 Flat List",
+        "treeView": "Tree View",
+        "flatList": "Flat List",
         "expand": "Expand",
         "collapse": "Collapse",
         "showingFilesOf": "Showing {{shown}} of {{total}} files",
         "filesOf": "{{count}} of {{total}} Files",
-        "notConsumed": "🚫 Not Consumed",
-        "consumed": "⚡ Consumed",
+        "notConsumed": "Not Consumed",
+        "consumed": "Consumed",
         "copyFileInfo": "Copy {{name}} Info",
         "fileDetailsJson": "File Details JSON",
         "file": "file",
@@ -440,13 +440,13 @@
         "showingDependencies": "Showing {{count}} dependencies",
         "versionPrefix": "v{{version}}",
         "bundled": "bundled",
-        "deprecated": "⚠️ DEPRECATED",
-        "updateAvailable": "⚡ Update: v{{version}}",
-        "upToDate": "✨ Up to date",
-        "bundledBadge": "📦 Bundled",
+        "deprecated": "DEPRECATED",
+        "updateAvailable": "Update: v{{version}}",
+        "upToDate": "Up to date",
+        "bundledBadge": "Bundled",
         "packageDetailsJson": "Package Details JSON",
-        "direct": "📦 Direct",
-        "transitive": "🔗 Transitive",
+        "direct": "Direct",
+        "transitive": "Transitive",
         "minified": "~{{size}} KB minified",
         "npmLink": "npm ↗",
         "dependenciesCount": "{{count}} Dependencies",
@@ -460,16 +460,16 @@
         "mediaAndFonts": "{{count}} Media & Fonts",
         "optimizerTitle": "React Native Bundle Optimization Checklist",
         "optimizationChecklist": "Optimization Checklist",
-        "optTip1Title": "🖼️ Convert Heavy PNGs to WebP / SVGs",
+        "optTip1Title": "Convert Heavy PNGs to WebP / SVGs",
         "optTip1Desc": "Images account for >40% of final app download size. Converting 2x/3x raster PNGs to WebP saves 60-70% size with no visible fidelity loss.",
-        "optTip2Title": "📜 Enable Hermes Bytecode Engine",
-        "optTip2DescActive": "✅ Hermes is active! JavaScript is compiled into optimized bytecode Ahead-Of-Time.",
-        "optTip2DescInactive": "⚠️ Hermes is disabled. Enable hermes in your app config for ~40% smaller payload and instant TTI startup.",
-        "optTip3Title": "🔤 Font Subsetting & Weight Pruning",
+        "optTip2Title": "Enable Hermes Bytecode Engine",
+        "optTip2DescActive": "Hermes is active! JavaScript is compiled into optimized bytecode Ahead-Of-Time.",
+        "optTip2DescInactive": "Hermes is disabled. Enable hermes in your app config for ~40% smaller payload and instant TTI startup.",
+        "optTip3Title": "Font Subsetting & Weight Pruning",
         "optTip3Desc": "Include only the font weights you actively use (e.g. Regular & Bold). Remove unused glyph ranges to save 100KB+ per font file.",
-        "optTip4Title": "🌲 Selective Path Imports (Tree-shaking)",
+        "optTip4Title": "Selective Path Imports (Tree-shaking)",
         "optTip4Desc": "Import from specific subpaths (e.g. lodash/get or specific vector icon sets) instead of importing large monolithic packages.",
-        "optTip5Title": "⚡ Screen Lazy-Loading",
+        "optTip5Title": "Screen Lazy-Loading",
         "optTip5Desc": "Lazy load secondary screens and heavy modal sheets using dynamic imports and InteractionManager to reduce initial bundle evaluation.",
         "highImpact": "High Impact",
         "mediumImpact": "Medium Impact",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-inapp-inspector",
-  "version": "1.1.22",
+  "version": "1.1.23",
   "description": "The zero-config, all-in-one in-app debugger for React Native & Expo. Inspect Network (fetch/axios), Console logs, Stack Traces, Redux State, Firebase Analytics, and JS Bundle size directly on device.",
   "repository": {
     "type": "git",