Merge branch 'dev' into layout-algolia

Author: wackerow

.all-contributorsrc

@@ -10830,6 +10830,69 @@
       "contributions": [
         "content"
       ]
+    },
+    {
+      "login": "Erlangshen219",
+      "name": "Erlangshen219",
+      "avatar_url": "https://avatars.githubusercontent.com/u/104747507?v=4",
+      "profile": "https://github.com/Erlangshen219",
+      "contributions": [
+        "content"
+      ]
+    },
+    {
+      "login": "AyDeveloper",
+      "name": "AyDeveloper",
+      "avatar_url": "https://avatars.githubusercontent.com/u/72970379?v=4",
+      "profile": "https://oxpampam.netlify.app/",
+      "contributions": [
+        "content"
+      ]
+    },
+    {
+      "login": "jeremyfritzen",
+      "name": "jeremyfritzen",
+      "avatar_url": "https://avatars.githubusercontent.com/u/26802442?v=4",
+      "profile": "https://github.com/jeremyfritzen",
+      "contributions": [
+        "content"
+      ]
+    },
+    {
+      "login": "fuzheng1998",
+      "name": "Zheng Fu",
+      "avatar_url": "https://avatars.githubusercontent.com/u/24203166?v=4",
+      "profile": "https://github.com/fuzheng1998",
+      "contributions": [
+        "code"
+      ]
+    },
+    {
+      "login": "xiaolou86",
+      "name": "xiaolou86",
+      "avatar_url": "https://avatars.githubusercontent.com/u/20718693?v=4",
+      "profile": "https://github.com/xiaolou86",
+      "contributions": [
+        "content"
+      ]
+    },
+    {
+      "login": "aztecEagle22",
+      "name": "aztecEagle22",
+      "avatar_url": "https://avatars.githubusercontent.com/u/152518936?v=4",
+      "profile": "https://github.com/aztecEagle22",
+      "contributions": [
+        "content"
+      ]
+    },
+    {
+      "login": "Messi-Q",
+      "name": "QIAN",
+      "avatar_url": "https://avatars.githubusercontent.com/u/21357985?v=4",
+      "profile": "https://github.com/Messi-Q",
+      "contributions": [
+        "content"
+      ]
     }
   ],
   "contributorsPerLine": 7,

.eslintrc.json

@@ -1,5 +1,5 @@
 {
-  "extends": ["next/core-web-vitals", "prettier"],
+  "extends": ["next/core-web-vitals", "prettier", "plugin:storybook/recommended"],
   "env": { "es6": true },
   "plugins": ["simple-import-sort"],
   "rules": {

.github/CODEOWNERS

@@ -8,4 +8,4 @@
 *       @wackerow @corwintines @pettinarip @minimalsm @nhsz
 
 # Owners of specific files
-/src/data/consensus-bounty-hunters.csv @djrtwo @asanso @fredriksvantes
+/src/data/consensus-bounty-hunters.json @djrtwo @asanso @fredriksvantes

.github/labeler.yml

@@ -1,34 +1,42 @@
 "review needed :eyes:":
   - src/**/*
+  - public/*
 
 "documentation :book:":
   - README.md
 
 "tooling :wrench:":
   - .github/**/*
   - src/scripts/*
-  - netlify.toml
+  - src/lib/*
+  - src/hooks/*
 
 "dependencies :package:":
   - package.json
   - yarn.lock
 
 "internal :house:":
-  - gatsby-browser.js
-  - gatsby-config.js
-  - gatsby-node.js
-  - gatsby-ssr.js
   - .all-contributorsrc
+  - i18n.config.json
+  - next.config.js
+  - next-i18next.config,js
+  - next-sitemap.config.js
+  - tsconfig.json
+  - .nvmrc
+  - .eslintignore
+  - .eslintrc.json
+  - .prettierignore
+  - .prettierrc
+  - netlify.toml
 
 "translation :earth_africa:":
-  - /content/translations/**/*
-  - src/intl/*
-  - src/utils/translations.js
+  - src/content/translations/**/*
+  - src/intl/**/*
+  - src/lib/utils/translations.ts
 
 "content :fountain_pen:":
   - src/pages/*
-  - src/pages-conditional/*
-  - /content/**/*
+  - public/content/**/*
 
 "event :date:":
   - src/data/community-events.json

.gitignore

@@ -41,5 +41,8 @@ feed.xml
 # Sitemaps
 sitemap*.xml
 
+# Robots.txt
+robots.txt
+
 # Local Netlify folder
 .netlify

.storybook/i18next.ts

@@ -0,0 +1,61 @@
+import i18n, { Resource } from "i18next"
+import { initReactI18next } from "react-i18next"
+
+export const baseLocales = {
+  en: { title: "English", left: "En" },
+  zh: { title: "中国人", left: "Zh" },
+  ru: { title: "Русский", left: "Ru" },
+  uk: { title: "українська", left: "Uk" },
+}
+
+// Only i18n files named in this array are being exposed to Storybook. Add filenames as necessary.
+const ns = [
+  "common",
+  "glossary",
+  "page-about",
+  "page-index",
+  "page-learn",
+  "page-upgrades",
+  "page-developers-index",
+]
+const supportedLngs = Object.keys(baseLocales)
+
+/**
+ * Taking the ns array and generating those files for each language available.
+ */
+const resources: Resource = ns.reduce((acc, n) => {
+  supportedLngs.forEach((lng) => {
+    if (!acc[lng]) acc[lng] = {}
+
+    try {
+      acc[lng] = {
+        ...acc[lng],
+        [n]: {
+          ...acc[lng][n],
+          ...require(`../src/intl/${lng}/${n}.json`),
+        },
+      }
+    } catch {
+      acc[lng] = {
+        ...acc[lng],
+        [n]: {
+          ...acc[lng][n],
+          ...require(`../src/intl/en/${n}.json`),
+        },
+      }
+    }
+  })
+
+  return acc
+}, {})
+
+i18n.use(initReactI18next).init({
+  debug: true,
+  fallbackLng: "en",
+  interpolation: { escapeValue: false },
+  react: { useSuspense: false },
+  supportedLngs,
+  resources,
+})
+
+export default i18n

.storybook/main.ts

@@ -0,0 +1,76 @@
+import path from "path"
+
+import type { StorybookConfig } from "@storybook/nextjs"
+import { propNames } from "@chakra-ui/react"
+
+/**
+ * Note regarding package.json settings related to Storybook:
+ *
+ * There is a resolutions option set for the package `jackspeak`. This is related to a
+ * workaround provided to make sure storybook ( as of v7.5.2) works correctly with
+ * Yarn v1
+ *
+ * Reference: https://github.com/storybookjs/storybook/issues/22431#issuecomment-1630086092
+ *
+ * The primary recommendation is to upgrade to Yarn 3 if possible
+ */
+
+/**
+ * Temporary list of allowed stories during migration to NextJS
+ */
+const tempStoryList = ["../src/components/Buttons/**/*.stories.@(ts|tsx)"]
+
+const config: StorybookConfig = {
+  stories: tempStoryList,
+  addons: [
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+    "@storybook/addon-onboarding",
+    "@storybook/addon-interactions",
+    "@chakra-ui/storybook-addon",
+    "storybook-react-i18next"
+  ],
+  staticDirs: ["../public"],
+  framework: {
+    name: "@storybook/nextjs",
+    options: {},
+  },
+  docs: {
+    autodocs: "tag",
+  },
+  refs: {
+    "@chakra-ui/react": {
+      disable: true,
+    },
+  },
+  webpackFinal: async (config: any) => {
+    // Add path aliases
+    config.resolve.alias["@"] = path.resolve(__dirname, "../src")
+    config.resolve.alias["@/public"] = path.resolve(__dirname, "../public")
+
+    return config
+  },
+  typescript: {
+    reactDocgenTypescriptOptions: {
+      shouldExtractLiteralValuesFromEnum: true,
+      /**
+       * For handling bloated controls table of Chakra Props
+       *
+       * https://github.com/chakra-ui/chakra-ui/issues/2009#issuecomment-852793946
+       */
+      propFilter: (prop) => {
+        const excludedPropNames = propNames.concat([
+          "as",
+          "apply",
+          "sx",
+          "__css",
+        ])
+        const isStyledSystemProp = excludedPropNames.includes(prop.name)
+        const isHTMLElementProp =
+          prop.parent?.fileName.includes("node_modules") ?? false
+        return !(isStyledSystemProp || isHTMLElementProp)
+      },
+    },
+  },
+}
+export default config

.storybook/manager.ts

@@ -0,0 +1,14 @@
+import { addons } from "@storybook/manager-api"
+import theme from "./theme"
+// @ts-ignore
+import favicon from "../public/favicon.png"
+
+addons.setConfig({
+  theme,
+})
+
+// In order to override the default favicon, and inject a data hash link to the png
+const link = document.createElement("link")
+link.setAttribute("rel", "shortcut icon")
+link.setAttribute("href", favicon)
+document.head.appendChild(link)

.storybook/preview-logo.svg

@@ -0,0 +1,66 @@
+import { extendBaseTheme } from "@chakra-ui/react"
+import type { Preview } from "@storybook/react"
+
+import theme from "../src/@chakra-ui/theme"
+
+import i18n, { baseLocales } from "./i18next"
+
+const extendedTheme = extendBaseTheme(theme)
+
+const chakraBreakpointArray = Object.entries(extendedTheme.breakpoints)
+
+const preview: Preview = {
+  globals: {
+    locale: 'en',
+    locales: baseLocales,
+  },
+  parameters: {
+    i18n,
+    actions: { argTypesRegex: "^on[A-Z].*" },
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+    backgrounds: {
+      disable: true,
+    },
+    chakra: {
+      theme: extendedTheme,
+    },
+    layout: "centered",
+    // Modify viewport selection to match Chakra breakpoints (or custom breakpoints)
+    viewport: {
+      viewports: chakraBreakpointArray.reduce((prevVal, currVal) => {
+        const [token, key] = currVal
+
+        // Replace base value
+        if (token === "base")
+          return {
+            ...prevVal,
+            base: {
+              name: "base",
+              styles: {
+                width: "375px", // A popular minimum mobile width
+                height: "600px",
+              },
+            },
+          }
+
+        return {
+          ...prevVal,
+          [token]: {
+            name: token,
+            styles: {
+              width: key,
+              height: "600px",
+            },
+          },
+        }
+      }, {}),
+    },
+  },
+}
+
+export default preview