PKG -- [fcl] Default to localStorage

.changeset/slow-peaches-vanish.md

@@ -0,0 +1,5 @@
+---
+"@onflow/fcl": minor
+---
+
+Use localStorage as default & export LOCAL_STORAGE/SESSION_STORAGE as helpers for fcl.storage.default configuration key

packages/fcl/src/fcl.ts

@@ -98,3 +98,5 @@ initServiceRegistry({coreStrategies})
 // Automatically load fcl-wc plugin
 // Based on the user's config
 initFclWcLoader()
+
+export {LOCAL_STORAGE, SESSION_STORAGE} from "./utils/web"

packages/fcl/src/utils/web/default-config.js

@@ -1,22 +1,8 @@
-const isServerSide = () => typeof window === "undefined"
-
-const getSessionStorage = () => {
-  try {
-    const SESSION_STORAGE = {
-      can: !isServerSide(),
-      get: async key => JSON.parse(sessionStorage.getItem(key)),
-      put: async (key, value) =>
-        sessionStorage.setItem(key, JSON.stringify(value)),
-    }
-    return SESSION_STORAGE
-  } catch (error) {
-    return null
-  }
-}
+import {LOCAL_STORAGE} from "./storage"
 
 export const getDefaultConfig = () => {
   return {
     "discovery.wallet.method.default": "IFRAME/RPC",
-    "fcl.storage.default": getSessionStorage(),
+    "fcl.storage.default": LOCAL_STORAGE,
   }
 }

packages/fcl/src/utils/web/index.js

@@ -3,3 +3,4 @@ export {renderPop} from "./render-pop"
 export {renderTab} from "./render-tab"
 export {getDefaultConfig} from "./default-config"
 export {coreStrategies} from "./coreStrategies"
+export {LOCAL_STORAGE, SESSION_STORAGE} from "./storage"

packages/fcl/src/utils/web/storage.ts

@@ -0,0 +1,29 @@
+const isServerSide = () => typeof window === "undefined"
+const safeParseJSON = (str?: string | null) => {
+  if (str == null) return null
+  try {
+    return JSON.parse(str)
+  } catch (error) {
+    return null
+  }
+}
+
+export type StorageProvider = {
+  can: boolean
+  get: (key: string) => Promise<any>
+  put: (key: string, value: any) => Promise<void>
+}
+
+export const SESSION_STORAGE = {
+  can: !isServerSide() && !!window.sessionStorage,
+  get: async (key: string) => safeParseJSON(sessionStorage.getItem(key)),
+  put: async (key: string, value: any) =>
+    sessionStorage.setItem(key, JSON.stringify(value)),
+}
+
+export const LOCAL_STORAGE = {
+  can: !isServerSide() && !!window.localStorage,
+  get: async (key: string) => safeParseJSON(localStorage.getItem(key)),
+  put: async (key: string, value: any) =>
+    localStorage.setItem(key, JSON.stringify(value)),
+}