feat: improve accessibility and UX for ecosystem project cards

.buildkite/pipeline.yml

@@ -3,7 +3,7 @@ _shared_step: &shared_step
     - tools/ci/setup.sh
   plugins:
     - file:///buildkite/plugins/docker: &docker_plugin
-        image: 652969937640.dkr.ecr.us-east-1.amazonaws.com/containers/node:v16
+        image: 652969937640.dkr.ecr.us-east-1.amazonaws.com/containers/node:current
         always-pull: true
         propagate-environment: true
         propagate-uid-gid: true
@@ -40,4 +40,4 @@ steps:
     parallelism: 1
     commands:
       - tools/ci/setup.sh
-      - yarn lint
+      - yarn lint

.codeflow.yml

@@ -3,26 +3,18 @@ secure:
   required_reviews: 1
   requires_mfa: true
   requires_verified: true
-  upstream_repository: base-org/web
+  upstream_repository: base/web
+  branches:
+    - staging
 
 build:
   engines:
     - BaldurECR:
         name: web
         path: ./apps/web/Dockerfile
-    - BaldurECR:
-        name: docs
-        path: ./apps/base-docs/Dockerfile
-    - BaldurECR:
-        name: bridge
-        path: ./apps/bridge/Dockerfile
-    - BaldurECR:
-        name: goerli-bridge
-        path: ./apps/bridge/Dockerfile
-    - BaldurECR:
-        name: sepolia-bridge
-        path: ./apps/bridge/Dockerfile
+        architecture: arm64
+  multi_arch: true
 
 operate:
   slack_channels:
-    - "#base-codeflow-notifications"
+    - '#base-codeflow-notifications'

.eslintrc.js

@@ -12,12 +12,12 @@ module.exports = {
       ],
       rules: {
         'import/no-extraneous-dependencies': 'off',
+        'import/extensions': 'off',
       },
     },
   ],
   parserOptions: {
-    parser: '@typescript-eslint/parser',
-    project: './tsconfig.json',
+    EXPERIMENTAL_useProjectService: true,
   },
   plugins: ['react-perf', 'relay', '@typescript-eslint', 'import'],
   extends: [
@@ -27,16 +27,18 @@ module.exports = {
     'plugin:relay/strict',
   ],
   rules: {
+    'import/extensions': ['error', 'never'],
     'react/destructuring-assignment': 'off',
     'react/jsx-filename-extension': ['error', { extensions: ['.jsx', '.tsx', '.mdx'] }],
+    'react/react-in-jsx-scope': 'off',
 
     // We utilize prop spreading
     'react/jsx-props-no-spreading': 'off',
 
     // We utilize class properties
     'react/state-in-constructor': 'off',
 
-    // Dont use prop types since were using TypeScript
+    // Don't use prop types since we are using TypeScript
     'react/default-props-match-prop-types': 'off',
     'react/forbid-foreign-prop-types': 'off',
     'react/forbid-prop-types': 'off',
@@ -66,7 +68,7 @@ module.exports = {
 
     'react/jsx-one-expression-per-line': 'off',
 
-    // We dont use flow
+    // We don't use flow
     'relay/generated-flow-types': 'off',
 
     // Shorthand types
@@ -88,8 +90,9 @@ module.exports = {
     // Readability
     '@typescript-eslint/adjacent-overload-signatures': 'error',
     '@typescript-eslint/no-empty-interface': ['error', { allowSingleExtends: false }],
-    '@typescript-eslint/no-parameter-properties': 'error',
+    '@typescript-eslint/parameter-properties': 'error',
     '@typescript-eslint/no-unnecessary-boolean-literal-compare': 'error',
+    '@typescript-eslint/no-use-before-define': 'off',
 
     // Correctness
     '@typescript-eslint/switch-exhaustiveness-check': 'error',
@@ -101,7 +104,7 @@ module.exports = {
     '@typescript-eslint/no-unnecessary-type-constraint': 'error',
     '@typescript-eslint/prefer-for-of': 'error',
     '@typescript-eslint/prefer-literal-enum-member': 'error',
-    '@typescript-eslint/restrict-plus-operands': ['error', { checkCompoundAssignments: true }],
+    '@typescript-eslint/restrict-plus-operands': ['error', { skipCompoundAssignments: false }],
     '@typescript-eslint/unified-signatures': 'error',
 
     // Assertions
@@ -134,7 +137,7 @@ module.exports = {
     '@typescript-eslint/prefer-string-starts-ends-with': 'error',
 
     // Hard to migrate
-    // Errors for all try/catch blocks and any types from third-parties
+    // Errors for all try/catch blocks and any types from third parties
     '@typescript-eslint/no-unsafe-member-access': 'off',
   },
 };

.github/CODEOWNERS

@@ -1,2 +1 @@
-### AUTOGENERATED FILE
-### Run `yarn codeowners` to update
+./apps/web/ @base-org/based-apps-fe-reviewers

.github/ISSUE_TEMPLATE/docs_request.yml

@@ -30,4 +30,4 @@ body:
     id: other
     attributes:
       label: Additional context
-      description: Add any other context or screenshots about the concern can be added here.
+      description: Add any additional context or screenshots about the concern here.

.github/ISSUE_TEMPLATE/feature_request.yml

@@ -13,7 +13,7 @@ body:
     id: problem
     attributes:
       label: Is your feature request related to a problem? Please describe.
-      description: A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
+      description: A clear and concise description of what the problem is. e.g., I'm always frustrated when [...]
 
   - type: textarea
     id: solution
@@ -33,5 +33,5 @@ body:
     id: other
     attributes:
       label: Additional context
-      description: Add any other context or screenshots about the feature request here.
+      description: Add any additional context or screenshots about the feature request here.
 

.github/PULL_REQUEST_TEMPLATE.md

@@ -4,12 +4,13 @@
 
 **How has it been tested?**
 
-**Does this PR add a new token to the bridge?**
+Have you tested the following pages?
 
-Are you adding an entry to [`assets.ts`](../apps/bridge/assets.ts)?
-
-- [ ] No, this PR does not add a new token to the bridge
-- [ ] Yes, and I've confirmed this token doesn't use a bridge override
-- [ ] Yes, and I've confirmed this token is an OptimismMintableERC20
-
-If you are adding a token to the bridge, please include evidence of both confirmations above for your reviewers.
+BaseWeb
+- [] base.org
+- [] base.org/names
+- [] base.org/builders
+- [] base.org/ecosystem
+- [] base.org/name/jesse
+- [] base.org/manage-names
+- [] base.org/resources

.github/workflows/e2e-tests.yml

@@ -0,0 +1,61 @@
+name: E2E Tests
+
+on:
+  push:
+    branches: [master]
+  pull_request:
+    branches: [master]
+
+permissions:
+  contents: read
+
+jobs:
+  e2e:
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        node-version: [18.x]
+
+    steps:
+      - uses: actions/checkout@v3
+
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v3
+        with:
+          node-version: ${{ matrix.node-version }}
+          cache: 'yarn'
+
+      - name: Set E2E env variables
+        working-directory: apps/web
+        run: |
+          echo "NODE_ENV=development" > .env
+          echo "E2E_TEST_SEED_PHRASE=test test test test test test test test test test test junk" >> .env
+          echo "E2E_TEST_FORK_URL=https://mainnet.base.org" >> .env
+          echo "E2E_TEST_FORK_BLOCK_NUMBER=31397553" >> .env
+          echo "E2E_TEST=true" >> .env
+          echo "TEST_BASENAME=testbasename123" >> .env
+          echo "NEXT_PUBLIC_CDP_BASE_RPC_ENDPOINT=http://localhost:8545/" >> .env
+          echo "NEXT_PUBLIC_E2E_TEST=true" >> .env
+
+      - name: Install dependencies
+        run: yarn
+
+      - name: Install Foundry
+        uses: foundry-rs/[email protected]
+
+      - name: Prepare MetaMask extension
+        run: yarn e2e:metamask:prepare
+
+      - name: Install Playwright browsers
+        run: yarn playwright install --with-deps
+
+      - name: Install xvfb
+        run: sudo apt-get update && sudo apt-get install -y xvfb
+
+      - name: Build application
+        run: yarn build
+
+      - name: Run E2E tests
+        env:
+          NODE_OPTIONS: '--dns-result-order=ipv4first'
+        run: xvfb-run --auto-servernum --server-args="-screen 0 1920x1080x24" yarn test:e2e

.github/workflows/file-size-checker.yml

@@ -0,0 +1,107 @@
+name: File Size Checker
+
+# Add required permissions
+permissions:
+  contents: read
+  pull-requests: write
+  statuses: write
+
+on:
+  pull_request:
+    types: [opened, synchronize]
+
+jobs:
+  check-file-sizes:
+    name: File Size Check
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - name: Check file sizes
+        id: check-sizes
+        run: |
+          # Initialize variables for tracking findings
+          large_files=""
+          huge_files=""
+
+          # Get all files in the PR
+          echo "Files changed in PR:"
+          git diff --name-only ${{ github.event.pull_request.base.sha }} ${{ github.event.pull_request.head.sha }}
+
+          for file in $(git diff --name-only ${{ github.event.pull_request.base.sha }} ${{ github.event.pull_request.head.sha }}); do
+            if [ -f "$file" ]; then
+              size=$(stat -c%s "$file")
+              size_mb=$(echo "scale=2; $size/1048576" | bc)
+
+              echo "Checking $file: ${size_mb}MB"
+
+              # Check for files over 40MB
+              if (( $(echo "$size_mb > 40" | bc -l) )); then
+                huge_files="${huge_files}* ${file} (${size_mb}MB)\n"
+              # Check for files over 10MB
+              elif (( $(echo "$size_mb > 10" | bc -l) )); then
+                large_files="${large_files}* ${file} (${size_mb}MB)\n"
+              fi
+            fi
+          done
+
+          # Print findings for debugging
+          echo "Large files found:"
+          echo -e "$large_files"
+          echo "Huge files found:"
+          echo -e "$huge_files"
+
+          # Set outputs for use in next steps
+          echo "large_files<<EOF" >> $GITHUB_OUTPUT
+          echo -e "$large_files" >> $GITHUB_OUTPUT
+          echo "EOF" >> $GITHUB_OUTPUT
+
+          echo "huge_files<<EOF" >> $GITHUB_OUTPUT
+          echo -e "$huge_files" >> $GITHUB_OUTPUT
+          echo "EOF" >> $GITHUB_OUTPUT
+
+          # Fail if huge files are found
+          if [ ! -z "$huge_files" ]; then
+            echo "❌ Files over 40MB found!"
+            exit 1
+          fi
+
+      - name: Update Status and Comment
+        if: always()
+        uses: actions/github-script@v7
+        with:
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+          script: |
+            const hugeFiles = `${{ steps.check-sizes.outputs.huge_files }}`;
+            const largeFiles = `${{ steps.check-sizes.outputs.large_files }}`;
+
+            try {
+              // Only comment if issues were found
+              if (hugeFiles || largeFiles) {
+                let comment = '## ⚠️ File Size Check Results\n\n';
+
+                if (hugeFiles) {
+                  comment += '### 🚫 Files over 40MB (Not Allowed):\n' + hugeFiles + '\n';
+                  comment += '**These files must be removed from git history before the PR can be merged.**\n\n';
+                }
+
+                if (largeFiles) {
+                  comment += '### ⚠️ Large Files (Over 10MB):\n' + largeFiles + '\n';
+                  comment += 'Consider reducing the size of these files if possible.\n';
+                }
+
+                await github.rest.issues.createComment({
+                  issue_number: context.payload.pull_request.number,
+                  owner: context.payload.repository.owner.login,
+                  repo: context.payload.repository.name,
+                  body: comment
+                });
+              }
+            } catch (error) {
+              console.error('Error:', error);
+              core.setFailed(error.message);
+            }

.github/workflows/main.yml

@@ -0,0 +1,18 @@
+name: Unit Tests
+
+on:
+  push:
+    branches:
+      - master
+  pull_request:
+    branches: [master]
+
+jobs:
+  Jest:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - name: Run Tests
+        run: |
+          yarn install 
+          yarn test