Merge pull request #4 from wpdas/fix/localstorage-nextjs

Fix: naxios running on server side

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wpdas/naxios",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "Promise based NEAR Contract and NEAR Wallet client for browser",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

src/managers/contract-manager.ts

@@ -97,7 +97,7 @@ class ContractManager {
 
     const outcome = JSON.parse(Buffer.from(res.result).toString()) as R
 
-    // If cache is avaiable, store data on it
+    // If cache is available, store data on it
     if (config?.useCache && this.cache) {
       await this.cache.setItem<R>(cacheKey, outcome)
     }

src/managers/wallet-manager.ts

@@ -9,6 +9,7 @@ import {
 } from '@near-wallet-selector/core'
 import { setupModal } from '@near-wallet-selector/modal-ui'
 import { WalletManagerConfig, Network, WalletStatus } from './types'
+import { isClient } from '../utils/isClient'
 
 const getTestnetConfig = () => ({
   networkId: 'testnet',
@@ -57,6 +58,11 @@ export class WalletManager {
       this.walletSelectorModules = config.walletSelectorModules
     }
 
+    // Ensure it is going to run on client side only
+    if (!isClient()) {
+      return
+    }
+
     this.changeWalletStatus('pending')
 
     this.initNear().then(() => {

src/naxios.ts

@@ -3,6 +3,7 @@ import { setupMyNearWallet } from '@near-wallet-selector/my-near-wallet'
 import ContractManager from './managers/contract-manager'
 import WalletManager from './managers/wallet-manager'
 import { NaxiosConstructor, Network, ContractApi } from './managers/types'
+import { isClient } from './utils/isClient'
 
 class naxios {
   private rpcNodeUrl?: ContractManager['rpcNodeUrl']
@@ -16,6 +17,11 @@ class naxios {
     this.contractId = config.contractId
     this.network = config.network
 
+    // Ensure it is going to run on client side only
+    if (!isClient()) {
+      return
+    }
+
     if (config.walletSelectorModules) {
       this.walletSelectorModules = config.walletSelectorModules
     }

src/utils/isClient.ts

@@ -0,0 +1 @@
+export const isClient = () => !(typeof window === 'undefined')