Deploy v11.2.0

.all-contributorsrc

@@ -14094,6 +14094,42 @@
       "contributions": [
         "content"
       ]
+    },
+    {
+      "login": "0xSachinK",
+      "name": "Sachin",
+      "avatar_url": "https://avatars.githubusercontent.com/u/73331595?v=4",
+      "profile": "https://github.com/0xSachinK",
+      "contributions": [
+        "maintenance"
+      ]
+    },
+    {
+      "login": "nxxck",
+      "name": "nxxck",
+      "avatar_url": "https://avatars.githubusercontent.com/u/48026464?v=4",
+      "profile": "https://github.com/nxxck",
+      "contributions": [
+        "content"
+      ]
+    },
+    {
+      "login": "nexonik2",
+      "name": "Nexonik",
+      "avatar_url": "https://avatars.githubusercontent.com/u/262324427?v=4",
+      "profile": "https://github.com/Nexonik2",
+      "contributions": [
+        "content"
+      ]
+    },
+    {
+      "login": "lo996",
+      "name": "lo996",
+      "avatar_url": "https://avatars.githubusercontent.com/u/136587632?v=4",
+      "profile": "https://github.com/lo996",
+      "contributions": [
+        "maintenance"
+      ]
     }
   ],
   "contributorsPerLine": 7,

.github/workflows/branch-task.yml

@@ -0,0 +1,10 @@
+name: Branch Task
+
+on:
+  workflow_dispatch:
+
+jobs:
+  stub:
+    runs-on: ubuntu-latest
+    steps:
+      - run: echo "ok"

.lintstagedrc.js

@@ -1,9 +1,9 @@
 const path = require("path")
 
 const buildEslintCommand = (filenames) =>
-  `next lint --fix --file ${filenames
+  `eslint --fix ${filenames
     .map((f) => path.relative(process.cwd(), f))
-    .join(" --file ")}`
+    .join(" ")}`
 
 const formatCommand = "prettier --write"
 

.storybook/main.ts

@@ -14,27 +14,22 @@ const config: StorybookConfig = {
     "../src/layouts/stories/*.stories.tsx",
     "../src/styles/*.stories.tsx",
   ],
+
   addons: [
     "@storybook/addon-links",
-    {
-      name: "@storybook/addon-essentials",
-      options: {
-        backgrounds: false,
-      },
-    },
-    "@storybook/addon-interactions",
     "@storybook/addon-themes",
     "@chromatic-com/storybook",
     "storybook-next-intl",
+    "@storybook/addon-docs",
   ],
+
   staticDirs: ["../public"],
+
   framework: {
     name: "@storybook/nextjs",
     options: {},
   },
-  docs: {
-    autodocs: "tag",
-  },
+
   webpackFinal: async (config) => {
     config.module = config.module || {}
     config.module.rules = config.module.rules || []
@@ -75,15 +70,18 @@ const config: StorybookConfig = {
 
     return config
   },
+
   typescript: {
     reactDocgenTypescriptOptions: {
       shouldExtractLiteralValuesFromEnum: true,
     },
 
     reactDocgen: "react-docgen-typescript",
   },
+
   features: {
     experimentalRSC: true,
+    backgrounds: false,
   },
 }
 export default config

.storybook/manager.ts

@@ -1,4 +1,4 @@
-import { addons } from "@storybook/manager-api"
+import { addons } from "storybook/manager-api"
 
 import favicon from "../public/images/eth-home-icon.png"
 

.storybook/next-intl.ts

@@ -29,35 +29,37 @@ const supportedLngs = Object.keys(baseLocales)
 
 /**
  * Taking the ns array and generating those files for each language available.
+ * Uses require() because this file is bundled by webpack for the browser —
+ * webpack resolves require() at build time. Node-only APIs like fs or
+ * import.meta.dirname do not work here.
  */
-const messagesByLocale = ns.reduce((acc, n) => {
-  supportedLngs.forEach((lng) => {
-    if (!acc[lng]) acc[lng] = {}
+const messagesByLocale = 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`),
-        },
+      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`),
+          },
+        }
       }
-    } catch {
-      acc[lng] = {
-        ...acc[lng],
-        [n]: {
-          ...acc[lng][n],
-          ...require(`../src/intl/en/${n}.json`),
-        },
-      }
-    }
-  })
+    })
 
-  return acc
-}, {})
-console.log(
-  "🚀 ~ constresources:Resource=ns.reduce ~ resources:",
-  messagesByLocale
+    return acc
+  },
+  {} as Record<string, Record<string, Record<string, string>>>
 )
 
 const nextIntl = {

.storybook/preview.tsx

@@ -1,7 +1,7 @@
 import isChromatic from "chromatic/isChromatic"
 import { MotionGlobalConfig } from "motion/react"
 import { IBM_Plex_Mono, Inter } from "next/font/google"
-import type { Preview } from "@storybook/react"
+import type { Preview } from "@storybook/nextjs"
 
 import ThemeProvider from "@/components/ThemeProvider"
 import { TooltipProvider } from "@/components/ui/tooltip"
@@ -40,10 +40,6 @@ export const breakpointSet: [token: string, value: string][] = [
 ]
 
 const preview: Preview = {
-  globals: {
-    locale: "en",
-    locales: baseLocales,
-  },
   decorators: [
     withNextThemes({
       themes: {
@@ -81,7 +77,7 @@ const preview: Preview = {
     layout: "centered",
     // Modify viewport selection to match Chakra breakpoints (or custom breakpoints)
     viewport: {
-      viewports: breakpointSet.reduce<{
+      options: breakpointSet.reduce<{
         [token: string]: {
           name: string
           styles: Record<"width" | "height", string>
@@ -100,6 +96,10 @@ const preview: Preview = {
       }, {}),
     },
   },
+  initialGlobals: {
+    locale: "en",
+    locales: baseLocales,
+  },
 }
 
 export default preview

.storybook/theme.ts

@@ -1,4 +1,4 @@
-import { create } from "@storybook/theming"
+import { create } from "storybook/theming"
 
 export default create({
   base: "dark",

.storybook/withNextThemes.ts

@@ -4,7 +4,7 @@ import {
   type DataAttributeStrategyConfiguration,
   DecoratorHelpers,
 } from "@storybook/addon-themes"
-import type { Decorator } from "@storybook/react/*"
+import type { Decorator } from "@storybook/nextjs"
 
 const { initializeThemeState, pluckThemeFromContext } = DecoratorHelpers
 

AGENTS.md

@@ -154,6 +154,7 @@ pnpm events-import         # Import community events
 6. **Consider i18n** - All user-facing text should be translatable (use `getTranslations` and `getLocale`)
 7. **Mobile-first** - Design for mobile, enhance for desktop
 8. **Accessibility** - Use Radix primitives, semantic HTML
+9. **Use locale-aware formatting wrappers** - Use `numberFormat()` from `src/lib/utils/numbers.ts` instead of `new Intl.NumberFormat()`, and `dateTimeFormat()` from `src/lib/utils/date.ts` instead of `new Intl.DateTimeFormat()` / `.toLocaleDateString()` / `.toLocaleTimeString()`. Both enforce correct numbering systems and calendar for Urdu and Arabic locales.
 
 ### Component Development
 

README.md

@@ -2195,6 +2195,10 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
     <tr>
       <td align="center" valign="top" width="14.28%"><a href="https://mushow.uk/"><img src="https://avatars.githubusercontent.com/u/105550256?v=4?s=100" width="100px;" alt="0xMushow"/><br /><sub><b>0xMushow</b></sub></a><br /><a href="#maintenance-0xMushow" title="Maintenance">🚧</a></td>
       <td align="center" valign="top" width="14.28%"><a href="http://samlaf.github.io/"><img src="https://avatars.githubusercontent.com/u/9342524?v=4?s=100" width="100px;" alt="Samuel Laferriere"/><br /><sub><b>Samuel Laferriere</b></sub></a><br /><a href="#content-samlaf" title="Content">🖋</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/0xSachinK"><img src="https://avatars.githubusercontent.com/u/73331595?v=4?s=100" width="100px;" alt="Sachin"/><br /><sub><b>Sachin</b></sub></a><br /><a href="#maintenance-0xSachinK" title="Maintenance">🚧</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/nxxck"><img src="https://avatars.githubusercontent.com/u/48026464?v=4?s=100" width="100px;" alt="nxxck"/><br /><sub><b>nxxck</b></sub></a><br /><a href="#content-nxxck" title="Content">🖋</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Nexonik2"><img src="https://avatars.githubusercontent.com/u/262324427?v=4?s=100" width="100px;" alt="Nexonik"/><br /><sub><b>Nexonik</b></sub></a><br /><a href="#content-nexonik2" title="Content">🖋</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/lo996"><img src="https://avatars.githubusercontent.com/u/136587632?v=4?s=100" width="100px;" alt="lo996"/><br /><sub><b>lo996</b></sub></a><br /><a href="#maintenance-lo996" title="Maintenance">🚧</a></td>
     </tr>
   </tbody>
 </table>

app/[locale]/10years/_components/TenYearHero.tsx

@@ -7,11 +7,8 @@ import Morpher from "@/components/Morpher/lazy"
 import TenYearBackgroundImage from "@/public/images/10-year-anniversary/10-year-background.png"
 import TenYearGraphicImage from "@/public/images/10-year-anniversary/10-year-graphic.png"
 
-const TenYearHero = async ({ locale }: { locale: string }) => {
-  const t = await getTranslations({
-    locale,
-    namespace: "page-10-year-anniversary",
-  })
+const TenYearHero = async () => {
+  const t = await getTranslations("page-10-year-anniversary")
 
   const WORDS = [
     t("page-10-year-censorship-resistance"),

app/[locale]/10years/_components/torchHoldersData.ts

@@ -1,3 +1,5 @@
+import { dateTimeFormat } from "@/lib/utils/date"
+
 /**
  * Pre-computed static torch holders data
  * This data is final and will not be updated (the torch has been burned)
@@ -229,13 +231,13 @@ export const extractTwitterHandle = (twitterUrl: string): string | null => {
 
 export const formatTorchDate = (timestamp: number): string => {
   const date = new Date(timestamp * 1000)
-  const month = date.toLocaleDateString("en-US", { month: "long" })
+  const month = dateTimeFormat("en-US", { month: "long" }).format(date)
   const day = date.getDate().toString().padStart(2, "0")
-  const time = date.toLocaleTimeString("en-US", {
+  const time = dateTimeFormat("en-US", {
     hour: "numeric",
     minute: "2-digit",
     hour12: true,
-  })
+  }).format(date)
 
   return `${month} ${day}, ${time}`
 }

app/[locale]/10years/_components/utils.ts

@@ -1,4 +1,4 @@
-import { getLocale, getTranslations } from "next-intl/server"
+import { getTranslations } from "next-intl/server"
 
 import { formatDate, isValidDate } from "@/lib/utils/date"
 
@@ -46,11 +46,7 @@ export const parseStoryDates = (
   }))
 
 export const getInnovationCards = async (): Promise<InnovationCard[]> => {
-  const locale = await getLocale()
-  const t = await getTranslations({
-    locale,
-    namespace: "page-10-year-anniversary",
-  })
+  const t = await getTranslations("page-10-year-anniversary")
   return [
     {
       image: EthereumLaunchImage,
@@ -80,11 +76,7 @@ export const getInnovationCards = async (): Promise<InnovationCard[]> => {
 }
 
 export const getAdoptionCards = async (): Promise<AdoptionCard[]> => {
-  const locale = await getLocale()
-  const t = await getTranslations({
-    locale,
-    namespace: "page-10-year-anniversary",
-  })
+  const t = await getTranslations("page-10-year-anniversary")
   return [
     {
       image: Adoption1Image,

app/[locale]/10years/page-jsonld.tsx

@@ -17,9 +17,7 @@ export default async function TenYearJsonLD({
   locale: string
   contributors: FileContributor[]
 }) {
-  const t = await getTranslations({
-    namespace: "page-10-year-anniversary",
-  })
+  const t = await getTranslations("page-10-year-anniversary")
 
   const url = normalizeUrlForJsonLd(locale, "/10years/")
 

app/[locale]/10years/page.tsx

@@ -57,10 +57,7 @@ const Page = async (props: { params: Promise<PageParams> }) => {
   const requiredNamespaces = getRequiredNamespacesForPage("/10years")
   const messages = pick(allMessages, requiredNamespaces)
 
-  const t = await getTranslations({
-    locale,
-    namespace: "page-10-year-anniversary",
-  })
+  const t = await getTranslations("page-10-year-anniversary")
 
   const innovationCards = await getInnovationCards()
   const adoptionCards = await getAdoptionCards()
@@ -74,7 +71,7 @@ const Page = async (props: { params: Promise<PageParams> }) => {
     <>
       <TenYearJsonLD locale={locale} contributors={contributors} />
       <MainArticle className="mx-auto flex w-full flex-col items-center">
-        <TenYearHero locale={locale} />
+        <TenYearHero />
 
         <div
           className={cn(
@@ -382,10 +379,7 @@ export async function generateMetadata(props: {
   const params = await props.params
   const { locale } = params
 
-  const t = await getTranslations({
-    locale,
-    namespace: "page-10-year-anniversary",
-  })
+  const t = await getTranslations("page-10-year-anniversary")
 
   return await getMetadata({
     locale,

app/[locale]/[...slug]/page.tsx

@@ -133,7 +133,7 @@ export async function generateMetadata(props: {
       slug,
     })
   } catch (error) {
-    const t = await getTranslations({ locale, namespace: "common" })
+    const t = await getTranslations("common")
 
     // Return basic metadata for invalid paths
     return {

app/[locale]/apps/[application]/page.tsx

@@ -55,7 +55,7 @@ const Page = async (props: {
   setRequestLocale(locale)
 
   // Get translations
-  const t = await getTranslations({ locale, namespace: "page-apps" })
+  const t = await getTranslations("page-apps")
 
   // Get i18n messages
   const allMessages = await getMessages({ locale })