Merge remote-tracking branch 'upstream/master'

.eslintrc.js

@@ -36,7 +36,7 @@ module.exports = {
     // We utilize class properties
     'react/state-in-constructor': 'off',
 
-    // Dont use prop types since were using TypeScript
+    // Dont use prop types since we are using TypeScript
     'react/default-props-match-prop-types': 'off',
     'react/forbid-foreign-prop-types': 'off',
     'react/forbid-prop-types': 'off',
@@ -135,7 +135,7 @@ module.exports = {
     '@typescript-eslint/prefer-string-starts-ends-with': 'error',
 
     // Hard to migrate
-    // Errors for all try/catch blocks and any types from third-parties
+    // Errors for all try/catch blocks and any types from third parties
     '@typescript-eslint/no-unsafe-member-access': 'off',
   },
 };

.gitignore

@@ -57,7 +57,7 @@ out/
 !.yarn/sdks
 !.yarn/versions
 .pnp.*
-# prevent people from accidentally commiting a package-lock
+# prevent people from accidentally committing a package-lock
 package-lock.json
 
 # Env files

CONTRIBUTING.md

@@ -15,7 +15,7 @@ The following is a set of guidelines for contributing to Base Web. These are jus
 
 ## Code of Conduct
 
-This project and everyone participating in it are governed by our [Code of Conduct](CODE_OF_CONDUCT.md). By participating, you are expected to uphold this code.
+This project and everyone participating in it is governed by our [Code of Conduct](CODE_OF_CONDUCT.md). By participating, you are expected to uphold this code.
 
 ## How Can I Contribute?
 

apps/base-docs/base-learn/docs/introduction-to-ethereum/gas-use-in-eth-transactions.md

@@ -119,4 +119,4 @@ Gas is a vital component of Ethereum. It's what regulates the execution of all t
 
 [Ethereum Docs]: https://ethereum.org/en/developers/docs/
 [Mastering Ethereum]: https://github.com/ethereumbook/ethereumbook
-[Ethereum demonimations]: https://www.gemini.com/en-US/cryptopedia/satoshi-value-gwei-to-ether-to-wei-converter-eth-gwei
+[Ethereum denominations]: https://www.gemini.com/en-US/cryptopedia/satoshi-value-gwei-to-ether-to-wei-converter-eth-gwei

apps/base-docs/base-learn/docs/reading-and-displaying-data/configuring-useReadContract.md

@@ -252,7 +252,7 @@ In this guide, you've learned how to use the `watch` feature of `useBlockNumber`
 [wagmi]: https://wagmi.sh/
 [`useReadContract`]: https://wagmi.sh/react/hooks/useReadContract
 [`useReadContract` hook]: ./useReadContract
-[`useBlocNumber`]: https://wagmi.sh/react/api/hooks/useBlockNumber
+[`useBlockNumber`]: https://wagmi.sh/react/api/hooks/useBlockNumber
 [removed]: https://wagmi.sh/react/guides/migrate-from-v1-to-v2#removed-watch-property
 [`useReadContracts`]: https://wagmi.sh/react/hooks/useReadContracts
 [`pollingInterval`]: https://wagmi.sh/react/api/createConfig#pollinginterval

apps/base-docs/docs/notices/decomissioning-public-geth-archive-snapshots.md

@@ -28,4 +28,4 @@ We recommend switching to Reth going forward. We will continue to maintain the R
 
 If you need continued Geth support, we would advise that you maintain your own snapshot that is specific to your infrastructure e.g. EBS on AWS.
 
-If you have any questions or would like assistance, please reach out to us on [Discord](https://base.org/discord) or [GitHub](https://github.com/base-org/base-node).
+If you have any questions or would like assistance, please reach out to us on [Discord](https://base.org/discord) or [GitHub](https://github.com/base-org/node).

apps/base-docs/docs/tokens/token-list.md

@@ -23,7 +23,7 @@ hide_table_of_contents: true
 
 This page is intended for token issuers who already have an ERC-20 contract deployed on Ethereum and would like to submit their token for bridging between Ethereum and Base. Base uses the [Superchain token list](https://github.com/ethereum-optimism/ethereum-optimism.github.io) as a reference for tokens that have been deployed on Base.
 
-**_Disclaimer: Base does not endorse any of the tokens that are listed in the Github repository and has conducted only preliminary checks, which include automated checks listed_** [**_here_**](https://github.com/ethereum-optimism/ethereum-optimism.github.io)**_._**
+**_Disclaimer: Base does not endorse any of the tokens that are listed in the GitHub repository and has conducted only preliminary checks, which include automated checks listed_** [**_here_**](https://github.com/ethereum-optimism/ethereum-optimism.github.io)**_._**
 
 ---
 
@@ -41,4 +41,4 @@ Follow the instructions in the [GitHub repository](https://github.com/ethereum-o
 
 ### Step 3: Await final approval
 
-Reviews are regularly conducted by the Base team and you should receive a reply within 24-72 hours (depending on if the PR is opened on a week day, weekend or holiday).
+Reviews are regularly conducted by the Base team and you should receive a reply within 24-72 hours (depending on if the PR is opened on a weekday, weekend or holiday).

apps/base-docs/docs/tools/account-abstraction.md

@@ -15,6 +15,9 @@ keywords:
     smart contract wallets,
     Alchemy,
     Biconomy,
+    Reown,
+    AppKit,
+    WalletConnect,
     Stackup,
     WalletKit,
     Zerodev,
@@ -57,6 +60,14 @@ The Coinbase Developer Platform [Account Abstraction Kit](https://www.coinbase.c
 
 ---
 
+## Reown (prev. known as WalletConnect)
+
+**[Reown](https://reown.com/?utm_source=base&utm_medium=docs&utm_campaign=backlinks)** gives developers the tools to build user experiences that make digital ownership effortless, intuitive, and secure. One of Reown's offerings is the AppKit SDK. 
+
+**AppKit** is a powerful, free, and fully open-source SDK for developers looking to integrate wallet connections and other Web3 functionalities into their apps on any EVM and non-EVM chain. In just a few simple steps, you can provide your users with seamless wallet access, one-click authentication, social logins, and notifications—streamlining their experience while enabling advanced features like on-ramp functionality, in-app token swaps and smart accounts. Check out the [docs](https://docs.reown.com/appkit/overview?utm_source=base&utm_medium=docs&utm_campaign=backlinks) to get started.
+
+---
+
 ## Safe
 
 [Safe](https://docs.safe.global/getting-started/readme) provides modular smart account infrastructure and account abstraction stack via their Safe{Core} [Account Abstraction SDK](https://docs.safe.global/safe-core-aa-sdk/safe-core-sdk), [API](https://docs.safe.global/safe-core-api/supported-networks), and [Protocol](https://docs.safe.global/safe-core-protocol/safe-core-protocol).

apps/base-docs/docs/tools/onboarding.md

@@ -13,6 +13,10 @@ keywords:
     onboard,
     onboarding,
     Privy,
+    Reown,
+    AppKit,
+    WalletConnect,
+    WalletKit,
     Crossmint,
     Dynamic,
     Particle Network,
@@ -64,6 +68,30 @@ You can [get started with Privy here](https://docs.privy.io/guide/quickstart), a
 
 ---
 
+## Reown (prev. known as WalletConnect)
+
+**[Reown](https://reown.com/?utm_source=base&utm_medium=docs&utm_campaign=backlinks)** gives developers the tools to build user experiences that make digital ownership effortless, intuitive, and secure.
+
+Reown has two major product offerings, they are, **AppKit** and **WalletKit**.
+
+### AppKit
+
+AppKit is a powerful, free, and fully open-source SDK for developers looking to integrate wallet connections and other Web3 functionalities into their apps on any EVM and non-EVM chain. In just a few simple steps, you can provide your users with seamless wallet access, one-click authentication, social logins, and notifications—streamlining their experience while enabling advanced features like on-ramp functionality, in-app token swaps and smart accounts.
+
+### WalletKit
+WalletKit is a robust, open-source SDK designed to empower seamless wallet connections and interactions across any blockchain. With WalletKit, you can offer your users a simple and secure way to connect with thousands of apps, enabling features like one-click authentication, secure transaction signing, and streamlined wallet address verification. Its chain-agnostic design ensures effortless multi-chain support, eliminating the need for complex integrations while delivering unmatched connectivity and security.
+
+To summarize, **AppKit** is for **Web3 applications** and **WalletKit** is for **Web3 wallets**.
+
+You will be able to use Reown AppKit to power end-to-end wallet interactions on your Web3 app deployed on Base.
+
+Some links to learn more about Reown:
+- [Website](https://reown.com/?utm_source=base&utm_medium=docs&utm_campaign=backlinks)
+- [Blog](https://reown.com/blog?utm_source=base&utm_medium=docs&utm_campaign=backlinks)
+- [Docs](https://docs.reown.com/?utm_source=base&utm_medium=docs&utm_campaign=backlinks)
+
+---
+
 ## Sequence
 
 [Sequence](https://sequence.xyz/base) is an all-in-one development platform for integrating web3 into games. Onboard, monetize, grow, and retain players with Sequence’s award-winning technology including: non-custodial Embedded Wallets, white labeled marketplaces and marketplace API, indexer, relayer, node gateway, Unity/Unreal/React Native/Mobile SDKs, transaction API, contract deployment, analytics, and more. [Learn more here](https://sequence.xyz/base) and start creating on [Sequence Builder](https://sequence.build/) now.

apps/base-docs/docs/tools/oracles.md

@@ -173,7 +173,7 @@ See [this guide](https://docs.redstone.finance/) to learn how to use the RedSton
 
 [Supra](https://supraoracles.com) provides VRF and decentralized oracle price feeds that can be used for onchain and offchain use-cases such as spot and perpetual DEXes, lending protocols, and payments protocols. Supra’s oracle chain and consensus algorithm makes it one of the fastest-to-finality oracle providers, with layer-1 security guarantees. The pull oracle has a sub-second response time. Aside from speed and security, Supra’s rotating node architecture gathers data from 40+ data sources and applies a robust calculation methodology to get the most accurate value. The node provenance on the data dashboard also provides a fully transparent historical audit trail. Supra’s Distributed Oracle Agreement (DORA) paper was accepted into ICDCS 2023, the oldest distributed systems conference.
 
-Visit the Supra [documentation](https://supraoracles.com/docs/) to learn more about integrating Supra's oracle and VRF into your Base project.
+Visit the Supra [documentation](https://docs.supra.com) to learn more about integrating Supra's oracle and VRF into your Base project.
 
 #### Supported Networks
 

apps/base-docs/tutorials/docs/1_smart-wallet-spend-permissions.md

@@ -114,7 +114,7 @@ Start by opening the `.env` file in the Healing Honey project and adding your pr
 SPENDER_PRIVATE_KEY=0xcd57753bb4e308ba0c6f574e8af04a7bae0ca0aff5750ddd6275460f49635527
 ```
 
-Next, navigate to the `src/app/lib/spender.ts` file. Here, you'll see the `privateKeyToAccount` function from Viem in use. This function creates an wallet from the private key, enabling it to sign transactions and messages. The generated `account` is then used to create a [Wallet Client], which allows signing and executing onchain transactions to interact with the Spend Permission contract.
+Next, navigate to the `src/app/lib/spender.ts` file. Here, you'll see the `privateKeyToAccount` function from Viem in use. This function creates a wallet from the private key, enabling it to sign transactions and messages. The generated `account` is then used to create a [Wallet Client], which allows signing and executing onchain transactions to interact with the Spend Permission contract.
 
 With your Spender Client set up, ensure all other required environment variables are configured for the app to work when running the dev server.
 

apps/base-docs/tutorials/docs/1_verify-contract-with-basescan.md

@@ -88,9 +88,9 @@ Once you have the private key to the wallet of your choice, open your terminal a
 export PRIVATE_KEY="<YOUR_PRIVATE_KEY>"
 ```
 
-To deploy our contract you will need a RPC URL to a Base node in order to broadcast our transactions to the network. [CDP] provides us with a free node for interacting with Base mainnet and testnet.
+To deploy our contract you will need an RPC URL to a Base node in order to broadcast our transactions to the network. [CDP] provides us with a free node for interacting with Base mainnet and testnet.
 
-Obtain a rpc url from the [Node product] and store the url as an environment variable similar to the private key in the previous step.
+Obtain an rpc url from the [Node product] and store the url as an environment variable similar to the private key in the previous step.
 
 ![cdp-node](../../assets/images/verify-with-basescan-api/cdp-node-full.png)
 

apps/base-docs/tutorials/docs/2_ock-fund-tutorial.md

@@ -45,7 +45,7 @@ This tutorial uses Coinbase's OnchainKit. Familiarity with its basic concepts wi
 
 ### Access to the Coinbase Developer Platform
 
-You'll need to set up an account on with [Coinbase Developer Platform (CDP) Account](https://www.coinbase.com/cloud). The CDP provides various tools and services for blockchain development, including access to API endpoints and other resources that will be instrumental in your project. Once you've created your account, you'll be ready to move forward with integrating these services into your application.
+You'll need to set up an account with [Coinbase Developer Platform (CDP) Account](https://www.coinbase.com/cloud). The CDP provides various tools and services for blockchain development, including access to API endpoints and other resources that will be instrumental in your project. Once you've created your account, you'll be ready to move forward with integrating these services into your application.
 
 :::tip CDP Configurations
 

apps/base-docs/tutorials/docs/4_hardhat-test-coverage.md

@@ -154,7 +154,7 @@ describe("Lock Tests", function () {
     await expect(newInstanceUsingAnotherSigner.withdraw()).to.be.revertedWith("You aren't the owner")
   })
 
- it('should allow to withdraw a owner', async()=> {
+ it('should allow to withdraw an owner', async()=> {
     const balanceBefore = await ethers.provider.getBalance(await lockInstance.getAddress());
 
     expect(balanceBefore).to.equal(VALUE_LOCKED)
@@ -180,7 +180,7 @@ If you run `npx hardhat coverage`, you should get:
     ✔ should have the right owner
     ✔ shouldn't allow to withdraw before unlock time
     ✔ shouldn't allow to withdraw a non owner
-    ✔ should allow to withdraw a owner
+    ✔ should allow to withdraw an owner
 
 
   6 passing (195ms)
@@ -232,7 +232,7 @@ Then, run `npx hardhat coverage` and you should get:
     ✔ should have the right owner
     ✔ shouldn't allow to withdraw before unlock time
     ✔ shouldn't allow to withdraw a non owner
-    ✔ should allow to withdraw a owner
+    ✔ should allow to withdraw an owner
 
 
   7 passing (198ms)

apps/base-docs/tutorials/docs/5_basename-frames.md

@@ -50,7 +50,7 @@ To get started, head over to a Basename that you own. For example:
 
 Once you're on your profile, you’ll be greeted with a new banner inviting you to pin a frame to your profile. Look for the call-to-action button and click `Try it now`.
 
-![try-now-buton](../../assets/images/basenames-tutorial/try-now.png)
+![try-now-button](../../assets/images/basenames-tutorial/try-now.png)
 
 ## Explore the Frame Selection Panels
 

apps/bridge/src/data/useWithdrawals.ts

@@ -48,7 +48,7 @@ async function fetchOPWithdrawals(address: string) {
 
 async function fetchExplorerWithdrawals(address: string, isMainnet: boolean) {
   const response = await getJSON<BlockExplorerApiResponse<BlockExplorerTransaction[]>>(
-    // TODO: filter to transactions to the withdraw contract
+    // TODO: filter transactions to the withdraw contract
     publicRuntimeConfig.l2ExplorerApiURL,
     {
       address,

apps/bridge/src/utils/transactions/isETHOrERC20Deposit.ts

@@ -70,7 +70,7 @@ export function isETHOrERC20OrCCTPDeposit(tx: BlockExplorerTransaction) {
     return true;
   }
 
-  // ERC-20 desposit
+  // ERC-20 deposit
   if (tx.to === ERC20_DEPOSIT_ADDRESS) {
     const { functionName, args } = decodeFunctionData({
       abi: l1StandardBridgeABI,

apps/web/app/AppProviders.tsx

@@ -29,7 +29,7 @@ type AppProvidersProps = {
   children: React.ReactNode;
 };
 
-// TODO: Not all pages needs all these components, ideally should be split and put
+// TODO: Not all pages need all these components, ideally should be split and put
 //       on the sub-layouts
 export default function AppProviders({ children }: AppProvidersProps) {
   const trackingPreference = useRef<TrackingPreference | undefined>();

apps/web/app/api/cloudinaryUrl/route.ts

@@ -66,7 +66,7 @@ async function getCloudinaryMediaUrl({
   media,
   width,
 }: CloudinaryMediaUrlRequest): Promise<string | false> {
-  // Asset idea based on URL
+  // Asset ID based on URL
   const assetId = generateAssetId(media);
 
   // Return the asset if already uploaded

apps/web/contexts/Analytics.tsx

@@ -22,7 +22,7 @@ export const AnalyticsContext = createContext<AnalyticsContextProps>({
 export function useAnalytics() {
   const context = useContext(AnalyticsContext);
   if (context === undefined) {
-    throw new Error('useAnalytics must be used within a AnalyticsProvider');
+    throw new Error('useAnalytics must be used within an AnalyticsProvider');
   }
   return context;
 }

apps/web/pages/api/proofs/coinbase/index.ts

@@ -20,7 +20,7 @@ export type CoinbaseProofResponse = {
 };
 
 /**
- * This endpoint reports whether or not the provided access has access to the verified account attestation
+ * This endpoint reports whether or not the provided address has access to the verified account attestation
  *
  * Error responses:
  * 400: if address is invalid or missing verifications