react-native-inapp-inspector 2.3.9 → 2.3.11

package/dist/commonjs/helpers/qrGenerator.js

@@ -0,0 +1,170 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateQRMatrix = generateQRMatrix;
+function generateQRMatrix(text, ecc = 'M') {
+    try {
+        return createQRMatrix(text, ecc);
+    }
+    catch {
+        return createFallbackMatrix(text);
+    }
+}
+function createQRMatrix(data, ecc) {
+    const length = data.length;
+    let version = 1;
+    if (length > 14)
+        version = 2;
+    if (length > 26)
+        version = 3;
+    if (length > 42)
+        version = 4;
+    if (length > 62)
+        version = 5;
+    if (length > 84)
+        version = 6;
+    if (length > 106)
+        version = 7;
+    if (length > 122)
+        version = 8;
+    if (length > 152)
+        version = 9;
+    if (length > 180)
+        version = 10;
+    const size = version * 4 + 17;
+    const matrix = Array(size)
+        .fill(null)
+        .map(() => Array(size).fill(null));
+    addFinderPattern(matrix, 0, 0);
+    addFinderPattern(matrix, size - 7, 0);
+    addFinderPattern(matrix, 0, size - 7);
+    for (let i = 8; i < size - 8; i++) {
+        const val = i % 2 === 0;
+        if (matrix[6][i] === null)
+            matrix[6][i] = val;
+        if (matrix[i][6] === null)
+            matrix[i][6] = val;
+    }
+    if (version >= 2) {
+        const pos = getAlignmentPositions(version);
+        for (const r of pos) {
+            for (const c of pos) {
+                if (matrix[r][c] === null) {
+                    addAlignmentPattern(matrix, r - 2, c - 2);
+                }
+            }
+        }
+    }
+    const bits = [];
+    bits.push(false, true, false, false);
+    for (let i = 7; i >= 0; i--) {
+        bits.push(((length >> i) & 1) === 1);
+    }
+    for (let i = 0; i < length; i++) {
+        const code = data.charCodeAt(i);
+        for (let b = 7; b >= 0; b--) {
+            bits.push(((code >> b) & 1) === 1);
+        }
+    }
+    for (let i = 0; i < 4 && bits.length % 8 !== 0; i++) {
+        bits.push(false);
+    }
+    while (bits.length % 8 !== 0) {
+        bits.push(false);
+    }
+    const padBytes = [0xec, 0x11];
+    let padIdx = 0;
+    const totalDataBits = size * size * 0.6;
+    while (bits.length < totalDataBits) {
+        const b = padBytes[padIdx % 2];
+        padIdx++;
+        for (let bit = 7; bit >= 0; bit--) {
+            bits.push(((b >> bit) & 1) === 1);
+        }
+    }
+    let bitIdx = 0;
+    let upwards = true;
+    for (let col = size - 1; col > 0; col -= 2) {
+        if (col === 6)
+            col--;
+        const rows = upwards
+            ? Array.from({ length: size }, (_, i) => size - 1 - i)
+            : Array.from({ length: size }, (_, i) => i);
+        for (const row of rows) {
+            for (const c of [col, col - 1]) {
+                if (matrix[row][c] === null) {
+                    const bit = bitIdx < bits.length ? bits[bitIdx++] : false;
+                    const mask = (row + c) % 2 === 0;
+                    matrix[row][c] = bit !== mask;
+                }
+            }
+        }
+        upwards = !upwards;
+    }
+    return matrix.map(row => row.map(cell => cell ?? false));
+}
+function addFinderPattern(matrix, row, col) {
+    for (let r = -1; r <= 7; r++) {
+        for (let c = -1; c <= 7; c++) {
+            const mr = row + r;
+            const mc = col + c;
+            if (mr >= 0 && mr < matrix.length && mc >= 0 && mc < matrix.length) {
+                if ((r >= 0 && r <= 6 && (c === 0 || c === 6)) ||
+                    (c >= 0 && c <= 6 && (r === 0 || r === 6)) ||
+                    (r >= 2 && r <= 4 && c >= 2 && c <= 4)) {
+                    matrix[mr][mc] = true;
+                }
+                else if (r >= 0 && r <= 6 && c >= 0 && c <= 6) {
+                    matrix[mr][mc] = false;
+                }
+                else {
+                    matrix[mr][mc] = false;
+                }
+            }
+        }
+    }
+}
+function addAlignmentPattern(matrix, row, col) {
+    for (let r = 0; r < 5; r++) {
+        for (let c = 0; c < 5; c++) {
+            const isOuter = r === 0 || r === 4 || c === 0 || c === 4;
+            const isCenter = r === 2 && c === 2;
+            matrix[row + r][col + c] = isOuter || isCenter;
+        }
+    }
+}
+function getAlignmentPositions(version) {
+    if (version === 1)
+        return [];
+    if (version === 2)
+        return [6, 18];
+    if (version === 3)
+        return [6, 22];
+    if (version === 4)
+        return [6, 26];
+    if (version === 5)
+        return [6, 30];
+    if (version === 6)
+        return [6, 34];
+    if (version === 7)
+        return [6, 22, 38];
+    if (version === 8)
+        return [6, 24, 42];
+    if (version === 9)
+        return [6, 26, 46];
+    return [6, 28, 50];
+}
+function createFallbackMatrix(text) {
+    const size = 25;
+    const matrix = Array(size)
+        .fill(false)
+        .map(() => Array(size).fill(false));
+    addFinderPattern(matrix, 0, 0);
+    addFinderPattern(matrix, size - 7, 0);
+    addFinderPattern(matrix, 0, size - 7);
+    for (let i = 0; i < text.length; i++) {
+        const r = (i * 3) % (size - 10) + 8;
+        const c = (i * 7) % (size - 10) + 8;
+        matrix[r][c] = true;
+    }
+    return matrix;
+}

package/dist/commonjs/index.js

@@ -209,6 +209,7 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
         crash: false,
         device: false,
         storage: false,
+        debugging: true,
     });
     const [maxNetworkLogs, setMaxNetworkLogs] = (0, react_1.useState)(100);
     const [maxAnalyticsEventsLimit, setMaxAnalyticsEventsLimit] = (0, react_1.useState)(75);
@@ -262,6 +263,7 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
             crash: false,
             device: false,
             storage: false,
+            debugging: true,
         });
         setDefaultTab('apis');
         setIsAutoRamLimitEnabled(true);

package/dist/commonjs/styles/index.d.ts

@@ -603,6 +603,7 @@ export declare const getRawStyles: (colors: typeof AppColors) => {
         alignItems: string;
         justifyContent: string;
         marginBottom: number;
+        minHeight: number;
     };
     cardHeaderLeft: {
         flexDirection: string;
@@ -610,11 +611,13 @@ export declare const getRawStyles: (colors: typeof AppColors) => {
         flex: number;
         marginRight: number;
         gap: number;
+        minWidth: number;
     };
     cardHeaderRight: {
         flexDirection: string;
         alignItems: string;
         gap: number;
+        flexShrink: number;
     };
     smallCheckbox: {
         width: number;
@@ -701,6 +704,7 @@ export declare const getRawStyles: (colors: typeof AppColors) => {
         flexDirection: string;
         alignItems: string;
         flex: number;
+        minWidth: number;
         gap: number;
     };
     slugTag: {
@@ -713,6 +717,7 @@ export declare const getRawStyles: (colors: typeof AppColors) => {
         paddingVertical: number;
         borderRadius: number;
         marginTop: number;
+        flexShrink: number;
     };
     slugText: {
         fontFamily: string;
@@ -725,17 +730,20 @@ export declare const getRawStyles: (colors: typeof AppColors) => {
         flexDirection: string;
         alignItems: string;
         gap: number;
+        flexShrink: number;
     };
     cardFooterRow: {
         flexDirection: string;
         alignItems: string;
         justifyContent: string;
         marginTop: number;
+        minHeight: number;
     };
     cardDateRow: {
         flexDirection: string;
         alignItems: string;
         gap: number;
+        flexShrink: number;
     };
     cardDateText: {
         fontFamily: string;
@@ -747,6 +755,7 @@ export declare const getRawStyles: (colors: typeof AppColors) => {
         flexDirection: string;
         alignItems: string;
         gap: number;
+        flexShrink: number;
     };
     chip: {
         flexDirection: string;
@@ -848,11 +857,13 @@ export declare const getRawStyles: (colors: typeof AppColors) => {
         alignItems: string;
         justifyContent: string;
         paddingBottom: number;
+        gap: number;
     };
     detailInfoRight: {
         flexDirection: string;
         alignItems: string;
         gap: number;
+        flexShrink: number;
     };
     metaContainer: {
         backgroundColor: string;

package/dist/commonjs/styles/index.js

@@ -594,18 +594,21 @@ const getRawStyles = (colors) => ({
         alignItems: 'center',
         justifyContent: 'space-between',
         marginBottom: 4,
+        minHeight: 22,
     },
     cardHeaderLeft: {
         flexDirection: 'row',
         alignItems: 'center',
         flex: 1,
-        marginRight: 8,
-        gap: 6,
+        marginRight: 6,
+        gap: 5,
+        minWidth: 0,
     },
     cardHeaderRight: {
         flexDirection: 'row',
         alignItems: 'center',
         gap: 5,
+        flexShrink: 0,
     },
     smallCheckbox: {
         width: 15,
@@ -686,6 +689,7 @@ const getRawStyles = (colors) => ({
         flexDirection: 'row',
         alignItems: 'flex-start',
         flex: 1,
+        minWidth: 0,
         gap: 6,
     },
     slugTag: {
@@ -698,6 +702,7 @@ const getRawStyles = (colors) => ({
         paddingVertical: 1.5,
         borderRadius: 4,
         marginTop: 1,
+        flexShrink: 0,
     },
     slugText: {
         fontFamily: AppFonts_1.AppFonts.interMedium,
@@ -710,17 +715,20 @@ const getRawStyles = (colors) => ({
         flexDirection: 'row',
         alignItems: 'center',
         gap: 4,
+        flexShrink: 0,
     },
     cardFooterRow: {
         flexDirection: 'row',
         alignItems: 'center',
         justifyContent: 'space-between',
-        marginTop: 2,
+        marginTop: 4,
+        minHeight: 18,
     },
     cardDateRow: {
         flexDirection: 'row',
         alignItems: 'center',
         gap: 3.5,
+        flexShrink: 0,
     },
     cardDateText: {
         fontFamily: AppFonts_1.AppFonts.interRegular,
@@ -732,6 +740,7 @@ const getRawStyles = (colors) => ({
         flexDirection: 'row',
         alignItems: 'center',
         gap: 5,
+        flexShrink: 0,
     },
     chip: {
         flexDirection: 'row',
@@ -823,9 +832,15 @@ const getRawStyles = (colors) => ({
         flexDirection: 'row',
         alignItems: 'center',
         justifyContent: 'space-between',
-        paddingBottom: 10,
+        paddingBottom: 8,
+        gap: 8,
+    },
+    detailInfoRight: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 5,
+        flexShrink: 0,
     },
-    detailInfoRight: { flexDirection: 'row', alignItems: 'center', gap: 6 },
     metaContainer: {
         backgroundColor: colors.primaryLight,
         borderWidth: 1,

package/dist/commonjs/types/enums.d.ts

@@ -8,6 +8,7 @@ export declare const ActiveTab: {
     readonly Crash: "crash";
     readonly Device: "device";
     readonly Storage: "storage";
+    readonly Debugging: "debugging";
 };
 export type ActiveTab = (typeof ActiveTab)[keyof typeof ActiveTab];
 export declare const Method: {
@@ -17,6 +18,9 @@ export declare const Method: {
     readonly Put: "PUT";
     readonly Patch: "PATCH";
     readonly Delete: "DELETE";
+    readonly Query: "QUERY";
+    readonly Options: "OPTIONS";
+    readonly Head: "HEAD";
 };
 export type Method = (typeof Method)[keyof typeof Method];
 export declare const StatusFilter: {
@@ -56,6 +60,7 @@ export declare const SettingsPage: {
     readonly Crash: "crash";
     readonly Device: "device";
     readonly Storage: "storage";
+    readonly Debugging: "debugging";
 };
 export type SettingsPage = (typeof SettingsPage)[keyof typeof SettingsPage] | null;
 export declare const SettingsSubTab: {

package/dist/commonjs/types/enums.js

@@ -11,6 +11,7 @@ exports.ActiveTab = {
     Crash: 'crash',
     Device: 'device',
     Storage: 'storage',
+    Debugging: 'debugging',
 };
 exports.Method = {
     All: 'ALL',
@@ -19,6 +20,9 @@ exports.Method = {
     Put: 'PUT',
     Patch: 'PATCH',
     Delete: 'DELETE',
+    Query: 'QUERY',
+    Options: 'OPTIONS',
+    Head: 'HEAD',
 };
 exports.StatusFilter = {
     All: 'ALL',
@@ -53,6 +57,7 @@ exports.SettingsPage = {
     Crash: 'crash',
     Device: 'device',
     Storage: 'storage',
+    Debugging: 'debugging',
 };
 exports.SettingsSubTab = {
     Module: 'module',

package/dist/esm/components/Inspector/DebuggingTab.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const DebuggingTab: React.FC;
+export default DebuggingTab;