feat: support arbitrum sepolia testnet (#81)

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

Author: Le-Caignec

package-lock.json

@@ -11,9 +11,9 @@
     "format": "prettier --ignore-path .gitignore --write ."
   },
   "dependencies": {
-    "@iexec/dataprotector": "^2.0.0-beta.19",
+    "@iexec/dataprotector": "^2.0.0-beta.20",
     "@iexec/dataprotector-deserializer": "^0.1.1",
-    "@iexec/web3mail": "^1.5.0",
+    "@iexec/web3mail": "^1.6.0",
     "@iexec/web3telegram": "^0.1.0-alpha.4",
     "@reown/appkit": "^1.7.17",
     "@reown/appkit-adapter-wagmi": "^1.7.17",

package.json

@@ -5,9 +5,9 @@ import useUserStore from '@/stores/useUser.store';
 
 const userStore = useUserStore();
 
-// Check if Arbitrum is selected (Arbitrum chain ID is 42161)
+// Check if Arbitrum or Arbitrum Sepolia is selected (chain IDs are 42161 and 421614)
 const isArbitrumSelected = computed(() => {
-  return userStore.chainId === 42161;
+  return userStore.chainId === 42161 || userStore.chainId === 421614;
 });
 
 // Only show the badge when Arbitrum is selected

src/components/ChainNotSupportedBadge.vue

@@ -351,6 +351,19 @@ Once you have your token, you can deploy your iApp.
   />
 </template>
 
+<template v-else-if="selectedChain === 421614">
+  <CLIDemo
+    initialCommand="iapp deploy --chain arbitrum-sepolia-testnet"
+    asciiText="Deploy"
+    :steps="arbitrumSepoliaSteps"
+    :completionStep="15"
+    :completionMessage="'Deployment of your iApp completed successfully:'"
+    :completionItems="arbitrumSepoliaCompletionItems"
+    :successMessage="'Run iapp run 0x1f80DCebc2EAAff0Db7156413C43B7e88D189923 to execute your iApp on an iExec TEE worker'"
+    :autoRestart="true"
+  />
+</template>
+
 <template v-else>
   <CLIDemo
     initialCommand="iapp deploy"
@@ -594,4 +607,90 @@ const bellecourCompletionItems = [
   '└ Docker image: bob/hello-world:0.0.1-tee-scone-5.9.1-v16-ce3a01d9c5d7',
   '└ iApp address: 0x1f80DCebc2EAAff0Db7156413C43B7e88D189923'
 ];
+
+const arbitrumSepoliaSteps = [
+  {
+    showAt: 2,
+    question: 'Using chain arbitrum-sepolia',
+    answer: '',
+    showTyping: false,
+    isComplete: true
+  },
+  {
+    showAt: 3,
+    question: 'This method requires sending blockchain transactions, transaction fees will be applied. Would you like to continue?',
+    answer: 'Yes',
+    options: [
+      { label: 'Yes', selected: true },
+      { label: 'no', selected: false }
+    ],
+    highlighted: false,
+    showTyping: false,
+    isComplete: false
+  },
+  {
+    showAt: 4,
+    question: 'Using saved walletPrivateKey (from iapp.config.json)',
+    answer: '',
+    showTyping: false,
+    isComplete: true
+  },
+  {
+    showAt: 5,
+    completeAt: 7,
+    question: 'What is your username on DockerHub? (It will be used to properly tag the Docker image)',
+    answer: 'bob',
+    showTyping: true,
+    isComplete: false
+  },
+  {
+    showAt: 7,
+    completeAt: 9,
+    question: 'What is your DockerHub access token?',
+    answer: '**********************',
+    showTyping: true,
+    isComplete: false
+  },
+  {
+    showAt: 9,
+    completeAt: 11,
+    question: 'What is the version of your iApp?',
+    answer: '0.0.1',
+    showTyping: true,
+    isComplete: false
+  },
+  {
+    showAt: 11,
+    question: 'Docker image built (sha256:a53fc4c480f482c384a13266ea2cb6cc5572733c866c44a5f604f4bfab3a744a) and tagged bob/hello-world:0.0.1',
+    answer: '',
+    showTyping: false,
+    isComplete: true
+  },
+  {
+    showAt: 12,
+    question: 'Pushed image bob/hello-world:0.0.1 on dockerhub',
+    answer: '',
+    showTyping: false,
+    isComplete: true
+  },
+  {
+    showAt: 13,
+    question: 'Pushed TEE image bob/hello-world:0.0.1-tee-scone-5.9.1-v16-ce3a01d9c5d7 on dockerhub',
+    answer: '',
+    showTyping: false,
+    isComplete: true
+  },
+  {
+    showAt: 14,
+    question: 'TEE app deployed',
+    answer: '',
+    showTyping: false,
+    isComplete: true
+  }
+];
+
+const arbitrumSepoliaCompletionItems = [
+  '└ Docker image: bob/hello-world:0.0.1-tee-scone-5.9.1-v16-ce3a01d9c5d7',
+  '└ iApp address: 0x1f80DCebc2EAAff0Db7156413C43B7e88D189923'
+];
 </script>

src/get-started/helloWorld/3-buildIApp.md

@@ -41,7 +41,7 @@ Community</a>** for support!
 
 </Container>
 
-<template v-if="selectedChain !== 42161">
+<template v-if="selectedChain !== 42161 && selectedChain !== 421614">
 
 ## 🎁 Claim your Voucher
 

src/get-started/helloWorld/5-bonusChapter.md

@@ -7,7 +7,7 @@ description:
 
 # 🔍 Blockchain Explorers
 
-Monitor iExec protocol smart contracts on both supported networks through
+Monitor iExec protocol smart contracts on all supported networks through
 verified blockchain explorers. All protocol contracts have been verified and are
 publicly auditable.
 
@@ -25,6 +25,17 @@ publicly auditable.
     demo-label="Visit Arbiscan"
   />
 
+  <UseCaseCard
+    title="🔷 Arbitrum Sepolia"
+    description="Test network for development and testing with verified smart contracts and comprehensive transaction tracking."
+    :image-url="arbitrumExplorerImage"
+    image-alt="Arbitrum Sepolia Explorer"
+    :features="['Verified Contracts', 'Transaction History', 'Token Tracking', 'Contract Interactions']"
+    demo-url="https://sepolia.arbiscan.io/"
+    demo-icon="mdi:eye"
+    demo-label="Visit Arbiscan"
+  />
+  
   <UseCaseCard
     title="⚡ Bellecour"
     description="iExec's dedicated sidechain for optimized performance with native integration and enhanced protocol analytics."
@@ -39,8 +50,8 @@ publicly auditable.
 
 ::: tip 💡 Dev Tip
 
-Use **Bellecour** for development and testing as it's a gas-free blockchain,
-then deploy to **Arbitrum** for production workloads.
+Use **Arbitrum Sepolia** for development and testing then deploy to **Arbitrum**
+for production workloads.
 
 :::
 

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

@@ -2,7 +2,8 @@
 title: The Graph Explorer
 description:
   Explore and query blockchain data using The Graph's decentralized indexing
-  protocol. Access iExec subgraphs on Arbitrum and Bellecour networks.
+  protocol. Access iExec subgraphs on Arbitrum, Arbitrum Sepolia, and Bellecour
+  networks.
 ---
 
 # 🔍 The Graph Explorer
@@ -70,6 +71,28 @@ protocol.
   button-rel="noreferrer"
 />
 
+<ProjectCard
+  title="iExec PoCo - Arbitrum Sepolia"
+  description="Indexes Proof of Contribution (PoCo) data on Arbitrum Sepolia testnet, including apps, deals, tasks and workerpools"
+  :icon-image="arbitrumIcon"
+  status="available"
+  status-label="Live"
+  button-label="Explore Subgraph"
+  button-href="https://thegraph.com/explorer/subgraphs/2GCj8gzLCihsiEDq8cYvC5nUgK6VfwZ6hm3Wj8A3kcxz?view=Query&chain=arbitrum-one"
+  button-rel="noreferrer"
+/>
+
+<ProjectCard
+  title="iExec DataProtector - Arbitrum Sepolia"
+  description="Comprehensive indexing service for iExec DataProtector on Arbitrum Sepolia testnet, tracking protected data assets, their schemas and owner"
+  :icon-image="arbitrumIcon"
+  status="available"
+  status-label="Live"
+  button-label="Explore Subgraph"
+  button-href="https://thegraph.com/explorer/subgraphs/5YjRPLtjS6GH6bB4yY55Qg4HzwtRGQ8TaHtGf9UBWWd?view=Query&chain=arbitrum-one"
+  button-rel="noreferrer"
+/>
+
 <ProjectCard
   title="iExec PoCo - Bellecour"
   description="Indexes Proof of Contribution (PoCo) data on Bellecour mainnet, including apps, deals, tasks and workerpools"

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

@@ -59,7 +59,8 @@ contract IExecCallbackReceiver {
 
 ::: tip Important
 
-The callback transaction is subject to a gas limit of {{ gasLimit }}.  
+The callback transaction is subject to a maximum gas limit of 200,000 enforced
+by the protocol.  
 Ensure your callback logic fits within this limit to avoid out-of-gas errors.
 
 :::
@@ -163,22 +164,3 @@ const taskId = await iexec.order.matchOrders({
 | Automation           | Workflow step completion signal          |
 | Dynamic parameters   | Adjust rates / thresholds / quorums      |
 | Logical bridge       | Sync external (IoT / legacy) state       |
-
-<script setup>
-import { computed } from 'vue';
-import useUserStore from '@/stores/useUser.store';
-import { getChainById } from '@/utils/chain.utils';
-
-// Get current chain info
-const userStore = useUserStore();
-const selectedChain = computed(() => userStore.getCurrentChainId());
-const chainData = computed(() => getChainById(selectedChain.value));
-const chainName = computed(() => chainData.value.chainName);
-
-const gasLimit = computed(() => {
-  const chainId = selectedChain.value;
-  if (chainId === 42161) return '100,000'; // Arbitrum One
-  if (chainId === 134) return '200,000'; // Bellecour
-  return '100,000'; // default
-});
-</script>