react-native-inapp-inspector 1.1.20 → 1.1.22

package/dist/commonjs/components/Inspector/ReduxDetail.js

@@ -38,7 +38,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const react_native_1 = require("react-native");
-const react_i18next_1 = require("react-i18next");
+const i18n_1 = require("../../i18n");
 const InspectorContext_1 = require("./InspectorContext");
 const SegmentedTabs_1 = __importDefault(require("../SegmentedTabs"));
 const JsonViewer_1 = __importDefault(require("../JsonViewer"));
@@ -54,7 +54,7 @@ const AppColors_1 = require("../../styles/AppColors");
 const AppFonts_1 = require("../../styles/AppFonts");
 const NetworkIcons_1 = require("../NetworkIcons");
 const ReduxDetail = react_1.default.memo(() => {
-    const { t } = (0, react_i18next_1.useTranslation)();
+    const { t } = (0, i18n_1.useTranslation)();
     const { reduxState, reduxLastActionMap, selectedReduxSlice, selectedReduxAction, setSelectedReduxSlice, setSelectedReduxAction, } = (0, InspectorContext_1.useInspector)();
     // Search filter within details
     const [detailSearch, setDetailSearch] = (0, react_1.useState)('');
@@ -370,7 +370,7 @@ const reduxDetailStyles = react_native_1.StyleSheet.create({
         paddingVertical: 2,
         borderRadius: 4,
         borderWidth: 1,
-        borderColor: '#A7F3D0',
+        borderColor: AppColors_1.AppColors.emeraldBorder,
     },
     persistedChipText: {
         fontFamily: AppFonts_1.AppFonts.interBold,
@@ -541,7 +541,7 @@ const reduxDetailStyles = react_native_1.StyleSheet.create({
         alignItems: 'center',
         justifyContent: 'center',
         gap: 6,
-        backgroundColor: '#FEF2F2',
+        backgroundColor: AppColors_1.AppColors.errorCardBg,
         borderWidth: 1,
         borderColor: '#FEE2E2',
         borderRadius: 8,

package/dist/commonjs/components/Inspector/ReduxTab.js

@@ -409,18 +409,18 @@ const reduxTabStyles = react_native_1.StyleSheet.create({
         flexDirection: 'row',
         alignItems: 'center',
         gap: 4,
-        backgroundColor: '#ECFDF5',
+        backgroundColor: AppColors_1.AppColors.emeraldBg,
         paddingHorizontal: 6,
         paddingVertical: 3,
         borderRadius: 5,
         borderWidth: 1,
-        borderColor: '#A7F3D0',
+        borderColor: AppColors_1.AppColors.emeraldBorder,
     },
     liveDot: {
         width: 6,
         height: 6,
         borderRadius: 3,
-        backgroundColor: '#10B981',
+        backgroundColor: AppColors_1.AppColors.emerald500,
     },
     livePillText: {
         fontFamily: AppFonts_1.AppFonts.interBold,

package/dist/commonjs/components/JsonViewer.js

@@ -38,7 +38,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const react_native_1 = require("react-native");
-const react_i18next_1 = require("react-i18next");
+const i18n_1 = require("../i18n");
 // Components
 const TreeNode_1 = __importDefault(require("./TreeNode"));
 const SegmentedTabs_1 = __importDefault(require("./SegmentedTabs"));
@@ -94,7 +94,7 @@ const JsonTableRow = react_1.default.memo(({ itemKey, val, search, }) => {
 });
 // ── JsonViewer Component ─────────────────────────────────────────────────────
 const JsonViewer = react_1.default.memo(({ data, search, forceOpen, defaultExpandDepth, wrap, fullHeight = false, maxHeight, mode: externalMode, onModeChange, hideTabs = false, }) => {
-    const { t } = (0, react_i18next_1.useTranslation)();
+    const { t } = (0, i18n_1.useTranslation)();
     const [internalMode, setInternalMode] = (0, react_1.useState)('pretty');
     const mode = externalMode ?? internalMode;
     const setMode = (newMode) => {

package/dist/commonjs/components/LogCard.js

@@ -46,9 +46,9 @@ const NetworkIcons_1 = require("./NetworkIcons");
 const styles_1 = __importDefault(require("../styles"));
 const HighlightText_1 = __importDefault(require("./HighlightText"));
 const TouchableScale_1 = __importDefault(require("./TouchableScale"));
-const react_i18next_1 = require("react-i18next");
+const i18n_1 = require("../i18n");
 const LogCard = react_1.default.memo(function LogCard({ item, onPress, timelineMinStart, timelineTotalRange, isNew, isSelected, onToggleSelect, searchStr, }) {
-    const { t } = (0, react_i18next_1.useTranslation)();
+    const { t } = (0, i18n_1.useTranslation)();
     const methodColor = constants_1.METHOD_COLORS[item.method] ?? constants_1.METHOD_COLORS.ALL;
     const isFailed = item.status === 0 || (item.status != null && item.status >= 400);
     const isLoading = item.status == null;

package/dist/commonjs/components/MetaAccordion.js

@@ -37,7 +37,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
-const react_i18next_1 = require("react-i18next");
+const i18n_1 = require("../i18n");
 const react_native_1 = require("react-native");
 // Constants
 const constants_1 = require("../constants");
@@ -54,7 +54,7 @@ const AppColors_1 = require("../styles/AppColors");
 const AppFonts_1 = require("../styles/AppFonts");
 const styles_1 = __importDefault(require("../styles"));
 const MetaAccordion = ({ status, statusColor, duration, size, triggeredAt, method, contentType, url, }) => {
-    const { t } = (0, react_i18next_1.useTranslation)();
+    const { t } = (0, i18n_1.useTranslation)();
     const [urlExpanded, setUrlExpanded] = (0, react_1.useState)(false);
     const { toggleOpen, chevronStyle, bodyStyle } = (0, useAccordion_1.default)(true, 800, 390);
     const isFailed = status === 0 || status == null;

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

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

package/dist/commonjs/constants/version.js

@@ -3,4 +3,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.LIB_VERSION = void 0;
 // AUTO-GENERATED FILE — do not edit by hand.
 // Regenerated from package.json on every build by scripts/gen-version.js.
-exports.LIB_VERSION = '1.1.20';
+exports.LIB_VERSION = '1.1.22';

package/dist/commonjs/customHooks/bundleAnalyzer.d.ts

@@ -0,0 +1,115 @@
+export type FileTypeCategory = 'image' | 'typescript' | 'javascript' | 'font' | 'json';
+export interface HostBundleFileItem {
+    id: string;
+    name: string;
+    path: string;
+    ext: string;
+    category: FileTypeCategory;
+    sizeKb: number;
+    meta: string;
+    color: string;
+    status?: 'optimal' | 'warning' | 'info';
+    advice?: string;
+    isConsumed?: boolean;
+    previewUri?: string;
+}
+export interface HostBundlePackageItem {
+    id: string;
+    name: string;
+    version: string;
+    latestVersion?: string;
+    sizeKb: number;
+    percentage: number;
+    type: 'direct' | 'peer' | 'transitive';
+    isDirectDefined?: boolean;
+    parentPackageName?: string;
+    subpackages?: HostBundlePackageItem[];
+    category: 'core' | 'navigation' | 'network' | 'ui' | 'utils';
+    color: string;
+    description: string;
+    npmUrl?: string;
+    isDeprecated?: boolean;
+    deprecationReason?: string;
+    lastActive?: string;
+}
+export interface HostBinaryComponentItem {
+    id: string;
+    name: string;
+    category: 'js' | 'native' | 'frameworks' | 'assets' | 'meta';
+    sizeMb: number;
+    pct: number;
+    color: string;
+    description: string;
+    advice: string;
+}
+export interface HostBundleAnalysisResult {
+    isLive: boolean;
+    scriptURL: string;
+    totalDevBytes: number;
+    totalDevMb: number;
+    totalDevKb: number;
+    isHermes: boolean;
+    moduleCount: number;
+    packageCount: number;
+    filesCount: number;
+    splitUp: {
+        appSource: {
+            kb: number;
+            mb: number;
+            pct: number;
+        };
+        nodeModules: {
+            kb: number;
+            mb: number;
+            pct: number;
+        };
+        assetsMedia: {
+            kb: number;
+            mb: number;
+            pct: number;
+        };
+        metroDevOverhead: {
+            kb: number;
+            mb: number;
+            pct: number;
+        };
+    };
+    files: HostBundleFileItem[];
+    packages: HostBundlePackageItem[];
+    production: {
+        ios: {
+            totalInstallMb: number;
+            totalDownloadMb: number;
+            compressionRatioPct: number;
+            components: HostBinaryComponentItem[];
+        };
+        androidAab: {
+            totalInstallMb: number;
+            totalDownloadMb: number;
+            compressionRatioPct: number;
+            components: HostBinaryComponentItem[];
+        };
+        androidApk: {
+            totalInstallMb: number;
+            totalDownloadMb: number;
+            compressionRatioPct: number;
+            components: HostBinaryComponentItem[];
+        };
+        android: {
+            totalInstallMb: number;
+            totalDownloadMb: number;
+            compressionRatioPct: number;
+            components: HostBinaryComponentItem[];
+        };
+    };
+}
+export declare const getHostScriptURL: () => string;
+/**
+ * Parses raw Metro bundle source code to discover real modules and packages in the host app.
+ */
+export declare const parseBundleSource: (bundleText: string, totalBytes: number, scriptURL: string) => HostBundleAnalysisResult;
+/**
+ * Automatically fetch and analyze the real running bundle for the host app.
+ */
+export declare const analyzeHostAppBundle: () => Promise<HostBundleAnalysisResult>;
+export declare const getCachedBundleAnalysis: () => HostBundleAnalysisResult | null;