@rpcbase/client 0.106.0 → 0.107.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rpcbase/client",
-  "version": "0.106.0",
+  "version": "0.107.0",
   "scripts": {
     "build-firebase": "webpack -c firebase/webpack.config.js",
     "build": "yarn build-firebase",

package/rts/{getUseQuery.js → getUseQuery/index.js}

@@ -5,8 +5,11 @@ import {useCallback, useEffect, useState, useMemo, useId, useRef} from "react"
 import debug from "debug"
 import isEqual from "fast-deep-equal/react"
 import _omit from "lodash/omit"
+import LZString from "lz-string"
 
-import get_uid from "../auth/get_uid"
+import get_uid from "../../auth/get_uid"
+
+import useData from "./useData"
 
 
 const log = debug("rb:rts:useQuery")
@@ -27,6 +30,7 @@ const getUseQuery = (register_query) => (
     return _uid
   }, [])
 
+  // used to track if data was loaded synchronously (no need to show any loader)
   const hasInitiallySetFromStorage = useRef(false)
   const hasFirstReply = useRef(false)
   const hasNetworkReply = useRef(false)
@@ -46,31 +50,7 @@ const getUseQuery = (register_query) => (
 
   const [source, setSource] = useState()
 
-  const [data, setData] = useState(() => {
-    if (!useStorage) {
-      return
-    }
-
-    if (Platform.OS === "web") {
-      const item = localStorage.getItem(storageKey)
-      if (!item) return
-
-      hasInitiallySetFromStorage.current = true
-
-      let parsedItem
-      try {
-        parsedItem = JSON.parse(item)
-      } catch (err) {
-        //
-      }
-      if (parsedItem) {
-        return parsedItem
-      }
-    } else {
-      // TODO: fast storage not implemented on mobile
-      console.log("fast storage mobile nOT IMPLEMENTED")
-    }
-  })
+  const [data, setData] = useData({useStorage, storageKey, hasInitiallySetFromStorage})
 
   const [error, setError] = useState()
 
@@ -93,7 +73,7 @@ const getUseQuery = (register_query) => (
     // we only save network queries
     if (useStorage && context.source === "network") {
       if (Platform.OS === "web") {
-        localStorage.setItem(storageKey, JSON.stringify(newData))
+        localStorage.setItem(storageKey, LZString.compressToUTF16(JSON.stringify(newData)))
       } else {
         // TODO: rn fast storage async
       }

package/rts/getUseQuery/useData.js

@@ -0,0 +1,55 @@
+/* @flow */
+import {useState} from "react"
+import {Platform} from "react-native"
+import LZString from "lz-string"
+
+
+const useData = ({useStorage, storageKey, hasInitiallySetFromStorage}) => {
+  const [data, setData] = useState(() => {
+    if (!useStorage) {
+      return
+    }
+
+    if (Platform.OS === "web") {
+      const itemStr = localStorage.getItem(storageKey)
+      if (!itemStr) return
+
+      let decompressedItem
+      try {
+        decompressedItem = LZString.decompressFromUTF16(itemStr)
+      } catch (err) {
+        //
+      }
+
+      if (!decompressedItem) {
+        localStorage.removeItem(storageKey)
+        return
+      }
+
+
+      let parsedItem
+      try {
+        parsedItem = JSON.parse(decompressedItem)
+      } catch (err) {
+        //
+      }
+      //
+      if (!parsedItem) {
+        localStorage.removeItem(storageKey)
+        return
+      }
+
+      // success
+      hasInitiallySetFromStorage.current = true
+      return parsedItem
+
+    } else {
+      // TODO: fast storage not implemented on mobile
+      console.log("fast storage mobile nOT IMPLEMENTED")
+    }
+  })
+
+  return [data, setData]
+}
+
+export default useData