initial checkin with timed order ui

src/blockchain/wallet.js

@@ -0,0 +1,112 @@
+import {ethers} from "ethers";
+import {useStore} from "@/store/store";
+
+const store = useStore()
+
+
+class Wallet {
+
+  connected = false
+  _provider = null
+  _signer = null
+  _onSignerInits = {}
+  _enabled = true // prevents tight loops on errors
+
+  async connect() {
+    this._enabled = true
+    if( !this.connected )
+      await this.signer()
+  }
+
+  async provider() {
+    if (this._provider === null && this._enabled) {
+      console.log('creating provider')
+      const provider = new ethers.BrowserProvider(window.ethereum, store.chain.id)
+      await provider.getNetwork() // this invokes a check on having the correct network connected
+      this._provider = provider
+      console.log('wallet connected')
+    }
+    return this._provider
+  }
+
+  async signer() {
+/*
+    if( !store.geo.approved ) {
+      console.log('not approved')
+      this._connected(false)
+      return null
+    }
+*/
+    const provider = await this.provider()
+    if( provider === null ) {
+      console.log('provider null')
+      this._connected(false)
+      return null
+    }
+    const signer = await provider.getSigner()
+    if( this._signer?.address !== signer.address ) {
+      console.log('new signer', signer.address)
+      this._signer = signer
+      for (const key in this._onSignerInits) {
+        try {
+          await this._onSignerInits[key](signer)
+        }
+        catch (e) {
+          console.log('during onSignerInit', e)
+        }
+      }
+      console.log('wallet connected')
+    }
+    this._connected(true)
+    return signer
+  }
+
+  async address() {
+    const signer = await this.signer()
+    if( signer === null )
+      return null
+    return await signer.getAddress()
+  }
+
+  _connected(value) {
+    this.connected = value
+    store.$patch({wallet:{connected:value}})
+  }
+
+  onSignerInit(id, cb) {
+    this._onSignerInits[id] = cb
+  }
+
+}
+
+
+const handler = {
+  get(target, prop, proxy) {
+    const got = Reflect.get(target, prop, proxy);
+    if( typeof got !== 'function' ) {
+      return got
+    }
+    else {
+      return async function (...args) {
+        try {
+          return await got.apply(target, args)
+        }
+        catch (x) {
+          target._connected(false)
+          target._enabled = false
+          if( x.code === 'NETWORK_ERROR' ) {
+            store.error('Wrong Blockchain', 'Your wallet is connected to a different blockchain. Please select '+import.meta.env.VITE_CHAIN_NAME+' in your wallet.')
+            console.log('wallet network error', x)
+          }
+          else {
+            console.log('wallet error')
+            throw x
+          }
+        }
+      }
+    }
+  }
+}
+
+
+export default new Proxy(new Wallet(), handler)