Release candidate v7.23.0

.all-contributorsrc

@@ -10649,6 +10649,33 @@
       "contributions": [
         "ideas"
       ]
+    },
+    {
+      "login": "Wilson-Wu1",
+      "name": "Wilson Wu",
+      "avatar_url": "https://avatars.githubusercontent.com/u/41039035?v=4",
+      "profile": "https://www.linkedin.com/in/wilson-wu-2021/",
+      "contributions": [
+        "doc"
+      ]
+    },
+    {
+      "login": "fvaysh",
+      "name": "VAS",
+      "avatar_url": "https://avatars.githubusercontent.com/u/126754021?v=4",
+      "profile": "https://github.com/fvaysh",
+      "contributions": [
+        "doc"
+      ]
+    },
+    {
+      "login": "costgallo",
+      "name": "Costanza",
+      "avatar_url": "https://avatars.githubusercontent.com/u/49433698?v=4",
+      "profile": "https://github.com/costgallo",
+      "contributions": [
+        "doc"
+      ]
     }
   ],
   "contributorsPerLine": 7,

.storybook/i18next.ts

@@ -1,6 +1,5 @@
 import i18n, { Resource } from "i18next"
 import { initReactI18next } from "gatsby-plugin-react-i18next"
-import fs from "fs"
 
 export const baseLocales = {
   en: { title: "English", left: "En" },
@@ -15,6 +14,7 @@ const ns = [
   "glossary",
   "page-about",
   "page-index",
+  "page-learn",
   "page-upgrades",
   "page-developers-index",
 ]

.storybook/main.ts

@@ -13,7 +13,7 @@ const config: StorybookConfig = {
     "@chakra-ui/storybook-addon",
     "storybook-react-i18next",
   ],
-  staticDirs: ["../static"],
+  staticDirs: ["../static", "../src/assets"],
   babel: async () => ({
     ...babelConfig,
   }),

README.md

@@ -1666,6 +1666,11 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
       <td align="center" valign="top" width="14.28%"><a href="https://github.com/robertkodra"><img src="https://avatars.githubusercontent.com/u/36516516?v=4?s=100" width="100px;" alt="Robert"/><br /><sub><b>Robert</b></sub></a><br /><a href="#content-robertkodra" title="Content">🖋</a></td>
       <td align="center" valign="top" width="14.28%"><a href="https://github.com/0xObsidian"><img src="https://avatars.githubusercontent.com/u/131651958?v=4?s=100" width="100px;" alt="obsidian"/><br /><sub><b>obsidian</b></sub></a><br /><a href="#content-0xObsidian" title="Content">🖋</a></td>
       <td align="center" valign="top" width="14.28%"><a href="http://www.scienft.com"><img src="https://avatars.githubusercontent.com/u/36033065?v=4?s=100" width="100px;" alt="Fekry Aiad"/><br /><sub><b>Fekry Aiad</b></sub></a><br /><a href="#ideas-MohamedFekryyy" title="Ideas, Planning, & Feedback">🤔</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://www.linkedin.com/in/wilson-wu-2021/"><img src="https://avatars.githubusercontent.com/u/41039035?v=4?s=100" width="100px;" alt="Wilson Wu"/><br /><sub><b>Wilson Wu</b></sub></a><br /><a href="https://github.com/ethereum/ethereum-org-website/commits?author=Wilson-Wu1" title="Documentation">📖</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/fvaysh"><img src="https://avatars.githubusercontent.com/u/126754021?v=4?s=100" width="100px;" alt="VAS"/><br /><sub><b>VAS</b></sub></a><br /><a href="https://github.com/ethereum/ethereum-org-website/commits?author=fvaysh" title="Documentation">📖</a></td>
+    </tr>
+    <tr>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/costgallo"><img src="https://avatars.githubusercontent.com/u/49433698?v=4?s=100" width="100px;" alt="Costanza"/><br /><sub><b>Costanza</b></sub></a><br /><a href="https://github.com/ethereum/ethereum-org-website/commits?author=costgallo" title="Documentation">📖</a></td>
     </tr>
   </tbody>
 </table>

docs/review-process.md

@@ -6,13 +6,13 @@ This documentation outlines our current processes for how we prioritize items in
 
 ### General review process
 
-We use a first-in, first-out system for reviewing pull requests. The longer a pull request has been open, the higher priority it is for our team to review. In some cases—for example, fixing a high-priority issue or merging low-hanging fruit for a deploy—we will stray from this process and use our best judgement to get higher-impact changes deployed more quickly.
+We use a first-in, first-out system for reviewing pull requests. The longer a pull request has been open, the higher the priority it is for our team to review. In some cases—for example, fixing a high-priority issue or merging low-hanging fruit for a deploy—we will stray from this process and use our best judgement to get higher-impact changes deployed more quickly.
 
 We aim to have every new PR reviewed with change requests, merged, or closed within 30 days of opening. As outlined in the following sections, different types of pull requests do have different levels of priority, and this may influence how promptly a pull request is acted on.
 
 ### Translations
 
-Translation pull requests are considered high priority. These are when the translated and reviewed files from our translation management platform are submitted as a pull request. They are important to our core value of bringing Ethereum education to as many languages as possible. They also are the accumulation of months of work by translators and reviewers, and any delay to this already long process is undesirable.
+Translation pull requests are considered high-priority. These are when the translated and reviewed files from our translation management platform are submitted as a pull request. They are important to our core value of bringing Ethereum education to as many languages as possible. They also are the accumulation of months of work by translators and reviewers, and any delay to this already long process is undesirable.
 
 **Timeline:** PRs should be merged within 4 days of opening (by the next release).
 
@@ -24,7 +24,7 @@ Bug pull requests can vary from low-priority to high-priority depending on the s
 
 ### Features
 
-Any new feature correlated to an approved issue is medium-priority. Similar to translators, code contributors dedicate a large amount of their time to improving [ethereum.org](http://ethereum.org) as a resource and addressing their efforts quickly is desirable. New features that were not discussed, requested or approved do not fall under this timeline.
+Any new feature correlated with an approved issue is of medium priority. Similar to translators, code contributors dedicate a large amount of their time to improving [ethereum.org](http://ethereum.org) as a resource and addressing their efforts quickly is desirable. New features that were not discussed, requested or approved do not fall under this timeline.
 
 **Timeline:** Major features should be merged within 30 days of opening. Minor features should be merged within 14 days of opening.
 

gatsby-node.ts

@@ -495,18 +495,3 @@ export const onPreBootstrap: GatsbyNode["onPreBootstrap"] = async ({
   copyContributors()
   reporter.info(`Contributors copied`)
 }
-
-// Build lambda functions when the build is complete and the `/public` folder exists
-export const onPostBuild: GatsbyNode["onPostBuild"] = async (
-  gatsbyNodeHelpers
-) => {
-  const { reporter } = gatsbyNodeHelpers
-
-  const reportOut = (report: { stderr: string; stdout: string }) => {
-    const { stderr, stdout } = report
-    if (stderr) reporter.error(stderr)
-    if (stdout) reporter.info(stdout)
-  }
-
-  reportOut(await exec("npm run build:lambda && cp netlify.toml public"))
-}

netlify.toml

@@ -13,11 +13,13 @@
   # Default build command.
   # command = "yarn build" # debug with: "yarn build --verbose"
 
-  # Directory with the serverless Lambda functions to deploy to AWS.
-  # netlify-lambda needs this netlify.toml file in order to build
+  # Directory with the serverless Lambda functions to deploy to AWS
   functions = "public/functions"
 
 [[headers]]
   for = "/*"
   [headers.values]
-    Access-Control-Allow-Origin = "https://esp.ethereum.foundation"
+    Access-Control-Allow-Origin = "https://esp.ethereum.foundation"
+
+[[plugins]]
+  package = "@netlify/plugin-gatsby"

package.json

@@ -58,7 +58,6 @@
     "is-relative-url": "^3.0.0",
     "lodash": "^4.17.21",
     "luxon": "^1.28.1",
-    "netlify-lambda": "^2.0.3",
     "polished": "^4.1.4",
     "prism-react-renderer": "^1.1.1",
     "prismjs": "^1.27.0",
@@ -83,6 +82,7 @@
     "@chakra-ui/cli": "^2.4.1",
     "@chakra-ui/storybook-addon": "^5.0.1",
     "@netlify/functions": "^1.2.0",
+    "@netlify/plugin-gatsby": "^3.7.2",
     "@storybook/addon-a11y": "^7.0.23",
     "@storybook/addon-actions": "^7.0.23",
     "@storybook/addon-essentials": "^7.0.23",
@@ -121,7 +121,6 @@
   "scripts": {
     "postinstall": "yarn theme",
     "build": "gatsby build",
-    "build:lambda": "cross-env NODE_OPTIONS=--openssl-legacy-provider netlify-lambda build src/lambda --config=./webpack.lambda.js",
     "build:10gb": "cross-env NODE_OPTIONS=--max-old-space-size=10240 gatsby build",
     "clean": "gatsby clean",
     "crowdin-clean": "rm -rf .crowdin && mkdir .crowdin",
@@ -134,7 +133,6 @@
     "optimize-images": "ts-node -O '{ \"module\": \"commonjs\" }' src/scripts/optimizeImages.ts",
     "crowdin-contributors": "ts-node -O '{ \"module\": \"commonjs\" }' src/scripts/crowdin/getCrowdinContributors.ts",
     "start": "gatsby develop",
-    "start:lambda": "netlify-lambda serve src/lambda",
     "start:static": "gatsby build && gatsby serve",
     "serve": "gatsby serve",
     "type-check": "tsc --noEmit",

src/@chakra-ui/gatsby-plugin/components/Heading.ts

@@ -5,10 +5,10 @@ const { sizes: defaultSizes } = headingDefaultTheme
 
 const lineHeightScale = {
   "4xl": "6xs",
-  "3xl": ["5xs", null, "6xs"],
-  "2xl": ["5xs", null, "4xs"],
-  xl: ["3xs", null, "2xs"],
-  lg: ["3xs", null, "2xs"],
+  "3xl": ["6xs", null, "5xs"],
+  "2xl": ["4xs", null, "5xs"],
+  xl: ["2xs", null, "4xs"],
+  lg: ["2xs", null, "3xs"],
   md: "xs",
   sm: "base",
   xs: "base",

src/@chakra-ui/gatsby-plugin/styles.ts

@@ -79,9 +79,9 @@ const styles = {
       visibility: "visible",
     },
     "pre, code, kbd, samp": {
-      fontSize: "0.8em",
-      lineHeight: "1.1rem",
-      fontFamily: "SFMono-Regular,Menlo,Monaco,Consolas,monospace",
+      fontSize: "md",
+      lineHeight: "base",
+      fontFamily: "monospace",
     },
   }),
 }

src/api/calendarEvents.ts

@@ -1,17 +1,54 @@
+import axios from "axios"
 import type { GatsbyFunctionRequest, GatsbyFunctionResponse } from "gatsby"
-import { lambda } from "../lambda/calendarEvents"
 
 async function handler(
   __req: GatsbyFunctionRequest,
   res: GatsbyFunctionResponse
 ): Promise<void> {
-  // passing env vars as arguments due to a bug on GC functions where env vars
-  // can not be accessed by imported functions
-  const { statusCode, body } = await lambda(
-    process.env.GOOGLE_API_KEY!,
-    process.env.GOOGLE_CALENDAR_ID!
-  )
-  res.status(statusCode).send(body)
+  const apiKey = process.env.GOOGLE_API_KEY
+  const calendarId = process.env.GOOGLE_CALENDAR_ID
+
+  try {
+    const futureEventsReq = await axios.get(
+      `https://content.googleapis.com/calendar/v3/calendars/${calendarId}/events`,
+      {
+        params: {
+          key: apiKey,
+          timeMin: new Date().toISOString(),
+          maxResults: 3,
+          singleEvents: true,
+          orderBy: "startTime",
+        },
+      }
+    )
+
+    const pastEventsReq = await axios.get(
+      `https://content.googleapis.com/calendar/v3/calendars/${calendarId}/events`,
+      {
+        params: {
+          key: apiKey,
+          timeMax: new Date().toISOString(),
+          maxResults: 4,
+          singleEvents: true,
+          orderBy: "startTime",
+        },
+      }
+    )
+
+    const response = {
+      pastEvents: pastEventsReq.data.items,
+      futureEvents: futureEventsReq.data.items,
+    }
+
+    res.status(200).send(JSON.stringify(response))
+  } catch (error) {
+    console.error(error)
+    res.status(500).send(
+      JSON.stringify({
+        msg: "Something went wrong with requesting the calendar events data.",
+      })
+    )
+  }
 }
 
 export default handler

src/api/defipulse.ts

@@ -1,15 +1,37 @@
+import axios from "axios"
+import takeRightWhile from "lodash/takeRightWhile"
 import type { GatsbyFunctionRequest, GatsbyFunctionResponse } from "gatsby"
 
-import { lambda } from "../lambda/defipulse"
-
 async function handler(
   __req: GatsbyFunctionRequest,
   res: GatsbyFunctionResponse
 ): Promise<void> {
-  // passing env vars as arguments due to a bug on GC functions where env vars
-  // can not be accessed by imported functions
-  const { statusCode, body } = await lambda()
-  res.status(statusCode).send(body)
+  try {
+    const response = await axios.get(`https://api.llama.fi/charts/Ethereum`)
+    if (response.status < 200 || response.status >= 300) {
+      return res
+        .status(response.status)
+        .send(JSON.stringify(response.statusText))
+    }
+
+    const { data } = response
+
+    // get only the last 90 days
+    const daysToFetch = 90
+    const now = new Date()
+    const startDate = new Date(now.setDate(now.getDate() - daysToFetch))
+    const startTimestamp = Math.round(startDate.getTime() / 1000)
+
+    const trimmedData = takeRightWhile(
+      data,
+      ({ date }) => Number(date) > startTimestamp
+    )
+
+    res.status(200).send(JSON.stringify(trimmedData))
+  } catch (error) {
+    console.error(error)
+    res.status(500).send(JSON.stringify({ msg: (error as Error)?.message }))
+  }
 }
 
 export default handler

src/api/etherscan.ts

@@ -1,15 +1,33 @@
+import axios from "axios"
 import { GatsbyFunctionRequest, GatsbyFunctionResponse } from "gatsby"
 
-import { lambda } from "../lambda/etherscan"
-
 async function handler(
   __req: GatsbyFunctionRequest,
   res: GatsbyFunctionResponse
 ) {
-  // passing env vars as arguments due to a bug on GC functions where env vars
-  // can not be accessed by imported functions
-  const { statusCode, body } = await lambda(process.env.ETHERSCAN_API_KEY)
-  res.status(statusCode).send(body)
+  const apiKey = process.env.ETHERSCAN_API_KEY
+
+  const daysToFetch = 90
+  const now = new Date()
+  const endDate = now.toISOString().split("T")[0] // YYYY-MM-DD
+  const startDate = new Date(now.setDate(now.getDate() - daysToFetch))
+    .toISOString()
+    .split("T")[0] // {daysToFetch} days ago
+  try {
+    const response = await axios.get(
+      `https://api.etherscan.io/api?module=stats&action=nodecounthistory&startdate=${startDate}&enddate=${endDate}&sort=desc&apikey=${apiKey}`
+    )
+    if (response.status < 200 || response.status >= 300) {
+      return res
+        .status(response.status)
+        .send(JSON.stringify(response.statusText))
+    }
+    const { data } = response
+    res.status(200).send(JSON.stringify(data))
+  } catch (error) {
+    console.error(error)
+    res.status(500).send(JSON.stringify({ msg: (error as Error).message }))
+  }
 }
 
 export default handler

src/api/etherscanBlock.ts

@@ -1,15 +1,26 @@
+import axios from "axios"
 import { GatsbyFunctionRequest, GatsbyFunctionResponse } from "gatsby"
 
-import { lambda } from "../lambda/etherscanBlock"
-
 async function handler(
   __req: GatsbyFunctionRequest,
   res: GatsbyFunctionResponse
 ) {
-  // passing env vars as arguments due to a bug on GC functions where env vars
-  // can not be accessed by imported functions
-  const { statusCode, body } = await lambda(process.env.ETHERSCAN_API_KEY)
-  res.status(statusCode).send(body)
+  const apiKey = process.env.ETHERSCAN_API_KEY
+
+  try {
+    const response = await axios.get(
+      `https://api.etherscan.io/api?module=block&action=getblockcountdown&blockno=12965000&apikey=${apiKey}`
+    )
+    if (response.status < 200 || response.status >= 300) {
+      return res.status(response.status).send(response.statusText)
+    }
+
+    const { data } = response
+    res.status(200).send(JSON.stringify(data.result.EstimateTimeInSec || 0))
+  } catch (error) {
+    console.error(error)
+    res.status(500).send(JSON.stringify({ msg: (error as Error).message }))
+  }
 }
 
 export default handler