@vue-solana/vue 0.4.1 → 0.4.2

package/dist/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-const useBalance = require('./shared/vue.DONKZzIb.cjs');
+const useBalance = require('./shared/vue.D_AM1Nl8.cjs');
 const useConnection = require('./shared/vue.CwhEmATP.cjs');
 const useRpc = require('./shared/vue.COyyrsQU.cjs');
 const useSignAndSendTransaction = require('./shared/vue.BwrQMPty.cjs');

package/dist/index.mjs

@@ -1,4 +1,4 @@
-export { u as useBalance } from './shared/vue.DJqRk8z_.mjs';
+export { u as useBalance } from './shared/vue.DQhHHVu6.mjs';
 export { u as useConnection } from './shared/vue.DlEAL2G8.mjs';
 export { u as useRpc } from './shared/vue.BqDzSepb.mjs';
 export { u as useSignAndSendTransaction } from './shared/vue.BfF-kOvb.mjs';

package/dist/shared/{vue.DJqRk8z_.mjs → vue.DQhHHVu6.mjs}

@@ -1,31 +1,42 @@
 import { PublicKey } from '@solana/web3-compat';
-import { ref, onMounted, watch, toValue } from 'vue';
+import { shallowRef, onMounted, watch, toValue } from 'vue';
 import { u as useConnection } from './vue.DlEAL2G8.mjs';
 import { t as tryUseSolana } from './vue.1M_c5FWA.mjs';
 
 function useBalance(address, commitment) {
   const solana = tryUseSolana();
   const connection = solana?.connection ?? useConnection();
-  const balance = ref(null);
-  const loading = ref(false);
-  const error = ref(null);
+  const balance = shallowRef(null);
+  const loading = shallowRef(false);
+  const error = shallowRef(null);
+  let refreshId = 0;
   async function refresh() {
+    const requestId = ++refreshId;
     const value = toValue(address);
     if (!value || !solana) {
       balance.value = null;
+      loading.value = false;
+      error.value = null;
       return null;
     }
     loading.value = true;
     error.value = null;
     try {
       const publicKey = typeof value === "string" ? new PublicKey(value) : value;
-      balance.value = await connection.getBalance(publicKey, commitment);
-      return balance.value;
+      const nextBalance = await connection.getBalance(publicKey, commitment);
+      if (requestId === refreshId) {
+        balance.value = nextBalance;
+      }
+      return nextBalance;
     } catch (cause) {
-      error.value = cause;
+      if (requestId === refreshId) {
+        error.value = cause;
+      }
       throw cause;
     } finally {
-      loading.value = false;
+      if (requestId === refreshId) {
+        loading.value = false;
+      }
     }
   }
   onMounted(() => {

package/dist/shared/{vue.DONKZzIb.cjs → vue.D_AM1Nl8.cjs}

@@ -8,26 +8,37 @@ const useSolana = require('./vue.C4tLiG3R.cjs');
 function useBalance(address, commitment) {
   const solana = useSolana.tryUseSolana();
   const connection = solana?.connection ?? useConnection.useConnection();
-  const balance = vue.ref(null);
-  const loading = vue.ref(false);
-  const error = vue.ref(null);
+  const balance = vue.shallowRef(null);
+  const loading = vue.shallowRef(false);
+  const error = vue.shallowRef(null);
+  let refreshId = 0;
   async function refresh() {
+    const requestId = ++refreshId;
     const value = vue.toValue(address);
     if (!value || !solana) {
       balance.value = null;
+      loading.value = false;
+      error.value = null;
       return null;
     }
     loading.value = true;
     error.value = null;
     try {
       const publicKey = typeof value === "string" ? new web3Compat.PublicKey(value) : value;
-      balance.value = await connection.getBalance(publicKey, commitment);
-      return balance.value;
+      const nextBalance = await connection.getBalance(publicKey, commitment);
+      if (requestId === refreshId) {
+        balance.value = nextBalance;
+      }
+      return nextBalance;
     } catch (cause) {
-      error.value = cause;
+      if (requestId === refreshId) {
+        error.value = cause;
+      }
       throw cause;
     } finally {
-      loading.value = false;
+      if (requestId === refreshId) {
+        loading.value = false;
+      }
     }
   }
   vue.onMounted(() => {

package/dist/useBalance.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-const useBalance = require('./shared/vue.DONKZzIb.cjs');
+const useBalance = require('./shared/vue.D_AM1Nl8.cjs');
 require('@solana/web3-compat');
 require('vue');
 require('./shared/vue.CwhEmATP.cjs');

package/dist/useBalance.d.cts

@@ -3,10 +3,10 @@ import { MaybeRefOrGetter } from 'vue';
 import { PublicKey, Commitment } from '@solana/web3-compat';
 
 declare function useBalance(address: MaybeRefOrGetter<PublicKey | string | null | undefined>, commitment?: Commitment): {
-    balance: vue.Ref<number | null, number | null>;
-    loading: vue.Ref<boolean, boolean>;
-    error: vue.Ref<unknown, unknown>;
-    refresh: () => Promise<number | null>;
+    balance: vue.ShallowRef<number | null, number | null>;
+    loading: vue.ShallowRef<boolean, boolean>;
+    error: vue.ShallowRef<unknown, unknown>;
+    refresh: () => Promise<any>;
 };
 
 export { useBalance };

package/dist/useBalance.d.mts

@@ -3,10 +3,10 @@ import { MaybeRefOrGetter } from 'vue';
 import { PublicKey, Commitment } from '@solana/web3-compat';
 
 declare function useBalance(address: MaybeRefOrGetter<PublicKey | string | null | undefined>, commitment?: Commitment): {
-    balance: vue.Ref<number | null, number | null>;
-    loading: vue.Ref<boolean, boolean>;
-    error: vue.Ref<unknown, unknown>;
-    refresh: () => Promise<number | null>;
+    balance: vue.ShallowRef<number | null, number | null>;
+    loading: vue.ShallowRef<boolean, boolean>;
+    error: vue.ShallowRef<unknown, unknown>;
+    refresh: () => Promise<any>;
 };
 
 export { useBalance };

package/dist/useBalance.d.ts

@@ -3,10 +3,10 @@ import { MaybeRefOrGetter } from 'vue';
 import { PublicKey, Commitment } from '@solana/web3-compat';
 
 declare function useBalance(address: MaybeRefOrGetter<PublicKey | string | null | undefined>, commitment?: Commitment): {
-    balance: vue.Ref<number | null, number | null>;
-    loading: vue.Ref<boolean, boolean>;
-    error: vue.Ref<unknown, unknown>;
-    refresh: () => Promise<number | null>;
+    balance: vue.ShallowRef<number | null, number | null>;
+    loading: vue.ShallowRef<boolean, boolean>;
+    error: vue.ShallowRef<unknown, unknown>;
+    refresh: () => Promise<any>;
 };
 
 export { useBalance };

package/dist/useBalance.mjs

@@ -1,4 +1,4 @@
-export { u as useBalance } from './shared/vue.DJqRk8z_.mjs';
+export { u as useBalance } from './shared/vue.DQhHHVu6.mjs';
 import '@solana/web3-compat';
 import 'vue';
 import './shared/vue.DlEAL2G8.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue-solana/vue",
-  "version": "0.4.1",
+  "version": "0.4.2",
   "description": "Vue plugin and composables for Solana applications.",
   "license": "MIT",
   "keywords": [
@@ -78,7 +78,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@vue-solana/core": "0.4.1"
+    "@vue-solana/core": "0.4.2"
   },
   "peerDependencies": {
     "@solana/web3-compat": "^0.0.21",