Added title hint for executor

broxus · Sep 6, 2023 · a4013d6 · a4013d6
1 parent 8223b98
commit a4013d6
Show file tree

Hide file tree

Showing 2 changed files with 41 additions and 11 deletions.
diff --git a/src/components/ExecutorAbiForm.vue b/src/components/ExecutorAbiForm.vue
@@ -2,7 +2,7 @@
 import { ref, shallowRef, watch } from 'vue';
 
 import * as core from '@core';
-import { rewriteAbiUrl } from '../common';
+import { convertAddress, rewriteAbiUrl } from '../common';
 
 enum LoadAbiType {
   FROM_FILE,
@@ -15,6 +15,7 @@ const DEFAULT_ABI_NAME = 'abi1';
 const getAllAbis = () => Object.keys(localStorage);
 
 const props = defineProps<{
+  address?: string;
   codeHash?: string;
 }>();
 
@@ -36,9 +37,9 @@ const abiSelectorVisible = ref(false);
 const inProgress = ref(false);
 
 watch(
-  () => props.codeHash,
-  (codeHash, _, onCleanup) => {
-    if (codeHash == null) {
+  () => [props.codeHash, props.address],
+  ([codeHash, address], _, onCleanup) => {
+    if (address == null || codeHash == null) {
       return;
     }
 
@@ -51,16 +52,41 @@ watch(
       controller.abort();
     });
 
-    fetch(`https://verify.everscan.io/abi/code_hash/${codeHash}`, {
+    fetch(`https://verify.everscan.io/info/code_hash/${codeHash}`, {
       method: 'GET',
       signal: controller.signal
     })
-      .then(res => res.text())
-      .then(abi => {
-        if (!localState.codeHashChanged) {
-          everscanAbi.value = abi != 'null' ? abi : undefined;
+      .then(res => res.json())
+      .then(data => {
+        if (localState.codeHashChanged) {
+          return
         }
-      });
+
+        if (data && data.abi) {
+          everscanAbi.value = JSON.stringify(data.abi);
+        }
+
+        if (data && data.contract_name) {
+          const shortName = data.contract_name.split('/').pop().replace('.tsol', '');
+
+          if (shortName) {
+            document.title = `${shortName} ${convertAddress(address)} | Everscale tools`;
+          }
+        }
+      })
+      .catch(console.error);
+  },
+  {
+    immediate: true
+  }
+);
+
+watch(
+  () => [selectedAbi.value, props.address],
+  ([abiName, address]) => {
+    if (abiName && address) {
+      document.title = `${abiName} ${convertAddress(address)} | Everscale tools`;
+    }
   },
   {
     immediate: true

diff --git a/src/components/ExecutorWorkspace.vue b/src/components/ExecutorWorkspace.vue
@@ -273,7 +273,11 @@ onBeforeUnmount(() => {
             />
           </div>
           <div class="column is-8">
-            <ExecutorAbiForm :code-hash="codeHash" @change="abi = $event" />
+            <ExecutorAbiForm
+              :address="address"
+              :code-hash="codeHash"
+              @change="abi = $event"
+            />
 
             <div v-if="abi != null && address != null" class="block">
               <div class="box field has-addons function-search pb-3">