Merge pull request #15 from blockworks-foundation/chore/deps

chore: bump deps and update CI

.github/workflows/ci-code-review.yml

@@ -0,0 +1,76 @@
+name: Code Review
+
+on:
+  pull_request:
+    branches: ['main']
+  push:
+
+jobs:
+  lint:
+    name: Lint
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v3
+
+      - name: Setup Node
+        uses: actions/setup-node@v3
+        with:
+          node-version: '18'
+          cache: 'yarn'
+
+      - name: Install dependencies
+        run: yarn install --frozen-lockfile
+
+      - name: Lint
+        run: yarn lint
+
+  sast:
+    name: Security Scan
+    runs-on: ubuntu-latest
+    permissions:
+      actions: read
+      contents: read
+      security-events: write
+
+    strategy:
+      fail-fast: false
+      matrix:
+        language: ['javascript']
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v3
+
+      - name: Initialise CodeQL
+        uses: github/codeql-action/init@v2
+        with:
+          languages: ${{ matrix.language }}
+
+      - name: Run CodeQL
+        uses: github/codeql-action/analyze@v2
+
+  sca:
+    name: Dependency Scan
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v3
+
+      # Fail the job on critical vulnerabiliies with fix available
+      - name: Fail on critical vulnerabilities
+        uses: aquasecurity/trivy-action@master
+        with:
+          scan-type: 'fs'
+          ignore-unfixed: true
+          hide-progress: true
+          format: 'table'
+          severity: 'CRITICAL'
+          exit-code: '1'
+
+  all-pass:
+    name: All tests pass 🚀
+    needs: ['lint', 'sast', 'sca']
+    runs-on: ubuntu-latest
+    steps:
+      - run: echo ok

components/home/HomePage.tsx

@@ -48,7 +48,7 @@ const MOBILE_IMAGE_CLASSES =
 const fetchAppData = async () => {
   try {
     const response = await fetch(
-      `${MANGO_DATA_API_URL}/stats/mango-protocol-summary`
+      `${MANGO_DATA_API_URL}/stats/mango-protocol-summary`,
     )
     const data = await response.json()
     return data
@@ -293,15 +293,15 @@ const HomePage = () => {
               title={t('home:active-traders')}
               tooltipContent={t('home:tooltip-active-traders')}
               value={formatNumericValue(
-                formattedAppStatsData.weeklyActiveTraders
+                formattedAppStatsData.weeklyActiveTraders,
               )}
               loading={loadingAppData}
             />
             <HeroStat
               title={t('home:daily-volume')}
               tooltipContent={t('home:tooltip-daily-volume')}
               value={`$${numberCompacter.format(
-                formattedAppStatsData.totalVol24h
+                formattedAppStatsData.totalVol24h,
               )}`}
               loading={loadingAppData}
             />

package.json

@@ -15,51 +15,54 @@
     "test": "jest",
     "test-all": "yarn lint && yarn type-check && yarn test"
   },
+  "engines": {
+    "node": ">=18.x"
+  },
   "lint-staged": {
     "*.@(ts|tsx|js|jsx)": [
       "yarn format"
     ]
   },
   "dependencies": {
-    "@headlessui/react": "^1.0.0",
-    "@heroicons/react": "^2.0.16",
+    "@headlessui/react": "^1.7.17",
+    "@heroicons/react": "^2.0.18",
     "@tanstack/react-query": "^5.8.4",
     "@tippyjs/react": "^4.2.6",
     "decimal.js": "^10.4.3",
-    "gsap": "^3.11.5",
-    "i18next": "^22.4.10",
-    "immer": "^9.0.1",
-    "next": "latest",
-    "next-i18next": "^13.1.5",
+    "gsap": "^3.12.2",
+    "i18next": "^23.7.6",
+    "immer": "^10.0.3",
+    "next": "^14.0.3",
+    "next-i18next": "^15.0.0",
     "next-plausible": "^3.11.3",
-    "next-themes": "^0.0.14",
+    "next-themes": "^0.2.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-i18next": "^12.1.5",
-    "recharts": "^2.9.3"
+    "react-i18next": "^13.5.0",
+    "recharts": "^2.10.0"
   },
   "devDependencies": {
-    "@testing-library/react": "^11.2.5",
-    "@types/jest": "^26.0.20",
-    "@types/node": "^14.14.25",
-    "@types/react": "^17.0.1",
-    "@typescript-eslint/eslint-plugin": "^4.14.2",
-    "@typescript-eslint/parser": "^4.14.2",
-    "babel-jest": "^26.6.3",
-    "eslint": "^7.19.0",
-    "eslint-config-prettier": "^7.2.0",
-    "eslint-plugin-react": "^7.19.0",
-    "eslint-plugin-react-hooks": "^4.2.0",
-    "husky": "^6.0.0",
+    "@testing-library/react": "^14.1.2",
+    "@types/jest": "^29.5.8",
+    "@types/node": "20.9.2",
+    "@types/react": "18.2.37",
+    "@typescript-eslint/eslint-plugin": "^6.11.0",
+    "@typescript-eslint/parser": "^6.11.0",
+    "babel-jest": "^29.7.0",
+    "eslint": "^8.54.0",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "husky": "^8.0.3",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "^26.6.3",
-    "jest-watch-typeahead": "^0.6.1",
-    "lint-staged": "^10.0.10",
-    "postcss": "^8.2.12",
-    "postcss-preset-env": "^6.7.0",
-    "prettier": "^2.0.2",
-    "tailwindcss": "^3.2.7",
-    "twin.macro": "^2.6.2",
-    "typescript": "^4.1.3"
+    "jest": "^29.7.0",
+    "jest-watch-typeahead": "^2.2.2",
+    "lint-staged": "^15.1.0",
+    "postcss": "^8.4.31",
+    "postcss-preset-env": "^9.3.0",
+    "prettier": "^3.1.0",
+    "tailwindcss": "^3.3.5",
+    "twin.macro": "^3.4.0",
+    "typescript": "5.2.2"
   }
 }