Release @argent-x/extension@6.11.0

Author: gergold

.github/workflows/pull-request.yml

@@ -19,7 +19,7 @@ jobs:
       # FEATURE flags
       FEATURE_PRIVACY_SETTINGS: "true"
       FEATURE_EXPERIMENTAL_SETTINGS: "false"
-      FEATURE_BETA_FEATURES: "true"
+      FEATURE_BETA_FEATURES: "false"
       FEATURE_BANXA: "true"
       FEATURE_LAYERSWAP: "true"
       FEATURE_ORBITER: "true"
@@ -29,6 +29,7 @@ jobs:
       # API URLs
       ARGENT_API_BASE_URL: ${{ vars.ARGENT_API_BASE_URL }}
       ARGENT_X_STATUS_URL: ${{ vars.ARGENT_X_STATUS_URL }}
+      ARGENT_TESTNET_RPC_URL: ${{ vars.ARGENT_TESTNET_RPC_URL }}
 
       # API ENVIRONMENT
       ARGENT_X_ENVIRONMENT: ${{ matrix.env }}
@@ -50,6 +51,9 @@ jobs:
       SLOW: 60 * 5 # 5m
       VERY_SLOW: 24 * 60 * 60 # 1d
 
+      #For testing only
+      FEE_OVERHEAD: 2
+
     steps:
       # Setup Project
       - uses: actions/checkout@v4
@@ -120,12 +124,13 @@ jobs:
 
     env:
       ARGENT_API_BASE_URL: ${{ vars.ARGENT_API_BASE_URL }}
+      ARGENT_TESTNET_RPC_URL: ${{ vars.ARGENT_TESTNET_RPC_URL }}
       ARGENT_X_STATUS_URL: ${{ vars.ARGENT_X_STATUS_URL }}
       ARGENT_X_ENVIRONMENT: "hydrogen"
 
     services:
       devnet:
-        image: shardlabs/starknet-devnet:latest-seed0
+        image: shardlabs/starknet-devnet-rs:latest-seed0
         ports:
           - 5050:5050
 
@@ -184,6 +189,7 @@ jobs:
         shardTotal: [8]
     env:
       ARGENT_X_ENVIRONMENT: "hydrogen"
+      ARGENT_API_BASE_URL: ${{ secrets.ARGENT_API_BASE_URL }}
       E2E_TESTNET_SEED1: ${{ secrets.E2E_TESTNET_SEED1 }}
       E2E_TESTNET_SEED2: ${{ secrets.E2E_TESTNET_SEED2 }}
       E2E_TESTNET_SEED3: ${{ secrets.E2E_TESTNET_SEED3 }}
@@ -195,6 +201,7 @@ jobs:
       E2E_SENDER_SEED: ${{ secrets.E2E_SENDER_SEED }}
       STARKNET_TESTNET_URL: ${{ secrets.STARKNET_TESTNET_URL }}
       STARKSCAN_TESTNET_URL: ${{ secrets.STARKSCAN_TESTNET_URL }}
+      ARGENT_TESTNET_RPC_URL: ${{ secrets.ARGENT_TESTNET_RPC_URL }}
 
     steps:
       - uses: actions/checkout@v4
@@ -397,6 +404,7 @@ jobs:
       NEXT_PUBLIC_RAMP_API_KEY: ${{ secrets.RAMP_API_KEY }}
       NEXT_PUBLIC_FEATURE_COSIGNER: "true"
       NEXT_PUBLIC_ARGENT_API_BASE_URL: ${{ vars.ARGENT_API_BASE_URL }}
+      NEXT_PUBLIC_ARGENT_TESTNET_RPC_URL: ${{ vars.ARGENT_TESTNET_RPC_URL }}
 
     steps:
       - uses: actions/checkout@v4
@@ -445,7 +453,7 @@ jobs:
         if: always()
         uses: actions/upload-artifact@v3
         with:
-          name: all-blob-reports
+          name: all-blob-reports-webwallet
           path: packages/e2e/blob-report/
           retention-days: 5
 

.github/workflows/release.yml

@@ -10,7 +10,7 @@ on:
 env:
   FEATURE_PRIVACY_SETTINGS: "true"
   FEATURE_EXPERIMENTAL_SETTINGS: "false"
-  FEATURE_BETA_FEATURES: "true"
+  FEATURE_BETA_FEATURES: "false"
   FEATURE_BANXA: "true"
   FEATURE_LAYERSWAP: "true"
   FEATURE_ORBITER: "true"
@@ -26,9 +26,8 @@ env:
   FILENAME: argent-extension
   SAFE_ENV_VARS: true
   ARGENT_API_BASE_URL: ${{ vars.ARGENT_API_BASE_URL }}
-  ARGENT_TRANSACTION_REVIEW_API_BASE_URL: ${{ vars.ARGENT_TRANSACTION_REVIEW_API_BASE_URL }}
+  ARGENT_TESTNET_RPC_URL: ${{ vars.ARGENT_TESTNET_RPC_URL }}
   ARGENT_X_STATUS_URL: ${{ vars.ARGENT_X_STATUS_URL }}
-  ARGENT_EXPLORER_BASE_URL: ${{ vars.ARGENT_EXPLORER_BASE_URL }}
   ARGENT_X_ENVIRONMENT: "prod"
   MULTICALL_MAX_BATCH_SIZE: 20
   FAST: 20 # 20s
@@ -136,7 +135,7 @@ jobs:
           pnpm --filter @argent/get-starknet publish --no-git-checks --access public || exit 0
           pnpm --filter @argent/web-sdk publish --no-git-checks --access public || exit 0
           pnpm --filter @argent/starknet-react-webwallet-connector publish --no-git-checks --access public || exit 0
-          pnpm --filter @argent-x/sessions publish --no-git-checks --access public || exit 0
+          pnpm --filter @argent/x-sessions publish --no-git-checks --access public || exit 0
 
       - name: Get product version
         id: product-version
@@ -149,7 +148,7 @@ jobs:
         uses: softprops/action-gh-release@v1
         with:
           generate_release_notes: true
-          title: extension@${{ steps.product-version.outputs.current-version }}
+          name: extension@${{ steps.product-version.outputs.current-version }}
           files: |
             ${{ env.FILENAME }}-chrome.zip
             ${{ env.FILENAME }}-firefox.zip

.nvmrc

@@ -1 +1 @@
-18.18.1
+18.18.2

package.json

@@ -6,13 +6,13 @@
   "homepage": "https://github.com/argentlabs/argent-x/#readme",
   "devDependencies": {
     "@changesets/cli": "^2.26.1",
-    "@lavamoat/preinstall-always-fail": "^2.0.0",
     "@lavamoat/allow-scripts": "^3.0.0",
+    "@lavamoat/preinstall-always-fail": "^2.0.0",
     "bundlewatch": "^0.3.3",
     "husky": "^8.0.3",
     "import-sort-style-module": "^6.0.0",
     "lint-staged": "^15.0.0",
-    "nx": "^16.2.2",
+    "nx": "^17.0.0",
     "patch-package": "^8.0.0",
     "prettier": ">=2.8.8",
     "prettier-plugin-import-sort": "^0.0.7",

packages/dapp/.env.example

@@ -0,0 +1,2 @@
+NEXT_PUBLIC_WEBWALLET_URL="http://localhost:3005"
+NEXT_PUBLIC_ARGENT_CHAIN_ID=SN_GOERLI

packages/dapp/next.config.js

@@ -2,4 +2,9 @@
 module.exports = {
   reactStrictMode: true,
   swcMinify: false, // we need to use terser, as swc doesn't support svelte and `@argent/get-starknet`
+  publicRuntimeConfig: {
+    webWalletUrl:
+      process.env.NEXT_PUBLIC_WEBWALLET_URL ?? "http://localhost:3005",
+    argentMobileChainId: process.env.NEXT_PUBLIC_ARGENT_CHAIN_ID ?? "SN_GOERLI",
+  },
 }

packages/dapp/package.json

@@ -11,20 +11,24 @@
   },
   "dependencies": {
     "@argent/shared": "^6.3.1",
-    "@argent/get-starknet": "^6.3.1",
+    "@argent/ui": "^6.3.1",
     "@argent/x-sessions": "^6.3.1",
+    "@chakra-ui/react": "^2.6.1",
+    "@starknet-react/chains": "0.1.0-next.1",
+    "@starknet-react/core": "2.0.0-next.6",
+    "micro-starknet": "^0.2.3",
     "next": "^13.4.6",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "starknet": "5.19.5",
-    "micro-starknet": "^0.2.3"
+    "starknet": "5.24.3",
+    "starknetkit": "^1.0.21"
   },
   "devDependencies": {
-    "@types/node": "20.8.4",
+    "@types/node": "20.8.10",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
     "eslint": "8",
-    "eslint-config-next": "13.5.4",
+    "eslint-config-next": "13.5.6",
     "typescript": "^5.0.4"
   }
 }

packages/dapp/src/components/AddNetwork.tsx

@@ -0,0 +1,39 @@
+import { H2 } from "@argent/ui"
+import { Flex } from "@chakra-ui/react"
+import { addNetwork } from "../services/wallet.service"
+import { useState } from "react"
+
+const AddNetwork = () => {
+  const [addNetworkError, setAddNetworkError] = useState("")
+
+  const handleAddNetwork = async () => {
+    try {
+      await addNetwork({
+        id: "dapp-test",
+        chainId: "SN_DAPP_TEST",
+        chainName: "Test chain name",
+        baseUrl: "http://localhost:5050",
+      })
+      setAddNetworkError("")
+    } catch (error) {
+      setAddNetworkError((error as any).message)
+    }
+  }
+
+  return (
+    <Flex direction="column" gap="3" flex="1">
+      <H2>Network</H2>
+      <Flex
+        as="button"
+        color="#0097fc"
+        fontWeight="bold"
+        onClick={handleAddNetwork}
+      >
+        Add network to wallet
+      </Flex>
+      <span className="error-message">{addNetworkError}</span>
+    </Flex>
+  )
+}
+
+export { AddNetwork }

packages/dapp/src/components/AddToken.tsx

@@ -0,0 +1,72 @@
+import { Button, H2 } from "@argent/ui"
+import { truncateAddress } from "../services/address.service"
+import { DAITokenAddress, ETHTokenAddress } from "../services/token.service"
+import { addToken } from "../services/wallet.service"
+import { useState } from "react"
+import { Code, Flex } from "@chakra-ui/react"
+
+const AddToken = () => {
+  const [addTokenError, setAddTokenError] = useState("")
+
+  const handleAddEth = async () => {
+    try {
+      await addToken(ETHTokenAddress)
+      setAddTokenError("")
+    } catch (error) {
+      setAddTokenError((error as any).message)
+    }
+  }
+
+  const handleAddDai = async () => {
+    try {
+      await addToken(DAITokenAddress)
+      setAddTokenError("")
+    } catch (error) {
+      setAddTokenError((error as any).message)
+    }
+  }
+
+  return (
+    <Flex direction="column" gap="3" flex="1">
+      <H2>ERC20</H2>
+      ETH token address
+      <Code
+        backgroundColor="#0097fc4f"
+        borderRadius="8px"
+        p="0 0.5rem"
+        width="fit-content"
+      >
+        <a
+          target="_blank"
+          rel="noreferrer"
+          style={{
+            color: "#0097fc",
+            display: "inline-block",
+            textDecoration: "none",
+          }}
+        >
+          {truncateAddress(ETHTokenAddress)}
+        </a>
+      </Code>
+      <Flex
+        as="button"
+        color="#0097fc"
+        fontWeight="bold"
+        onClick={handleAddEth}
+      >
+        Add ETH token to wallet
+      </Flex>
+      <Flex
+        as="button"
+        color="#0097fc"
+        fontWeight="bold"
+        onClick={handleAddDai}
+      >
+        Add DAI token to wallet
+      </Flex>
+      <span className="error-message">{addTokenError}</span>
+    </Flex>
+  )
+}
+
+export { AddToken }