Production Release

.github/workflows/build-docker.yaml

@@ -65,4 +65,5 @@ jobs:
           labels: ${{ steps.meta.outputs.labels }}
           build-args: |
             ENV_FILE=${{ github.ref_name == 'main' && '.env.production' || github.ref_name == 'develop' && '.env.development' || format('.env.{0}', github.ref_name) }}
-            ENV_NAME=${{ github.ref_name == 'main' && 'prod' || github.ref_name }}
+            ENV_NAME=${{ github.ref_name == 'main' && 'prod' || github.ref_name }}
+            NEXT_PUBLIC_LATEST_COMMIT_SHA={{sha}}

.github/workflows/playwright.yml

@@ -10,7 +10,7 @@ jobs:
   test:
     name: Test (${{ matrix.shard }} / ${{ strategy.job-total}})
     continue-on-error: true
-    timeout-minutes: 10
+    timeout-minutes: 20
     runs-on: ubuntu-latest
     strategy:
       matrix:
@@ -19,16 +19,19 @@ jobs:
     - uses: actions/checkout@v4
     - uses: actions/setup-node@v4
       with:
-        node-version: 20
+        node-version: 18
     - name: Install dependencies
       run: yarn install
+    - name: Install xvfb server
+      run: sudo apt-get install xvfb
     - name: Install Playwright Browsers
       run: npx playwright install --with-deps chromium
     - name: Run Playwright tests
       env:
         PLAYWRIGHT_JSON_OUTPUT_NAME: report-${{ matrix.shard }}.json
       run: |
-        yarn playwright test \
+        yarn build:cache:ci &
+        yarn run test:ci:e2e \
           --shard ${{ matrix.shard }}/${{ strategy.job-total }} \
           --reporter=json
     - uses: daun/playwright-report-summary@v3

.gitignore

@@ -31,6 +31,9 @@ yarn-error.log*
 
 # testing
 /coverage
+.cache-synpress/**
+.tests/snapshots.spec.ts/** 
+
 
 npm-debug.log*
 yarn-debug.log*

.yarnrc.yml

@@ -4,4 +4,4 @@ enableGlobalCache: false
 
 nodeLinker: node-modules
 
-yarnPath: .yarn/releases/yarn-4.5.1.cjs
+yarnPath: .yarn/releases/yarn-4.5.3.cjs

Dockerfile

@@ -2,6 +2,8 @@ FROM node:20 AS builder
 
 ARG ENV_NAME
 ENV ENV_NAME $ENV_NAME
+ARG NEXT_PUBLIC_LATEST_COMMIT_SHA
+ENV NEXT_PUBLIC_LATEST_COMMIT_SHA $NEXT_PUBLIC_LATEST_COMMIT_SHA
 ENV NEXT_TELEMETRY_DISABLED=1 NODE_ENV=production YARN_VERSION=4.0.1
 RUN corepack enable && corepack prepare yarn@${YARN_VERSION}
 

package.json

@@ -1,92 +1,95 @@
 {
   "name": "jumper.exchange",
   "version": "1.0.0",
+  "type": "module",
   "private": true,
   "repository": "https://github.com/jumperexchange/jumper-exchange",
-  "packageManager": "[email protected].1",
+  "packageManager": "[email protected].3",
   "dependencies": {
-    "@bigmi/react": "^0.0.4",
-    "@emotion/cache": "^11.13.1",
-    "@emotion/react": "^11.13.3",
-    "@emotion/styled": "^11.13.0",
+    "@bigmi/react": "^0.0.6",
+    "@emotion/cache": "^11.14.0",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.0",
     "@fingerprintjs/fingerprintjs": "^3.4.2",
     "@headlessui/react": "^2.2.0",
-    "@lifi/explorer": "^0.0.3",
-    "@lifi/sdk": "^3.4.1",
-    "@lifi/wallet-management": "^3.4.4",
-    "@lifi/widget": "^3.12.1",
+    "@lifi/explorer": "^0.0.4",
+    "@lifi/sdk": "^3.4.3",
+    "@lifi/wallet-management": "^3.4.7",
+    "@lifi/widget": "^3.12.5",
     "@metaplex-foundation/mpl-core": "^1.1.1",
     "@metaplex-foundation/umi": "^0.9.2",
     "@metaplex-foundation/umi-bundle-defaults": "^0.9.2",
     "@metaplex-foundation/umi-signer-wallet-adapters": "^0.9.2",
-    "@mui/icons-material": "^5.16.7",
-    "@mui/material": "^5.16.7",
-    "@mui/material-nextjs": "^5.16.6",
-    "@next/third-parties": "^14.2.17",
-    "@rive-app/react-canvas": "^4.16.1",
+    "@mui/icons-material": "^5.16.11",
+    "@mui/material": "^5.16.11",
+    "@mui/material-nextjs": "^5.16.8",
+    "@next/third-parties": "^14.2.20",
+    "@rive-app/react-canvas": "^4.17.1",
     "@safe-global/safe-apps-sdk": "^9.1.0",
-    "@sentry/browser": "^8.37.1",
-    "@sentry/nextjs": "^8.37.1",
-    "@sentry/react": "^8.37.1",
+    "@sentry/browser": "^8.43.0",
+    "@sentry/nextjs": "^8.43.0",
+    "@sentry/react": "^8.43.0",
     "@solana/wallet-adapter-base": "^0.9.23",
     "@solana/wallet-adapter-react": "^0.15.35",
     "@solana/wallet-adapter-solflare": "^0.6.28",
-    "@solana/web3.js": "^1.95.4",
+    "@solana/web3.js": "^1.95.8",
     "@strapi/blocks-react-renderer": "^1.0.1",
-    "@tanstack/react-query": "^5.59.20",
+    "@tanstack/react-query": "^5.62.7",
     "@widgetbot/react-embed": "^1.9.0",
     "accept-language": "^3.0.20",
-    "axios": "^1.7.7",
     "blo": "^1.2.0",
-    "dotenv-cli": "^7.4.2",
     "ethers": "^6.13.4",
     "fontaine": "^0.5.0",
     "graphql": "^16.9.0",
     "graphql-request": "^7.1.2",
-    "i18next": "^23.16.5",
+    "i18next": "^24.1.0",
     "i18next-resources-for-ts": "^1.5.0",
     "i18next-resources-to-backend": "^1.2.1",
-    "next": "^14.2.17",
+    "next": "^14.2.20",
     "next-i18n-router": "^5.5.1",
     "next-themes": "^0.3.0",
     "react": "^18.3.1",
     "react-animated-counter": "^1.7.9",
     "react-cookie": "^7.2.2",
     "react-dom": "^18.3.1",
     "react-error-boundary": "^4.1.2",
-    "react-i18next": "^15.1.1",
+    "react-i18next": "^15.1.4",
     "shallow-equal": "^3.1.0",
     "sharp": "^0.33.5",
     "siwe": "^2.3.2",
-    "uuid": "^10.0.0",
-    "zustand": "^4.5.5"
+    "uuid": "^11.0.3",
+    "zustand": "^5.0.2"
   },
   "devDependencies": {
     "@esbuild-plugins/node-globals-polyfill": "^0.2.3",
-    "@eslint/eslintrc": "^3.1.0",
-    "@next/eslint-plugin-next": "^14.2.17",
-    "@playwright/test": "^1.48.2",
+    "@eslint/eslintrc": "^3.2.0",
+    "@metamask/test-dapp": "8.13.0",
+    "@next/eslint-plugin-next": "^14.2.20",
+    "@playwright/test": "^1.49.1",
+    "@synthetixio/synpress": "4.0.0-alpha.7",
     "@types/gtag.js": "^0.0.20",
-    "@types/node": "^22.9.0",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
+    "@types/node": "^22.10.2",
+    "@types/react": "^18.3.16",
+    "@types/react-dom": "^18.3.5",
     "@types/uuid": "^10.0.0",
+    "dotenv-cli": "^7.4.4",
     "eslint": "8.57.1",
     "eslint-config-prettier": "^9.1.0",
     "eslint-config-react-app": "^7.0.1",
-    "eslint-import-resolver-typescript": "^3.6.3",
+    "eslint-import-resolver-typescript": "^3.7.0",
     "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-prettier": "^5.2.1",
     "eslint-plugin-react": "^7.37.2",
     "eslint-plugin-react-hooks": "^4.6.2",
-    "globals": "^15.12.0",
-    "husky": "^9.1.6",
-    "lint-staged": "^15.2.10",
-    "prettier": "^3.3.3",
+    "globals": "^15.13.0",
+    "husky": "^9.1.7",
+    "lint-staged": "^15.2.11",
+    "prettier": "^3.4.2",
     "rollup-plugin-polyfill-node": "^0.13.0",
-    "typescript": "^5.6.3",
-    "web-vitals": "^4.2.4"
+    "typescript": "^5.7.2",
+    "web-vitals": "^4.2.4",
+    "xvfb": "^0.4.0"
   },
   "scripts": {
     "dev": "next dev",
@@ -106,7 +109,11 @@
     "fix:all-files": "eslint . --ext .ts,.tsx,.js,.jsx --fix",
     "pre-commit": "lint-staged",
     "pre-push": "yarn && yarn build",
-    "i18next-resources-for-ts": "i18next-resources-for-ts interface -i ./src/i18n/translations/en -o ./src/i18n/resources.d.ts"
+    "i18next-resources-for-ts": "i18next-resources-for-ts interface -i ./src/i18n/translations/en -o ./src/i18n/resources.d.ts",
+    "test:ci:e2e": "xvfb-run --auto-servernum --server-num=1 --server-args='-screen 0, 1920x1080x24' npx playwright test",
+    "test:e2e-real": "npx playwright test --headed",
+    "build:cache": "synpress --headless",
+    "build:cache:ci": "xvfb-run synpress --force tests/wallet-setup/"
   },
   "lint-staged": {
     "**/*.(ts|tsx|js)": [

playwright.config.ts

@@ -1,11 +1,11 @@
 import { defineConfig, devices } from '@playwright/test';
 
+import { PlaywrightTestConfig } from '@playwright/test';
+
 /**
  * Read environment variables from file.
  * https://github.com/motdotla/dotenv
  */
-require('dotenv').config();
-
 /**
  * See https://playwright.dev/docs/test-configuration.
  */
@@ -17,19 +17,19 @@ require('dotenv').config();
 // const baseURL = `http://localhost:${PORT}`;
 
 export default defineConfig({
-  timeout: 60 * 1000,
+  timeout: 120 * 1000,
   expect: {
-    timeout: 40 * 1000,
+    timeout: 120 * 1000,
   },
   testDir: './tests',
   /* Run tests in files in parallel */
   fullyParallel: true,
   /* Fail the build on CI if you accidentally left test.only in the source code. */
   forbidOnly: !!process.env.CI,
   /* Retry on CI only */
-  retries: process.env.CI ? 2 : 2,
+  retries: process.env.CI ? 3 : 3,
   /* Opt out of parallel tests on CI. */
-  workers: process.env.CI ? 1 : 1,
+  workers: process.env.CI ? 4 : undefined,
   /* Reporter to use. See https://playwright.dev/docs/test-reporters */
   reporter: [['html'], ['json', { outputFile: 'test-results.json' }]],
   /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
@@ -44,7 +44,7 @@ export default defineConfig({
     command: 'yarn run dev',
     url: 'http://localhost:3000',
     timeout: 200 * 1000,
-    reuseExistingServer: !process.env.CI,
+    reuseExistingServer: true,
   },
 
   /* Configure projects for major browsers */

src/app/[lng]/(infos)/leaderboard/page.tsx

@@ -0,0 +1,18 @@
+import type { Metadata } from 'next';
+import LeaderboardPage from 'src/app/ui/leaderboard/LeaderboardPage';
+
+export const metadata: Metadata = {
+  title: 'Jumper Leaderboard',
+  description: 'Jumper Leaderboard is the profile page of Jumper Exchange.',
+  alternates: {
+    canonical: `${process.env.NEXT_PUBLIC_SITE_URL}/leaderboard`,
+  },
+};
+
+export default async function Page({
+  searchParams,
+}: {
+  searchParams: { page?: string };
+}) {
+  return <LeaderboardPage page={searchParams.page} />;
+}

src/app/[lng]/layout.tsx

@@ -181,10 +181,7 @@ export default async function RootLayout({
                   <SettingsStoreProvider
                     welcomeScreenClosed={welcomeScreenClosed}
                   >
-                    <WalletProvider>
-                      <Banner />
-                      {children}
-                    </WalletProvider>
+                    <WalletProvider>{children}</WalletProvider>
                   </SettingsStoreProvider>
                 </ThemeProvider>
               </NextThemeProvider>

src/app/[lng]/meta/%5Fhealth/route.ts

@@ -3,5 +3,29 @@
 const data = { isHealthy: true };
 
 export async function GET() {
-  return Response.json(data);
+  let hasUpdateAvailable = false;
+
+  return Response.json({ ...data, hasUpdateAvailable });
+
+  // Disabled until proper fix
+  /*try {
+    const latestCommitSHA = process.env.NEXT_PUBLIC_LATEST_COMMIT_SHA;
+    const githubLatestCommitShaResponse = await fetch(
+      `https://api.github.com/repos/jumperexchange/jumper-exchange/commits/${latestCommitSHA}/branches-where-head`,
+      { next: { revalidate: 3600 } },
+    );
+
+    if (!githubLatestCommitShaResponse.ok) {
+      throw new Error('New update available');
+    }
+
+    const githubLatestCommitShaData =
+      await githubLatestCommitShaResponse.json();
+
+    if (githubLatestCommitShaData.length > 0) {
+      hasUpdateAvailable = false;
+    }
+  } finally {
+    return Response.json({ ...data, hasUpdateAvailable });
+  }*/
 }

src/app/api/profile/[walletAddress]/route.tsx

@@ -137,8 +137,8 @@ export async function GET(
                   fill="white"
                 />
                 <path
-                  fill-rule="evenodd"
-                  clip-rule="evenodd"
+                  fillRule="evenodd"
+                  clipRule="evenodd"
                   d="M13.5 9C13.125 9 12.75 9.375 12.75 9.75V13.5H16.5C18 13.5 18.75 12.375 18.75 11.25C18.75 10.125 18 9 16.5 9H13.5ZM16.5 10.5H14.25V12H16.5C17.0625 12 17.25 11.5261 17.25 11.25C17.25 10.9739 17.0625 10.5 16.5 10.5Z"
                   fill="white"
                 />

src/app/i18n.ts

@@ -4,6 +4,7 @@ import resourcesToBackend from 'i18next-resources-to-backend';
 import { initReactI18next } from 'react-i18next/initReactI18next';
 import i18nConfig from '../../i18nconfig';
 import { currencyFormatter, decimalFormatter } from '@/utils/formatNumbers';
+import { dateFormatter } from 'src/utils/formatDate';
 
 // TODO: use https://nextjs.org/docs/app/building-your-application/routing/internationalization#localization
 export default async function initTranslations(
@@ -41,6 +42,7 @@ export default async function initTranslations(
 
   i18nInstance.services.formatter?.addCached('decimalExt', decimalFormatter);
   i18nInstance.services.formatter?.addCached('currencyExt', currencyFormatter);
+  i18nInstance.services.formatter?.addCached('dateExt', dateFormatter);
 
   return {
     i18n: i18nInstance,

src/app/ui/leaderboard/LeaderboardPage.tsx

@@ -0,0 +1,11 @@
+'use client';
+import { LeaderboardPage as LeaderboardPageComponent } from '@/components/Leaderboard/LeaderboardPage';
+
+const LeaderboardPage = ({ page }: { page?: string }) => {
+  const parsedPage = parseInt(page || '', 10);
+  const defaultPage = !isNaN(parsedPage) && parsedPage >= 1 ? parsedPage : 1;
+
+  return <LeaderboardPageComponent page={defaultPage} />;
+};
+
+export default LeaderboardPage;

src/app/ui/quests/QuestMissionPage.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { QuestsMissionPage } from 'src/components/Quests/QuestPage/QuestsMissionPage';
+import { QuestsMissionPage } from 'src/components/QuestPage/QuestsMissionPage';
 import { JUMPER_LOYALTY_PATH } from 'src/const/urls';
 
 const QuestPage = ({ quest, url }: any) => {