Merge branch 'main' into restructure-how-to

# Conflicts:
#	docs/whats-new.md
#	wallet-sidebar.js
#	wallet/connect/3rd-party-libraries/wagmi.md
#	wallet/connect/metamask-sdk/javascript/index.md
#	wallet/connect/metamask-sdk/javascript/nodejs.md
#	wallet/connect/metamask-sdk/javascript/other-web-frameworks.md
#	wallet/connect/metamask-sdk/javascript/pure-js.md
#	wallet/connect/metamask-sdk/javascript/react/index.md
#	wallet/connect/metamask-sdk/javascript/react/react-ui.md
#	wallet/how-to/javascript/display/custom-modals.md
#	wallet/how-to/javascript/sign-data/index.md
#	wallet/how-to/javascript/use-non-evm-networks/starknet/.create-a-simple-starknet-dapp.md
#	wallet/how-to/javascript/use-non-evm-networks/starknet/create-a-simple-starknet-dapp.md
#	wallet/how-to/use-non-evm-networks/starknet/.create-a-simple-starknet-dapp.md
#	wallet/index.md
#	wallet/reference/sdk-js-options.md

Author: alexandratran

.github/CODEOWNERS

@@ -10,6 +10,9 @@ docusaurus.config.js @MetaMask/activation @MetaMask/tech-writers
 # GitHub workflows and templates
 /.github/ @MetaMask/activation @MetaMask/tech-writers
 
+# Static image and video files
+/static/ @MetaMask/activation @MetaMask/tech-writers
+
 # Vercel configuration
 vercel.json @MetaMask/activation @MetaMask/tech-writers
 

.github/workflows/lint.yml

@@ -21,7 +21,7 @@ env:
 
 jobs:
   lint:
-    name: Lint Code Base, Spelling, Link Check
+    name: Lint Code Base
     runs-on: ubuntu-latest
     permissions:
       contents: read
@@ -30,8 +30,19 @@ jobs:
 
       - name: Lint
         uses: ConsenSys/docs-gha/lint@cc8b9d9065f5f20b105954f8e806f55c1e235ecd
+
+  spelling:
+    name: Spelling
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        file-extensions: [".md", ".mdx"]
+    steps:
+      - uses: actions/checkout@v4
+      - name: Vale
+        uses: Consensys/docs-gha/spelling@main
         with:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          FILEPATHS: "snaps,services,wallet,developer-tools,docs"
 
   linkCheck:
     name: Link Checking

.gitignore

@@ -8,6 +8,7 @@
 .docusaurus
 .cache-loader
 .idea
+.yarn
 
 # Misc
 .DS_Store

developer-tools/dashboard/get-started/create-api.md

@@ -20,27 +20,18 @@ For more information, see to the [Infura pricing page](https://www.infura.io/pri
 Infura allows you to enable multiple network endpoints and expansion APIs for your API key. If calls are
 made to a disabled network or service, then all requests to that network or service will fail.
 
-To keep your account secure and cost effective, add only the necessary endpoints, as some have usage limits or charges based
-on request volume.
+To keep your account secure and cost effective, add only the necessary endpoints, as some have usage
+limits or charges based on request volume.
 
 To create an API key:
 
-1. Open the [Infura dashboard](https://infura.io/dashboard). Enter your login details, if required.
-1. Select **CREATE NEW API KEY**.
-
-<div class="left-align-container">
-<div class="img-large">
-    <img
-    src={require("../../images/create_key.png").default}
-    />
-</div>
-</div>
-
-1. From the pop-up window, provide a name, then click **CREATE**.
+1. Open the [MetaMask Developer dashboard](https://infura.io/dashboard). Enter your login details, if required.
+1. In the top right corner, select **Create new API key**.
+1. From the pop-up window, provide a name, then click **Create**.
 1. Select the networks that you want your API key to access, and select **Save Changes**.
 
-You can [configure additional security](../how-to/secure-an-api/api-key-secret.md) for your API key by requiring an API key secret or JWTs with
-each API request.
+You can [configure additional security](../how-to/secure-an-api/api-key-secret.md) for your API key by
+requiring an API key secret or JWTs with each API request.
 
 ## Best practices for configuring API key endpoints
 

developer-tools/dashboard/how-to/credit-usage.md

@@ -4,19 +4,10 @@ description: View your Infura credit usage stats.
 
 # View credit usage
 
-:::info
-
-The [credit pricing model](/services/get-started/pricing) replaces request-based billing for free-tier (Core)
-customers. Customers on Developer and Team plans will be transitioned to the credit model on
-September 30, 2024.
-
-**Existing customers on Growth and Custom plans will remain on request-based billing**.
-:::
-
 You can view your daily credit usage in relation to your daily credit quota limit. Daily credit usage
 counts are reset everyday at 00:00 UTC for all customers.
 
-Select **View Usage** from the **Daily Credit Usage** section on the Infura dashboard, or select
+Select **View Usage** from the **Daily Credit Usage** section on the dashboard, or select
 the **Usage** tab from the **Settings** > **Billing** dropdown.
 
 View your usage for the previous 24 hours, 7 days, or 30 days by methods used, networks, or API key.

developer-tools/dashboard/how-to/dashboard-stats.md

@@ -11,7 +11,7 @@ This data is crucial for optimizing your applications and ensuring they run smoo
 
 ## Specify stats to view
 
-1. In the top menu of the [Infura dashboard](https://app.infura.io/), select **Stats**.
+1. In the left menu of the [MetaMask Developer dashboard](https://developer.metamask.io/), select **Stats**.
    The stats page displays the total volume of requests sent to Infura over the specified time period.
    By default, data is shown from the last 24 hours from all Web3 API keys.
 
@@ -40,13 +40,13 @@ You can view your Web3 API usage stats in the following charts and tables.
 
 ### Requests Volume chart
 
-This chart displays the total volume of requests sent to Infura using the selected API key(s) over
+This chart displays the total volume of requests sent to Infura using the selected API keys over
 the selected time period.
 
 ### Product Request Volumes
 
 This chart displays the aggregate request volumes for the top five API methods called using the
-selected API key(s) over the selected time period.
+selected API keys over the selected time period.
 To view stats for a particular product (network) instead of the default of all products, make a
 selection from the products dropdown.
 This change will impact what API methods are displayed in the
@@ -55,14 +55,14 @@ This change will impact what API methods are displayed in the
 ### Method Request Volumes
 
 This chart displays the aggregate request volumes for requests made on the top five networks using
-the selected API key(s) over the selected time period.
+the selected API keys over the selected time period.
 To view stats for a particular method instead of the default of all methods, make a selection from
 the methods dropdown.
 
 ### Requests Activity
 
 This table displays the total request volumes and successful and failed requests, based on each
-product (network) and method called using the selected API key(s) over the selected time period.
+product (network) and method called using the selected API keys over the selected time period.
 
 For more details about the failure status codes, select the two diagonal arrows to the right of the
 **FAILED REQUESTS (%)** values.
@@ -72,7 +72,7 @@ requests, grouped by the returned status codes.
 ### Eth_call activity
 
 This table displays the activities made on the `eth_call` method, including contract addresses that
-interacted with the selected API key(s).
+interacted with the selected API keys.
 This table only shows the `eth_call` activity for the last 30 minutes, and is not impacted by any
 time period selection.
 
@@ -85,15 +85,15 @@ You can view your IPFS usage stats in the following charts.
 
 ### Data Transfer Up
 
-This chart displays the amount of data sent to the IPFS service using the selected API key(s) over
+This chart displays the amount of data sent to the IPFS service using the selected API keys over
 the selected time period.
 
 ### Data Transfer Down
 
-This chart displays the amount of data retrieved from the IPFS service using the selected API key(s)
+This chart displays the amount of data retrieved from the IPFS service using the selected API keys
 over the selected time period.
 
 ### Total Storage
 
-This chart displays the total amount of data stored by the selected API key(s) over the selected
+This chart displays the total amount of data stored by the selected API keys over the selected
 time period.

developer-tools/dashboard/how-to/network-status.md

@@ -5,10 +5,10 @@ sidebar_position: 8
 
 # View the network status
 
-View the [Infura status page](https://status.infura.io/) to check for service outages and other incidents, as well as
+View the [Infura status page](https://status.infura.io/) to check for service outages, incidents, and
 scheduled maintenance notices. You can also subscribe to status updates via email, SMS, webhook, Slack, and Atom/RSS.
 
-You can also select the **Status** link at the top of the Infura dashboard to view the status page.
+You can also select the **Status** link on the left of the MetaMask Developer dashboard to view the status page.
 
 <div class="left-align-container">
   <div class="img-medium">

developer-tools/dashboard/how-to/project-sharing.md

@@ -11,9 +11,9 @@ You can share access to your Infura API keys by inviting existing Infura account
 
 To share an API key:
 
-1. In the Infura dashboard, select the API that you want to share.
+1. In the dashboard, select the API that you want to share.
 1. Select the **API Key Sharing** tab.
-1. Select **INVITE MEMBERS** in the top right.
+1. Select **Invite Members** in the top right.
 
    <div class="left-align-container">
      <div class="img-large">
@@ -23,8 +23,8 @@ To share an API key:
      </div>
    </div>
 
-1. Input one or more user emails, select the [user role](#user-roles), and select **SUBMIT**.
-1. Confirm your email address and select **CONFIRM**.
+1. Input one or more user emails, select the [user role](#user-roles), and select **Submit**.
+1. Confirm your email address and select **Confirm**.
 
 :::note
 
@@ -72,28 +72,20 @@ You can view all keys that you own, and all keys shared with you, by selecting *
 
 ## Update user role or remove user
 
-1. In the Infura dashboard, select the API key that the user is assigned to.
+1. In the dashboard, select the API key that the user is assigned to.
 1. Select the **API Key Sharing** tab.
 1. Select the vertical ellipsis icon next to the relevant user.
 
    - To remove a user, select **Remove Member**. They are removed immediately.
    - To update a user's role, select **Update Role**.
 
-     <div class="left-align-container">
-       <div class="img-large">
-         <img
-           src={require("../../images/update-role.png").default}
-         />
-       </div>
-     </div>
-
-1. Upgrade or downgrade accordingly and select **UPDATE ROLE**.
+1. Upgrade or downgrade accordingly and select **Update Role**.
 
 ## Revoke or resend an invite
 
 While invitations remain in a pending state, they can be revoked or sent again.
 
-1. In the Infura dashboard, select the API key for the user.
+1. In the dashboard, select the API key for the user.
 
 1. Select the **API Key Sharing** tab.
 

developer-tools/dashboard/how-to/secure-an-api/api-key-secret.md

@@ -22,7 +22,7 @@ If your dapp operates solely on the client side without a server, use only the A
 The API key is exposed in client-side code, so you should secure it using [allowlists](use-an-allowlist.md).
 
 :::tip
-For customers on the Developer tier or higher, Infura supports [overriding your allowlist](use-an-allowlist.md#overide-your-allowlist-settings)
+For customers on the Developer tier or higher, Infura supports [overriding your allowlist](use-an-allowlist.md#override-your-allowlist-settings)
 when you specify an API key secret. This allows you to apply the principle of least privilege on the
 client side while allowing unrestricted access on the server side.
 :::
@@ -34,7 +34,7 @@ In the API key's **Settings** tab, select **Require API Key secret for all reque
 <div class="left-align-container">
   <div class="img-large">
     <img
-      src={require("../../../images/security-page.png").default}
+      src={require("../../../images/settings-tab.png").default}
     />
   </div>
 </div>

developer-tools/dashboard/how-to/secure-an-api/api-key.md

@@ -13,7 +13,7 @@ A request will fail if it does not have a valid API key appended to the request
 
 :::
 
-Select the API key in the Infura dashboard to view the key's details. The API key to include in your requests can be
+Select the API key in the dashboard to view the key's details. The API key to include in your requests can be
 copied at the top of the page.
 
 Apply the principle of least privilege. Add only the endpoints that you plan to use, and then use the other