feat: finalize arbitrum integration (#38)

Author: Le-Caignec

.github/workflows/main.yml

@@ -2,9 +2,7 @@ name: main-ci
 
 on:
   workflow_dispatch:
-  push:
-    paths-ignore:
-      - 'README.md'
+  pull_request:
 
 jobs:
   build:

.vitepress/config.ts

@@ -101,7 +101,7 @@ export default withMermaid(
       // https://vitepress.dev/reference/default-theme-config
       nav: [
         { text: 'Get Started', link: '/get-started/welcome' },
-        { text: 'Guides', link: '/guides/build-iapp/' },
+        { text: 'Guides', link: '/guides/build-iapp/build-&-deploy' },
         { text: 'References', link: '/references/dataProtector' },
         {
           component: 'ChainSelector',

.vitepress/sidebar.ts

@@ -73,7 +73,7 @@ export function getSidebar() {
           },
           {
             text: '🪙 RLC Token',
-            link: '/get-started/rlc',
+            link: '/get-started/overview/rlc',
           },
         ],
       },
@@ -477,10 +477,6 @@ export function getSidebar() {
                 text: 'Advanced Configuration',
                 link: '/references/dataProtector/advanced/advanced-configuration',
               },
-              {
-                text: 'Sharing smart contract',
-                link: '/references/dataProtector/advanced/dps-smart-contract',
-              },
               {
                 text: 'Apps whitelist',
                 link: '/references/dataProtector/advanced/apps-whitelist',

README.md

@@ -79,7 +79,7 @@ steps to contribute:
 
 Fork this repository and ensure you're working on the `main` branch:
 
-[![fork-button](./src/public/fork-button.png)](https://github.com/iExecBlockchainComputing/documentation/fork)
+[![fork-button](/src/public/fork-button.png)](https://github.com/iExecBlockchainComputing/documentation/fork)
 
 ### 2. Set Up Your Development Environment
 
@@ -168,19 +168,14 @@ for input parameters:
 ## TODO
 
 - Add an audit section for smart contracts
-- Add Arbitrum support
-- On arbitrum hide : DataProtector Sharing ??
 - Adapt hardcoded address to feat with new contracts deployed on arbitrum
 - Add link to the new explorer feature Asset_Types in the guide =>
   `handle-schemas-dataset-types`
 - Add link to remix for deploying whitelist
-- complete `use-iapp` section
-- Maybe split input and output in two diff sub section in build your iapp guide
 - SGX vs TDX need review
 - Explorer l'intégration de codeSpace
-- complete `Protocol`section
-- Add a Development workflow
-- Update context7 when doc will be deployed
+- Add a Development workflow section (1 - ProtectData, 2- ...)
+- Update context7 when doc will be deployed (Martin)
 - Check theGraph Images with design Team
 - Update the Dune Dashboard to the final version
 - Add new section in `iexec-explorer.md` file to talk about: available chain on
@@ -189,7 +184,10 @@ for input parameters:
 - Check how to pay guide to update with the launch on Arbitrum (RLC vs xRLC)
 - framework AI supporté TDX vs SGX
 - check glossary
-- migrate github SDK doc here
+- migrate github iexec SDK doc here
 - migrate pay-per-task page into a guide
 - check pages (introduction & getting-started) for use-iapp guide
+- explain TDX vs SGX
+- Give recap of Workerpool address fo chains
+- Talk about ENS on Bellecour(it's not supported on arbitrum)
 - Rework Advanced iApp building guides. (from "old" protocol doc)

src/build-iapp/guides/build-&-deploy.md

@@ -15,8 +15,8 @@
 <script setup>
 import { ref, computed } from 'vue';
 import avatarStyles from './profile.module.css';
-import { getAvatarVisualNumber } from '../utils/getAvatarVisualNumber';
-import { truncateAddress } from '../utils/truncateAddress';
+import { getAvatarVisualNumber } from '@/utils/getAvatarVisualNumber';
+import { truncateAddress } from '@/utils/truncateAddress';
 
 const props = defineProps({
   address: {

src/components/AddressChip.vue

@@ -0,0 +1,29 @@
+<script setup>
+import { computed } from 'vue';
+import { VPBadge } from 'vitepress/theme';
+import useUserStore from '@/stores/useUser.store';
+
+const userStore = useUserStore();
+
+// Check if Arbitrum is selected (Arbitrum chain ID is 42161)
+const isArbitrumSelected = computed(() => {
+  return userStore.chainId === 42161;
+});
+
+// Only show the badge when Arbitrum is selected
+const shouldShow = computed(() => isArbitrumSelected.value);
+</script>
+
+<template>
+  <VPBadge
+    v-if="shouldShow"
+    type="tip"
+    text="Chain Not Supported"
+    style="
+      color: var(--vp-c-red-1);
+      background-color: hsla(350, 89%, 60%, 8%);
+      margin-top: 1px;
+      margin-right: 4px;
+    "
+  />
+</template>

src/components/ChainNotSupportedBadge.vue

@@ -77,8 +77,8 @@ if (!userStore.chainId) {
       userStore.setSelectedChain(walletChain);
     }
   } else {
-    // Otherwise, use Bellecour as default
-    const defaultChain = getChainById(0x86); // Bellecour
+    // Otherwise, use Arbitrum as default
+    const defaultChain = getChainById(42161); // Arbitrum
     if (defaultChain) {
       userStore.setSelectedChain(defaultChain);
     }

src/components/ChainSelector.vue

@@ -0,0 +1,25 @@
+<template>
+  <span class="font-semibold text-inherit">{{ tokenSymbol }}</span>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue';
+import useUserStore from '@/stores/useUser.store';
+
+const userStore = useUserStore();
+
+// Computed property to get the correct token symbol based on selected chain
+const tokenSymbol = computed(() => {
+  const currentChainId = userStore.getCurrentChainId();
+
+  // Bellecour (0x86) uses xRLC, Arbitrum (42161) uses RLC
+  if (currentChainId === 0x86) {
+    return 'xRLC';
+  } else if (currentChainId === 42161) {
+    return 'RLC';
+  }
+
+  // Default fallback
+  return 'RLC';
+});
+</script>

src/components/TokenSymbol.vue

@@ -7,13 +7,13 @@ description:
 
 # 🤖 Develop with AI
 
-Building privacy-first applications with iExec can be accelerated using
+AI tools accelerate building privacy-first applications with iExec using
 AI-powered development tools. This guide covers how to effectively use AI
 assistants while maintaining security best practices.
 
 ## 📚 Documentation for LLMs and AI Code Editors
 
-You can use some MCP (Model Control Protocol) servers like
+You can use MCP (Model Control Protocol) servers like
 [Context7](https://context7.com/iexecblockchaincomputing/documentation-tools) to
 provide:
 
@@ -23,12 +23,12 @@ provide:
 
 ## 🎨 Vibe Coding Integration
 
-Vibe coding is a modern way to build applications by describing what you want in
-plain language. An AI assistant (like Cursor or ChatGPT) then generates code
-based on your description.
+Vibe coding lets you build applications by describing what you want in plain
+language. An AI assistant (like Cursor or ChatGPT) then generates code based on
+your description.
 
-It's fast, creative, and helps you prototype ideas quickly. Even if you're not a
-technical expert you can:
+It's fast, creative, and helps you prototype ideas quickly. Even non-technical
+users can:
 
 - Write a prompt like: "I want to create a form able to protect my data with
   DataProtector"