feat: update iExec Explorer links to use dynamic URL based on selected chain

Author: Le-Caignec

src/get-started/tooling-and-explorers/iexec-explorer.md

@@ -14,7 +14,7 @@ explore apps and protectedData—all in one powerful dashboard.
 <ImageViewer
   :image-url-dark="explorerGlobalImage"
   image-alt="iExec Explorer"
-  link-url="https://explorer.iex.ec/"
+  :link-url="explorerUrl"
   caption="🔗 Explore the iExec Protocol"
 />
 
@@ -79,7 +79,7 @@ Explorer displays data for the network you choose.
 <ImageViewer
   :image-url-dark="dealViewImage"
   image-alt="Deal View"
-  link-url="https://explorer.iex.ec/arbitrum-mainnet/deals"
+  :link-url="`${explorerUrl}/deals`"
   caption="🔗 Explore Deals"
 />
 
@@ -105,7 +105,7 @@ Explorer displays data for the network you choose.
 <ImageViewer
   :image-url-dark="taskViewImage"
   image-alt="Task View"
-  link-url="https://explorer.iex.ec/arbitrum-mainnet/tasks"
+  :link-url="`${explorerUrl}/tasks`"
   caption="🔗 Explore Tasks"
 />
 
@@ -121,14 +121,14 @@ Browse and analyze all tasks across the iExec network:
 <ImageViewer
     :image-url-dark="taskDetailsStartedImage"
     image-alt="Result Decryption"
-    link-url="https://explorer.iex.ec/arbitrum-mainnet/tasks"
+    :link-url="`${explorerUrl}/tasks`"
     caption="🔗 Explore Tasks"
 />
 
 <ImageViewer
     :image-url-dark="taskDetailsCompletedImage"
     image-alt="Task Completed"
-    link-url="https://explorer.iex.ec/arbitrum-mainnet/tasks"
+    :link-url="`${explorerUrl}/tasks`"
     caption="🔗 Explore Tasks"
 />
 
@@ -157,7 +157,7 @@ Browse and analyze all tasks across the iExec network:
 <ImageViewer
   :image-url-dark="appViewImage"
   image-alt="App View"
-  link-url="https://explorer.iex.ec/arbitrum-mainnet/apps"
+  :link-url="`${explorerUrl}/apps`"
   caption="🔗 Explore iApp Marketplace"
 />
 
@@ -172,7 +172,7 @@ Explore the iExec application marketplace:
 <ImageViewer
   :image-url-dark="datasetViewImage"
   image-alt="Dataset View"
-  link-url="https://explorer.iex.ec/arbitrum-mainnet/datasets"
+  :link-url="`${explorerUrl}/datasets`"
   caption="🔗 Explore Protected Datasets"
 />
 
@@ -189,7 +189,7 @@ Navigate the protected data landscape:
 <ImageViewer
   :image-url-dark="workerpoolViewImage"
   image-alt="Workerpool View"
-  link-url="https://explorer.iex.ec/arbitrum-mainnet/workerpools"
+  :link-url="`${explorerUrl}/workerpools`"
   caption="🔗 Explore Workerpools Infrastructure"
 />
 
@@ -202,9 +202,19 @@ Explore the decentralized computing infrastructure:
 - **Usage Statistics**: Analyze workerpool utilization
 
 <script setup>
+import { computed } from 'vue';
 import ImageViewer from '@/components/ImageViewer.vue';
 import FeatureCard from '@/components/FeatureCard.vue';
 import CardGrid from '@/components/CardGrid.vue';
+import useUserStore  from '@/stores/useUser.store';
+import {getChainById} from '@/utils/chain.utils';
+
+// Get current chain and compute explorer info
+const userStore = useUserStore();
+const selectedChain = computed(() => userStore.getCurrentChainId());
+
+const chainData = computed(() => getChainById(selectedChain.value));
+const explorerUrl = computed(() => chainData.value.iexecExplorerUrl);
 
 // Assets
 import explorerGlobalImage from '@/assets/tooling-&-explorers/iexec-explorer/explorer-global.png';

src/references/dataProtector/dataProtectorCore/processProtectedData.md

@@ -208,7 +208,8 @@ const processProtectedDataResponse =
 
 Do not use this to provide any sensitive information to the application. All
 arguments passed this way are visible in plain text using the
-[iExec blockchain explorer](https://explorer.iex.ec).
+<a :href="explorerUrl" target="_blank" rel="noopener">iExec blockchain
+explorer</a> .
 
 :::
 
@@ -451,7 +452,9 @@ import { type ProcessProtectedDataResponse } from '@iexec/dataprotector';
 `string`
 
 The ID of the transaction that happened on iExec's side chain. You may view
-details on the transaction using the [iExec explorer](https://explorer.iex.ec).
+details on the transaction using the
+<a :href="explorerUrl" target="_blank" rel="noopener">iExec blockchain
+explorer</a> .
 
 ### dealId
 
@@ -465,7 +468,8 @@ Identifies the specific deal associated with this transaction.
 
 A unique identifier associated with a task currently running on the iExec
 protocol. You can monitor task execution using the
-[iExec blockchain explorer](https://explorer.iex.ec/arbitrum-mainnet).
+<a :href="explorerUrl" target="_blank" rel="noopener">iExec blockchain
+explorer</a> .
 
 ::: tip
 
@@ -498,7 +502,17 @@ processed during the task.
 :::
 
 <script setup>
+import { computed } from 'vue';
 import RequiredBadge from '@/components/RequiredBadge.vue'
 import OptionalBadge from '@/components/OptionalBadge.vue'
 import ChainNotSupportedBadge from '@/components/ChainNotSupportedBadge.vue'
+import useUserStore  from '@/stores/useUser.store';
+import {getChainById} from '@/utils/chain.utils';
+
+// Get current chain and compute explorer info
+const userStore = useUserStore();
+const selectedChain = computed(() => userStore.getCurrentChainId());
+
+const chainData = computed(() => getChainById(selectedChain.value));
+const explorerUrl = computed(() => chainData.value.iexecExplorerUrl);
 </script>

src/references/web3mail/methods/sendEmail.md

@@ -321,7 +321,8 @@ import { type SendEmailResponse } from '@iexec/web3mail';
 
 This uniquely identifies the email task on the iExec side chain. You can view
 the status of the `sendEmail` method by monitoring the task on the
-[iExec Explorer](https://explorer.iex.ec/arbitrum-mainnet).
+<a :href="explorerUrl" target="_blank" rel="noopener">iExec blockchain
+explorer</a> .
 
 ## Error Handling
 
@@ -392,7 +393,17 @@ For any other errors, you'll get a `WorkflowError` error in the form of:
 ```
 
 <script setup>
+import { computed } from 'vue';
 import RequiredBadge from '@/components/RequiredBadge.vue'
 import OptionalBadge from '@/components/OptionalBadge.vue'
 import ChainNotSupportedBadge from '@/components/ChainNotSupportedBadge.vue'
+import useUserStore  from '@/stores/useUser.store';
+import {getChainById} from '@/utils/chain.utils';
+
+// Get current chain and compute explorer info
+const userStore = useUserStore();
+const selectedChain = computed(() => userStore.getCurrentChainId());
+
+const chainData = computed(() => getChainById(selectedChain.value));
+const explorerUrl = computed(() => chainData.value.iexecExplorerUrl);
 </script>

src/references/web3telegram/methods/sendTelegram.md

@@ -292,9 +292,20 @@ import { type SendTelegramResponse } from '@iexec/web3telegram';
 
 This uniquely identifies the telegram task on the iExec side chain. You can view
 the status of the `sendTelegram` method by monitoring the task on the
-[iExec Explorer](https://explorer.iex.ec/arbitrum-mainnet).
+<a :href="explorerUrl" target="_blank" rel="noopener">iExec blockchain
+explorer</a> .
 
 <script setup>
+import { computed } from 'vue';
 import OptionalBadge from '@/components/OptionalBadge.vue'
 import ChainNotSupportedBadge from '@/components/ChainNotSupportedBadge.vue'
+import useUserStore  from '@/stores/useUser.store';
+import {getChainById} from '@/utils/chain.utils';
+
+// Get current chain and compute explorer info
+const userStore = useUserStore();
+const selectedChain = computed(() => userStore.getCurrentChainId());
+
+const chainData = computed(() => getChainById(selectedChain.value));
+const explorerUrl = computed(() => chainData.value.iexecExplorerUrl);
 </script>

src/utils/chain.utils.ts

@@ -23,6 +23,7 @@ export interface Chain {
       url: string;
     };
   };
+  iexecExplorerUrl: string;
 }
 
 export function getSupportedChains(): Chain[] {
@@ -34,6 +35,7 @@ export function getSupportedChains(): Chain[] {
       nativeCurrency: arbitrum.nativeCurrency,
       rpcUrls: arbitrum.rpcUrls,
       blockExplorers: arbitrum.blockExplorers,
+      iexecExplorerUrl: 'https://explorer.iex.ec/arbitrum-mainnet',
     },
     {
       id: Number(bellecour.id),
@@ -49,6 +51,7 @@ export function getSupportedChains(): Chain[] {
             'https://blockscout-bellecour.iex.ec',
         },
       },
+      iexecExplorerUrl: 'https://explorer.iex.ec/bellecour',
     },
   ];
 }