UPG: Beacon

package.json

@@ -8,16 +8,16 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
-    "@airgap/beacon-sdk": "^3.3.2",
+    "@airgap/beacon-sdk": "4.5.0",
     "@baking-bad/vjsf": "^1.20.11",
     "@braintree/sanitize-url": "^6.0.0",
     "@sentry/tracing": "^6.19.2",
     "@sentry/vue": "^6.19.2",
-    "@taquito/beacon-wallet": "^15.0.0",
-    "@taquito/taquito": "^15.0.0",
+    "@taquito/beacon-wallet": "21.0.4",
+    "@taquito/taquito": "21.0.4",
     "async-wait-until": "^2.0.12",
     "axios": "^0.21.4",
-    "bignumber.js": "^9.0.1",
+    "bignumber.js": "^9.2.1",
     "bs58check": "^2.1.2",
     "codemirror": "^5.58.2",
     "dayjs": "^1.8.23",
@@ -30,6 +30,7 @@
     "is-ipfs": "^1.0.3",
     "json-view": "^0.4.0",
     "lodash.capitalize": "^4.2.1",
+    "node-polyfill-webpack-plugin": "^4.1.0",
     "null": "^2.0.0",
     "portal-vue": "^2.1.7",
     "redoc": "^2.0.0-rc.65",
@@ -52,14 +53,15 @@
   "devDependencies": {
     "@mdi/font": "^5.0.45",
     "@mdi/js": "^5.0.45",
-    "@vue/cli": "^4.5.13",
-    "@vue/cli-plugin-eslint": "^4.2.3",
-    "@vue/cli-service": "^4.2.3",
+    "@vue/cli": "^5.0.8",
+    "@vue/cli-plugin-eslint": "^5.0.8",
+    "@vue/cli-service": "^5.0.8",
     "babel-eslint": "^10.1.0",
-    "eslint": "^5.16.0",
-    "eslint-plugin-vue": "^5.0.0",
+    "eslint": "^7.32.0",
+    "eslint-plugin-vue": "^7.20.0",
+    "node-stdlib-browser": "^1.3.1",
     "sass": "~1.32.6",
-    "sass-loader": "^8.0.2",
+    "sass-loader": "^10.0.0",
     "vue-cli-plugin-vuetify": "^2.0.5",
     "vue-template-compiler": "^2.6.10",
     "vuetify-loader": "^1.3.0"

src/components/Dialogs/LongBox.vue

@@ -26,7 +26,7 @@
             <v-card-text class="pt-7">
                 <v-row no-gutters>
                     <v-col cols="12">
-                        <HexView v-if="hex" v-model="text"/>
+                        <HexView v-if="hex" v-model="localText"/>
                         <ValueInspector
                             v-else
                             prim="string"
@@ -58,13 +58,22 @@ export default {
         HexView
     },
     data: () => ({
-        show: false
+        show: false,
+        localText: ''
     }),
     updated() {
       if (this.show) {
           this.$refs.box.show();
       }
-    }    
+    },
+    watch: {
+        text: {
+            handler(newVal) {
+                this.localText = newVal;
+            },
+            immediate: true
+        }
+    }
 }
 </script>
 

src/index.css

@@ -1,6 +1,6 @@
 @font-face {
     font-family: "Script1-Casual";
-    src: url("/fonts/script1-script-casual-normal.ttf");
+    src: url("../public/fonts/script1-script-casual-normal.ttf");
 }
 
 :root {

src/main.js

@@ -2,6 +2,9 @@ import Vue from 'vue'
 import Clipboard from 'v-clipboard'
 import App from './App.vue'
 
+import { Buffer } from 'buffer';
+window.Buffer = Buffer;
+
 import './styles';
 
 import store from '@/store'

src/utils/wallet.js

@@ -17,6 +17,7 @@ export class Wallet {
         Wallet.wallet = new DAppClient({
             name: "Better Call Dev",
             eventHandlers,
+            enableMetrics: true,
             preferredNetwork: network in CORRECT_NETWORK_TYPES ? CORRECT_NETWORK_TYPES[network] : network,
             blockExplorer: new TZKTBlockExplorer(),
         });

vue.config.js

@@ -1,5 +1,17 @@
+const NodePolyfillPlugin = require('node-polyfill-webpack-plugin');
+const webpack = require('webpack');
+
 module.exports = {
   "transpileDependencies": [
     "vuetify"
-  ]
+  ],
+  configureWebpack: {
+    plugins: [
+      new NodePolyfillPlugin(),
+      new webpack.ProvidePlugin({
+        Buffer: ['buffer', 'Buffer'],
+        process: 'process/browser'
+      })
+    ]
+  }
 }