Merge branch 'dev' into performance/find-wallets-optimizations

Author: pettinarip

.all-contributorsrc

@@ -12096,6 +12096,33 @@
       "contributions": [
         "doc"
       ]
+    },
+    {
+      "login": "yunseonna",
+      "name": "yunseon na",
+      "avatar_url": "https://avatars.githubusercontent.com/u/148749864?v=4",
+      "profile": "https://github.com/yunseonna",
+      "contributions": [
+        "doc"
+      ]
+    },
+    {
+      "login": "alex1092",
+      "name": "Alex",
+      "avatar_url": "https://avatars.githubusercontent.com/u/59183749?v=4",
+      "profile": "https://github.com/alex1092",
+      "contributions": [
+        "code"
+      ]
+    },
+    {
+      "login": "kyndrawynne",
+      "name": "kyndrawynne",
+      "avatar_url": "https://avatars.githubusercontent.com/u/108100622?v=4",
+      "profile": "https://github.com/kyndrawynne",
+      "contributions": [
+        "bug"
+      ]
     }
   ],
   "contributorsPerLine": 7,

.eslintrc.json

@@ -30,6 +30,8 @@
           ["^@/data"],
           // From the `constants` directory.
           ["^@/lib/constants"],
+          // From the `.storybook/utils` file
+          ["^@/storybook-utils"],
           // Parent imports. Put `..` last.
           ["^\\.\\.(?!/?$)", "^\\.\\./?$"],
           // Other relative imports. Put same-folder imports and `.` last.

.github/workflows/build-crowdin.yml

@@ -0,0 +1,68 @@
+name: Crowdin CI
+
+on:
+  schedule:
+    - cron: "20 4 1 * *" # Runs at 4:20 AM on the first day of every month
+  workflow_dispatch: # Can be dispatched manually
+
+jobs:
+  create_approved_language_bucket_prs:
+    runs-on: ubuntu-latest
+    env:
+      CROWDIN_API_KEY: ${{ secrets.CROWDIN_API_KEY }}
+      CROWDIN_PROJECT_ID: ${{ secrets.CROWDIN_PROJECT_ID }}
+      GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
+    steps:
+      # Set up environment
+      - name: Check out code
+        uses: actions/checkout@v3
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18
+
+      - name: Install dependencies
+        run: yarn install
+
+      - name: Install ts-node
+        run: yarn global add ts-node
+
+      - name: Set up git
+        run: |
+          git config --global user.email "[email protected]"
+          git config --global user.name "GitHub Action"
+
+      - name: Fetch latest dev
+        run: git fetch origin dev
+
+      # Build translations
+      - name: Build Crowdin project
+        id: build-crowdin
+        run: |
+          npx ts-node -O '{"module":"commonjs"}' ./src/scripts/crowdin/translations/triggerBuild.ts;
+          grep BUILD_ID output.env >> $GITHUB_ENV;
+
+      - name: Await latest build to finish
+        run: npx ts-node -O '{"module":"commonjs"}' ./src/scripts/crowdin/translations/awaitLatestBuild.ts
+
+      - name: Check build success
+        run: |
+          if [ $(grep BUILD_SUCCESS output.env | cut -d'=' -f2) = false ]; then
+            echo "Build timed out, exiting"
+            exit 1
+          fi
+        shell: bash
+
+      # Prepare bucket ids
+      - name: Get latest translation bucket directory ids
+        run: npx ts-node -O '{"module":"commonjs"}' ./src/scripts/crowdin/translations/getBucketDirectoryIds.ts
+
+      # Import approved translations
+      - name: Get translations
+        run: npx ts-node -O '{"module":"commonjs"}' ./src/scripts/crowdin/translations/getTranslations.ts
+
+      # Post updates as language-specific PRs
+      - name: Process commits and post PRs by language
+        run: npx ts-node -O '{"module":"commonjs"}' ./src/scripts/crowdin/translations/postLangPRs.ts

.github/workflows/crowdin-ci.yml

@@ -50,8 +50,9 @@ robots.txt
 # .crowdin folder used as temp forlder for crowdin-import script
 .crowdin
 
-# vscode workplace configuration
+# workplace configuration
 .vscode
+.idea
 
 # Crowdin report output
 src/data/crowdin/bucketsAwaitingReviewReport.csv

.github/workflows/get-translations.yml

@@ -10,7 +10,7 @@ export const baseLocales = {
 }
 
 // Only i18n files named in this array are being exposed to Storybook. Add filenames as necessary.
-const ns = [
+export const ns = [
   "common",
   "glossary",
   "learn-quizzes",
@@ -19,7 +19,7 @@ const ns = [
   "page-learn",
   "page-upgrades",
   "page-developers-index",
-]
+] as const
 const supportedLngs = Object.keys(baseLocales)
 
 /**

.gitignore

@@ -1,6 +1,5 @@
 import { addons } from "@storybook/manager-api"
 import theme from "./theme"
-// @ts-ignore
 import favicon from "../public/favicon.png"
 
 addons.setConfig({

.storybook/i18next.ts

@@ -0,0 +1,48 @@
+import { baseLocales } from "./i18next"
+import { chakraBreakpointArray } from "./preview"
+
+export const viewportModes = chakraBreakpointArray.reduce<{
+  [mode: string]: { viewport: string }
+}>((arr, [token]) => {
+  return {
+    ...arr,
+    [token]: {
+      viewport: token,
+    },
+  }
+}, {})
+
+export const langModes = Object.keys(baseLocales).reduce<{
+  [locale: string]: { locale: string }
+}>((arr, curr) => {
+  return {
+    ...arr,
+    [curr]: {
+      locale: curr,
+    },
+  }
+}, {})
+
+type LangViewModeObj = {
+  [key: string]: { viewport: string; locale: string }
+}
+
+export const langViewportModes = Object.entries(
+  viewportModes
+).reduce<LangViewModeObj>((arr, curr) => {
+  const [viewKey, viewVal] = curr
+
+  const currLangViewObj = {} as LangViewModeObj
+
+  Object.entries(langModes).forEach(([langKey, langVal]) => {
+    currLangViewObj[`${langKey}-${viewKey}`] = {
+      viewport: viewVal.viewport,
+      locale: langVal.locale,
+    }
+  })
+
+  return {
+    ...arr,
+    ...currLangViewObj,
+  }
+}, {})

.storybook/manager.ts

@@ -11,7 +11,7 @@ import { MotionGlobalConfig } from "framer-motion"
 
 MotionGlobalConfig.skipAnimations = isChromatic()
 
-const chakraBreakpointArray = Object.entries(theme.breakpoints) as [
+export const chakraBreakpointArray = Object.entries(theme.breakpoints) as [
   string,
   string
 ][]