Merge remote-tracking branch 'origin/dev' into refactor/update-hero-ds

Author: TylerAPfledderer

.all-contributorsrc

@@ -11490,7 +11490,8 @@
       "avatar_url": "https://avatars.githubusercontent.com/u/72754835?v=4",
       "profile": "https://github.com/0xemrekaya",
       "contributions": [
-        "tutorial"
+        "tutorial",
+        "doc"
       ]
     },
     {
@@ -11736,7 +11737,8 @@
       "avatar_url": "https://avatars.githubusercontent.com/u/61613931?v=4",
       "profile": "https://dharmik79.github.io/portfolio.github.io/",
       "contributions": [
-        "bug"
+        "bug",
+        "code"
       ]
     },
     {
@@ -11829,7 +11831,8 @@
       "avatar_url": "https://avatars.githubusercontent.com/u/8257719?v=4",
       "profile": "http://rashidma.com",
       "contributions": [
-        "bug"
+        "bug",
+        "doc"
       ]
     },
     {
@@ -11958,6 +11961,51 @@
       "contributions": [
         "maintenance"
       ]
+    },
+    {
+      "login": "liuye20240304",
+      "name": "liuye20240304",
+      "avatar_url": "https://avatars.githubusercontent.com/u/162123251?v=4",
+      "profile": "https://github.com/liuye20240304",
+      "contributions": [
+        "doc"
+      ]
+    },
+    {
+      "login": "zk-Lumi",
+      "name": "Daniel Lumi",
+      "avatar_url": "https://avatars.githubusercontent.com/u/149794418?v=4",
+      "profile": "https://zksync.io",
+      "contributions": [
+        "maintenance"
+      ]
+    },
+    {
+      "login": "ZakGriffith",
+      "name": "Zak G",
+      "avatar_url": "https://avatars.githubusercontent.com/u/12072395?v=4",
+      "profile": "https://github.com/ZakGriffith",
+      "contributions": [
+        "tutorial"
+      ]
+    },
+    {
+      "login": "barskhianfannie",
+      "name": "Fannie Barskhian",
+      "avatar_url": "https://avatars.githubusercontent.com/u/42990794?v=4",
+      "profile": "http://fanniebarskhian.com",
+      "contributions": [
+        "maintenance"
+      ]
+    },
+    {
+      "login": "ksdumont",
+      "name": "Keith Dumont",
+      "avatar_url": "https://avatars.githubusercontent.com/u/51958351?v=4",
+      "profile": "https://github.com/ksdumont",
+      "contributions": [
+        "content"
+      ]
     }
   ],
   "contributorsPerLine": 7,

.github/workflows/build-crowdin.yml

@@ -6,7 +6,7 @@ on:
   workflow_dispatch:
 
 jobs:
-  create_pr:
+  trigger_crowdin_project_build:
     runs-on: ubuntu-latest
     steps:
       - name: Check out code

.github/workflows/get-crowdin-contributors.yml

@@ -6,7 +6,7 @@ on:
   workflow_dispatch:
 
 jobs:
-  create_pr:
+  get_data_and_create_pr:
     runs-on: ubuntu-latest
     steps:
       - name: Check out code

.github/workflows/get-leaderboard-reports.yml

@@ -6,7 +6,7 @@ on:
   workflow_dispatch:
 
 jobs:
-  create_pr:
+  get_data_and_create_pr:
     runs-on: ubuntu-latest
     steps:
       - name: Check out code

.github/workflows/get-translation-progress.yml

@@ -6,7 +6,7 @@ on:
   workflow_dispatch:
 
 jobs:
-  create_pr:
+  get_data_and_create_pr:
     runs-on: ubuntu-latest
     steps:
       - name: Check out code

.github/workflows/get-translations.yml

@@ -6,7 +6,7 @@ on:
   workflow_dispatch:
 
 jobs:
-  create_pr:
+  import_crowdin_and_create_prs:
     runs-on: ubuntu-latest
     steps:
       - name: Check out code

.github/workflows/import-community-events.yml

@@ -6,7 +6,7 @@ on:
   workflow_dispatch:
 
 jobs:
-  create_pr:
+  get_data_and_create_pr:
     runs-on: ubuntu-latest
     steps:
       - name: Check out code

.github/workflows/lighthouse-ci.yml

@@ -0,0 +1,105 @@
+name: Lighthouse CI
+
+on:
+  push:
+    branches:
+      - master
+      - staging
+      - performance/**
+
+jobs:
+  lighthouse:
+    runs-on: ubuntu-latest
+
+    permissions:
+      pull-requests: write
+
+    steps:
+      - uses: actions/checkout@v4
+      - name: Sleep for 60 minutes
+        run: sleep 3600
+      - name: Wait for Netlify Deploy
+        id: netlify_deploy
+        uses: probablyup/[email protected]
+        with:
+          site_id: "e8f2e766-888b-4954-8500-1b647d84db99"
+          max_timeout: 900
+        env:
+          NETLIFY_TOKEN: ${{ secrets.NETLIFY_TOKEN }}
+      - name: Audit URLs using Lighthouse
+        id: lighthouse_audit
+        uses: treosh/lighthouse-ci-action@v11
+        with:
+          urls: |
+            ${{ steps.netlify_deploy.outputs.url }}/en/
+            ${{ steps.netlify_deploy.outputs.url }}/en/wallets/find-wallet/
+            ${{ steps.netlify_deploy.outputs.url }}/en/staking/
+            ${{ steps.netlify_deploy.outputs.url }}/en/whitepaper/
+            ${{ steps.netlify_deploy.outputs.url }}/en/nft/
+            ${{ steps.netlify_deploy.outputs.url }}/en/developers/docs/intro-to-ethereum/
+            ${{ steps.netlify_deploy.outputs.url }}/en/developers/tutorials/creating-a-wagmi-ui-for-your-contract/
+          runs: 3 # run three times
+          uploadArtifacts: true # save results as an action artifacts
+          temporaryPublicStorage: true # upload lighthouse report to the temporary storage
+      - name: Format lighthouse score
+        id: format_lighthouse_score
+        uses: actions/github-script@v3
+        with:
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+          script: |
+            const manifests = ${{ steps.lighthouse_audit.outputs.manifest }};
+            const links = ${{ steps.lighthouse_audit.outputs.links }};
+            const formatResult = (res) => Math.round((res * 100));
+          
+            console.log('Total manifests:', manifests.length);
+            console.log('Manifests:', JSON.stringify(manifests, null, 2));
+            console.log('Links:', JSON.stringify(links, null, 2));
+          
+            let comment = [
+              '| Page | Performance | Accessibility | Best practices | SEO | PWA |',
+              '| --- | --- | --- | --- | --- | --- |',
+            ];
+
+            Object.entries(links).forEach(([pageUrl, reportUrl]) => {
+              const relevantManifests = manifests.filter(manifest => manifest.url === pageUrl);
+              const results = relevantManifests.map(manifest => manifest.summary);
+              const averagedResults = {};
+            
+              if (results.length > 0) {
+                Object.keys(results[0]).forEach(key => {
+                  averagedResults[key] = formatResult(
+                    results.reduce((acc, cur) => acc + cur[key], 0) / results.length
+                  );
+                });
+            
+                const score = res => res >= 90 ? '🟢' : res >= 50 ? '🟠' : '🔴';
+                const urlForTable = pageUrl.includes('/en/') ? pageUrl.substring(pageUrl.indexOf('/en/')) : pageUrl;
+            
+                comment.push(
+                  `| [${urlForTable}](${reportUrl}) | ${score(averagedResults.performance)} ${averagedResults.performance} | ${score(averagedResults.accessibility)} ${averagedResults.accessibility} | ${score(averagedResults['best-practices'])} ${averagedResults['best-practices']} | ${score(averagedResults.seo)} ${averagedResults.seo} | ${score(averagedResults.pwa)} ${averagedResults.pwa} |`
+                );
+              } else {
+                console.error('No results found for URL:', pageUrl);
+              }
+            });
+          
+            comment.push(
+              ' ',
+              '*Lighthouse scores are calculated based on the latest audit results*'
+            );
+          
+            comment = comment.join('\n');
+            core.setOutput("comment", comment);
+      - name: Find current PR # Find the PR associated with this push, if there is one.
+        uses: jwalton/[email protected]
+        id: findPr
+        with:
+          state: open
+      - name: Add Lighthouse stats as comment
+        id: comment_to_pr
+        uses: marocchino/[email protected]
+        with:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          number: ${{ steps.findPr.outputs.number }}
+          header: lighthouse
+          message: ${{ steps.format_lighthouse_score.outputs.comment }}

.github/workflows/stale.yml

@@ -3,6 +3,7 @@ name: Close Stale Issues
 on:
   schedule:
     - cron: "0 8 * * *"
+  workflow_dispatch:
 
 jobs:
   stale:
@@ -13,6 +14,8 @@ jobs:
         with:
           repo-token: ${{ secrets.GITHUB_TOKEN }}
           stale-issue-label: "Status: Stale"
-          stale-issue-message: "This issue is stale because it has been open 45 days with no activity."
-          days-before-stale: 45
+          stale-pr-label: "Status: Stale"
+          stale-issue-message: "This issue is stale because it has been open 30 days with no activity."
+          stale-pr-message: "This issue is stale because it has been open 30 days with no activity."
+          days-before-stale: 30
           days-before-close: -1

.storybook/preview.ts

@@ -9,7 +9,10 @@ import "../src/styles/global.css"
 
 const extendedTheme = extendBaseTheme(theme)
 
-const chakraBreakpointArray = Object.entries(extendedTheme.breakpoints)
+const chakraBreakpointArray = Object.entries(extendedTheme.breakpoints) as [
+  string,
+  string
+][]
 
 const preview: Preview = {
   globals: {
@@ -28,6 +31,11 @@ const preview: Preview = {
     backgrounds: {
       disable: true,
     },
+    options: {
+      storySort: {
+        order: ["Atoms", "Molecules", "Organisms", "Templates", "Pages"],
+      },
+    },
     chakra: {
       theme: extendedTheme,
     },
@@ -37,6 +45,9 @@ const preview: Preview = {
       viewports: chakraBreakpointArray.reduce((prevVal, currVal) => {
         const [token, key] = currVal
 
+        // `key` value is in em. Need to convert to px for Chromatic Story mode snapshots
+        const emToPx = (Number(key.replace("em", "")) * 16).toString() + "px"
+
         // Replace base value
         if (token === "base")
           return {
@@ -55,7 +66,7 @@ const preview: Preview = {
           [token]: {
             name: token,
             styles: {
-              width: key,
+              width: emToPx,
               height: "600px",
             },
           },