distinction between web and native way of storing Onyx data taken int…

…o account

src/libs/ExportOnyxState/index.native.ts

@@ -0,0 +1,19 @@
+import {open} from 'react-native-quick-sqlite';
+
+const readFromIndexedDB = () => new Promise((resolve) => {
+    const db = open({name: 'OnyxDB'});
+    const query = 'SELECT * FROM keyvaluepairs';
+
+    db.executeAsync(query, []).then(({rows}) => {
+        // eslint-disable-next-line no-underscore-dangle
+        const result = rows?._array.map((row) => ({[row.record_key]: JSON.parse(row.valueJSON as string)}));
+
+        resolve(result);
+    });
+
+    db.close();
+});
+
+export default {
+    readFromIndexedDB,
+}

src/libs/ExportOnyxState/index.ts

@@ -0,0 +1,31 @@
+const readFromIndexedDB = () => new Promise((resolve) => {
+    let db: IDBDatabase;
+    const openRequest = indexedDB.open('OnyxDB', 1);
+    openRequest.onsuccess = () => {
+        db = openRequest.result;
+        const transaction = db.transaction('keyvaluepairs');
+        const objectStore = transaction.objectStore('keyvaluepairs');
+        const cursor = objectStore.openCursor();
+
+        const queryResult: Record<string, unknown> = {};
+
+        cursor.onerror = () => {
+            console.error('Error reading cursor');
+        }
+
+        cursor.onsuccess = (event) => {
+            const { result } = event.target as IDBRequest<IDBCursorWithValue>;
+            if (result) {
+                queryResult[result.primaryKey as string] = result.value;
+                result.continue();
+            }
+            else {
+                resolve(queryResult);
+            }
+        }
+    };
+});
+
+export default {
+    readFromIndexedDB,
+}

src/pages/settings/Troubleshoot/TroubleshootPage.tsx

@@ -1,6 +1,6 @@
 import React, {useMemo, useState} from 'react';
 import {View} from 'react-native';
-import Onyx, {useOnyx, withOnyx} from 'react-native-onyx';
+import Onyx, {withOnyx} from 'react-native-onyx';
 import type {OnyxEntry} from 'react-native-onyx';
 import type {SvgProps} from 'react-native-svg';
 import ClientSideLoggingToolMenu from '@components/ClientSideLoggingToolMenu';
@@ -31,6 +31,7 @@ import ONYXKEYS from '@src/ONYXKEYS';
 import ROUTES from '@src/ROUTES';
 import SCREENS from '@src/SCREENS';
 import getLightbulbIllustrationStyle from './getLightbulbIllustrationStyle';
+import ExportOnyxState from '@libs/ExportOnyxState';
 
 type BaseMenuItem = {
     translationKey: TranslationPaths;
@@ -95,36 +96,8 @@ function TroubleshootPage({shouldStoreLogs}: TroubleshootPageProps) {
         return Promise.all(promises);
     };
 
-    const readFromIndexedDB = () => new Promise((resolve) => {
-        let db: IDBDatabase;
-        const openRequest = indexedDB.open('OnyxDB', 1);
-        openRequest.onsuccess = () => {
-            db = openRequest.result;
-            const transaction = db.transaction('keyvaluepairs');
-            const objectStore = transaction.objectStore('keyvaluepairs');
-            const cursor = objectStore.openCursor();
-
-            const queryResult: Record<string, unknown> = {};
-
-            cursor.onerror = () => {
-                console.error('Error reading cursor');
-            }
-
-            cursor.onsuccess = (event) => {
-                const { result } = event.target as IDBRequest<IDBCursorWithValue>;
-                if (result) {
-                    queryResult[result.primaryKey as string] = result.value;
-                    result.continue();
-                }
-                else {
-                    resolve(queryResult);
-                }
-            }
-        };
-    });
-
     const exportOnyxState = () => {
-        readFromIndexedDB().then((value) => {
+        ExportOnyxState.readFromIndexedDB().then((value) => {
             console.log('exported indexedDB state: ', value);
         });