aeternity · janmichek · Jul 22, 2024 · Jul 16, 2024 · Jul 17, 2024 · Jul 17, 2024
diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -4,37 +4,44 @@ import {sentryVitePlugin} from '@sentry/vite-plugin'
 
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
-    srcDir: './src',
-    css: ['@/assets/styles/main.css'],
-    devServer: {
-        port: 8080,
-    },
-    nitro: {
-        routeRules: {
-            '/proxy/nodes': {proxy: 'http://138.68.22.27:3113/v2/debug/network', cors: true},
-            '/proxy/gate': {proxy: 'https://api.gateio.ws/api/v4/spot/tickers?currency_pair=AE_USDT', cors: true},
-            '/proxy/mexc': {proxy: 'https://api.mexc.com/api/v3/ticker/24hr?symbol=AEUSDT', cors: true},
-            '/proxy/coinw': {proxy: 'https://api.coinw.com/api/v1/public?command=returnTicker', cors: true},
-        },
-    },
-    modules: [
-        '@pinia/nuxt',
-        '@nuxtjs/plausible',
-        'nuxt-monaco-editor',
-        'nuxt-booster',
-    ],
-    imports: {
-        dirs: ['./stores'],
-    },
-    plausible: {
-        apiHost: 'https://plausible.dev.service.aepps.com',
-        trackLocalhost: false,
-    },
-    appConfig: {
-        APP_VERSION: process.env.APP_VERSION,
+  srcDir: './src',
+  css: ['@/assets/styles/main.css'],
+
+  devServer: {
+    port: 8080,
+  },
+
+  nitro: {
+    routeRules: {
+      '/proxy/nodes': {proxy: 'http://138.68.22.27:3113/v2/debug/network', cors: true},
+      '/proxy/gate': {proxy: 'https://api.gateio.ws/api/v4/spot/tickers?currency_pair=AE_USDT', cors: true},
+      '/proxy/mexc': {proxy: 'https://api.mexc.com/api/v3/ticker/24hr?symbol=AEUSDT', cors: true},
+      '/proxy/coinw': {proxy: 'https://api.coinw.com/api/v1/public?command=returnTicker', cors: true},
     },
-    runtimeConfig: {
-        public: {
+  },
+
+  modules: [
+    '@pinia/nuxt',
+    '@nuxtjs/plausible',
+    'nuxt-monaco-editor',
+    'nuxt-booster',
+  ],
+
+  imports: {
+    dirs: ['./stores'],
+  },
+
+  plausible: {
+    apiHost: 'https://plausible.dev.service.aepps.com',
+    trackLocalhost: false,
+  },
+
+  appConfig: {
+    APP_VERSION: process.env.APP_VERSION,
+  },
+
+  runtimeConfig: {
+    public: {
             SENTRY_AUTH_TOKEN: process.env.SENTRY_AUTH_TOKEN,
             SENTRY_DSN: process.env.SENTRY_DSN,
             APP_DOMAIN: process.env.APP_DOMAIN,
@@ -49,65 +56,71 @@ export default defineNuxtConfig({
             DEBUG_MODE: process.env.DEBUG_MODE,
             CONTRACT_VERIFICATION_SERVICE_URL: process.env.CONTRACT_VERIFICATION_SERVICE_URL,
             SH_DEX_CONTRACTS: process.env.SH_DEX_CONTRACTS?.split(';'),
-        },
     },
-    postcss: {
-        plugins: {
-            autoprefixer: {},
-            '@csstools/postcss-global-data': {
-                files: ['src/assets/styles/settings/_variables.css'],
-            },
-            'postcss-custom-media': {},
-            'postcss-import': {},
-            'postcss-nested': {},
-        },
+  },
+
+  postcss: {
+    plugins: {
+      autoprefixer: {},
+      '@csstools/postcss-global-data': {
+        files: ['src/assets/styles/settings/_variables.css'],
+      },
+      'postcss-custom-media': {},
+      'postcss-import': {},
+      'postcss-nested': {},
     },
-    sourcemap: true,
-    vite: {
-        build: {target: 'es2020'},
-        optimizeDeps: {
-            esbuildOptions: {target: 'es2020'},
-        },
-        define: {
-            __VUE_PROD_DEVTOOLS__: process.env.MODE !== 'production',
-        },
-        plugins: [
-            {
-                name: 'icon-svg-loader',
-                enforce: 'pre',
-                async load(path) {
-                    if (!path.match(/icons\/.*.svg$/)) {
-                        return
-                    }
+  },
 
-                    const {code} = compileTemplate({
-                        id: JSON.stringify(path),
-                        filename: path,
-                        source: await fs.readFile(path, 'utf-8'),
-                        transformAssetUrls: false,
-                    })
+  sourcemap: true,
 
-                    return `${code}\nexport default { render: render }`
-                },
-            },
-            sentryVitePlugin({
-                authToken: process.env.SENTRY_AUTH_TOKEN,
-                org: 'sentry',
-                project: 'aescan-develop',
-                url: 'https://sentry.dev.service.aepps.com/',
-            }),
-            sentryVitePlugin({
-                authToken: process.env.SENTRY_AUTH_TOKEN,
-                org: 'sentry',
-                project: 'aescan-production',
-                url: 'https://sentry.dev.service.aepps.com/',
-            }),
-        ],
+  vite: {
+    build: {target: 'es2020'},
+    optimizeDeps: {
+      esbuildOptions: {target: 'es2020'},
     },
-    monacoEditor: {
-        locale: 'en',
-        componentName: {
-            codeEditor: 'MonacoEditor',
+    define: {
+      __VUE_PROD_DEVTOOLS__: process.env.MODE !== 'production',
+    },
+    plugins: [
+      {
+        name: 'icon-svg-loader',
+        enforce: 'pre',
+        async load(path) {
+          if (!path.match(/icons\/.*.svg$/)) {
+            return
+          }
+
+          const {code} = compileTemplate({
+            id: JSON.stringify(path),
+            filename: path,
+            source: await fs.readFile(path, 'utf-8'),
+            transformAssetUrls: false,
+          })
+
+          return `${code}\nexport default { render: render }`
         },
+      },
+      sentryVitePlugin({
+        authToken: process.env.SENTRY_AUTH_TOKEN,
+        org: 'sentry',
+        project: 'aescan-develop',
+        url: 'https://sentry.dev.service.aepps.com/',
+      }),
+      sentryVitePlugin({
+        authToken: process.env.SENTRY_AUTH_TOKEN,
+        org: 'sentry',
+        project: 'aescan-production',
+        url: 'https://sentry.dev.service.aepps.com/',
+      }),
+    ],
+  },
+
+  monacoEditor: {
+    locale: 'en',
+    componentName: {
+      codeEditor: 'MonacoEditor',
     },
+  },
+
+  compatibilityDate: '2024-07-16',
 })
diff --git a/package.json b/package.json
@@ -31,39 +31,39 @@
   "dependencies": {
     "@aeternity/aepp-sdk": "^13.3.2",
     "@download/blockies": "^1.0.3",
-    "@sentry/tracing": "^7.108.0",
-    "@sentry/vite-plugin": "^2.16.1",
-    "@sentry/vue": "^7.108.0",
-    "@vuepic/vue-datepicker": "^8.3.1",
-    "@vueuse/core": "^10.9.0",
+    "@sentry/tracing": "^7.114.0",
+    "@sentry/vite-plugin": "^2.21.1",
+    "@sentry/vue": "^8.17.0",
+    "@vuepic/vue-datepicker": "^9.0.0",
+    "@vueuse/core": "^10.11.0",
     "@vueuse/head": "^2.0.0",
-    "axios": "^1.6.8",
+    "axios": "^1.7.2",
     "bignumber.js": "9.1.2",
     "camelcase-keys-deep": "^0.1.0",
-    "chart.js": "^4.4.2",
+    "chart.js": "^4.4.3",
     "compression": "^1.7.4",
-    "core-js": "^3.36.1",
+    "core-js": "^3.37.1",
     "express": "^4.19.2",
     "floating-vue": "^5.2.2",
     "luxon": "^3.4.4",
     "memory-cache": "^0.2.0",
-    "nuxt-booster": "^3.0.15",
+    "nuxt-booster": "^3.0.16",
     "pinia": "^2.1.7",
-    "swiper": "^11.0.7",
-    "vue": "^3.4.21",
-    "vue-chartjs": "^5.3.0",
-    "vue-multiselect": "^3.0.0-beta.1",
-    "vue-router": "^4.3.0"
+    "swiper": "^11.1.5",
+    "vue": "^3.4.31",
+    "vue-chartjs": "^5.3.1",
+    "vue-multiselect": "^3.0.0",
+    "vue-router": "^4.4.0"
   },
   "devDependencies": {
     "@csstools/postcss-global-data": "^2.1.1",
     "@nuxtjs/eslint-config-typescript": "^12.1.0",
     "@nuxtjs/partytown": "^1.5.0",
-    "@nuxtjs/plausible": "^0.2.4",
+    "@nuxtjs/plausible": "^1.0.0",
     "@pinia/nuxt": "^0.5.1",
-    "@vitejs/plugin-vue": "^5.0.4",
+    "@vitejs/plugin-vue": "^5.0.5",
     "autoprefixer": "^10.4.19",
-    "cypress": "^13.8.1",
+    "cypress": "^13.13.0",
     "eslint": "^8.57.0",
     "eslint-config-standard": "^17.1.0",
     "eslint-plugin-import": "^2.29.1",
@@ -72,23 +72,23 @@
     "eslint-plugin-prettier": "^5.1.3",
     "eslint-plugin-promise": "^6.1.1",
     "eslint-plugin-vue": "^9.24.0",
-    "monaco-editor": "^0.47.0",
-    "nuxt": "^3.11.1",
-    "nuxt-monaco-editor": "^1.2.7",
-    "postcss": "^8.4.38",
-    "postcss-custom-media": "^10.0.4",
-    "postcss-html": "^1.6.0",
+    "monaco-editor": "^0.50.0",
+    "nuxt": "^3.12.3",
+    "nuxt-monaco-editor": "^1.2.9",
+    "postcss": "^8.4.39",
+    "postcss-custom-media": "^10.0.8",
+    "postcss-html": "^1.7.0",
     "postcss-import": "^16.1.0",
-    "postcss-load-config": "^5.0.3",
+    "postcss-load-config": "^6.0.1",
     "postcss-nested": "^6.0.1",
-    "prettier": "^3.2.5",
+    "prettier": "^3.3.3",
     "rollup-plugin-ternary": "^2.0.1",
-    "stylelint": "^16.3.1",
-    "stylelint-config-recommended": "^14.0.0",
+    "stylelint": "^16.7.0",
+    "stylelint-config-recommended": "^14.0.1",
     "stylelint-config-recommended-vue": "^1.5.0",
-    "stylelint-config-standard": "^36.0.0",
-    "typescript": "^5.4.3",
-    "vite": "^5.2.6",
+    "stylelint-config-standard": "^36.0.1",
+    "typescript": "^5.5.3",
+    "vite": "^5.3.4",
     "vite-plugin-html": "^3.2.2"
   },
   "browserslist": [

diff --git a/src/components/RangePicker.vue b/src/components/RangePicker.vue
@@ -13,7 +13,7 @@
       :enable-time-picker="false"
       :prevent-min-max-navigation="true"
       placeholder="CUSTOM"
-      :input-class-name="`range-picker__input ${isRangeSelected ? 'range-picker__input--active' : ''}`"
+      :ui="{input: `range-picker__input ${isRangeSelected ? 'range-picker__input--active' : ''}`}"
       @update:model-value="$emit('updated', date)"/>
   </div>
 </template>

diff --git a/src/plugins/sentry.js b/src/plugins/sentry.js
@@ -1,17 +1,14 @@
 /* eslint-disable */
 import * as Sentry from '@sentry/vue'
-import { BrowserTracing } from '@sentry/tracing'
 
 async function lazyLoadSentryIntegrations() {
   if (process.server) {
     return
   }
 
-  const {Replay} = await import("@sentry/vue");
-  Sentry.addIntegration(new Replay({
-    maskAllText: false,
-    blockAllMedia: false,
-  }));
+  import("@sentry/browser").then((lazyLoadedSentry) => {
+    Sentry.addIntegration(lazyLoadedSentry.replayIntegration());
+  });
 }
 
 export default defineNuxtPlugin(({vueApp}) => {
@@ -31,12 +28,8 @@ export default defineNuxtPlugin(({vueApp}) => {
   Sentry.init({
     app: vueApp,
     dsn: SENTRY_DSN,
-    integrations: [
-      new BrowserTracing({
-        routingInstrumentation: Sentry.vueRouterInstrumentation(router),
-        tracingOrigins: [APP_DOMAIN, /^\//],
-      }),
-    ],
+    integrations: [Sentry.browserTracingIntegration({router})],
+    tracePropagationTargets: [APP_DOMAIN, /^\//],
 
     beforeSend: (event) => {
       if (window.location.hostname.startsWith('localhost')) {