Merge branch 'main' of https://github.com/blockscout/frontend into sy…

…nc-29-11

# Conflicts:
#	ui/tx/TxDetails.tsx

.eslintrc.js

@@ -2,6 +2,8 @@ const RESTRICTED_MODULES = {
   paths: [
     { name: 'dayjs', message: 'Please use lib/date/dayjs.ts instead of directly importing dayjs' },
     { name: '@chakra-ui/icons', message: 'Using @chakra-ui/icons is prohibited. Please use regular svg-icon instead (see examples in "icons/" folder)' },
+    { name: '@metamask/providers', message: 'Please lazy-load @metamask/providers or use useProvider hook instead' },
+    { name: '@metamask/post-message-stream', message: 'Please lazy-load @metamask/post-message-stream or use useProvider hook instead' },
   ],
 };
 
@@ -20,6 +22,7 @@ module.exports = {
     'plugin:@typescript-eslint/recommended',
     'plugin:jest/recommended',
     'plugin:playwright/playwright-test',
+    'plugin:@tanstack/eslint-plugin-query/recommended',
   ],
   plugins: [
     'es5',
@@ -31,6 +34,7 @@ module.exports = {
     'eslint-plugin-import-helpers',
     'jest',
     'eslint-plugin-no-cyrillic-string',
+    '@tanstack/query',
   ],
   parser: '@typescript-eslint/parser',
   parserOptions: {
@@ -305,7 +309,15 @@ module.exports = {
       },
     },
     {
-      files: [ '*.config.ts', 'playwright/**', 'deploy/tools/**', 'middleware.ts', 'nextjs/**' ],
+      files: [
+        '*.config.ts',
+        '*.config.js',
+        'playwright/**',
+        'deploy/tools/**',
+        'middleware.ts',
+        'nextjs/**',
+        'instrumentation*.ts',
+      ],
       rules: {
         // for configs allow to consume env variables from process.env directly
         'no-restricted-properties': [ 0 ],

.github/workflows/label-issues-in-release.yml

@@ -89,6 +89,7 @@ jobs:
                         );
 
                         if (releases[0].tagName !== process.env.TAG) {
+                            core.info(`Current latest tag: ${ releases[0].tagName }`);
                             core.setFailed(`Release with tag ${ process.env.TAG } is not latest one.`);
                             return;
                         }

.github/workflows/pre-release.yml

@@ -32,3 +32,8 @@ jobs:
             label_name: 'pre-release'
             label_description: Tasks in pre-release right now
         secrets: inherit
+
+    upload_source_maps:
+        name: Upload source maps to Sentry
+        uses: './.github/workflows/upload-source-maps.yml'
+        secrets: inherit

.github/workflows/release.yml

@@ -78,3 +78,9 @@ jobs:
         name: Publish Docker image
         uses: './.github/workflows/publish-image.yml'
         secrets: inherit
+
+    upload_source_maps:
+        name: Upload source maps to Sentry
+        needs: publish_image
+        uses: './.github/workflows/upload-source-maps.yml'
+        secrets: inherit

.github/workflows/upload-source-maps.yml

@@ -0,0 +1,48 @@
+name: Upload source maps to Sentry
+on:
+  workflow_call:
+  workflow_dispatch:
+
+env:
+    SENTRY_ORG: ${{ vars.SENTRY_ORG }}
+    SENTRY_PROJECT: ${{ vars.SENTRY_PROJECT }}
+    SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
+    SENTRY_DSN: ${{ secrets.SENTRY_DSN }}
+
+jobs:
+    build_and_upload:
+        name: Build app with source maps and upload to Sentry
+        runs-on: ubuntu-latest
+        if: ${{ github.ref_type == 'tag' }}
+        steps:
+            - name: Checkout repo
+              uses: actions/checkout@v3
+
+            - name: Setup node
+              uses: actions/setup-node@v3
+              with:
+                node-version: 18
+                cache: 'yarn'
+
+            - name: Cache node_modules
+              uses: actions/cache@v3
+              id: cache-node-modules
+              with:
+                path: |
+                  node_modules
+                key: node_modules-${{ runner.os }}-${{ hashFiles('yarn.lock') }}
+
+            - name: Install dependencies
+              if: steps.cache-node-modules.outputs.cache-hit != 'true'
+              run: yarn --frozen-lockfile --ignore-optional
+
+            - name: Make production build with source maps
+              run: yarn build
+              env:
+                NODE_ENV: production
+
+            - name: Inject Sentry debug ID
+              run: yarn sentry-cli sourcemaps inject ./.next
+
+            - name: Upload source maps to Sentry
+              run: yarn sentry-cli sourcemaps upload --release=${{ github.ref_name }} --validate ./.next

.gitignore

@@ -14,6 +14,7 @@
 /out/
 /public/assets/
 /public/envs.js
+/analyze
 
 # production
 /build

configs/app/features/sentry.ts

@@ -21,6 +21,7 @@ const config: Feature<{
   instance: string;
   release: string | undefined;
   environment: string;
+  enableTracing: boolean;
 }> = (() => {
   if (dsn && instance && environment) {
     return Object.freeze({
@@ -30,6 +31,7 @@ const config: Feature<{
       instance,
       release,
       environment,
+      enableTracing: getEnvValue('NEXT_PUBLIC_SENTRY_ENABLE_TRACING') === 'true',
     });
   }
 

deploy/helmfile.yaml

@@ -54,7 +54,8 @@ releases:
             name: regcred
           type: kubernetes.io/dockerconfigjson
   - name: bs-stack
-    chart: blockscout-ci-cd/blockscout-stack
+    chart: blockscout/blockscout-stack
+    version: 1.2.*
     namespace: review-l2-{{ requiredEnv "GITHUB_REF_NAME_SLUG" }}
     labels:
       app: review-l2-{{ requiredEnv "GITHUB_REF_NAME_SLUG" }}
@@ -78,7 +79,8 @@ releases:
             name: regcred
           type: kubernetes.io/dockerconfigjson
   - name: bs-stack
-    chart: blockscout-ci-cd/blockscout-stack
+    chart: blockscout/blockscout-stack
+    version: 1.2.*
     namespace: review-{{ requiredEnv "GITHUB_REF_NAME_SLUG" }}
     labels:
       app: review-{{ requiredEnv "GITHUB_REF_NAME_SLUG" }}

deploy/scripts/download_assets.sh

@@ -37,11 +37,20 @@ get_target_filename() {
     local name_suffix="${name_prefix%_URL}"
     local name_lc="$(echo "$name_suffix" | tr '[:upper:]' '[:lower:]')"
 
-    # Remove query parameters from the URL and get the filename
-    local filename=$(basename "${url%%\?*}")
-
-    # Extract the extension from the filename
-    local extension="${filename##*.}"
+    # Check if the URL starts with "file://"
+    if [[ "$url" == file://* ]]; then
+        # Extract the local file path
+        local file_path="${url#file://}"
+        # Get the filename from the local file path
+        local filename=$(basename "$file_path")
+        # Extract the extension from the filename
+        local extension="${filename##*.}"
+    else
+        # Remove query parameters from the URL and get the filename
+        local filename=$(basename "${url%%\?*}")
+        # Extract the extension from the filename
+        local extension="${filename##*.}"
+    fi
 
     # Convert the extension to lowercase
     extension=$(echo "$extension" | tr '[:upper:]' '[:lower:]')
@@ -59,19 +68,25 @@ download_and_save_asset() {
 
     # Check if the environment variable is set
     if [ -z "${!env_var}" ]; then
-        echo "   [.] Environment variable $env_var is not set. Skipping download."
+        echo "   [.] $env_var: Variable is not set. Skipping download."
         return 1
     fi
 
-    # Download the asset using curl
-    curl -s -o "$destination" "$url"
+    # Check if the URL starts with "file://"
+    if [[ "$url" == file://* ]]; then
+        # Copy the local file to the destination
+        cp "${url#file://}" "$destination"
+    else
+        # Download the asset using curl
+        curl -s -o "$destination" "$url"
+    fi
 
     # Check if the download was successful
     if [ $? -eq 0 ]; then
-        echo "   [+] Downloaded $env_var to $destination successfully."
+        echo "   [+] $env_var: Successfully saved file from $url to $destination."
         return 0
     else
-        echo "   [-] Failed to download $env_var from $url."
+        echo "   [-] $env_var: Failed to save file from $url."
         return 1
     fi
 }

deploy/tools/envs-validator/schema.ts

@@ -160,6 +160,12 @@ const sentrySchema = yup
         then: (schema) => schema.test(urlTest),
         otherwise: (schema) => schema.max(-1, 'SENTRY_CSP_REPORT_URI cannot not be used without NEXT_PUBLIC_SENTRY_DSN'),
       }),
+    NEXT_PUBLIC_SENTRY_ENABLE_TRACING: yup
+      .boolean()
+      .when('NEXT_PUBLIC_SENTRY_DSN', {
+        is: (value: string) => Boolean(value),
+        then: (schema) => schema,
+      }),
     NEXT_PUBLIC_APP_INSTANCE: yup
       .string()
       .when('NEXT_PUBLIC_SENTRY_DSN', {

deploy/tools/envs-validator/test/.env.sentry

@@ -0,0 +1,5 @@
+NEXT_PUBLIC_SENTRY_DSN=https://sentry.io
+SENTRY_CSP_REPORT_URI=https://sentry.io
+NEXT_PUBLIC_SENTRY_ENABLE_TRACING=true
+NEXT_PUBLIC_APP_ENV=production
+NEXT_PUBLIC_APP_INSTANCE=duck