react-native-inapp-inspector 2.3.9 → 2.3.11

package/dist/esm/helpers/qrGenerator.js

@@ -0,0 +1,167 @@
+export 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/esm/index.js

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

package/dist/esm/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/esm/styles/index.js

@@ -558,18 +558,21 @@ export 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,
@@ -650,6 +653,7 @@ export const getRawStyles = (colors) => ({
         flexDirection: 'row',
         alignItems: 'flex-start',
         flex: 1,
+        minWidth: 0,
         gap: 6,
     },
     slugTag: {
@@ -662,6 +666,7 @@ export const getRawStyles = (colors) => ({
         paddingVertical: 1.5,
         borderRadius: 4,
         marginTop: 1,
+        flexShrink: 0,
     },
     slugText: {
         fontFamily: AppFonts.interMedium,
@@ -674,17 +679,20 @@ export 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.interRegular,
@@ -696,6 +704,7 @@ export const getRawStyles = (colors) => ({
         flexDirection: 'row',
         alignItems: 'center',
         gap: 5,
+        flexShrink: 0,
     },
     chip: {
         flexDirection: 'row',
@@ -787,9 +796,15 @@ export 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/esm/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/esm/types/enums.js

@@ -8,6 +8,7 @@ export const ActiveTab = {
     Crash: 'crash',
     Device: 'device',
     Storage: 'storage',
+    Debugging: 'debugging',
 };
 export const Method = {
     All: 'ALL',
@@ -16,6 +17,9 @@ export const Method = {
     Put: 'PUT',
     Patch: 'PATCH',
     Delete: 'DELETE',
+    Query: 'QUERY',
+    Options: 'OPTIONS',
+    Head: 'HEAD',
 };
 export const StatusFilter = {
     All: 'ALL',
@@ -50,6 +54,7 @@ export const SettingsPage = {
     Crash: 'crash',
     Device: 'device',
     Storage: 'storage',
+    Debugging: 'debugging',
 };
 export const SettingsSubTab = {
     Module: 'module',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-inapp-inspector",
-  "version": "2.3.9",
+  "version": "2.3.11",
   "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",
@@ -105,7 +105,7 @@
     "prepare": "npm run build",
     "watch": "tsc -w",
     "prepack": "npm run build",
-    "publish": "node release.cjs",
+    "release": "node release.cjs",
     "bundle-visualizer": "react-native-bundle-visualizer"
   },
   "keywords": [