Merge branch 'dev' into automated-update-20250323002823

Author: corwintines

next.config.js

@@ -81,6 +81,14 @@ module.exports = (phase, { defaultConfig }) => {
           protocol: "https",
           hostname: "crowdin-static.downloads.crowdin.com",
         },
+        {
+          protocol: "https",
+          hostname: "avatars.githubusercontent.com",
+        },
+        {
+          protocol: "https",
+          hostname: "coin-images.coingecko.com",
+        },
       ],
     },
     async headers() {

package.json

@@ -47,7 +47,9 @@
     "@radix-ui/react-tabs": "^1.1.0",
     "@radix-ui/react-tooltip": "^1.1.2",
     "@radix-ui/react-visually-hidden": "^1.1.0",
+    "@rainbow-me/rainbowkit": "^2.2.3",
     "@socialgouv/matomo-next": "^1.8.0",
+    "@tanstack/react-query": "^5.66.7",
     "@tanstack/react-table": "^8.19.3",
     "chart.js": "^4.4.2",
     "chartjs-plugin-datalabels": "^2.2.0",
@@ -62,7 +64,7 @@
     "lodash.merge": "^4.6.2",
     "lodash.shuffle": "^4.2.0",
     "lodash.union": "^4.6.0",
-    "next": "^14.2.21",
+    "next": "^14.2.25",
     "next-intl": "^3.26.3",
     "next-mdx-remote": "^5.0.0",
     "next-sitemap": "^4.2.3",
@@ -86,6 +88,8 @@
     "tailwindcss-animate": "^1.0.7",
     "usehooks-ts": "^3.1.0",
     "vaul": "^1.0.0",
+    "viem": "^2.23.3",
+    "wagmi": "^2.14.11",
     "yaml-loader": "^0.8.0"
   },
   "devDependencies": {

public/content/developers/docs/design-and-ux/dex-design-best-practice/index.md

@@ -177,15 +177,15 @@ The law of proximity states that items that are close together are perceived as
 
 Ultimately, there are pluses and minuses for both options, but it is interesting how the trend appears to be towards token on the right.
 
-# Button behavior {#button-behavior}
+## Button behavior {#button-behavior}
 
 Don’t have a separate button for Approve. Also don’t have a separate click for Approve. The user wants to Swap, so just say “swap” on the button and initiate the approval as the first step. A modal can show progress with a stepper, or a simple “tx 1 of 2 - approving” notification.
 
 ![A UI with separate buttons for approve and swap](./14.png)
 
 ![A UI with one button that says approve](./15.png)
 
-## Button as contextual help {#button-as-contextual-help}
+### Button as contextual help {#button-as-contextual-help}
 
 The button can do double duty as an alert!
 

public/content/developers/docs/networking-layer/portal-network/index.md

@@ -74,7 +74,7 @@ The Portal Network developers also made the design choice to build three separat
 The Portal Network clients are:
 
 - [Trin](https://github.com/ethereum/trin): written in Rust
-- [Fluffy](https://nimbus.team/docs/fluffy.html): written in Nim
+- [Fluffy](https://fluffy.guide): written in Nim
 - [Ultralight](https://github.com/ethereumjs/ultralight): written in Typescript
 - [Shisui](https://github.com/optimism-java/shisui): written in Go
 

public/content/developers/tutorials/erc-721-vyper-annotated-code/index.md

@@ -278,8 +278,7 @@ def supportsInterface(_interfaceID: bytes32) -> bool:
 ```
 
 In contrast to Python, Vyper is a [static typed language](https://wikipedia.org/wiki/Type_system#Static_type_checking).
-You can't declare a variable, or a function parameter, without identifying the [data
-type](https://vyper.readthedocs.io/en/latest/types.html). In this case the input parameter is `bytes32`, a 256-bit value
+You can't declare a variable, or a function parameter, without identifying the [data type](https://vyper.readthedocs.io/en/latest/types.html). In this case the input parameter is `bytes32`, a 256-bit value
 (256 bits is the native word size of the [Ethereum Virtual Machine](/developers/docs/evm/)). The output is a boolean
 value. By convention, the names of function parameters start with an underscore (`_`).
 
@@ -689,7 +688,7 @@ Anybody who is allowed to transfer a token is allowed to burn it. While a burn a
 transfer to the zero address, the zero address does not actually receives the token. This allows us to
 free up all the storage that was used for the token, which can reduce the gas cost of the transaction.
 
-# Using this Contract {#using-contract}
+## Using this Contract {#using-contract}
 
 In contrast to Solidity, Vyper does not have inheritance. This is a deliberate design choice to make the
 code clearer and therefore easier to secure. So to create your own Vyper ERC-721 contract you take [this

public/content/developers/tutorials/waffle-test-simple-smart-contract/index.md

@@ -21,7 +21,7 @@ published: 2021-02-26
 - You have used some package managers like yarn or npm
 - You possess very basic knowledge of smart contracts and Solidity
 
-# Getting started {#getting-started}
+## Getting started {#getting-started}
 
 The tutorial demonstrates test setup and run using yarn, but there is no problem if you prefer npm - I will provide proper references to the official Waffle [documentation](https://ethereum-waffle.readthedocs.io/en/latest/index.html).
 
@@ -100,7 +100,7 @@ Testing with Waffle requires using Chai matchers and Mocha, so you need to [add]
 
 If you want to [execute](https://ethereum-waffle.readthedocs.io/en/latest/getting-started.html#running-tests) your tests, just run `yarn test` .
 
-# Testing {#testing}
+## Testing {#testing}
 
 Now create the `test` directory and create the new file `test\EtherSplitter.test.ts`.
 Copy the snippet below and paste it to our test file.
@@ -194,7 +194,7 @@ it("Reverts when Vei amount uneven", async () => {
 
 The test, if passed, will assure us that the transaction was reverted indeed. However, there must be also an exact match between the messages that we passed in `require` statement and the message we expect in `revertedWith`. If we go back to the code of EtherSplitter contract, in the `require` statement for the wei amount, we provide the message: 'Uneven wei amount not allowed'. This matches the message we expect in our test. If they were not equal, the test would fail.
 
-# Congratulations! {#congratulations}
+## Congratulations! {#congratulations}
 
 You've made your first big step towards testing smart contracts with Waffle! You might be interested in other Waffle tutorials:
 

public/images/dapps/uni.png

@@ -9,12 +9,7 @@ const BugBountyBanner = () => (
   <BannerNotification shouldShow>
     <Center>
       <p>
-        Prague code is now in scope! The Prague Audit Competition is running on{" "}
-        <a href="https://cantina.xyz/competitions/9ab19e33-b73c-4384-83a8-b905f508ce5e">
-          Cantina
-        </a>{" "}
-        during 21st of February - 21st of March, with up to $2,000,000 in
-        rewards!
+        Pectra is now in scope. After the cantina competition until mainnet activation, Pectra issues have a 2x reward multiplier!
       </p>
     </Center>
   </BannerNotification>