Merge branch 'main' into add-credit-cost

Author: bgravenorst

delegation-toolkit/concepts/environment.md

@@ -206,7 +206,7 @@ import {
 // remove-end
 
 // add-start
-+ const evniroment: DeleGatorEnvironment = {
++ const environment: DeleGatorEnvironment = {
 +  SimpleFactory: "0x124..",
 +  // ...
 +  implementations: {

delegation-toolkit/experimental/erc-7710-redeem-delegations.md

@@ -188,8 +188,8 @@ if (accountMetadata?.length !== 0) {
 
   // This transaction will deploy the delegator account.
   const hash = walletClient.sendTransaction({
-    to: accountMetadata.factory,
-    data: accountMetadata.factoryData,
+    to: accountMetadata[0].factory,
+    data: accountMetadata[0].factoryData,
   });
 
   // You should wait for transaction to be successfully executed.

delegation-toolkit/get-started/supported-networks.md

@@ -0,0 +1,33 @@
+---
+title: Supported networks
+sidebar_label: Supported networks
+description: Supported networks for Delegation Toolkit.
+sidebar_position: 5
+---
+
+The following tables display the networks supported by each version of the MetaMask Delegation Toolkit.
+
+If you don't see the network you're looking for, you can request support by emailing hellogators@consensys.net.
+
+## Mainnet networks
+
+| Network Name        | v0.10.1 | v0.10.2 | v0.11.0 |
+| ------------------- | ------- | ------- | ------- |
+| Ethereum            | ✅      | ✅      | ✅      |
+| Polygon             | ✅      | ✅      | ✅      |
+| Binance Smart Chain | ✅      | ✅      | ✅      |
+| Optimism            | ✅      | ✅      | ✅      |
+| Arbitrum            | ✅      | ✅      | ✅      |
+| Linea               | ✅      | ✅      | ✅      |
+| Base                | ✅      | ✅      | ✅      |
+| Gnosis Chain        | ✅      | ✅      | ✅      |
+
+## Testnet networks
+
+| Network Name     | v0.10.1 | v0.10.2 | v0.11.0 |
+| ---------------- | ------- | ------- | ------- |
+| Ethereum Sepolia | ✅      | ✅      | ✅      |
+| Linea Sepolia    | ✅      | ✅      | ✅      |
+| Base Sepolia     | ✅      | ✅      | ✅      |
+| MegaEth          | ✅      | ✅      | ✅      |
+| Gnosis Chiado    | ❌      | ❌      | ✅      |

delegation-toolkit/how-to/create-delegation/create-custom-caveat-enforcer.md

@@ -92,7 +92,7 @@ import {
 import { toHex } from "viem";
 import { delegatorSmartAccount } from "./config.ts";
 
-const environment = delegatorSmartAccount.enviroment;
+const environment = delegatorSmartAccount.environment;
 
 // Replace this with the address where the AfterTimestampEnforcer.sol contract is deployed.
 const afterTimestampEnforcer = "0x22Ae4c4919C3aB4B5FC309713Bf707569B74876F";

delegation-toolkit/how-to/redeem-delegation.md

@@ -86,7 +86,7 @@ import {
   toMetaMaskSmartAccount,
 } from "@metamask/delegation-toolkit";
 import { privateKeyToAccount } from "viem/accounts";
-improt { publicClient } from "./client.ts"
+import { publicClient } from "./client.ts"
 
 const delegateAccount = privateKeyToAccount("0x...");
 

delegation-toolkit/index.md

@@ -1,13 +1,13 @@
 ---
-title: Introduction to the MetaMask Delegation Toolkit
+title: Delegation Toolkit introduction
 sidebar_label: Introduction
 description: High-level overview of the Delegation Toolkit, its benefits, and where to start in the documentation.
 sidebar_position: 1
 ---
 
 import CardList from "@site/src/components/CardList"
 
-# MetaMask Delegation Toolkit
+# Embed smart accounts using the Delegation Toolkit
 
 The MetaMask Delegation Toolkit is a [Viem](https://viem.sh/)-based collection of tools for integrating
 embedded smart contract wallets, known as [MetaMask smart accounts](concepts/smart-accounts.md),

delegation-toolkit/reference/api/experimental-actions/wallet-client.md

@@ -123,8 +123,8 @@ if (accountMetadata?.length !== 0) {
 
   // This transaction will deploy the delegator account.
   const hash = walletClient.sendTransaction({
-    to: accountMetadata.factory,
-    data: accountMetadata.factoryData,
+    to: accountMetadata[0].factory,
+    data: accountMetadata[0].factoryData,
   });
 
   // You should wait for transaction to be successfully executed.

developer-tools/dashboard/index.md

@@ -1,13 +1,14 @@
 ---
 sidebar_label: Introduction
+title: Developer dashboard introduction
 description: Documentation for using the MetaMask Developer dashboard
 sidebar_position: 1
 ---
 
 import CardList from '@site/src/components/CardList'
 import Banner from '@site/src/components/Banner'
 
-# Developer dashboard documentation
+# Introduction
 
 The [MetaMask Developer dashboard](https://developer.metamask.io/) provides developers with a
 comprehensive overview and control of their Infura service.

docusaurus.config.js

@@ -15,6 +15,9 @@ const codeTheme = themes.dracula
 const remarkCodesandbox = require('remark-codesandbox')
 const isProd = process.env.NODE_ENV === 'production'
 const helpDropdown = fs.readFileSync("./src/components/NavDropdown/DeveloperTools.html", "utf-8");
+const connectDropdown = fs.readFileSync("./src/components/NavDropdown/ConnectMetaMask.html", "utf-8");
+const embedDropdown = fs.readFileSync("./src/components/NavDropdown/EmbedMetaMask.html", "utf-8");
+const extendDropdown = fs.readFileSync("./src/components/NavDropdown/ExtendScale.html", "utf-8");
 /** @type {import('@docusaurus/types').Config} */
 const config = {
   title: 'MetaMask developer documentation',
@@ -212,46 +215,53 @@ const config = {
     /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
     ({
       metadata: [
-        { 
-          name: 'og:image', 
-          content: '/img/metamaskog.jpeg' 
-        },
         {
           name: "keywords",
           content: "MetaMask, SDK, Wallet, API, Dapp, App, Connect, Delegation, Toolkit, Documentation, Smart, Account, Snaps, Infura, Services, Dashboard",
         },
       ],
+      image: '/img/metamaskog.jpeg',
       colorMode: {
         respectPrefersColorScheme: true,
       },
       navbar: {
-        title: ' │ ‎ Documentation',
         logo: {
           alt: 'MetaMask logo',
           src: 'img/metamask-logo.svg',
           srcDark: 'img/metamask-logo-dark.svg',
           width: 150,
         },
+        hideOnScroll: true,
         items: [
           {
-            to: 'sdk',
-            label: 'SDK',
-          },
-          {
-            to: 'wallet',
-            label: 'Wallet API',
-          },
-          {
-            to: 'delegation-toolkit',
-            label: 'Delegation Toolkit',
+            type: 'dropdown',
+            label: 'Connect to MetaMask',
+            items: [
+              {
+                type: "html",
+                value: connectDropdown,
+              },
+            ],
           },
           {
-            to: 'snaps',
-            label: 'Snaps',
+            type: 'dropdown',
+            label: 'Embed MetaMask',
+            items: [
+              {
+                type: "html",
+                value: embedDropdown,
+              },
+            ],
           },
           {
-            to: 'services',
-            label: 'Services',
+            type: 'dropdown',
+            label: 'Extend and scale',
+            items: [
+              {
+                type: "html",
+                value: extendDropdown,
+              },
+            ],
           },
           {
             type: 'dropdown',
@@ -333,15 +343,15 @@ const config = {
                 href: 'https://github.com/MetaMask/metamask-docs',
               },
               {
-                label: 'MetaMask wallet GitHub',
+                label: 'MetaMask extension GitHub',
                 href: 'https://github.com/MetaMask/metamask-extension/',
               },
               {
                 label: 'MetaMask SDK GitHub',
                 href: 'https://github.com/MetaMask/metamask-sdk/',
               },
               {
-                label: 'MetaMask Mobile GitHub',
+                label: 'MetaMask mobile GitHub',
                 href: 'https://github.com/MetaMask/metamask-mobile',
               },
               {