fix(ci): test changes against pull_request

Co-authored-by: Bartłomiej Głownia <bglownia@gmail.com>

.dockerignore

@@ -1,5 +1,9 @@
-dist/*
-node_modules/*
+apps/**/dist/*
+apps/**/node_modules/*
 tmp/*
 .dockerignore
-Dockerfile
+dockerfiles
+node_modules
+.git
+.github
+.vscode

.eslintrc.json

@@ -51,8 +51,7 @@
             "ul": ["list"],
             "ol": ["list"]
           }
-        ],
-        "curly": "warn"
+        ]
       }
     },
     {
@@ -75,7 +74,8 @@
             "prefer": "type-imports",
             "disallowTypeAnnotations": true
           }
-        ]
+        ],
+        "curly": ["error", "multi-line"]
       }
     },
     {

.github/ISSUE_TEMPLATE/---bug.md

@@ -0,0 +1,45 @@
+---
+name: "\U0001F41B Bug"
+about: Create a report to help us improve
+title: ''
+labels: "\U0001F41B bug"
+assignees: ''
+---
+
+## Description
+
+A clear and concise description of what the bug is.
+
+## Steps to Reproduce
+
+1. Go to '...'
+2. Click on '....'
+3. Scroll down to '....'
+4. See error
+
+## Expected behavior
+
+A clear and concise description of what you expected to happen.
+
+## Screenshots
+
+If applicable, add screenshots to help explain your problem.
+
+## Device details
+
+**Desktop (please complete the following information):**
+
+- OS: [e.g. iOS]
+- Browser [e.g. chrome, safari]
+- Version [e.g. 22]
+
+**Smartphone (please complete the following information):**
+
+- Device: [e.g. iPhone6]
+- OS: [e.g. iOS8.1]
+- Browser [e.g. stock browser, safari]
+- Version [e.g. 22]
+
+## Additional context
+
+Add any other context about the problem here.

.github/ISSUE_TEMPLATE/chore.md

@@ -0,0 +1,20 @@
+---
+name: Chore
+about:
+  A template to capture non feature / enhancement work we need to do like work
+  to support other functions or housekeeping etc.
+title: ''
+labels: chore
+assignees: ''
+---
+
+## The Chore
+
+What we need to achieve and who for
+
+## Tasks
+
+- [ ]
+- [ ]
+
+## Additional details / background info

.github/ISSUE_TEMPLATE/release.md

@@ -0,0 +1,21 @@
+---
+name: Release
+about: A template to outline the steps needed to for a successful release of our frontend apps
+title: 'Release [add dapp version]-core-[add core version]'
+labels:
+assignees: ''
+---
+
+### Tasks
+
+- [ ] Review [link to core release](xxx)
+- [ ] Tag frontend-monorepo
+- [ ] Create release and generate release notes
+- [ ] Run `@smoke` tests
+- [ ] Run `@regression` tests
+- [ ] Run `@slow` tests
+- [ ] Explorative testing of key flows
+- [ ] Set `release/[network]` to tagged commit
+- [ ] Verify builds (on Netlify and Fleek) are successful
+- [ ] Verify build has been deployed
+- [ ] Smoke testing on deployed app

.github/ISSUE_TEMPLATE/user-story.md

@@ -0,0 +1,36 @@
+---
+name: User Story
+about:
+  A template to describe a features or enhancements we want to make from a users
+  perspective to ensure we understand what is needed and the value it would add
+title: ''
+labels: feature
+assignees: ''
+---
+
+## Story
+
+As a
+I want
+So that
+
+## Acceptance Criteria
+
+- [ ] I can
+- [ ] I can
+- [ ] I can
+
+## Tasks
+
+- [ ] UX (if needed)
+- [ ] Design (if needed)
+- [ ] Team and stakeholder review
+- [ ] Specs reviewed and created or adjusted
+- [ ] Implementation
+- [ ] Testing (unit and/or e2e)
+- [ ] Code review
+- [ ] QA review
+
+## Sketch
+
+## Additional details / background info

.github/actions/run-vegacapsule/action.yml

@@ -0,0 +1,51 @@
+outputs:
+  token:
+    description: 'api-token of wallet'
+    value: ${{ steps.generate-api-token.outputs.api-token }}
+runs:
+  using: 'composite'
+  steps:
+    - name: Vegacapsule version
+      shell: bash
+      run: vegacapsule version
+
+    - name: Vega wallet version
+      shell: bash
+      run: vega wallet software version
+
+    - name: Start nomad
+      shell: bash
+      run: vegacapsule nomad &
+
+    - name: Bootstrap network
+      shell: bash
+      run: vegacapsule network bootstrap --config-path=./frontend-monorepo/vegacapsule/config.hcl --force
+
+    - name: Initialize wallet
+      shell: bash
+      run: vega wallet init -f --home ~/.vegacapsule/testnet/wallet
+
+    - name: Import wallet
+      shell: bash
+      run: vega wallet import -w capsule_wallet --recovery-phrase-file ./frontend-monorepo/vegacapsule/recovery -p ./frontend-monorepo/vegacapsule/passphrase --home ~/.vegacapsule/testnet/wallet
+
+    - name: Generate second public key
+      shell: bash
+      run: vega wallet key generate -w capsule_wallet -p ./frontend-monorepo/vegacapsule/passphrase --home ~/.vegacapsule/testnet/wallet
+
+    - name: Import network
+      shell: bash
+      run: vega wallet network import --force --from-file ./frontend-monorepo/vegacapsule/wallet-config.toml --home ~/.vegacapsule/testnet/wallet
+
+    - name: Init api-token
+      shell: bash
+      run: vega wallet api-token init --home ~/.vegacapsule/testnet/wallet --passphrase-file ./frontend-monorepo/vegacapsule/passphrase
+
+    - name: Generate api-token
+      id: generate-api-token
+      shell: bash
+      run: echo api-token=$(vega wallet api-token generate --wallet-name capsule_wallet --tokens-passphrase-file ./frontend-monorepo/vegacapsule/passphrase  --wallet-passphrase-file ./frontend-monorepo/vegacapsule/passphrase --home ~/.vegacapsule/testnet/wallet | grep -Eo '[a-zA-Z0-9]{64}') >> $GITHUB_OUTPUT
+
+    - name: Start service using capsule network
+      shell: bash
+      run: vega wallet service run -n DV --load-tokens --tokens-passphrase-file ./frontend-monorepo/vegacapsule/passphrase --no-version-check --automatic-consent --home ~/.vegacapsule/testnet/wallet &

.github/workflows/add-ipfs-notes-to-release.yml

@@ -0,0 +1,82 @@
+name: After Release
+
+on:
+  release:
+    types: [published]
+
+jobs:
+  after-release:
+    runs-on: ubuntu-22.04
+    timeout-minutes: 30
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v2
+
+      - name: Log in to the Container registry (ghcr)
+        uses: docker/login-action@v2
+        with:
+          registry: ghcr.io
+          username: ${{ github.actor }}
+          password: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Log in to the Container registry (docker hub)
+        uses: docker/login-action@v2
+        with:
+          username: ${{ secrets.DOCKERHUB_USERNAME }}
+          password: ${{ secrets.DOCKERHUB_TOKEN }}
+
+      - name: resolve ipfs hashes for release
+        run: |
+          echo "Name: ${{ github.event.release.name }}"
+          echo "Description: ${{ github.event.release.body }}"
+          echo "Tag: ${{ github.event.release.tag_name }}"
+          commit="$(git rev-list -n 1 ${{ github.event.release.tag_name }})"
+          echo "Commit: $commit"
+          until docker pull vegaprotocol/trading:$commit; do
+            echo "Image not pushed yet, waiting 60 seconds"
+            sleep 60
+          done
+          docker run --rm vegaprotocol/trading:$commit cat /ipfs-hash > ipfs-hash
+          curl -L https://dist.ipfs.tech/kubo/v0.20.0/kubo_v0.20.0_linux-amd64.tar.gz -o kubo.tgz
+          tar -xzf kubo.tgz
+          export PATH="$PATH:$PWD/kubo"
+          which ipfs
+          echo IPFS_V0=$(cat ipfs-hash) >> $GITHUB_ENV
+          echo IPFS_V1=$(ipfs cid format -v 1 -b base32 $(cat ipfs-hash)) >> $GITHUB_ENV
+
+      - name: Edit Release
+        uses: irongut/EditRelease@v1.2.0
+        with:
+          token: ${{ secrets.GITHUB_TOKEN }}
+          id: ${{ github.event.release.id }}
+          body: |
+
+            ___
+
+            # Deployments
+            * https://explorer.vega.xyz
+            * https://governance.vega.xyz
+
+            # IPFS releases
+            The IPFS hash of this release of the Trading app is:
+
+            CIDv0: ${{ env.IPFS_V0 }}
+            CIDv1: ${{ env.IPFS_V1 }}
+
+            You can always access the latest IPFS release by visiting [console.vega.xyz](https://console.vega.xyz).
+
+            You can also access Trading directly from an IPFS gateway.
+            BEWARE: The Trading interface uses [localStorage](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage) to remember your settings, such as which tokens you have imported. You should always use an IPFS gateway that enforces [origin separation](https://ipfs.github.io/public-gateway-checker/).
+
+            Your settings are not remembered across different URLs.
+
+            IPFS gateways:
+
+            https://${{ env.IPFS_V1 }}.ipfs.dweb.link/
+            https://${{ env.IPFS_V1 }}.ipfs.cf-ipfs.com/
+            ipfs://${{ env.IPFS_V0 }}/

.github/workflows/add_issue_new_projects.yml

@@ -1,25 +1,27 @@
 ---
-name: Auto Assign Issue to New Project
+name: 'Add Issues To Project Board'
 
 'on':
   issues:
-    types: [opened]
+    types:
+      - opened
+env:
+  GH_TOKEN: ${{ secrets.GH_NEW_CARD_TO_PROJECT }}
+  PROJECT_ID: ${{ secrets.FRONT_END_PROJECT_ID }}
+  ISSUE_ID: ${{ github.event.issue.node_id }}
+  USER: ${{ github.actor }}
 
 jobs:
   add_issue:
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-22.04
     steps:
-      - name: Add Issue to New Front End Project Board
-        env:
-          GITHUB_TOKEN: ${{ secrets.GH_NEW_CARD_TO_PROJECT }}
-          PROJECT_ID: ${{ secrets.FRONT_END_PROJECT_ID }}
-          ISSUE_ID: ${{ github.event.issue.node_id }}
+      - name: 'Add issue to project board'
         run: |
           gh api graphql -f query='
-            mutation($project:ID!, $issue:ID!) {
-              addProjectNextItem(input: {projectId: $project, contentId: $issue}) {
-                projectNextItem {
+            mutation($user:String!, $project:ID!, $issue:ID!) {
+              addProjectV2ItemById(input: {clientMutationId: $user, projectId: $project, contentId: $issue}) {
+                item {
                   id
                 }
               }
-            }' -f project=$PROJECT_ID -f issue=$ISSUE_ID --jq '.data.addProjectNextItem.projectNextItem.id'
+            }' -f project=$PROJECT_ID -f issue=$ISSUE_ID -f user=$USER

.github/workflows/branch-length.yml

@@ -0,0 +1,16 @@
+name: 'Check if branch is shorter than 52 chars'
+on: pull_request
+
+jobs:
+  branch-naming-rules:
+    runs-on: ubuntu-latest
+    steps:
+      # echo "branches that are longer than 51 chars can't be parsed by kubernetes to create previews. Each app has prefix of it's name like: 'governance-' (12 chars), what leaves 51 max branch length"
+      # current parsable length: $( git rev-parse --abbrev-ref HEAD | sed -r s/[^a-zA-Z0-9]+/-/g | sed -r s/^-+\|-+$//g | wc -c)
+      - uses: deepakputhraya/action-branch-name@master
+        with:
+          # regex: '([a-z])+\/([a-z])+' # Regex the branch should match. This example enforces grouping
+          # allowed_prefixes: 'feature,stable,fix' # All branches should start with the given prefix
+          # ignore: master,develop # Ignore exactly matching branch names from convention
+          min_length: 1 # Min length of the branch name
+          max_length: 51 # Max length of the branch name

.github/workflows/capsule-cypress-nightly.yml

@@ -1,165 +0,0 @@
-name: Capsule tests -- nightly
-
-# This workflow runs the frontend tests against latest develop of the core to preempt breaking changes
-
-on:
-  schedule:
-    - cron: '0 4 * * *'
-
-jobs:
-  nightly:
-    name: Run capsule tests -- nightly
-    runs-on: ubuntu-latest
-    env:
-      GO111MODULE: 'on'
-      GOPROXY: ${{ secrets.GO_PROXY }}
-    steps:
-      #######
-      ## Setup langs
-      #######
-      - name: Set up Go
-        uses: actions/setup-go@v3
-        id: go
-        with:
-          go-version: 1.18
-      - name: Set up Node 16
-        uses: actions/setup-node@v2
-        id: npm
-        with:
-          node-version: 16
-
-      #######
-      ## Checkout all the things
-      #######
-
-      # Checkout repos required to build vega capsule
-      - name: Checkout vega
-        uses: actions/checkout@v2
-        with:
-          repository: vegaprotocol/vega
-          ref: master
-          token: ${{ secrets.VEGA_CI_BOT_GITHUB_TOKEN }}
-          path: './vega'
-
-      - name: Checkout data node
-        uses: actions/checkout@v2
-        with:
-          repository: vegaprotocol/data-node
-          ref: main
-          token: ${{ secrets.VEGA_CI_BOT_GITHUB_TOKEN }}
-          path: './data-node'
-
-      - name: Checkout protos
-        uses: actions/checkout@v2
-        with:
-          repository: vegaprotocol/protos
-          ref: master
-          token: ${{ secrets.VEGA_CI_BOT_GITHUB_TOKEN }}
-          path: './protos'
-
-      - name: Checkout vegatools
-        uses: actions/checkout@v2
-        with:
-          repository: vegaprotocol/vegatools
-          ref: main
-          token: ${{ secrets.VEGA_CI_BOT_GITHUB_TOKEN }}
-          path: './vegatools'
-
-      - name: Checkout vega wallet
-        uses: actions/checkout@v2
-        with:
-          repository: vegaprotocol/vegawallet
-          ref: master
-          path: './vegawallet'
-
-      # Checkout capsule to build local network
-      - name: Checkout capsule
-        uses: actions/checkout@v2
-        with:
-          repository: vegaprotocol/vegacapsule
-          ref: main
-          token: ${{ secrets.VEGA_CI_BOT_GITHUB_TOKEN }}
-          path: './capsule'
-
-      #######
-      ## Build binaries
-      #######
-      - name: Build capsule
-        run: go install
-        working-directory: capsule
-
-      - name: Build vega
-        run: go install ./cmd/vega/
-        working-directory: vega
-
-      - name: Build vegawallet
-        run: go install
-        working-directory: vegawallet
-
-      - name: Build data-node
-        run: go install ./cmd/data-node/
-        working-directory: data-node
-
-      ######
-      ## Start capsule
-      ######
-      - name: Login to docker
-        run: echo -n ${{ secrets.VEGA_CI_BOT_GITHUB_TOKEN }} | docker login https://ghcr.io -u vega-ci-bot --password-stdin
-      - name: Start nomad
-        run: vegacapsule nomad &
-
-      - name: Bootstrap network
-        run: vegacapsule network bootstrap --config-path=./net_confs/config.hcl
-        working-directory: capsule
-
-      ######
-      ## Setup a Vega wallet for our user
-      ######
-      - name: Create passphrase
-        run: echo "${{ secrets.CYPRESS_TRADING_TEST_VEGA_WALLET_PASSPHRASE }}" > ./passphrase
-      - name: Create recovery
-        run: echo "${{ secrets.TRADING_TEST_VEGA_WALLET_RECOVERY }}" > ./recovery
-
-      - name: Initialize wallet
-        run: vegawallet init -f --home ~/.vegacapsule/testnet/wallet
-      - name: Import wallet
-        run: vegawallet import -w UI_Trading_Test --recovery-phrase-file ./recovery -p ./passphrase --home ~/.vegacapsule/testnet/wallet
-      - name: Create public key 2
-        run: vegawallet key generate -w UI_Trading_Test -p ./passphrase --home ~/.vegacapsule/testnet/wallet
-      - name: Start service
-        run: vegawallet service run --network DV --automatic-consent  --home ~/.vegacapsule/testnet/wallet &
-
-      ######
-      ## Run some tests
-      ######
-
-      # Checkout front ends
-      - name: Checkout frontend mono repo
-        uses: actions/checkout@v2
-        with:
-          ref: ${{ github.event.pull_request.head.ref }}
-          fetch-depth: 0
-
-      - name: Install root dependencies
-        run: yarn install
-
-      - name: Run Cypress tests
-        run: yarn nx run-many --target=e2e --all --record --key ${{ secrets.CYPRESS_RECORD_KEY }} --browser chrome
-        env:
-          CYPRESS_TRADING_TEST_VEGA_WALLET_PASSPHRASE: ${{ secrets.CYPRESS_TRADING_TEST_VEGA_WALLET_PASSPHRASE }}
-          CYPRESS_SLACK_WEBHOOK: ${{ secrets.CYPRESS_SLACK_WEBHOOK }}
-          CYPRESS_ETH_WALLET_MNEMONIC: ${{ secrets.CYPESS_ETH_WALLET_MNEMONIC }}
-          CYPRESS_NIGHTLY_RUN: true
-
-      ######
-      ## Upload logs
-      ######
-
-      - name: Logs
-        if: ${{ always() }}
-        run: vegacapsule network logs > vega-capsule-logs.txt
-
-      - uses: actions/upload-artifact@v2
-        with:
-          name: logs
-          path: ./vega-capsule-logs.txt

.github/workflows/ci-cd-trigger.yml

@@ -0,0 +1,293 @@
+name: CI/CD
+
+on:
+  push:
+    branches:
+      - release/*
+      - develop
+      - main
+  # uncomment pull_request and comment pull_request_target to test CI changes against feature branch not target branch (develop)
+  # pull_request:
+  pull_request_target:
+    types:
+      - opened
+      - ready_for_review
+      - reopened
+      - edited
+      - synchronize
+jobs:
+  node-modules:
+    runs-on: ubuntu-22.04
+    name: 'Cache yarn modules'
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+        with:
+          ref: ${{ github.event.pull_request.head.sha || github.sha }}
+
+      - name: Cache node modules
+        id: cache
+        uses: actions/cache@v3
+        with:
+          path: node_modules
+          key: ${{ runner.os }}-cache-node-modules-${{ hashFiles('yarn.lock') }}
+          # comment out "restore-keys" if you need to rebuild yarn from 0
+          restore-keys: |
+            ${{ runner.os }}-cache-node-modules-
+
+      - name: Setup node
+        uses: actions/setup-node@v3
+        if: steps.cache.outputs.cache-hit != 'true'
+        with:
+          node-version-file: '.nvmrc'
+          # https://stackoverflow.com/questions/61010294/how-to-cache-yarn-packages-in-github-actions
+          cache: yarn
+
+      - name: yarn install
+        if: steps.cache.outputs.cache-hit != 'true'
+        run: yarn install --pure-lockfile
+
+  lint-pr-title:
+    needs: node-modules
+    if: ${{ github.event_name == 'pull_request' }}
+    name: Verify PR title
+    uses: ./.github/workflows/lint-pr.yml
+    secrets: inherit
+
+  lint-test-build:
+    timeout-minutes: 60
+    needs: node-modules
+    runs-on: ubuntu-22.04
+    name: '(CI) lint + unit test + build'
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+          ref: ${{ github.event.pull_request.head.sha || github.sha }}
+
+      - name: Setup node
+        uses: actions/setup-node@v3
+        with:
+          node-version-file: '.nvmrc'
+          # https://stackoverflow.com/questions/61010294/how-to-cache-yarn-packages-in-github-actions
+          cache: yarn
+
+      - name: Cache node modules
+        uses: actions/cache@v3
+        with:
+          path: node_modules
+          key: ${{ runner.os }}-cache-node-modules-${{ hashFiles('yarn.lock') }}
+
+      - name: Derive appropriate SHAs for base and head for `nx affected` commands
+        uses: nrwl/nx-set-shas@v3
+        with:
+          main-branch-name: develop
+
+      - name: Check formatting
+        run: yarn nx format:check
+
+      - name: Lint affected
+        run: yarn nx affected:lint --max-warnings=0
+
+      - name: Build affected spec
+        run: yarn nx affected --target=build-spec
+
+      - name: Test affected
+        run: yarn nx affected:test
+
+      - name: Build affected
+        run: yarn nx affected:build || (yarn install && yarn nx affected:build)
+
+      # See affected apps
+      - name: See affected apps
+        run: |
+          affected="$(yarn nx print-affected --base=${{ env.NX_BASE }} --head=${{ env.NX_HEAD }} --select=projects)"
+          branch_slug="$(echo '${{ github.head_ref || github.ref_name }}' | sed -r s/[^a-zA-Z0-9]+/-/g | sed -r s/^-+\|-+$//g | cut -c 1-50 )"
+
+          echo ">>>> debug"
+          echo "NX_BASE: ${{ env.NX_BASE }}"
+          echo "NX_HEAD: ${{ env.NX_HEAD }}"
+          echo "Affected: ${affected}"
+          echo "Branch slug: ${branch_slug}"
+          echo ">>>> eof debug"
+
+          projects_array=()
+
+          preview_governance="not deployed"
+          preview_trading="not deployed"
+          preview_explorer="not deployed"
+          preview_tools="not deployed"
+
+          # parse if affected is any of three main applications, if none - use all of them
+          if echo "$affected" | grep -q governance; then
+            echo "Governance is affected"
+            projects_array+=("governance")
+            preview_governance=$(printf "https://%s.%s.vega.rocks" "governance" "$branch_slug")
+          fi
+          if echo "$affected" | grep -q trading; then
+            echo "Trading is affected"
+            projects_array+=("trading")
+            preview_trading=$(printf "https://%s.%s.vega.rocks" "trading" "$branch_slug")
+          fi
+          if echo "$affected" | grep -q explorer; then
+            echo "Explorer is affected"
+            projects_array+=("explorer")
+            preview_explorer=$(printf "https://%s.%s.vega.rocks" "explorer" "$branch_slug")
+          fi
+          if [[ ${#projects_array[@]} -eq 0 ]]; then
+            projects_array=("governance" "trading" "explorer")
+            preview_governance=$(printf "https://%s.%s.vega.rocks" "governance" "$branch_slug")
+            preview_trading=$(printf "https://%s.%s.vega.rocks" "trading" "$branch_slug")
+            preview_explorer=$(printf "https://%s.%s.vega.rocks" "explorer" "$branch_slug")
+          fi
+
+          # applications parsed before this loop are applicable for running e2e-tests
+          projects_e2e_array=()
+          for project in "${projects_array[@]}"; do
+            projects_e2e_array+=("${project}-e2e")
+          done
+          # all applications below this loop are not applicable for running e2e-test
+
+          # check if pull request event to deploy tools
+          if [[ "${{ github.event_name }}" = "pull_request" ]]; then
+            if echo "$affected" | grep -q multisig-signer; then
+              echo "Tools are affected"
+              echo "Deploying tools on preview"
+              preview_tools=$(printf "https://%s.%s.vega.rocks" "tools" "$branch_slug")
+
+              projects_array+=("multisig-signer")
+            fi
+          # those apps deploy only from develop to mainnet
+          elif [[ "${{ github.ref }}" =~ .*develop$ ]]; then
+            if echo "$affected" | grep -q multisig-signer; then
+              echo "Tools are affected"
+              echo "Deploying tools on s3"
+
+              projects_array+=("multisig-signer")
+            fi
+            if echo "$affected" | grep -q static; then
+              echo "static is affected"
+              echo "Deploying static on s3"
+
+              projects_array+=("static")
+            fi
+            if echo "$affected" | grep -q ui-toolkit; then
+              echo "ui-toolkit is affected"
+              echo "Deploying ui-toolkit on s3"
+
+              projects_array+=("ui-toolkit")
+            fi
+          fi
+
+          echo "Projects: ${projects_array[@]}"
+          echo "Projects E2E: ${projects_e2e_array[@]}"
+          projects_json=$(jq -M --compact-output --null-input '$ARGS.positional' --args -- "${projects_array[@]}")
+          projects_e2e_json=$(jq -M --compact-output --null-input '$ARGS.positional' --args -- "${projects_e2e_array[@]}")
+
+          echo PROJECTS_E2E=$projects_e2e_json >> $GITHUB_ENV
+          echo PROJECTS=$projects_json >> $GITHUB_ENV
+
+          echo PREVIEW_GOVERNANCE=$preview_governance >> $GITHUB_ENV
+          echo PREVIEW_TRADING=$preview_trading >> $GITHUB_ENV
+          echo PREVIEW_EXPLORER=$preview_explorer >> $GITHUB_ENV
+          echo PREVIEW_TOOLS=$preview_tools >> $GITHUB_ENV
+
+    outputs:
+      projects: ${{ env.PROJECTS }}
+      projects-e2e: ${{ env.PROJECTS_E2E }}
+      preview_governance: ${{ env.PREVIEW_GOVERNANCE }}
+      preview_trading: ${{ env.PREVIEW_TRADING }}
+      preview_explorer: ${{ env.PREVIEW_EXPLORER }}
+      preview_tools: ${{ env.PREVIEW_TOOLS }}
+
+  cypress:
+    needs: lint-test-build
+    name: '(CI) cypress'
+    if: ${{ needs.lint-test-build.outputs.projects-e2e != '[]' }}
+    uses: ./.github/workflows/cypress-run.yml
+    secrets: inherit
+    with:
+      projects: ${{ needs.lint-test-build.outputs.projects-e2e }}
+      tags: '@smoke @regression'
+
+  publish-dist:
+    needs: lint-test-build
+    name: '(CD) publish dist'
+    if: ${{ needs.lint-test-build.outputs.projects != '[]' }}
+    uses: ./.github/workflows/publish-dist.yml
+    secrets: inherit
+    with:
+      projects: ${{ needs.lint-test-build.outputs.projects }}
+
+  dist-check:
+    runs-on: ubuntu-latest
+    needs:
+      - publish-dist
+      - lint-test-build
+    if: ${{ github.event_name == 'pull_request' }}
+    timeout-minutes: 60
+    name: '(CD) comment preview links'
+    steps:
+      - name: Find Comment
+        uses: peter-evans/find-comment@v2
+        id: fc
+        with:
+          issue-number: ${{ github.event.pull_request.number }}
+          body-includes: Previews
+
+      - name: Wait for deployments
+        run: |
+          # https://stackoverflow.com/questions/3183444/check-for-valid-link-url
+          regex='(https?|ftp|file)://[-[:alnum:]\+&@#/%?=~_|!:,.;]*[-[:alnum:]\+&@#/%=~_|]'
+          if [[ "${{ needs.lint-test-build.outputs.preview_governance }}" =~ $regex ]]; then
+            until curl -L --fail "${{ needs.lint-test-build.outputs.preview_governance }}"; do
+              echo "waiting for governance preview"
+              sleep 5
+            done
+          fi
+          if [[ "${{ needs.lint-test-build.outputs.preview_explorer }}" =~ $regex ]]; then
+            until curl -L --fail "${{ needs.lint-test-build.outputs.preview_explorer }}"; do
+              echo "waiting for explorer preview"
+              sleep 5
+            done
+          fi
+          if [[ "${{ needs.lint-test-build.outputs.preview_trading }}" =~ $regex ]]; then
+            until curl -L --fail "${{ needs.lint-test-build.outputs.preview_trading }}"; do
+              echo "waiting for trading preview"
+              sleep 5
+            done
+          fi
+          if [[ "${{ needs.lint-test-build.outputs.preview_tools }}" =~ $regex ]]; then
+            until curl -L --fail "${{ needs.lint-test-build.outputs.preview_tools }}"; do
+              echo "waiting for tools preview"
+              sleep 5
+            done
+          fi
+
+      - name: Create comment
+        uses: peter-evans/create-or-update-comment@v3
+        if: ${{ steps.fc.outputs.comment-id == 0 }}
+        with:
+          issue-number: ${{ github.event.pull_request.number }}
+          body: |
+            Previews:
+            * governance: ${{ needs.lint-test-build.outputs.preview_governance }}
+            * explorer: ${{ needs.lint-test-build.outputs.preview_explorer  }}
+            * trading: ${{ needs.lint-test-build.outputs.preview_trading }}
+            * tools: ${{ needs.lint-test-build.outputs.preview_tools }}
+
+  # Report single result at the end, to avoid mess with required checks in PR
+  cypress-check:
+    name: '(CI) cypress - check'
+    if: ${{ always() }}
+    needs: cypress
+    runs-on: ubuntu-22.04
+    steps:
+      - run: |
+          result="${{ needs.cypress.result }}"
+          if [[ $result == "success" || $result == "skipped" ]]; then
+            exit 0
+          else
+            exit 1
+          fi

.github/workflows/cypress-live-test.yml

@@ -0,0 +1,36 @@
+name: Cypress Console tests -- live environment
+
+# This workflow runs using provided url
+
+on:
+  workflow_dispatch:
+    inputs:
+      url:
+        description: 'Url'
+        required: true
+        type: string
+
+jobs:
+  cypress-run:
+    name: Run Cypress Trading tests -- live environment
+    runs-on: ubuntu-22.04
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2
+
+      - name: Use Node.js 16
+        id: Node
+        uses: actions/setup-node@v2
+        with:
+          node-version: 16.15.1
+
+      - name: Run Cypress tests
+        uses: cypress-io/github-action@v4
+        with:
+          browser: chrome
+          record: true
+          project: ./apps/trading-e2e
+          config: baseUrl=${{ github.event.inputs.url }}
+          env: grepTags=@live
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/cypress-manual-trigger.yml

@@ -0,0 +1,33 @@
+name: Cypress tests -- manual trigger
+
+# This workflow runs the frontend tests against chosen branch
+
+on:
+  workflow_dispatch:
+    inputs:
+      project:
+        description: 'Project'
+        required: true
+        type: choice
+        options:
+          - explorer-e2e
+          - governance-e2e
+          - trading-e2e
+      tags:
+        description: 'Test tags to run'
+        required: true
+        type: string
+        default: '@smoke @regression @slow'
+      skip-nx-cache:
+        description: 'Skip NX cache'
+        required: false
+        type: boolean
+        default: false
+jobs:
+  manual:
+    uses: ./.github/workflows/cypress-run.yml
+    secrets: inherit
+    with:
+      projects: '["${{inputs.project}}"]'
+      skip-cache: ${{inputs.skip-nx-cache}}
+      tags: ${{inputs.tags}}

.github/workflows/cypress-nightly.yml

@@ -0,0 +1,14 @@
+name: Cypress tests -- night run
+
+on:
+  schedule:
+    - cron: '0 4 * * *'
+  workflow_dispatch:
+
+jobs:
+  nightly:
+    uses: ./.github/workflows/cypress-run.yml
+    secrets: inherit
+    with:
+      projects: '["explorer-e2e","governance-e2e","trading-e2e"]'
+      tags: '@smoke @regression @slow'

.github/workflows/cypress-run.yml

@@ -0,0 +1,102 @@
+name: (CI) Cypress Run
+on:
+  workflow_call:
+    inputs:
+      projects:
+        required: true
+        type: string
+      skip-cache:
+        required: false
+        type: boolean
+      tags:
+        required: false
+        type: string
+
+jobs:
+  e2e:
+    strategy:
+      fail-fast: false
+      matrix:
+        project: ${{ fromJSON(inputs.projects) }}
+    name: ${{ matrix.project }}
+    runs-on: self-hosted-runner
+    timeout-minutes: 100
+    steps:
+      # Checks if skip cache was requested
+      - name: Set skip-nx-cache flag
+        if: ${{ inputs.skip-cache == true }}
+        run: echo "SKIP_CACHE=--skip-nx-cache" >> $GITHUB_ENV
+
+      # Checkout front ends
+      - name: Checkout frontend mono repo
+        uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+          path: './frontend-monorepo'
+          ref: ${{ github.event.pull_request.head.sha || github.sha }}
+
+      # Restore node_modules from cache if possible
+      - name: Restore node_modules from cache
+        uses: actions/cache@v3
+        with:
+          path: |
+            frontend-monorepo/node_modules
+            /home/runner/.cache/Cypress
+          key: node_modules_cypress-${{ hashFiles('frontend-monorepo/yarn.lock', 'frontend-monorepo/package.json') }}
+
+      # Install frontend dependencies
+      - name: Install root dependencies
+        run: yarn install --frozen-lockfile
+        working-directory: frontend-monorepo
+
+      # Make sure that all Cypress binaries are installed properly
+      - name: Install cypress bins
+        run: yarn cypress install
+        working-directory: frontend-monorepo
+
+      ######
+      ## Setup Vegacapsule and Vega wallet
+      ######
+
+      - name: Run Vegacapsule network and Vega wallet
+        id: setup-vega
+        uses: ./frontend-monorepo/.github/actions/run-vegacapsule
+
+      ######
+      ## Run some tests
+      ######
+
+      - name: Run Cypress tests
+        run: yarn nx run ${{ matrix.project }}:e2e ${{ env.SKIP_CACHE }}  --browser chrome --env.grepTags="${{ inputs.tags }}"
+        working-directory: frontend-monorepo
+        env:
+          CYPRESS_SLACK_WEBHOOK: ${{ secrets.CYPRESS_SLACK_WEBHOOK }}
+          CYPRESS_VEGA_WALLET_API_TOKEN: ${{ steps.setup-vega.outputs.token }}
+
+      ######
+      ## Upload logs
+      ######
+
+      # Artifact path is not valid: /ganache-1/capsule-logscolletor.stderr-2022-12-22T10:20:30Z.log. Contains the following character:  Colon :
+      - name: Rename files to allow archive
+        if: ${{ always() }}
+        run: |
+          while read -r file; do
+            mv "${file}" "$(echo ${file} | sed 's|:|-|g')"
+          done< <(find /home/runner/.vegacapsule/testnet/logs -type f)
+
+      - name: Print logs files
+        if: ${{ always() }}
+        run: ls -alsh /home/runner/.vegacapsule/testnet/logs/
+
+      - uses: actions/upload-artifact@v3
+        if: ${{ failure() }}
+        with:
+          name: logs-${{ matrix.project }}
+          path: /home/runner/.vegacapsule/testnet/logs
+
+      - uses: actions/upload-artifact@v3
+        if: ${{ failure() }}
+        with:
+          name: test-report-${{ matrix.project }}
+          path: frontend-monorepo/apps/${{ matrix.project }}/cypress/reports

.github/workflows/generate-queries.yml

@@ -3,27 +3,30 @@ name: Generate queries
 on:
   push:
     branches:
-      - master
+      - develop
 
 jobs:
   master:
     name: Generate Queries
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-22.04
 
     steps:
       - name: Checkout
-        uses: actions/checkout@v2
+        uses: actions/checkout@v3
+
+      - name: Setup node
+        uses: actions/setup-node@v3
         with:
-          fetch-depth: 0
-      - name: Use Node.js 16
-        id: Node
-        uses: actions/setup-node@v2
-        with:
-          node-version: 16.14.0
+          node-version-file: '.nvmrc'
+          # https://stackoverflow.com/questions/61010294/how-to-cache-yarn-packages-in-github-actions
+          cache: yarn
+
       - name: Install root dependencies
-        run: yarn install
+        run: yarn install --frozen-lockfile
+
       - name: Generate queries
         run: node ./scripts/get-queries.js
+
       - uses: actions/upload-artifact@v2
         with:
           name: queries

.github/workflows/ipfs.yml

@@ -1,32 +0,0 @@
----
-name: Deploy affected projects to IPFS
-
-'on':
-  # Triggers the workflow on push to main branch
-  push:
-    branches: [master]
-
-  # Allows you to run this workflow manually from the Actions tab
-  workflow_dispatch: null
-
-jobs:
-  master:
-    name: Publish NX Affected
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v2
-        with:
-          ref: ${{ github.event.pull_request.head.ref }}
-          fetch-depth: 0
-      - name: Use Node.js 16
-        id: Node
-        uses: actions/setup-node@v2
-        with:
-          node-version: 16.14.0
-      - name: Install root dependencies
-        run: yarn install
-      - name: Run deploy for affected sites
-        env:
-          FLEEK_API_KEY: ${{ secrets.FLEEK_API_KEY }}
-        run: ./tools/ipfs-deploy.js

.github/workflows/lint-pr.yml

@@ -0,0 +1,31 @@
+---
+name: Verify PR title
+
+on:
+  workflow_call:
+
+jobs:
+  lint_pr:
+    timeout-minutes: 10
+    runs-on: ubuntu-22.04
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+        with:
+          ref: ${{ github.event.pull_request.head.sha || github.sha }}
+
+      - name: Setup node
+        uses: actions/setup-node@v3
+        with:
+          node-version-file: '.nvmrc'
+          # https://stackoverflow.com/questions/61010294/how-to-cache-yarn-packages-in-github-actions
+          cache: yarn
+
+      - name: Cache node modules
+        uses: actions/cache@v3
+        with:
+          path: node_modules
+          key: ${{ runner.os }}-cache-node-modules-${{ hashFiles('yarn.lock') }}
+
+      - name: Check PR title
+        run: echo "${{ github.event.pull_request.title }}" | npx commitlint --config ./commitlint.config-ci.js

.github/workflows/process-tranches.yml

@@ -1,32 +0,0 @@
-name: Generate tranches
-
-on:
-  schedule:
-    - cron: '0 */6 * * *'
-
-jobs:
-  master:
-    name: Generate Queries
-    runs-on: ubuntu-latest
-
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v2
-        with:
-          token: ${{ secrets.VEGA_CI_BOT_GITHUB_TOKEN }}
-          fetch-depth: 0
-      - name: Use Node.js 16
-        id: Node
-        uses: actions/setup-node@v2
-        with:
-          node-version: 16.14.0
-      - name: Install root dependencies
-        run: yarn install
-      - name: Generate queries
-        run: node ./scripts/get-tranches.js
-      - uses: stefanzweifel/git-auto-commit-action@v4
-        with:
-          commit_message: 'chore: update tranches'
-          commit_options: '--no-verify --signoff'
-          skip_fetch: true
-          skip_checkout: true

.github/workflows/publish-containers-cra.yml

@@ -1,60 +0,0 @@
-name: Publish NextJs containers
-
-'on':
-  push:
-    tags:
-      - 'v[0-9]+.[0-9]+.[0-9]+'
-      - 'v[0-9]+.[0-9]+.[0-9]+-pre[0-9]+'
-
-jobs:
-  master:
-    strategy:
-      matrix:
-        build-platform: ['linux/amd64']
-        app: ['trading']
-    name: Build the ${{ inputs.image_name }} image
-    runs-on: ubuntu-latest
-    steps:
-      - name: Set output
-        id: vars
-        run: echo ::set-output name=tag::${GITHUB_REF#refs/*/}
-      - name: Check output
-        env:
-          RELEASE_VERSION: ${{ steps.vars.outputs.tag }}
-        run: |
-          echo $RELEASE_VERSION
-          echo ${{ steps.vars.outputs.tag }}
-      - uses: actions/checkout@v3
-      - name: Set up QEMU
-        id: quemu
-        uses: docker/setup-qemu-action@v2
-
-      - name: Setup Docker Buildx
-        uses: docker/setup-buildx-action@v2
-
-      - name: Collect images data
-        id: tags
-        run: |
-          echo '::set-output name=current::vegaprotocol/${{ matrix.app }}:v${{ steps.vars.outputs.tag }}'
-          echo '::set-output name=latest::vegaprotocol/${{ matrix.app }}:latest'
-
-      - name: Echo tags
-        run: |
-          echo ${{ steps.tags.outputs.latest }}
-          echo ${{ steps.tags.outputs.current }}
-
-      - name: Login to DockerHub
-        uses: docker/login-action@v2
-        with:
-          username: ${{ secrets.DOCKERHUB_USERNAME }}
-          password: ${{ secrets.DOCKERHUB_TOKEN }}
-
-      - name: Docker build
-        uses: docker/build-push-action@v3
-        with:
-          context: '.'
-          file: './Dockerfile.next'
-          build-args: 'APP=${{ matrix.app }}'
-          platforms: ${{ matrix.build-platform }}
-          tags: ${{ steps.tags.outputs.latest }},${{ steps.tags.outputs.current }}
-          push: true

.github/workflows/publish-containers-next.yml

@@ -1,61 +0,0 @@
-name: Publish CRA containers
-
-'on':
-  push:
-    tags:
-      - 'v[0-9]+.[0-9]+.[0-9]+'
-      - 'v[0-9]+.[0-9]+.[0-9]+-pre[0-9]+'
-
-jobs:
-  master:
-    strategy:
-      matrix:
-        build-platform: ['linux/amd64']
-        app: ['explorer', 'token']
-    name: Build the ${{ inputs.image_name }} image
-    runs-on: ubuntu-latest
-    steps:
-      - name: Set output
-        id: vars
-        run: echo ::set-output name=tag::${GITHUB_REF#refs/*/}
-      - name: Check output
-        env:
-          RELEASE_VERSION: ${{ steps.vars.outputs.tag }}
-        run: |
-          echo $RELEASE_VERSION
-          echo ${{ steps.vars.outputs.tag }}
-      - uses: actions/checkout@v3
-      - name: Set up QEMU
-        id: quemu
-        uses: docker/setup-qemu-action@v2
-
-      - name: Setup Docker Buildx
-        uses: docker/setup-buildx-action@v2
-
-      # TODO take version from tag
-      - name: Collect images data
-        id: tags
-        run: |
-          echo '::set-output name=current::vegaprotocol/${{ matrix.app }}:v${{ steps.vars.outputs.tag }}'
-          echo '::set-output name=latest::vegaprotocol/${{ matrix.app }}:latest'
-
-      - name: Echo tags
-        run: |
-          echo ${{ steps.tags.outputs.latest }}
-          echo ${{ steps.tags.outputs.current }}
-
-      - name: Login to DockerHub
-        uses: docker/login-action@v2
-        with:
-          username: ${{ secrets.DOCKERHUB_USERNAME }}
-          password: ${{ secrets.DOCKERHUB_TOKEN }}
-
-      - name: Docker build
-        uses: docker/build-push-action@v3
-        with:
-          context: '.'
-          file: './Dockerfile.cra'
-          build-args: 'APP=${{ matrix.app }}'
-          platforms: ${{ matrix.build-platform }}
-          tags: ${{ steps.tags.outputs.latest }},${{ steps.tags.outputs.current }}
-          push: true

.github/workflows/publish-dist.yml

@@ -0,0 +1,315 @@
+name: (CD) Publish docker + s3
+
+on:
+  workflow_call:
+    inputs:
+      projects:
+        required: true
+        type: string
+
+jobs:
+  publish-dist:
+    strategy:
+      fail-fast: false
+      matrix:
+        app: ${{ fromJSON(inputs.projects) }}
+    name: ${{ matrix.app }}
+    runs-on: ubuntu-22.04
+    timeout-minutes: 25
+    steps:
+      - name: Check out code
+        uses: actions/checkout@v3
+        with:
+          ref: ${{ github.event.pull_request.head.sha || github.sha }}
+
+      - name: Set up QEMU
+        id: quemu
+        uses: docker/setup-qemu-action@v2
+
+      - name: Available platforms
+        run: echo ${{ steps.qemu.outputs.platforms }}
+
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v2
+
+      - name: Log in to the Container registry (ghcr)
+        if: ${{ github.event_name == 'pull_request' }}
+        uses: docker/login-action@v2
+        with:
+          registry: ghcr.io
+          username: ${{ github.actor }}
+          password: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Log in to the Container registry (docker hub)
+        uses: docker/login-action@v2
+        if: ${{ matrix.app == 'trading' && github.event_name == 'push' && ( endsWith(github.ref, 'main') || endsWith(github.ref, 'release/testnet') ) }}
+        with:
+          # registry: registry.hub.docker.com
+          username: ${{ secrets.DOCKERHUB_USERNAME }}
+          password: ${{ secrets.DOCKERHUB_TOKEN }}
+
+      - name: Setup node
+        uses: actions/setup-node@v3
+        with:
+          node-version-file: '.nvmrc'
+          # https://stackoverflow.com/questions/61010294/how-to-cache-yarn-packages-in-github-actions
+          cache: yarn
+
+      - name: Cache node modules
+        uses: actions/cache@v3
+        with:
+          path: node_modules
+          key: ${{ runner.os }}-cache-node-modules-${{ hashFiles('yarn.lock') }}
+
+      # https://docs.github.com/en/actions/learn-github-actions/contexts
+      - name: Define dist variables
+        if: ${{ github.event_name == 'push' }}
+        run: |
+          envName=''
+          domain="vega.rocks"
+          bucketName=''
+
+          if [[ "${{ github.ref }}" =~ .*release/.* ]]; then
+            envName="$(echo ${{ github.ref }} | rev | cut -d '/' -f 1 | rev)"
+          elif [[ "${{ github.ref }}" =~ .*develop$ ]]; then
+            envName="stagnet1"
+            if [[ "${{ matrix.app }}" = "multisig-signer" ]]; then
+              envName="mainnet"
+              bucketName="tools.vega.xyz"
+            fi
+            if [[ "${{ matrix.app }}" = "static" ]]; then
+              envName="mainnet"
+              bucketName="static.vega.xyz"
+            fi
+            if [[ "${{ matrix.app }}" = "ui-toolkit" ]]; then
+              envName="mainnet"
+              bucketName="ui.vega.rocks"
+            fi
+          elif [[ "${{ github.ref }}" =~ .*main$ ]]; then
+            envName="mainnet"
+          fi
+
+          if [[ "${envName}" = "mainnet" ]]; then
+            domain="vega.xyz"
+            if [[ -z "${bucketName}" ]]; then
+              bucketName="${{ matrix.app }}.${domain}"
+            fi
+          elif [[ "${envName}" = "testnet" ]]; then
+            domain="fairground.wtf"
+            if [[ -z "${bucketName}" ]]; then
+              bucketName="${{ matrix.app }}.${domain}"
+            fi
+          fi
+
+          if [[ -z "${bucketName}" ]]; then
+            bucketName="${{ matrix.app }}.${envName}.${domain}"
+          fi
+
+          echo "bucket name: ${bucketName}"
+          echo "env name: ${envName}"
+
+          echo BUCKET_NAME=${bucketName} >> $GITHUB_ENV
+          echo ENV_NAME=${envName} >> $GITHUB_ENV
+
+      - name: Build local dist
+        run: |
+          flags=""
+          if [[ ! -z "${{ env.ENV_NAME }}" ]]; then
+            flags="--env=${{ env.ENV_NAME }}"
+          fi
+
+          if [ "${{ matrix.app }}" = "trading" ]; then
+            yarn nx export trading $flags || (yarn install && yarn nx export trading $flags)
+            DIST_LOCATION=dist/apps/trading/exported
+          elif [ "${{ matrix.app }}" = "ui-toolkit" ]; then
+            NODE_ENV=production yarn nx run ui-toolkit:build-storybook
+            DIST_LOCATION=dist/storybook/ui-toolkit
+          else
+            yarn nx build ${{ matrix.app }} $flags || (yarn install && yarn nx build ${{ matrix.app }} $flags)
+            DIST_LOCATION=dist/apps/${{ matrix.app }}
+          fi
+          mv $DIST_LOCATION dist-result
+          tree dist-result
+
+      - name: Build and export to local Docker
+        id: docker_build
+        uses: docker/build-push-action@v3
+        with:
+          context: .
+          file: docker/node-outside-docker.Dockerfile
+          load: true
+          build-args: |
+            APP=${{ matrix.app }}
+            ENV_NAME=${{ env.ENV_NAME }}
+          tags: |
+            ghcr.io/vegaprotocol/frontend/${{ matrix.app }}:local
+
+      - name: Image digest
+        if: ${{ github.event_name == 'pull_request' }}
+        run: echo ${{ steps.docker_build.outputs.digest }}
+
+      - name: Sanity check docker image
+        run: |
+          echo "Check ipfs-hash"
+          docker run --rm ghcr.io/vegaprotocol/frontend/${{ matrix.app }}:local cat /ipfs-hash
+          docker run --rm ghcr.io/vegaprotocol/frontend/${{ matrix.app }}:local cat /ipfs-hash > ${{ matrix.app }}-ipfs-hash
+          echo "List html directory"
+          docker run --rm ghcr.io/vegaprotocol/frontend/${{ matrix.app }}:local sh -c 'apk add --update tree; tree /usr/share/nginx/html'
+
+      - name: Publish dist as docker image (ghcr)
+        uses: docker/build-push-action@v3
+        continue-on-error: true
+        id: ghcr-push
+        if: ${{ github.event_name == 'pull_request' }}
+        with:
+          context: .
+          file: docker/node-outside-docker.Dockerfile
+          push: true
+          build-args: |
+            APP=${{ matrix.app }}
+            ENV_NAME=${{ env.ENV_NAME }}
+          tags: |
+            ghcr.io/vegaprotocol/frontend/${{ matrix.app }}:${{ github.event.pull_request.head.sha || github.sha }}
+
+      - name: Publish dist as docker image (docker hub)
+        uses: docker/build-push-action@v3
+        continue-on-error: true
+        id: dockerhub-push
+        if: ${{ matrix.app == 'trading' && github.event_name == 'push' && ( endsWith(github.ref, 'main') || endsWith(github.ref, 'release/testnet') ) }}
+        with:
+          context: .
+          file: docker/node-outside-docker.Dockerfile
+          push: true
+          build-args: |
+            APP=${{ matrix.app }}
+            ENV_NAME=${{ env.ENV_NAME }}
+          tags: |
+            vegaprotocol/${{ matrix.app }}:${{ github.sha }}
+            vegaprotocol/${{ matrix.app }}:${{ endsWith(github.ref, 'main') && 'mainnet' || endsWith(github.ref, 'release/testnet') && 'testnet' || '' }}
+
+      - name: Publish dist as docker image (ghcr - retry)
+        uses: docker/build-push-action@v3
+        if: ${{ steps.ghcr-push.outcome == 'failure' }}
+        with:
+          context: .
+          file: docker/node-outside-docker.Dockerfile
+          push: true
+          build-args: |
+            APP=${{ matrix.app }}
+            ENV_NAME=${{ env.ENV_NAME }}
+          tags: |
+            ghcr.io/vegaprotocol/frontend/${{ matrix.app }}:${{ github.event.pull_request.head.sha || github.sha }}
+
+      - name: Publish dist as docker image (docker hub - retry)
+        uses: docker/build-push-action@v3
+        if: ${{ steps.dockerhub-push.outcome == 'failure' }}
+        with:
+          context: .
+          file: docker/node-outside-docker.Dockerfile
+          push: true
+          build-args: |
+            APP=${{ matrix.app }}
+            ENV_NAME=${{ env.ENV_NAME }}
+          tags: |
+            vegaprotocol/${{ matrix.app }}:${{ github.sha }}
+            vegaprotocol/${{ matrix.app }}:${{ endsWith(github.ref, 'main') && 'mainnet' || endsWith(github.ref, 'release/testnet') && 'testnet' || '' }}
+
+      # bucket creation in github.com/vegaprotocol/terraform//frontend
+      - name: Publish dist to s3
+        uses: jakejarvis/s3-sync-action@master
+        # s3 releases are not happening for trading on mainnet - it's IPFS
+        if: ${{ github.event_name == 'push' && ( matrix.app != 'trading' || (matrix.app == 'trading' && !( endsWith(github.ref, 'main') || endsWith(github.ref, 'release/testnet') ) ) ) }}
+        with:
+          args: --acl private --follow-symlinks --delete
+        env:
+          AWS_S3_BUCKET: ${{ env.BUCKET_NAME }}
+          AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}
+          AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
+          AWS_REGION: 'eu-west-1'
+          SOURCE_DIR: 'dist-result'
+
+      - name: Add preview label
+        uses: actions-ecosystem/action-add-labels@v1
+        if: ${{ github.event_name == 'pull_request' }}
+        with:
+          labels: ${{ matrix.app }}-preview
+          number: ${{ github.event.number }}
+
+      - name: Trigger fleek deployment
+        # release to ipfs happens only on mainnet (represented by main branch) for trading
+        if: ${{ matrix.app == 'trading' && github.event_name == 'push' && ( endsWith(github.ref, 'main') || endsWith(github.ref, 'release/testnet') ) }}
+        run: |
+          if echo ${{ github.ref }} | grep -q main; then
+            # display info about app
+            curl --fail -H "Authorization: ${{ secrets.FLEEK_API_KEY }}" \
+              -H "Content-Type: application/json" \
+              -d '{"query": "query{getSiteById(siteId:\"f8f2e051-f18e-49e6-b876-0a39369dc0d8\"){id latestDeploy{id status}}}"}' \
+              https://api.fleek.co/graphql
+
+            # trigger new deployment as base image is always set to vegaprotocol/trading:mainnet
+            curl --fail -H "Authorization: ${{ secrets.FLEEK_API_KEY }}" \
+              -H "Content-Type: application/json" \
+              -d '{"query": "mutation{triggerDeploy(siteId:\"f8f2e051-f18e-49e6-b876-0a39369dc0d8\"){id status}}"}' \
+              https://api.fleek.co/graphql
+
+          elif echo ${{ github.ref }} | grep -q release/testnet; then
+            # display info about app
+            curl --fail -H "Authorization: ${{ secrets.FLEEK_API_KEY }}" \
+              -H "Content-Type: application/json" \
+              -d '{"query": "query{getSiteById(siteId:\"79baaeca-1952-4ae7-a256-f668cfc1d68e\"){id latestDeploy{id status}}}"}' \
+              https://api.fleek.co/graphql
+
+            # trigger new deployment as base image is always set to vegaprotocol/trading:mainnet
+            curl --fail -H "Authorization: ${{ secrets.FLEEK_API_KEY }}" \
+              -H "Content-Type: application/json" \
+              -d '{"query": "mutation{triggerDeploy(siteId:\"79baaeca-1952-4ae7-a256-f668cfc1d68e\"){id status}}"}' \
+              https://api.fleek.co/graphql
+          fi
+
+      - name: Check out ipfs-redirect
+        if: ${{ matrix.app == 'trading' && github.event_name == 'push' && ( endsWith(github.ref, 'main') || endsWith(github.ref, 'testnet') ) }}
+        uses: actions/checkout@v3
+        with:
+          repository: 'vegaprotocol/ipfs-redirect'
+          path: 'ipfs-redirect'
+          fetch-depth: '0'
+          token: ${{ secrets.VEGA_CI_BOT_GITHUB_TOKEN }}
+
+      - name: Update interstitial page to point to the new console
+        if: ${{ matrix.app == 'trading' && github.event_name == 'push' && ( endsWith(github.ref, 'main') || endsWith(github.ref, 'testnet') ) }}
+        env:
+          GH_TOKEN: ${{ secrets.VEGA_CI_BOT_GITHUB_TOKEN }}
+        run: |
+          # set CID
+          curl -L https://dist.ipfs.tech/kubo/v0.20.0/kubo_v0.20.0_linux-amd64.tar.gz -o kubo.tgz
+          tar -xzf kubo.tgz
+          export PATH="$PATH:$PWD/kubo"
+          which ipfs
+          new_hash=$(cat ${{ matrix.app }}-ipfs-hash)
+          new_cid=$(ipfs cid format -v 1 -b base32 $new_hash)
+
+          (
+            cd ipfs-redirect
+
+            # configure git
+            git status
+            cat .git/config
+            git config --global user.email "vega-ci-bot@vega.xyz"
+            git config --global user.name "vega-ci-bot"
+
+            # update CID files
+            if echo ${{ github.ref }} | grep -q main; then
+              echo $new_hash > cidv0-mainnet.txt
+              echo $new_cid > cidv1-mainnet.txt
+              git add cidv0-mainnet.txt cidv1-mainnet.txt
+            elif echo ${{ github.ref }} | grep -q release/testnet; then
+              echo $new_hash > cidv0-fairground.txt
+              echo $new_cid > cidv1-fairground.txt
+              git add cidv0-fairground.txt cidv1-fairground.txt
+            fi
+
+            # create commit
+            commit_msg="Automated hash update from ${{ github.ref }}"
+            git commit -m "$commit_msg"
+            git push -u origin "main"
+          )

.github/workflows/publish-npm.yml

@@ -0,0 +1,48 @@
+name: Publish libs to npm
+
+on:
+  workflow_dispatch:
+    inputs:
+      project:
+        description: 'Monorepo project to publish'
+        required: true
+        type: choice
+        options:
+          - announcements
+          - ui-toolkit
+          - react-helpers
+          - tailwindcss-config
+          - types
+          - utils
+          - i18n
+
+jobs:
+  publish:
+    name: Build & Publish - Tag
+    runs-on: ubuntu-22.04
+    permissions:
+      contents: 'read'
+      actions: 'read'
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Setup node
+        uses: actions/setup-node@v3
+        with:
+          node-version-file: '.nvmrc'
+          # https://stackoverflow.com/questions/61010294/how-to-cache-yarn-packages-in-github-actions
+          cache: yarn
+
+      - name: Install root dependencies
+        run: yarn install --frozen-lockfile
+
+      - name: Build project
+        run: yarn nx build ${{inputs.project}}
+
+      - name: Publish project to @vegaprotocol
+        uses: JS-DevTools/npm-publish@v1
+        with:
+          token: ${{ secrets.NPM_TOKEN }}
+          package: dist/libs/${{inputs.project}}/package.json
+          access: public

.github/workflows/rollback-console.yml

@@ -0,0 +1,84 @@
+name: 'Rollback console'
+
+on:
+  workflow_dispatch:
+    inputs:
+      version:
+        description: 'Version that should be set on rollback'
+        required: true
+        type: string
+
+jobs:
+  rollback:
+    runs-on: ubuntu-22.04
+    timeout-minutes: 10
+    steps:
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v2
+
+      - name: Log in to the Container registry (docker hub)
+        uses: docker/login-action@v2
+        with:
+          username: ${{ secrets.DOCKERHUB_USERNAME }}
+          password: ${{ secrets.DOCKERHUB_TOKEN }}
+
+      - name: Retag mainnet
+        run: |
+          docker pull vegaprotocol/trading:${{ inputs.version }}
+          docker tag vegaprotocol/trading:${{ inputs.version }} vegaprotocol/trading:mainnet
+          docker push vegaprotocol/trading:mainnet
+          docker run --rm vegaprotocol/trading:mainnet cat /ipfs-hash > ipfs-hash
+
+      - name: Trigger fleek deployment
+        run: |
+          # display info about app
+          curl -H "Authorization: ${{ secrets.FLEEK_API_KEY }}" \
+            -H "Content-Type: application/json" \
+            -d '{"query": "query{getSiteById(siteId:\"f8f2e051-f18e-49e6-b876-0a39369dc0d8\"){id latestDeploy{id status}}}"}' \
+            https://api.fleek.co/graphql
+
+          # trigger new deployment as base image is always set to vegaprotocol/trading:mainnet
+          curl -H "Authorization: ${{ secrets.FLEEK_API_KEY }}" \
+            -H "Content-Type: application/json" \
+            -d '{"query": "mutation{triggerDeploy(siteId:\"f8f2e051-f18e-49e6-b876-0a39369dc0d8\"){id status}}"}' \
+            https://api.fleek.co/graphql
+
+      - name: Check out ipfs-redirect
+        uses: actions/checkout@v3
+        with:
+          repository: 'vegaprotocol/ipfs-redirect'
+          path: 'ipfs-redirect'
+          fetch-depth: '0'
+          token: ${{ secrets.VEGA_CI_BOT_GITHUB_TOKEN }}
+
+      - name: Update console.vega.xyz DNS to redirect to the new console
+        env:
+          GH_TOKEN: ${{ secrets.VEGA_CI_BOT_GITHUB_TOKEN }}
+        run: |
+          curl -L https://dist.ipfs.tech/kubo/v0.20.0/kubo_v0.20.0_linux-amd64.tar.gz -o kubo.tgz
+          tar -xzf kubo.tgz
+          export PATH="$PATH:$PWD/kubo"
+          which ipfs
+          new_hash=$(cat ipfs-hash)
+          new_cid=$(ipfs cid format -v 1 -b base32 $new_hash)
+          git config --global user.email "vega-ci-bot@vega.xyz"
+          git config --global user.name "vega-ci-bot"
+          echo $new_hash > ipfs-redirect/cidv0.txt
+          echo $new_cid > ipfs-redirect/cidv1.txt
+
+          (
+            cd ipfs-redirect
+
+            git status
+            branch_name="rollback-to-$new_hash"
+            git checkout -b "$branch_name"
+            commit_msg="hash rollback to $new_hash"
+            git add cidv0.txt cidv1.txt
+            git commit -m "$commit_msg"
+            git push -u origin "$branch_name" --force-with-lease
+            pr_url="$(gh pr create --title "${commit_msg}" --body 'automated pull request to update CIDs')"
+            echo $pr_url
+            # once auto merge get's enabled on documentation repo let's do follow up
+            sleep 5
+            gh pr merge "${pr_url}" --delete-branch --squash --admin
+          )

.gitignore

@@ -2,6 +2,7 @@
 
 # compiled output
 /dist
+/dist-result
 /tmp
 /out-tsc
 /tools/executors/**/*.js
@@ -21,7 +22,7 @@
 
 # IDE - VSCode
 .vscode/*
-!.vscode/settings.json
+.vscode/settings.json
 !.vscode/tasks.json
 !.vscode/launch.json
 !.vscode/extensions.json
@@ -43,3 +44,11 @@ Thumbs.db
 .local.env
 .env.local
 cypress.env.json
+
+# Next.js
+.next
+
+#cypress
+/apps/**/cypress/reports/
+/apps/**/cypress/downloads/
+/apps/**/fixtures/wallet/node**

.husky/commit-msg

@@ -6,7 +6,3 @@ yarn commitlint --edit "${1}"
 
 # Lint all staged files
 yarn lint-staged
-
-# Build & test affected apps
-yarn nx affected:build --uncommitted
-yarn nx affected:test --uncommitted

.nvmrc

@@ -1 +1 @@
-16.14.0
+16.15.1

.prettierignore

@@ -3,9 +3,8 @@
 /dist
 /coverage
 __generated__
+__generated___
 
 apps/static/src/assets/devnet-tranches.json
 apps/static/src/assets/mainnet-tranches.json
-apps/static/src/assets/stagnet1-tranches.json
-apps/static/src/assets/stagnet2-tranches.json
 apps/static/src/assets/testnet-tranches.json

.storybook/main.js

@@ -1,6 +1,24 @@
 module.exports = {
   stories: [],
-  addons: ['@storybook/addon-essentials', '@storybook/addon-a11y'],
+  addons: [
+    '@storybook/addon-actions',
+    '@storybook/addon-viewport',
+    {
+      name: '@storybook/addon-docs',
+      options: {
+        configureJSX: true,
+        babelOptions: {},
+        sourceLoaderOptions: null,
+        transcludeMarkdown: true,
+      },
+    },
+    '@storybook/addon-controls',
+    '@storybook/addon-backgrounds',
+    '@storybook/addon-toolbars',
+    '@storybook/addon-measure',
+    '@storybook/addon-outline',
+    '@storybook/addon-a11y',
+  ],
   // uncomment the property below if you want to apply some webpack config globally
   // webpackFinal: async (config, { configType }) => {
   //   // Make whatever fine-grained changes you need that should apply to all storybook configs

.vscode/extensions.json

@@ -4,6 +4,7 @@
     "esbenp.prettier-vscode",
     "firsttris.vscode-jest-runner",
     "dbaeumer.vscode-eslint",
-    "stevejpurves.cucumber"
+    "stevejpurves.cucumber",
+    "streetsidesoftware.code-spell-checker"
   ]
 }

CODEOWNERS

@@ -1 +1,2 @@
 * @vegaprotocol/frontend
+*.graphql @vegaprotocol/core

Dockerfile.cra

@@ -1,30 +0,0 @@
-# Build container
-FROM node:16.14.0-alpine as build
-WORKDIR /app
-# Argument to allow building of different apps
-ARG APP
-ENV PATH /app/node_modules/.bin:$PATH
-COPY package.json ./
-COPY yarn.lock ./
-COPY . ./
-RUN apk add python3 make gcc g++
-RUN yarn
-RUN yarn nx build $APP
-
-# Production environment
-FROM nginx:stable-alpine
-ARG APP
-COPY --from=build /app/dist/apps/$APP /usr/share/nginx/html
-COPY nginx/nginx.conf /etc/nginx/conf.d/default.conf
-
-EXPOSE 80
-
-WORKDIR /usr/share/nginx/html
-COPY ./env.sh .
-COPY ./apps/$APP/.env .env
-
-# Add bash
-RUN apk add --no-cache bash
-
-RUN chmod +x ./env.sh
-CMD ["/bin/bash", "-c", "/usr/share/nginx/html/env.sh && nginx -g \"daemon off;\""]

Dockerfile.next

@@ -1,30 +0,0 @@
-# Build container
-FROM node:16.14.0-alpine as build
-WORKDIR /app
-# Argument to allow building of different apps
-ARG APP
-ENV PATH /app/node_modules/.bin:$PATH
-COPY package.json ./
-COPY yarn.lock ./
-COPY . ./
-RUN apk add python3 make gcc g++
-RUN yarn
-RUN yarn nx export $APP
-
-# Production environment
-FROM nginx:stable-alpine
-ARG APP
-COPY --from=build /app/dist/apps/$APP/exported /usr/share/nginx/html
-COPY nginx/nginx.conf /etc/nginx/conf.d/default.conf
-
-EXPOSE 80
-
-WORKDIR /usr/share/nginx/html
-COPY ./env.sh .
-COPY ./apps/$APP/.env .env
-
-# Add bash
-RUN apk add --no-cache bash
-
-RUN chmod +x ./env.sh
-CMD ["/bin/bash", "-c", "/usr/share/nginx/html/env.sh && nginx -g \"daemon off;\""]

Jenkinsfile

@@ -0,0 +1,2 @@
+@Library('vega-shared-library') _
+runApprobation ignoreFailure: false, frontendBranch: env.BRANCH_NAME, type: 'frontend'

Makefile

@@ -0,0 +1,20 @@
+.PHONY: latest-release
+latest-release:
+	gh release list | head -n 1 | awk '{print $1}'
+
+.PHONY: show-latest-release
+show-latest-release:
+	gh release view `gh release list | head -n 1 | awk '{print $1}'`
+
+.PHONY: recalculate-ipfs
+recalculate-ipfs:
+	echo "ipfs hash inside the image"
+	docker run --rm ${TAG} cat /ipfs-hash
+	echo "recalculating ipfs hash"
+	docker run --rm ${TAG} ipfs add -r /usr/share/nginx/html
+
+.PHONY: eject-ipfs-hash
+unpack:
+	docker create --name=dist ${TAG}
+	docker cp dist:/usr/share/nginx/html dist
+	docker rm dist

README.md

@@ -22,14 +22,14 @@ The utility dApp for interacting with the Vega token and using its' utility. Thi
 
 The block explorer for the Vega network, showing details of raw chain states and the state of markets on the Vega network.
 
-### [Stats](./apps/stats)
-
-An application for the status of the Vega network. Showing block height and other network activity.
-
 ### [Static](./apps/static)
 
 Hosting for static content being shared across apps, for example fonts.
 
+### [Multisig-signer](./apps/multisig-signer)
+
+The utility dApp for validators wishing to add or remove themselves as a signer of the multisig contract.
+
 # 🧱 Libraries in this repo
 
 ### [UI toolkit](./libs/ui-toolkit)
@@ -69,11 +69,10 @@ Run `nx serve my-app` for a dev server. Navigate to the port specified in `app/<
 
 ### Using Apollo GraphQL and Generate Types
 
-In order to generate the schemas for your GraphQL queries, you can run `nx run types:generate`.
-If it is the first time you are running the command, make sure you are setting up the environment variable from `apollo.config.js`.
+In order to generate the schemas for your GraphQL queries, you can run `GRAPHQL_SCHEMA_PATH=[YOUR SCHEMA FILE / API URL HERE] nx run types:generate`.
 
 ```bash
-export  NX_VEGA_URL=https://lb.testnet.vega.xyz/query
+export  GRAPHQL_SCHEMA_PATH=https://api.n07.testnet.vega.xyz/graphql
 yarn nx run types:generate
 ```
 
@@ -83,13 +82,14 @@ Run `yarn nx run <my-app>-e2e:e2e` to execute the e2e tests with [cypress](https
 
 Run `nx test my-app` to execute the unit tests with [Jest](https://jestjs.io), or `nx affected:test` to execute just unit tests affected by a change. You can also use `--watch` with these test to run jest in watch mode, see [Jest executor](https://nx.dev/packages/jest/executors/jest) for all CLI flags.
 
-#### Trading app E2E tests
+### Using wallet
 
-To run tests locally using your own wallets you can add the following environment variables to `cypress.json`
+To run tests locally using your own wallets make sure you have generated at least two public keys and update the following environment variables in `cypress.config.js` to match your wallet.
 
-1. Change `TRADING_TEST_VEGA_WALLET_NAME` to your Vega wallet name
-2. Add `TRADING_TEST_VEGA_WALLET_PASSPHRASE` as your wallet passphrase
-3. Add `ETH_WALLET_MNEMONIC` as your Ethereum wallet mnemonic
+1. Set `VEGA_PUBLIC_KEY` and `TRUNCATED_VEGA_PUBLIC_KEY` to your first public key.
+2. Set `VEGA_PUBLIC_KEY2` and `TRUNCATED_VEGA_PUBLIC_KEY2` to your second public key.
+3. Set `TRADING_TEST_VEGA_WALLET_PASSPHRASE` as your wallet passphrase
+4. Add `ETH_WALLET_MNEMONIC` as your Ethereum wallet mnemonic
 
 ### Formatting
 
@@ -103,24 +103,69 @@ In CI linting, formatting and also run. These checks can be seen in the [CI work
 
 Visit the [Nx Documentation](https://nx.dev/getting-started/intro) to learn more.
 
-# Docker & Vegacapsule
+# 🐋 Hosting a console
 
-## Docker
+To host a console there are two possible build scenarios for running the frontends: nx performed **outside** or **inside** docker build. For specific build instructions follow [build instructions](#build-instructions).
 
-The [Dockerfile](./Dockerfile) for running the frontends is pretty basic, merely building the application with the APP arg that is passed in and serving the application from [nginx](./nginx/nginx.conf). The only complexity that exists is that there is a script which allows the passing of run time environment variables to the containers. See configuration below for how to do this.
-
-You can build any of the containers locally with the following command:
-
-```bash
-docker build . --build-arg APP=[YOUR APP] --tag=[TAG]
-```
-
-In order to run a container:
+In order to run a container on port 3000:
 
 ```bash
 docker run -p 3000:80 [TAG]
 ```
 
+## Build instructions
+
+The [`docker`](./docker) subfolder has some docker configurations for easily setting up your own hosted version of console either for the web, or ready for pinning on IPFS
+
+### nx build outside the docker
+
+Packaging prepared dist into [`nginx`](https://hub.docker.com/_/nginx)([server configuration](./nginx/nginx.conf)) docker image involves building the application on docker host machine from source.
+
+As a prerequisite you need to perform build of `dist` directory and move its content for specific application to `dist-result` directory. Use following script to do it with a single command:
+
+```bash
+./docker/prepare-dist.sh
+```
+
+You can build any of the containers locally with the following command:
+
+```bash
+docker build --dockerfile docker/node-outside-docker.Dockerfile . --tag=[TAG]
+```
+
+### nx build inside the docker
+
+Using multistage dockerfile dist is compiled using [node](https://hub.docker.com/_/node) image and later packed to nginx as in [dist build](#dist-build) example.
+
+```bash
+docker build --build-arg APP=[YOUR APP] --build-arg NODE_VERSION=$(cat .nvmrc) --build-arg ENV_NAME=mainnet -t [TAG] -f docker/node-inside-docker.Dockerfile .
+```
+
+### Computing ipfs-hash of the build
+
+At the moment this feature is important only for `trading` (console) releases.
+
+Each docker build finishes with hash calculation for dist directory. Resulting hash is added to file named as `/ipfs-hash`. Once docker image is produced you can run following commad to display ipfs-hash:
+
+```bash
+make recalculate-ipfs TAG=vegaprotocol/trading:{YOUR_VERSION}
+```
+
+**updating hash:** recompiling dist directory (even if there are no changed to source code) results in different hash computed by ipfs command.
+
+### Verifying ipfs-hash of existing current application version
+
+An IPFS CID will be attached to every [release](https://github.com/vegaprotocol/frontend-monorepo/releases). If you are intending to pin an application on IPFS, you can check that your build matches by running the following steps:
+
+1. Show latest release by runnning: `make latest-release`. You need to configure [`gh`](https://cli.github.com/) for this step to work, otherwise please provide release manually from [github](https://github.com/vegaprotocol/frontend-monorepo/releases) or [dockerhub](https://hub.docker.com/r/vegaprotocol/trading)
+2. Set RELEASE environment variable to value that you want to validate: `export RELEASE=$(make latest-release)` or `export RELEASE=vXX.XX.XX`
+3. Set TAG environment variable to image that you want to validate: `export TAG=vegaprotocol/trading:$RELEASE`
+4. Download docker image with the desired release `docker pull $TAG`.
+5. Recalculate hash: `make recalculate-ipfs`
+6. You should see exactly same hash produced by ipfs command as one placed with the release notes: `make show-latest-release`
+7. If you want to extract dist from docker image to your local filesystem you can run following command: `make unpack`
+8. Now `dist` directory contains valid application build. **it is not possible to calculate same ipfs hash on files that are result of copy operation**
+
 ## Config
 
 As environment variables are build time and not run time in frontend applications. We have built a system which allows for passing run time environment variables, this generates a JSON file that will override the default environment variables that the container was built with (which is always testnet, using the default .env files).
@@ -128,7 +173,7 @@ As environment variables are build time and not run time in frontend application
 In order to override specific environment variables you can pass these to the container like this:
 
 ```bash
-docker run -e NX_VEGA_URL=https://n04.d.vega.xyz/query -p 3000:80 [TAG]
+docker run -e NX_VEGA_URL=https://api.n04.d.vega.xyz/graphql -p 3000:80 [TAG]
 ```
 
 Which will now point the app to use a devnet data node. To see a list of all possible config properties see the readme.md for each app in the app directory.
@@ -139,6 +184,34 @@ Coming soon! You will be able to run the containers within Vega Capsule.
 
 You can run against a local instance of Vega Capsule today by using the .env.capsule present in the apps.
 
+If you wish to run E2E tests for Token and Block Explorer (other areas to be added soon)
+
+- Vegacapsule must be used in order for these tests to succeed, the vegacapsule repo README.md file contains the steps required to set this up, it must be installed globally.
+- However we start the capsule network a little differently to how it is laid out in those instructions:
+
+In order to run the bootstrap command to generate and start a new network, we must do so using the following:
+
+```bash
+vegacapsule network bootstrap --config-path=../frontend-monorepo/vegacapsule/config.hcl
+```
+
+In order to setup and run vegawallet for e2e capsule tests, in a separate terminal window:
+
+1. cd into `./vegacapsule`
+2. run:
+
+```bash
+bash setup-vegawallet.sh
+```
+
+3. copy generated `api-token` and paste the token into `CYPRESS_VEGA_WALLET_API_TOKEN` environment variable in either `apps/governance-e2e/.env` or `apps/explorer-e2e/.env` depending on which project needs testing.
+
+Note: The script is only needed if capsule was built for first time or fresh. To run existing wallet service for capsule:
+
+```bash
+vega wallet service run -n DV --load-tokens --tokens-passphrase-file passphrase --no-version-check --automatic-consent --home ~/.vegacapsule/testnet/wallet
+```
+
 # 📑 License
 
 [MIT](./LICENSE)

apps/explorer-e2e/.cypress-cucumber-preprocessorrc

@@ -1,3 +0,0 @@
-{
-    "stepDefinitions": "src/support/step_definitions"
-}

apps/explorer-e2e/.env

@@ -1,9 +1,8 @@
-NX_CHAIN_EXPLORER_URL=https://explorer.vega.trading/.netlify/functions/chain-explorer-api
 NX_TENDERMINT_URL=http://localhost:26617
 NX_TENDERMINT_WEBSOCKET_URL=wss://localhost:26617/websocket
-NX_VEGA_URL=http://localhost:3028/query
+NX_VEGA_URL=http://localhost:3008/graphql
 NX_VEGA_ENV=CUSTOM
-NX_VEGA_REST=http://localhost:3029
+NX_VEGA_CONFIG_URL=
 
 CYPRESS_VEGA_TENDERMINT_URL=http://localhost:26617
 
@@ -11,7 +10,11 @@ NX_EXPLORER_ASSETS=1
 NX_EXPLORER_GENESIS=1
 NX_EXPLORER_GOVERNANCE=1
 NX_EXPLORER_MARKETS=1
+NX_EXPLORER_ORACLES=1
 NX_EXPLORER_TXS_LIST=0
 NX_EXPLORER_NETWORK_PARAMETERS=1
 NX_EXPLORER_PARTIES=1
 NX_EXPLORER_VALIDATORS=1
+
+CYPRESS_VEGA_WALLET_API_TOKEN=
+CYPRESS_VEGA_URL=http://localhost:3008/graphql

apps/explorer-e2e/.env.devnet

@@ -1,17 +1,17 @@
 # App configuration variables
-NX_CHAIN_EXPLORER_URL=https://explorer.vega.trading/.netlify/functions/chain-explorer-api
 NX_TENDERMINT_URL=https://n04.d.vega.xyz/tm
 NX_TENDERMINT_WEBSOCKET_URL=wss://n04.d.vega.xyz/tm/websocket
-NX_VEGA_URL=https://n04.d.vega.xyz/query
+NX_VEGA_URL=https://api.n04.d.vega.xyz/graphql
 NX_VEGA_ENV=DEVNET
-NX_VEGA_REST=https://n04.d.vega.xyz/datanode/rest
+NX_BLOCK_EXPLORER=https://be.devnet1.vega.xyz/rest
 
 # App flags
 NX_EXPLORER_ASSETS=1
 NX_EXPLORER_GENESIS=1
 NX_EXPLORER_GOVERNANCE=1
 NX_EXPLORER_MARKETS=1
-NX_EXPLORER_TXS_LIST=1
+NX_EXPLORER_ORACLES=1
+NX_EXPLORER_TXS_LIST=0
 NX_EXPLORER_NETWORK_PARAMETERS=1
 NX_EXPLORER_PARTIES=1
 NX_EXPLORER_VALIDATORS=1

apps/explorer-e2e/.env.mainnet

@@ -1,10 +1,9 @@
 # App configuration variables
-NX_CHAIN_EXPLORER_URL=https://explorer.vega.trading/.netlify/functions/chain-explorer-api
 NX_TENDERMINT_URL=https://mainnet-observer-proxy01.ops.vega.xyz/
 NX_TENDERMINT_WEBSOCKET_URL=wss://mainnet-observer-proxy01.ops.vega.xyz/websocket
-NX_VEGA_URL=https://api.token.vega.xyz/query
+NX_VEGA_URL=https://api.vega.community/graphql
 NX_VEGA_ENV=MAINNET
-NX_VEGA_REST=https://api.token.vega.xyz/
+NX_BLOCK_EXPLORER=https://be.explorer.vega.xyz/rest
 
 # App flags
 NX_EXPLORER_ASSETS=1

apps/explorer-e2e/.env.stagnet1

@@ -1,17 +0,0 @@
-# App configuration variables
-NX_CHAIN_EXPLORER_URL=https://explorer.vega.trading/.netlify/functions/chain-explorer-api
-NX_TENDERMINT_URL=https://n03.s.vega.xyz/tm
-NX_TENDERMINT_WEBSOCKET_URL=wss://n03.s.vega.xyz/tm/websocket
-NX_VEGA_URL=https://n03.s.vega.xyz/query
-NX_VEGA_ENV=STAGNET
-NX_VEGA_REST=https://n03.s.vega.xyz/datanode/rest
-
-# App flags
-NX_EXPLORER_ASSETS=1
-NX_EXPLORER_GENESIS=1
-NX_EXPLORER_GOVERNANCE=1
-NX_EXPLORER_MARKETS=1
-NX_EXPLORER_TXS_LIST=1
-NX_EXPLORER_NETWORK_PARAMETERS=1
-NX_EXPLORER_PARTIES=1
-NX_EXPLORER_VALIDATORS=1

apps/explorer-e2e/.env.stagnet2

@@ -1,17 +0,0 @@
-# App configuration variables
-NX_CHAIN_EXPLORER_URL=https://explorer.vega.trading/.netlify/functions/chain-explorer-api
-NX_TENDERMINT_URL=https://n03.stagnet2.vega.xyz/tm
-NX_TENDERMINT_WEBSOCKET_URL=wss://n03.stagnet2.vega.xyz/tm/websocket
-NX_VEGA_URL=https://n03.stagnet2.vega.xyz/query
-NX_VEGA_ENV=STAGNET2
-NX_VEGA_REST=https://n01.stagnet2.vega.xyz/datanode/rest
-
-# App flags
-NX_EXPLORER_ASSETS=1
-NX_EXPLORER_GENESIS=1
-NX_EXPLORER_GOVERNANCE=1
-NX_EXPLORER_MARKETS=1
-NX_EXPLORER_TXS_LIST=1
-NX_EXPLORER_NETWORK_PARAMETERS=1
-NX_EXPLORER_PARTIES=1
-NX_EXPLORER_VALIDATORS=1

apps/explorer-e2e/.env.testnet

@@ -1,17 +1,17 @@
 # App configuration variables
-NX_CHAIN_EXPLORER_URL=https://explorer.vega.trading/.netlify/functions/chain-explorer-api
-NX_TENDERMINT_URL=https://lb.testnet.vega.xyz/tm
+NX_TENDERMINT_URL=https://tm.n07.testnet.vega.xyz/tm
 NX_TENDERMINT_WEBSOCKET_URL=wss://lb.testnet.vega.xyz/tm/websocket
-NX_VEGA_URL=https://lb.testnet.vega.xyz/query
+NX_VEGA_URL=https://api.n07.testnet.vega.xyz/graphql
 NX_VEGA_ENV=TESTNET
-NX_VEGA_REST=https://lb.testnet.vega.xyz/datanode/rest
+NX_BLOCK_EXPLORER=https://be.testnet.vega.xyz/rest
 
 # App flags
 NX_EXPLORER_ASSETS=1
 NX_EXPLORER_GENESIS=1
 NX_EXPLORER_GOVERNANCE=1
 NX_EXPLORER_MARKETS=1
-NX_EXPLORER_TXS_LIST=1
+NX_EXPLORER_ORACLES=1
+NX_EXPLORER_TXS_LIST=0
 NX_EXPLORER_NETWORK_PARAMETERS=1
 NX_EXPLORER_PARTIES=1
 NX_EXPLORER_VALIDATORS=1

apps/explorer-e2e/README.md

@@ -0,0 +1,39 @@
+# Vega Explorer E2E tests
+
+To run the UI automation tests with Vega Capsule, run:
+
+```bash
+yarn nx run explorer-e2e:e2e
+```
+
+To open Cypress and run in interactive mode, run:
+
+```bash
+yarn nx run explorer-e2e:e2e --watch
+```
+
+## Vega Capsule Setup
+
+The e2e tests run against a locally running instance of the Vega network, managed and controlled by [Vega Capsule](https://github.com/vegaprotocol/vegacapsule). Vega Capsule will:
+
+- Bootstrap and start up a Vega network
+- Start up [Ganache](https://trufflesuite.com/ganache/) for a local Ethereum network
+- Install the required Vega smart contracts
+- Set up DataNodes with a running GraphQL and REST APIs.
+
+1. Refer to the [Vega Capsule readme](https://github.com/vegaprotocol/vegacapsule#readme) for setting up and running Capsule - follow by Pre-start and Quick Start (points 1-2)
+2. Bootstrap with auto-installed dependencies including wallet
+
+```bash
+vegacapsule network bootstrap --config-path=../frontend-monorepo/vegacapsule/config.hcl --force
+```
+
+### Troubleshooting
+
+- You may need to run `vegacapsule nodes unsafe-reset-all` to get a clean network state
+
+## Vega Wallet Setup
+
+You can then refer to (or run) `frontend-monorepo/vegacapsule/setup-vegawallet.sh`. This will initialise and configure your wallet to have the correct public keys and network config to run against capsule.
+
+Go to the .env file in `apps/explorer-e2e` and set the `CYPRESS_VEGA_WALLET_API_TOKEN` environment variable by pasting in your wallets long lived api token

apps/explorer-e2e/cypress.config.js

@@ -1,27 +1,41 @@
 const { defineConfig } = require('cypress');
-const setupNodeEvents = require('./src/plugins/index.js');
 
 module.exports = defineConfig({
-  projectId: 'et4snf',
+  reporter: '../../node_modules/cypress-mochawesome-reporter',
 
   e2e: {
-    setupNodeEvents,
+    setupNodeEvents(on, config) {
+      require('cypress-mochawesome-reporter/plugin')(on);
+      require('@cypress/grep/src/plugin')(config);
+      return config;
+    },
     baseUrl: 'http://localhost:3000',
     fileServerFolder: '.',
-    fixturesFolder: false,
-    specPattern: '**/*.feature',
-    excludeSpecPattern: '**/*.js',
+    fixturesFolder: './src/fixtures',
+    specPattern: '**/*.cy.{js,jsx,ts,tsx}',
     modifyObstructiveCode: false,
-    supportFile: './src/support/index.ts',
-    video: true,
+    supportFile: './src/support/index.js',
+    video: false,
     videoUploadOnPasses: false,
     videosFolder: '../../dist/cypress/apps/explorer-e2e/videos',
     screenshotsFolder: '../../dist/cypress/apps/explorer-e2e/screenshots',
     chromeWebSecurity: false,
+    viewportWidth: 1440,
+    viewportHeight: 900,
+    testIsolation: false,
   },
   env: {
     environment: 'CUSTOM',
+    networkQueryUrl: 'http://localhost:3008/graphql',
+    ethUrl: 'https://sepolia.infura.io/v3/4f846e79e13f44d1b51bbd7ed9edefb8',
+    commitHash: 'dev',
     tsConfig: 'tsconfig.json',
-    TAGS: 'not @todo and not @ignore and not @manual',
+    grepTags: '@regression @smoke @slow',
+    grepFilterSpecs: true,
+    grepOmitFiltered: true,
+    vegaWalletName: 'capsule_wallet',
+    vegaWalletLocation: '~/.vegacapsule/testnet/wallet',
+    vegaWalletPublicKey:
+      '02eceaba4df2bef76ea10caf728d8a099a2aa846cced25737cccaa9812342f65',
   },
 });

apps/explorer-e2e/project.json

@@ -1,5 +1,5 @@
 {
-  "root": "apps/explorer-e2e",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
   "sourceRoot": "apps/explorer-e2e/src",
   "projectType": "application",
   "targets": {
@@ -21,6 +21,13 @@
       "options": {
         "lintFilePatterns": ["apps/explorer-e2e/**/*.{js,ts}"]
       }
+    },
+    "build": {
+      "executor": "@nrwl/workspace:run-commands",
+      "outputs": [],
+      "options": {
+        "command": "yarn tsc --project ./apps/explorer-e2e/"
+      }
     }
   },
   "tags": [],

apps/explorer-e2e/src/fixtures/example.json

@@ -1,4 +0,0 @@
-{
-  "name": "Using fixtures to represent data",
-  "email": "hello@cypress.io"
-}

apps/explorer-e2e/src/fixtures/net_parameter_format_lookup.json

@@ -0,0 +1,121 @@
+{
+  "eighteenDecimal": [
+    "governance.proposal.asset.minProposerBalance",
+    "governance.proposal.asset.minVoterBalance",
+    "governance.proposal.freeform.minProposerBalance",
+    "governance.proposal.freeform.minVoterBalance",
+    "governance.proposal.market.minProposerBalance",
+    "governance.proposal.market.minVoterBalance",
+    "governance.proposal.updateMarket.minProposerBalance",
+    "governance.proposal.updateMarket.minVoterBalance",
+    "governance.proposal.updateNetParam.minProposerBalance",
+    "governance.proposal.updateNetParam.minVoterBalance",
+    "governance.proposal.updateAsset.minProposerBalance",
+    "governance.proposal.updateAsset.minVoterBalance",
+    "reward.staking.delegation.maxPayoutPerEpoch",
+    "reward.staking.delegation.maxPayoutPerParticipant",
+    "reward.staking.delegation.minimumValidatorStake",
+    "spam.protection.delegation.min.tokens",
+    "spam.protection.proposal.min.tokens",
+    "spam.protection.voting.min.tokens",
+    "validators.delegation.minAmount"
+  ],
+  "fiveDecimal": [
+    "market.fee.factors.infrastructureFee",
+    "market.fee.factors.makerFee",
+    "market.liquidity.bondPenaltyParameter",
+    "market.liquidity.maximumLiquidityFeeFactorLevel",
+    "market.liquidity.minimum.probabilityOfTrading.lpOrders",
+    "market.liquidity.probabilityOfTrading.tau.scaling",
+    "market.liquidity.stakeToCcyVolume",
+    "market.liquidity.targetstake.triggering.ratio",
+    "market.liquidityProvision.minLpStakeQuantumMultiple",
+    "market.liquidityProvision.shapes.maxSize",
+    "market.stake.target.scalingFactor",
+    "network.validators.ersatz.multipleOfTendermintValidators",
+    "network.validators.ersatz.rewardFactor",
+    "network.validators.incumbentBonus",
+    "network.validators.minimumEthereumEventsForNewValidator",
+    "network.validators.multisig.numberOfSigners",
+    "network.validators.tendermint.number",
+    "reward.staking.delegation.competitionLevel",
+    "reward.staking.delegation.delegatorShare",
+    "reward.staking.delegation.minValidators",
+    "reward.staking.delegation.optimalStakeMultiplier",
+    "reward.staking.delegation.payoutFraction",
+    "rewards.marketCreationQuantumMultiple",
+    "spam.pow.difficulty",
+    "spam.pow.increaseDifficulty",
+    "spam.pow.numberOfPastBlocks",
+    "spam.pow.numberOfTxPerBlock",
+    "spam.protection.max.batchSize",
+    "spam.protection.max.delegations",
+    "spam.protection.max.proposals",
+    "spam.protection.max.votes",
+    "spam.protection.maxUserTransfersPerEpoch",
+    "transfer.fee.factor",
+    "transfer.minTransferQuantumMultiple",
+    "snapshot.interval.length"
+  ],
+  "json": [
+    "blockchains.ethereumConfig",
+    "market.margin.scalingFactors",
+    "market.monitor.price.defaultParameters"
+  ],
+  "percentage": [
+    "governance.proposal.asset.requiredMajority",
+    "governance.proposal.asset.requiredParticipation",
+    "governance.proposal.freeform.requiredMajority",
+    "governance.proposal.freeform.requiredParticipation",
+    "governance.proposal.market.requiredMajority",
+    "governance.proposal.market.requiredParticipation",
+    "governance.proposal.updateMarket.requiredMajority",
+    "governance.proposal.updateMarket.requiredMajorityLP",
+    "governance.proposal.updateMarket.requiredParticipation",
+    "governance.proposal.updateMarket.requiredParticipationLP",
+    "governance.proposal.updateNetParam.requiredMajority",
+    "governance.proposal.updateNetParam.requiredParticipation",
+    "governance.proposal.updateMarket.minProposerEquityLikeShare",
+    "governance.proposal.updateAsset.requiredParticipation",
+    "validators.vote.required"
+  ],
+  "duration": [
+    "governance.proposal.asset.maxClose",
+    "governance.proposal.asset.maxEnact",
+    "governance.proposal.asset.minClose",
+    "governance.proposal.asset.minEnact",
+    "governance.proposal.freeform.maxClose",
+    "governance.proposal.freeform.minClose",
+    "governance.proposal.market.maxClose",
+    "governance.proposal.market.maxEnact",
+    "governance.proposal.market.minClose",
+    "governance.proposal.market.minEnact",
+    "governance.proposal.updateAsset.maxClose",
+    "governance.proposal.updateAsset.maxEnact",
+    "governance.proposal.updateAsset.minClose",
+    "governance.proposal.updateAsset.minEnact",
+    "governance.proposal.updateMarket.maxClose",
+    "governance.proposal.updateMarket.maxEnact",
+    "governance.proposal.updateMarket.minClose",
+    "governance.proposal.updateMarket.minEnact",
+    "governance.proposal.updateNetParam.maxClose",
+    "governance.proposal.updateNetParam.maxEnact",
+    "governance.proposal.updateNetParam.minClose",
+    "governance.proposal.updateNetParam.minEnact",
+    "market.auction.maximumDuration",
+    "market.auction.minimumDuration",
+    "market.liquidity.providers.fee.distributionTimeStep",
+    "market.stake.target.timeWindow",
+    "market.value.windowLength",
+    "network.checkpoint.timeElapsedBetweenCheckpoints",
+    "network.floatingPointUpdates.delay",
+    "reward.staking.delegation.payoutDelay",
+    "spam.pow.hashFunction",
+    "validators.epoch.length"
+  ],
+  "date": [
+    "limits.assets.proposeEnabledFrom",
+    "limits.markets.proposeEnabledFrom"
+  ],
+  "id": ["reward.asset"]
+}

apps/explorer-e2e/src/integration/asset-page.feature

@@ -1,11 +0,0 @@
-Feature: Asset Page
-
-  Scenario: Navigate to Asset Page
-    Given I am on the homepage
-    When I navigate to the asset page
-    Then asset page is correctly displayed
-
-  Scenario: Navigate to Asset Page using mobile
-    Given I am on mobile and open the toggle menu
-    When I navigate to the asset page
-    Then asset page is correctly displayed

apps/explorer-e2e/src/integration/asset.cy.js

@@ -0,0 +1,49 @@
+context('Asset page', { tags: '@regression' }, () => {
+  const columns = ['symbol', 'name', 'id', 'type', 'status', 'actions'];
+  const hiddenOnMobile = ['id', 'type', 'status'];
+  describe('Verify elements on page', () => {
+    before('Navigate to assets page', () => {
+      cy.visit('/assets');
+    });
+
+    it('should be able to see full assets list', () => {
+      cy.getAssets().then((assets) => {
+        assets.forEach((asset) => {
+          cy.get(`[row-id="${asset.id}"]`).should('be.visible');
+        });
+      });
+      columns.forEach((col) => {
+        cy.get(`[col-id="${col}"]`).should('be.visible');
+      });
+    });
+
+    it('should be able to see assets page displayed in mobile', () => {
+      cy.switchToMobile();
+
+      hiddenOnMobile.forEach((col) => {
+        cy.get(`[col-id="${col}"]`).should('have.length', 0);
+      });
+
+      cy.getAssets().then((assets) => {
+        assets.forEach((asset) => {
+          cy.get(`[row-id="${asset.id}"]`).should('be.visible');
+        });
+      });
+    });
+
+    it('should open details page when clicked on "View details"', () => {
+      cy.getAssets().then((assets) => {
+        assets.forEach((asset) => {
+          cy.get(`[row-id="${asset.id}"] [col-id="actions"] button`)
+            .eq(0)
+            .should('contain.text', 'View details');
+          cy.get(`[row-id="${asset.id}"] [col-id="actions"] button`)
+            .eq(0)
+            .click();
+          cy.getByTestId('asset-header').should('have.text', asset.name);
+          cy.go('back');
+        });
+      });
+    });
+  });
+});

apps/explorer-e2e/src/integration/blocks-page.feature

@@ -1,38 +0,0 @@
-Feature: Blocks Page
-
-  Scenario: Navigate to blocks page
-    Given I am on the homepage
-    When I navigate to the blocks page
-    Then blocks page is correctly displayed
-
-  Scenario: Navigate to blocks page using mobile
-    Given I am on mobile and open the toggle menu
-    When I navigate to the blocks page
-    Then blocks page is correctly displayed
-
-  Scenario: Navigate to block validator page
-    Given I am on the homepage
-    When I navigate to the blocks page
-    And I click on top block
-    Then validator block page is correctly displayed
-
-  Scenario: Navigate to previous block
-    Given I am on the homepage
-    When I navigate to the blocks page
-    And I click on top block
-    Then I am on the previous block when I click previous
-
-  Scenario: Previous button disabled on first block
-    Given I am on the homepage
-    When I navigate to the blocks page
-    And jump to first block
-    Then previous button is disabled
-    And I am on the second block when I click next
-
-# Skipping these tests for time being - since blockchain in capsule 
-# is now too small to show historical data - re-enable once addressed 
-  # Scenario: Infinite scroll shows at least 300 new blocks
-  #   Given I am on the homepage
-  #   When I navigate to the blocks page
-  #   And I scroll down to the last block on the page
-  #   Then I can expect to see at least 100 blocks if i scroll 7 times

apps/explorer-e2e/src/integration/blocks.cy.js

@@ -0,0 +1,125 @@
+context('Blocks page', { tags: '@regression' }, function () {
+  describe('Verify elements on page', function () {
+    beforeEach(() => {
+      cy.visit('/blocks');
+    });
+    const blockHeight = '[data-testid="block-height"]';
+    const blockTime = '[data-testid="block-time"]';
+    const blockHeader = '[data-testid="block-header"]';
+    const previousBlockBtn = '[data-testid="previous-block"]';
+    const infiniteScrollWrapper = '[data-testid="infinite-scroll-wrapper"]';
+
+    it('Blocks page is displayed', function () {
+      validateBlocksDisplayed();
+    });
+
+    it('Blocks page is displayed on mobile', function () {
+      cy.switchToMobile();
+      validateBlocksDisplayed();
+    });
+
+    it('Block validator page is displayed', function () {
+      waitForBlocksResponse();
+      cy.get(blockHeight).eq(0).find('a').click({ force: true });
+
+      cy.get('[data-testid="block-validator"]').should('not.be.empty');
+      cy.get(blockTime).should('not.be.empty');
+      //TODO: Add assertion for transactions when txs are added
+    });
+
+    it('Navigate to previous block', function () {
+      waitForBlocksResponse();
+      cy.get(blockHeight).eq(0).find('a').click({ force: true });
+      cy.get(blockHeader)
+        .invoke('text')
+        .then(($blockHeaderTxt) => {
+          const blockHeight = parseInt($blockHeaderTxt.replace('BLOCK ', ''));
+          cy.get(previousBlockBtn).click();
+          cy.get(blockHeader)
+            .invoke('text')
+            .then(($newBlockHeaderTxt) => {
+              const newBlockHeight = parseInt(
+                $newBlockHeaderTxt.replace('BLOCK ', '')
+              );
+              expect(newBlockHeight).to.be.lessThan(blockHeight);
+            });
+        });
+    });
+
+    // Skipping - see https://github.com/vegaprotocol/frontend-monorepo/issues/2494
+    it.skip('Previous button disabled on first block', function () {
+      cy.get('[data-testid="block-input"]').type('1');
+      cy.get('[data-testid="go-submit"]').click();
+      cy.get(previousBlockBtn).find('button').should('be.disabled');
+      cy.get(blockHeader)
+        .invoke('text')
+        .then(($blockHeaderTxt) => {
+          const blockHeight = parseInt($blockHeaderTxt.replace('BLOCK ', ''));
+          cy.get('[data-testid="next-block"]').click();
+          cy.get(blockHeader)
+            .invoke('text')
+            .then(($newBlockHeaderTxt) => {
+              const newBlockHeight = parseInt(
+                $newBlockHeaderTxt.replace('BLOCK ', '')
+              );
+              expect(newBlockHeight).to.be.greaterThan(blockHeight);
+            });
+        });
+    });
+
+    // Skipping these tests for time being - since blockchain in capsule is now too small to show historical data - re-enable once addressed
+    it.skip('Infinite scroll shows at least 100 new blocks', function () {
+      const expectedBlocks = 100;
+      const scrollAttempts = 7;
+
+      waitForBlocksResponse();
+      cy.get(infiniteScrollWrapper).children().scrollTo('bottom');
+
+      cy.intercept('*blockchain?maxHeight*').as('blockchain_load');
+      cy.get(blockHeight)
+        .last()
+        .invoke('text')
+        .then(($initialLastBlockHeight) => {
+          for (let index = 0; index < scrollAttempts; index++) {
+            cy.get(infiniteScrollWrapper)
+              .children()
+              .children()
+              .invoke('css', 'height')
+              .then((scrollTarget) => {
+                cy.get(infiniteScrollWrapper)
+                  .children()
+                  .scrollTo(0, scrollTarget.toString(), { easing: 'linear' })
+                  .wait('@blockchain_load');
+
+                // eslint-disable-next-line cypress/no-unnecessary-waiting
+                cy.wait(50); // Need this as although network response has arrived it takes a few millisecs for the css height to expand
+              });
+          }
+
+          cy.get(blockHeight)
+            .last()
+            .invoke('text')
+            .then(($lastBlockHeight) => {
+              const totalBlocksLoadedSinceScrollBegan =
+                parseInt($initialLastBlockHeight) - parseInt($lastBlockHeight);
+              expect(totalBlocksLoadedSinceScrollBegan).to.be.at.least(
+                expectedBlocks
+              );
+            });
+        });
+    });
+
+    function waitForBlocksResponse() {
+      cy.get('[data-testid="loader"]').should('not.exist', { timeout: 18000 });
+    }
+
+    function validateBlocksDisplayed() {
+      waitForBlocksResponse();
+      cy.get('[data-testid="block-row"]').should('have.length.above', 1);
+      cy.get(blockHeight).first().should('not.be.empty');
+      cy.get('[data-testid="num-txs"]').first().should('not.be.empty');
+      cy.get('[data-testid="validator-link"]').first().should('not.be.empty');
+      cy.get(blockTime).first().should('not.be.empty');
+    }
+  });
+});

apps/explorer-e2e/src/integration/home-page.feature

@@ -1,27 +0,0 @@
-Feature: Home page
-
-  Scenario: Stats page displayed correctly
-    Given I am on the homepage
-    Then the stats for deployed environment are correctly displayed
-
-  Scenario Outline: Succesfful search for specific id by <IdType>
-    Given I am on the homepage
-    When I search for '<Id>'
-    Then I am redirected to page containing id '<Id>'
-
-    Examples:
-      | IdType   | Id                                                                 |
-      | Block Id | 973624                                                             |
-      | Tx Hash  | 9ED3718AA8308E7E08EC588EE7AADAF49711D2138860D8914B4D81A2054D9FB8   |
-      | Tx Id    | 0x61DCCEBB955087F50D0B85382DAE138EDA9631BF1A4F92E563D528904AA38898 |
-
-  Scenario Outline: Error message displayed when invalid search by <invalidType>
-    Given I am on the homepage
-    When I search for '<Id>'
-    Then search error message "<errorMessage>" is displayed
-
-    Examples:
-      | invalidType         | Id                                                               | errorMessage                   |
-      | wrong string length | 9ED3718AA8308E7E08EC588EE7AADAF497D2138860D8914B4D81A2054D9FB8   | Something doesn't look right   |
-      | invalid hash        | 9ED3718AA8308E7E08ECht8EE753DAF49711D2138860D8914B4D81A2054D9FB8 | Transaction is not hexadecimal |
-      | empty search        |                                                                  | Search required                |

apps/explorer-e2e/src/integration/home.cy.js

@@ -0,0 +1,53 @@
+context('Home Page', function () {
+  before('visit home page', function () {
+    cy.visit('/');
+  });
+
+  describe('Stats page', { tags: '@smoke' }, function () {
+    const statsValue = '[data-testid="stats-value"]';
+
+    it('should show connected environment stats', function () {
+      const statTitles = {
+        0: 'Status',
+        1: 'Epoch',
+        2: 'Block height',
+        3: 'Uptime',
+        4: 'Total nodes',
+        5: 'Total staked',
+        6: 'Backlog',
+        7: 'Trades / second',
+        8: 'Orders / block',
+        9: 'Orders / second',
+        10: 'Transactions / block',
+        11: 'Block time',
+        12: 'Time',
+        13: 'App',
+        14: 'Tendermint',
+        15: 'Up since',
+        16: 'Chain ID',
+      };
+
+      cy.get('[data-testid="stats-title"]')
+        .each(($list, index) => {
+          cy.wrap($list).should('contain.text', statTitles[index]);
+        })
+        .then(($list) => {
+          cy.wrap($list).should('have.length', 17);
+        });
+    });
+
+    it('Block height should be updating', function () {
+      cy.get(statsValue)
+        .eq(2)
+        .invoke('text')
+        .then((blockHeightTxt) => {
+          cy.get(statsValue)
+            .eq(1)
+            .invoke('text')
+            .should((newBlockHeightTxt) => {
+              expect(blockHeightTxt).not.to.eq(newBlockHeightTxt);
+            });
+        });
+    });
+  });
+});

apps/explorer-e2e/src/integration/market.cy.js

@@ -0,0 +1,19 @@
+//Tests set to skip until market bug for capsule checkpoint is fixed
+context.skip('Market page', { tags: '@regression' }, function () {
+  describe('Verify elements on page', function () {
+    const marketHeaders = '[data-testid="markets-header"]';
+    const marketNavigation = 'a[href="/markets"]';
+
+    it('Markets page is displayed', function () {
+      cy.visit('/');
+      cy.get(marketNavigation).click();
+      cy.common_validate_blocks_data_displayed(marketHeaders);
+    });
+
+    it('Markets page displayed on mobile', function () {
+      cy.common_switch_to_mobile_and_click_toggle();
+      cy.get(marketNavigation).click();
+      cy.common_validate_blocks_data_displayed(marketHeaders);
+    });
+  });
+});

apps/explorer-e2e/src/integration/markets-page.feature

@@ -1,14 +0,0 @@
-@todo
-Feature: Markets Page
-
-  @todo - Needs markets in capsule state
-  Scenario: Navigate to markets page
-    Given I am on the homepage
-    When I navigate to the markets page
-    Then markets page is correctly displayed
-
-  @todo
-  Scenario: Navigate to markets page using mobile
-    Given I am on mobile and open the toggle menu
-    When I navigate to the markets page
-    Then markets page is correctly displayed

apps/explorer-e2e/src/integration/network-page.feature

@@ -1,11 +0,0 @@
-Feature: Network parameters Page
-
-  Scenario: Navigate to network parameters page
-    Given I am on the homepage
-    When I navigate to network parameters page
-    Then network parameters page is correctly displayed
-
-  Scenario: Navigate to network parameters page using mobile
-    Given I am on mobile and open the toggle menu
-    When I navigate to network parameters page
-    Then network parameters page is correctly displayed

apps/explorer-e2e/src/integration/network.cy.js

@@ -0,0 +1,217 @@
+context('Network parameters page', { tags: '@smoke' }, function () {
+  before('navigate to network parameter page', function () {
+    cy.fixture('net_parameter_format_lookup').as('networkParameterFormat');
+  });
+  describe('Verify elements on page', function () {
+    beforeEach(() => {
+      cy.visit('/network-parameters');
+    });
+
+    const networkParametersHeader = '[data-testid="network-param-header"]';
+    const tableRows = '[data-testid="key-value-table-row"]';
+
+    it('should show network parameter heading at top of page', function () {
+      cy.get(networkParametersHeader)
+        .should('have.text', 'Network Parameters')
+        .and('be.visible');
+    });
+
+    it('should list each of the network parameters available', function () {
+      cy.get_network_parameters().then((network_parameters) => {
+        const numberOfNetworkParametersInSystem =
+          Object.keys(network_parameters).length;
+        cy.get(tableRows).should(
+          'have.length',
+          numberOfNetworkParametersInSystem
+        );
+      });
+    });
+
+    it('should list each network parameter displayed with json - in the correct format', function () {
+      cy.get_network_parameters().then((network_parameters) => {
+        network_parameters = Object.entries(network_parameters);
+        network_parameters.forEach((network_parameter) => {
+          const parameterName = network_parameter[0];
+          const parameterValue = network_parameter[1];
+          if (this.networkParameterFormat.json.includes(parameterName)) {
+            cy.get(tableRows)
+              .contains(parameterName)
+              .should('be.visible')
+              .next()
+              .invoke('text')
+              .convert_string_json_to_js_object()
+              .then((jsonOnPage) => {
+                cy.wrap(parameterValue, { log: false })
+                  .convert_string_json_to_js_object()
+                  .then((jsonInSystem) =>
+                    assert.deepEqual(
+                      jsonOnPage,
+                      jsonInSystem,
+                      `Checking ${parameterName} has the correct value of ${jsonInSystem}`
+                    )
+                  );
+              });
+          }
+        });
+      });
+    });
+
+    it('should list each network parameter displayed as a percentage - in the correct format', function () {
+      cy.get_network_parameters().then((network_parameters) => {
+        network_parameters = Object.entries(network_parameters);
+        network_parameters.forEach((network_parameter) => {
+          const parameterName = network_parameter[0];
+          const parameterValue = network_parameter[1];
+          if (this.networkParameterFormat.percentage.includes(parameterName)) {
+            const formattedPercentageParameter =
+              (parseFloat(parameterValue) * 100).toFixed(0) + '%';
+            cy.get(tableRows)
+              .contains(parameterName)
+              .should('be.visible')
+              .next()
+              .invoke('text')
+              .then((parameterValueOnPage) => {
+                assert.equal(
+                  parameterValueOnPage,
+                  formattedPercentageParameter,
+                  `Checking ${parameterName} has the correct value of ${formattedPercentageParameter}`
+                );
+                cy.contains(parameterValueOnPage).should('be.visible');
+              });
+          }
+        });
+      });
+    });
+
+    it('should list each network parameter displayed as an id - in the correct format', function () {
+      cy.get_network_parameters().then((network_parameters) => {
+        network_parameters = Object.entries(network_parameters);
+        network_parameters.forEach((network_parameter) => {
+          const parameterName = network_parameter[0];
+          const parameterValue = network_parameter[1];
+          if (this.networkParameterFormat.id.includes(parameterName)) {
+            cy.get(tableRows)
+              .contains(parameterName)
+              .should('be.visible')
+              .next()
+              .should('contain', parameterValue)
+              .and('be.visible')
+              .invoke('text');
+          }
+        });
+      });
+    });
+
+    it('should list each network parameter displayed as a date - in the correct format', function () {
+      cy.get_network_parameters().then((network_parameters) => {
+        network_parameters = Object.entries(network_parameters);
+        network_parameters.forEach((network_parameter) => {
+          const parameterName = network_parameter[0];
+          const parameterValue = network_parameter[1];
+          if (this.networkParameterFormat.date.includes(parameterName)) {
+            cy.get(tableRows)
+              .contains(parameterName)
+              .should('be.visible')
+              .next()
+              .should('contain', parameterValue)
+              .and('be.visible');
+          }
+        });
+      });
+    });
+
+    it('should list each network parameter displayed as a duration - in the correct format', function () {
+      cy.get_network_parameters().then((network_parameters) => {
+        network_parameters = Object.entries(network_parameters);
+        network_parameters.forEach((network_parameter) => {
+          const parameterName = network_parameter[0];
+          const parameterValue = network_parameter[1];
+          if (this.networkParameterFormat.duration.includes(parameterName)) {
+            cy.get(tableRows)
+              .contains(parameterName)
+              .should('be.visible')
+              .next()
+              .should('contain', parameterValue)
+              .and('be.visible');
+          }
+        });
+      });
+    });
+
+    it.skip('should list each network parameter displayed as a currency value with four decimals - in the correct format', function () {
+      cy.get_network_parameters().then((network_parameters) => {
+        network_parameters = Object.entries(network_parameters);
+        network_parameters.forEach((network_parameter) => {
+          const parameterName = network_parameter[0];
+          const parameterValue = network_parameter[1];
+          if (this.networkParameterFormat.fiveDecimal.includes(parameterName)) {
+            cy.convert_number_to_max_four_decimal(parameterValue)
+              .add_commas_to_number_if_large_enough()
+              .then((parameterValueFormatted) => {
+                cy.get(tableRows)
+                  .contains(parameterName)
+                  .should('be.visible')
+                  .next()
+                  .invoke('text')
+                  .then((parameterValueOnPage) => {
+                    assert.equal(
+                      parameterValueOnPage,
+                      parameterValueFormatted,
+                      `Checking ${parameterName} has the correct value of ${parameterValueFormatted}`
+                    );
+                    cy.contains(parameterValueOnPage).should('be.visible');
+                  });
+              });
+          }
+        });
+      });
+    });
+
+    it('should list each network parameter displayed as a currency value with eighteen decimals - in the correct format', function () {
+      cy.get_network_parameters().then((network_parameters) => {
+        network_parameters = Object.entries(network_parameters);
+        network_parameters.forEach((network_parameter) => {
+          const parameterName = network_parameter[0];
+          const parameterValue = network_parameter[1];
+          if (
+            this.networkParameterFormat.eighteenDecimal.includes(parameterName)
+          ) {
+            cy.convert_number_to_max_eighteen_decimal(parameterValue)
+              .add_commas_to_number_if_large_enough()
+              .then((parameterValueFormatted) => {
+                cy.get(tableRows)
+                  .contains(parameterName)
+                  .should('be.visible')
+                  .next()
+                  .invoke('text')
+                  .then((parameterValueOnPage) => {
+                    assert.equal(
+                      parameterValueOnPage,
+                      parameterValueFormatted,
+                      `Checking ${parameterName} has the correct value of ${parameterValueFormatted}`
+                    );
+                    cy.contains(parameterValueOnPage).should('be.visible');
+                  });
+              });
+          }
+        });
+      });
+    });
+
+    it('should be able to see network parameters - on mobile', function () {
+      cy.switchToMobile();
+      cy.get_network_parameters().then((network_parameters) => {
+        network_parameters = Object.entries(network_parameters);
+        network_parameters.forEach((network_parameter) => {
+          const parameterName = network_parameter[0];
+          cy.get(tableRows)
+            .contains(parameterName)
+            .should('be.visible')
+            .next()
+            .should('not.be.empty')
+            .and('be.visible');
+        });
+      });
+    });
+  });
+});

apps/explorer-e2e/src/integration/node-switcher.cy.js

@@ -0,0 +1,57 @@
+const nodeErrorType = 'node-error-type';
+const nodeErrorMsg = 'node-error-message';
+const nodeId = 'node-url-0';
+const customNodeBtn = 'custom-node';
+
+context.skip('Node switcher', { tags: '@regression' }, function () {
+  beforeEach('visit home page', function () {
+    cy.intercept('GET', 'https://static.vega.xyz/assets/capsule-network.json', {
+      hosts: ['http://localhost:3008/graphql'],
+    }).as('nodeData');
+    cy.visit('/');
+    cy.wait('@nodeData');
+    cy.getByTestId('git-network-data').within(() => {
+      cy.getByTestId('link').should('be.visible').click();
+    });
+  });
+
+  describe('form validations and responses', function () {
+    it('node data is displayed', function () {
+      cy.getByTestId('node-row').should('have.length.at.least', 2);
+
+      cy.getByTestId('node-row')
+        .eq(0)
+        .within(() => {
+          cy.getByTestId(nodeId)
+            .should('exist')
+            .and('have.attr', 'aria-checked', 'true');
+          cy.get('label').should('have.text', Cypress.env('networkQueryUrl'));
+          cy.getByTestId('ssl-cell').should('have.text', 'Checking');
+          cy.getByTestId('ssl-cell', { timeout: 6000 }).should(
+            'not.have.text',
+            'Checking'
+          );
+          cy.getByTestId('response-time-cell').should('contain.text', 'ms');
+          cy.getByTestId('block-cell').should('not.be.empty');
+        });
+    });
+
+    it('cannot connect to network using invalid url', function () {
+      const errorTypeTxt = 'Error: invalid url';
+      const nodeErrorTxt = 'fakeUrl is not a valid url.';
+
+      cy.getByTestId('node-url-custom').click();
+
+      cy.getByTestId(customNodeBtn).within(() => {
+        cy.get('input').clear().type('fakeUrl');
+        cy.getByTestId('link').click();
+      });
+      validateNodeError(errorTypeTxt, nodeErrorTxt);
+    });
+
+    function validateNodeError(errortype, errorMsg) {
+      cy.getByTestId(nodeErrorType).should('have.text', errortype);
+      cy.getByTestId(nodeErrorMsg).should('have.text', errorMsg);
+    }
+  });
+});

apps/explorer-e2e/src/integration/parties.cy.js

@@ -0,0 +1,256 @@
+const vegaWalletPublicKey = Cypress.env('vegaWalletPublicKey');
+const partiesMenuHeader = 'a[href="/parties"]';
+const partiesSearchBox = '[data-testid="party-input"]';
+const partiesSearchAction = '[data-testid="go-submit"]';
+const partiesJsonSection = '[data-testid="parties-json"]';
+const txTimeout = Cypress.env('txTimeout');
+
+let assetData = {
+  fUSDC: { id: 'fUSDC', name: 'USDC (fake)', amount: '10' },
+  fBTC: { id: 'fBTC', name: 'BTC (fake)', amount: '6' },
+  fEURO: { id: 'fEURO', name: 'EURO (fake)', amount: '8' },
+  fDAI: { id: 'fDAI', name: 'DAI (fake)', amount: '2' },
+};
+
+const assetsInTest = Object.keys(assetData);
+
+// skipped due to existing issue
+// https://github.com/vegaprotocol/frontend-monorepo/issues/2243
+context.skip('Parties page', { tags: '@regression' }, function () {
+  before('send-faucet assets to connected vega wallet', function () {
+    assetsInTest.forEach((asset) => {
+      cy.vega_wallet_receive_fauceted_asset(
+        assetData[asset].name,
+        assetData[asset].amount,
+        vegaWalletPublicKey
+      );
+    });
+    cy.visit('/');
+  });
+
+  describe('Verify parties page content', function () {
+    before('navigate to parties page and search for party', function () {
+      cy.get(partiesMenuHeader).click();
+      // Deliberate slow entry of party id/key - enabling transactions to sync
+      cy.get(partiesSearchBox).type(vegaWalletPublicKey, { delay: 120 });
+      cy.get(partiesSearchAction).click();
+      cy.get_connected_parties_accounts().as('party_accounts');
+
+      // Ensure balance of each party asset is correct
+      cy.get('@party_accounts').then((accounts) => {
+        assetsInTest.forEach((asset) => {
+          cy.get_asset_decimals(assetData[asset].id).then((assetDecimals) => {
+            assert.equal(
+              accounts[assetData[asset].id].balance,
+              assetData[asset].amount + assetDecimals,
+              `Checking ${assetData[asset].id} faucet was successfull`
+            );
+          });
+        });
+      });
+    });
+
+    it('should see party address id - having searched', function () {
+      cy.getByTestId('parties-header')
+        .siblings()
+        .contains(vegaWalletPublicKey.substring(0, 14))
+        .should('be.visible');
+    });
+
+    it('should see each asset and balance - within asset data section', function () {
+      assetsInTest.forEach((asset) => {
+        cy.contains(assetData[asset].name, txTimeout).should('be.visible');
+        cy.contains(assetData[asset].name)
+          .siblings()
+          .contains(assetData[asset].id)
+          .should('be.visible');
+        cy.contains(assetData[asset].name, txTimeout)
+          .parent()
+          .siblings()
+          .within(() => {
+            cy.get_asset_decimals(asset).then((assetDecimals) => {
+              cy.contains_exactly(
+                assetData[asset].amount + '.' + assetDecimals
+              ).should('be.visible');
+            });
+          });
+      });
+    });
+
+    it(
+      'should be able to copy the party address id',
+      { browser: 'chrome' },
+      function () {
+        cy.monitor_clipboard().as('clipboard');
+        cy.getByTestId('parties-header')
+          .next()
+          .within(() => {
+            cy.get('button').click();
+          });
+        cy.get('@clipboard')
+          .get_copied_text_from_clipboard()
+          .should('equal', vegaWalletPublicKey);
+      }
+    );
+
+    it(
+      'should be able to copy an asset id',
+      { browser: 'chrome' },
+      function () {
+        cy.monitor_clipboard().as('clipboard');
+
+        cy.contains(assetData.fDAI.name, txTimeout).should('be.visible');
+        cy.contains(assetData.fDAI.name)
+          .parent()
+          .parent()
+          .siblings()
+          .within(() => {
+            cy.get('[data-state="closed"]').last().click({ force: true });
+          });
+
+        cy.get('@clipboard')
+          .get_copied_text_from_clipboard()
+          .should('equal', assetData.fDAI.id);
+      }
+    );
+
+    it('should be able to see JSON of each asset containing correct balance and decimals', function () {
+      cy.get(partiesJsonSection).should('be.visible');
+
+      assetsInTest.forEach((assetInTest) => {
+        cy.get(partiesJsonSection)
+          .invoke('text')
+          .convert_string_json_to_js_object()
+          .get_party_accounts_data_from_js_object()
+          .then((accountsListedInJson) => {
+            cy.getAssets().then((assetsInfo) => {
+              const assetInfo =
+                assetsInfo[accountsListedInJson[assetInTest].asset.name];
+
+              assert.equal(
+                accountsListedInJson[assetInTest].asset.name,
+                assetInfo.name
+              );
+              assert.equal(
+                accountsListedInJson[assetInTest].asset.id,
+                assetInfo.id
+              );
+              assert.equal(
+                accountsListedInJson[assetInTest].asset.decimals,
+                assetInfo.decimals
+              );
+              assert.equal(
+                accountsListedInJson[assetInTest].asset.symbol,
+                assetInfo.symbol
+              );
+              assert.equal(
+                accountsListedInJson[assetInTest].asset.source.__typename,
+                assetInfo.source.__typename
+              );
+              cy.get_asset_decimals(assetInTest).then((assetDecimals) => {
+                assert.equal(
+                  accountsListedInJson[assetInTest].balance,
+                  assetData[assetInTest].amount + assetDecimals
+                );
+              });
+            });
+          });
+      });
+    });
+
+    it('should be able to switch parties page between light and dark mode', function () {
+      const whiteThemeSelectedMenuOptionColor = 'rgb(255, 7, 127)';
+      const whiteThemeJsonFieldBackColor = 'rgb(255, 255, 255)';
+      const whiteThemeSideMenuBackgroundColor = 'rgb(255, 255, 255)';
+      const darkThemeSelectedMenuOptionColor = 'rgb(215, 251, 80)';
+      const darkThemeJsonFieldBackColor = 'rgb(38, 38, 38)';
+      const darkThemeSideMenuBackgroundColor = 'rgb(0, 0, 0)';
+      const themeSwitcher = '[data-testid="theme-switcher"]';
+      const jsonFields = '.hljs';
+      const sideMenuBackground = '.absolute';
+
+      // Engage dark mode if not allready set
+      cy.get(sideMenuBackground)
+        .should('have.css', 'background-color')
+        .then((background_color) => {
+          if (background_color.includes(whiteThemeSideMenuBackgroundColor))
+            cy.get(themeSwitcher).click();
+        });
+
+      // Engage white mode
+      cy.get(themeSwitcher).click();
+
+      // White Mode
+      cy.get(partiesMenuHeader)
+        .should('have.css', 'background-color')
+        .and('include', whiteThemeSelectedMenuOptionColor);
+      cy.get(jsonFields)
+        .should('have.css', 'background-color')
+        .and('include', whiteThemeJsonFieldBackColor);
+      cy.get(sideMenuBackground)
+        .should('have.css', 'background-color')
+        .and('include', whiteThemeSideMenuBackgroundColor);
+
+      // Dark Mode
+      cy.get(themeSwitcher).click();
+      cy.get(partiesMenuHeader)
+        .should('have.css', 'background-color')
+        .and('include', darkThemeSelectedMenuOptionColor);
+      cy.get(jsonFields)
+        .should('have.css', 'background-color')
+        .and('include', darkThemeJsonFieldBackColor);
+      cy.get(sideMenuBackground)
+        .should('have.css', 'background-color')
+        .and('include', darkThemeSideMenuBackgroundColor);
+    });
+
+    Cypress.Commands.add('get_asset_decimals', (assetID) => {
+      cy.getAssets().then((assetsInfo) => {
+        const assetDecimals = assetsInfo[assetData[assetID].name].decimals;
+        let decimals = '';
+        for (let i = 0; i < assetDecimals; i++) decimals += '0';
+        return decimals;
+      });
+    });
+
+    Cypress.Commands.add('get_connected_parties_accounts', () => {
+      const mutation =
+        '{partiesConnection {edges{node{accountsConnection{edges{node{\
+          balance type asset {id symbol decimals}}}}}}}}';
+      cy.request({
+        method: 'POST',
+        url: `http://localhost:3008/graphql`,
+        body: {
+          query: mutation,
+        },
+        headers: { 'content-type': 'application/json' },
+      })
+        .its(
+          `body.data.partiesConnection.edges.1.node.accountsConnection.edges`
+        )
+        .then(function (response) {
+          let accounts = {};
+          response.forEach((account) => {
+            accounts[account.node.asset.id] = account.node;
+          });
+          return accounts;
+        });
+    });
+
+    Cypress.Commands.add(
+      'get_party_accounts_data_from_js_object',
+      { prevSubject: true },
+      (jsObject) => {
+        const accounts = jsObject.party.accounts.reduce(function (
+          account,
+          entry
+        ) {
+          account[entry.asset.id] = entry;
+          return account;
+        },
+        {});
+        return accounts;
+      }
+    );
+  });
+});

apps/explorer-e2e/src/integration/transactions-page.feature

@@ -1,21 +0,0 @@
-@ignore
-# tendermint times out getting txs on testnet atm
-Feature: Transactions Page
-
-  Scenario: Navigate to transactions page
-    Given I am on the homepage
-    When I navigate to the transactions page
-    Then transactions page is correctly displayed
-
-  Scenario: Navigate to transaction details page
-    Given I am on the homepage
-    When I navigate to the transactions page
-    And I click on the top transaction
-    Then transaction details are displayed
-
-  Scenario: Navigate to transactions page using mobile
-    Given I am on mobile and open the toggle menu
-    When I navigate to the transactions page
-    Then transactions page is correctly displayed
-    When I click on the top transaction
-    Then transaction details are displayed

apps/explorer-e2e/src/integration/transactions.cy.js

@@ -0,0 +1,87 @@
+//Tests set to skip until transactions are generated after capsule start up
+context.skip('Transactions page', function () {
+  before('visit token home page', function () {
+    cy.visit('/');
+  });
+
+  describe('Verify elements on page', { tags: '@regression' }, function () {
+    const transactionNavigation = 'a[href="/txs"]';
+    const transactionRow = 'transaction-row';
+    const txHash = 'hash';
+
+    beforeEach('Navigate to transactions page', function () {
+      cy.get(transactionNavigation).click();
+    });
+
+    it('transactions are displayed', function () {
+      cy.get(transactionRow).should('have.length.above', 1);
+    });
+
+    it('transactions details page is displayed', function () {
+      clickTopTransaction();
+      validateTxDetailsAreDisplayed();
+    });
+
+    it('transactions details page is displayed in mobile', function () {
+      cy.common_switch_to_mobile_and_click_toggle();
+      cy.get(transactionNavigation).click();
+      clickTopTransaction();
+      validateTxDetailsAreDisplayed();
+    });
+
+    function clickTopTransaction() {
+      // eslint-disable-next-line cypress/no-unnecessary-waiting
+      cy.wait(1000); // Wait for transactions to load if there are any
+      cy.get('body').then(($body) => {
+        if ($body.find(transactionRow).length) {
+          cy.get(transactionRow)
+            .first()
+            .find('a')
+            .first()
+            .click({ force: true });
+        } else {
+          cy.slack('Unable to find any transactions on page');
+          cy.screenshot();
+        }
+      });
+    }
+
+    function validateTxDetailsAreDisplayed() {
+      // eslint-disable-next-line cypress/no-unnecessary-waiting
+      cy.wait(1000); // Wait for transactions to load if there are any
+      cy.get('body').then(($body) => {
+        if ($body.find(txHash).length) {
+          cy.get(txHash).invoke('text').should('have.length', 64);
+          cy.get('submitted-by')
+            .find('a')
+            .then(($address) => {
+              cy.wrap($address).should('have.attr', 'href');
+              cy.wrap($address).invoke('text').should('have.length', 66);
+            });
+          cy.get('block').should('not.be.empty');
+          cy.get('encoded-tnx').should('not.be.empty');
+          cy.get('tx-type')
+            .should('not.be.empty')
+            .invoke('text')
+            .then((txTypeTxt) => {
+              if (txTypeTxt == 'Order Submission') {
+                cy.get('.hljs-attr')
+                  .should('have.length.at.least', 8)
+                  .each(($propertyName) => {
+                    cy.wrap($propertyName).should('not.be.empty');
+                  });
+                cy.get('.hljs-string')
+                  .should('have.length.at.least', 8)
+                  .each(($propertyValue) => {
+                    cy.wrap($propertyValue).should('not.be.empty');
+                  });
+              }
+            });
+        } else {
+          cy.slack('Unable to find any transactions on page');
+          cy.screenshot();
+        }
+      });
+    }
+  });
+});

apps/explorer-e2e/src/integration/validator.cy.js

@@ -0,0 +1,15 @@
+context('Validator page', { tags: '@smoke' }, function () {
+  before('Visit validators page and obtain data', function () {
+    cy.visit('/validators');
+  });
+
+  describe('Verify elements on page', function () {
+    it('should be able to see validator tiles', function () {
+      cy.getNodes().then((nodes) => {
+        nodes.forEach((node) => {
+          cy.get(`[validator-id="${node.id}"]`).should('be.visible');
+        });
+      });
+    });
+  });
+});

apps/explorer-e2e/src/integration/validators-page.feature

@@ -1,11 +0,0 @@
-Feature: Validators Page
-
-  Scenario: Navigate to validators page
-    Given I am on the homepage
-    When I navigate to the validators page
-    Then validators page is correctly displayed
-
-  Scenario: Navigate to validators page using mobile
-    Given I am on mobile and open the toggle menu
-    When I navigate to the validators page
-    Then validators page is correctly displayed

apps/explorer-e2e/src/plugins/index.js

@@ -1,75 +0,0 @@
-/// <reference types="cypress" />
-
-const webpackPreprocessor = require('@cypress/webpack-preprocessor');
-const webpack = require('webpack');
-const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin');
-const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
-const nodeExternals = require('webpack-node-externals');
-
-/**
- * @type {Cypress.PluginConfig}
- */
-module.exports = (on, config) => {
-  on(
-    'file:preprocessor',
-    webpackPreprocessor({
-      webpackOptions: {
-        resolve: {
-          extensions: ['.ts', '.tsx', '.mjs', '.js', '.jsx'],
-          plugins: [
-            new TsconfigPathsPlugin({
-              configFile: config.env.tsConfig,
-              extensions: ['.ts', '.tsx', '.mjs', '.js', '.jsx'],
-            }),
-          ],
-          fallback: {
-            path: require.resolve('path-browserify'),
-          },
-        },
-        module: {
-          rules: [
-            {
-              test: /\.([jt])sx?$/,
-              loader: 'ts-loader',
-              exclude: [/node_modules/],
-              options: {
-                configFile: config.env.tsConfig,
-                // https://github.com/TypeStrong/ts-loader/pull/685
-                experimentalWatchApi: true,
-                transpileOnly: true,
-              },
-            },
-            {
-              test: /\.feature$/,
-              use: [
-                {
-                  loader: 'cypress-cucumber-preprocessor/loader',
-                },
-              ],
-            },
-            {
-              test: /\.features$/,
-              use: [
-                {
-                  loader: 'cypress-cucumber-preprocessor/lib/featuresLoader',
-                },
-              ],
-            },
-          ],
-        },
-        plugins: [
-          new ForkTsCheckerWebpackPlugin({
-            typescript: {
-              enabled: true,
-              configFile: config.env.tsConfig,
-            },
-          }),
-          new webpack.ProvidePlugin({
-            process: 'process/browser',
-          }),
-        ],
-        externals: [nodeExternals()],
-      },
-    })
-  );
-};

apps/explorer-e2e/src/support/common.functions.js

@@ -0,0 +1,90 @@
+import { BigNumber } from 'bignumber.js';
+
+Cypress.Commands.add(
+  'common_validate_blocks_data_displayed',
+  function (headerTestId) {
+    cy.get(headerTestId).then(($assetHeaders) => {
+      const headersLength = Number($assetHeaders.length);
+
+      cy.wrap($assetHeaders).each(($header) => {
+        expect($header).to.not.be.empty;
+      });
+
+      cy.get('.language-json')
+        .each(($asset) => {
+          expect($asset).to.not.be.empty;
+        })
+        .then(($list) => {
+          expect($list).to.have.length(headersLength);
+        });
+    });
+  }
+);
+
+Cypress.Commands.add('switchToMobile', () => {
+  cy.viewport('iphone-x');
+});
+
+Cypress.Commands.add('common_switch_to_mobile_and_click_toggle', function () {
+  cy.viewport('iphone-x');
+  cy.visit('/');
+  cy.get('[data-testid="open-menu"]').click();
+});
+
+Cypress.Commands.add('monitor_clipboard', () => {
+  cy.window().then((win) => {
+    return cy.stub(win, 'prompt').returns(win.prompt);
+  });
+});
+
+Cypress.Commands.add(
+  'get_copied_text_from_clipboard',
+  { prevSubject: true },
+  (clipboard) => {
+    // Must first setup with cy.monitor_clipboard().as('clipboard')
+    // This function then chained off a cy.get('@clipboard')
+    return clipboard.args[0][1];
+  }
+);
+
+Cypress.Commands.add(
+  'convert_string_json_to_js_object',
+  { prevSubject: true },
+  (jsonBlobString) => {
+    // Note: this is a chaining function
+    return JSON.parse(jsonBlobString);
+  }
+);
+
+Cypress.Commands.add(
+  'add_commas_to_number_if_large_enough',
+  { prevSubject: true },
+  (number) => {
+    // This will turn 10000000.0000 into 10,000,000.000
+    // Note: this is a chaining function
+    const beforeDecimal = number.split('.')[0];
+    const afterDecimal = number.split('.')[1];
+    const beforeDecimalWithCommas = beforeDecimal
+      .toString()
+      .replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+    const formattedValue = beforeDecimalWithCommas + '.' + afterDecimal;
+    return formattedValue;
+  }
+);
+
+Cypress.Commands.add('convert_number_to_max_eighteen_decimal', (number) => {
+  // this will take a number like this   : 700000000000000000001
+  // and convert it to a number like this: 700.000000000000000001
+  const value = BigNumber(number / 1000000000000000000).toString();
+  return parseFloat(value).toLocaleString(undefined, {
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 18,
+  });
+});
+
+Cypress.Commands.add('convert_number_to_max_four_decimal', (number) => {
+  return parseFloat(number).toLocaleString(undefined, {
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 4,
+  });
+});

apps/explorer-e2e/src/support/index.js

@@ -0,0 +1,20 @@
+// ***********************************************************
+// This example support/index.js is processed and
+// loaded automatically before your test files.
+//
+// This is a great place to put global configuration and
+// behavior that modifies Cypress.
+//
+// You can change the location of this file or turn off
+// automatically serving support files with the
+// 'supportFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/configuration
+// ***********************************************************
+
+import '@vegaprotocol/cypress';
+import './common.functions.js';
+import 'cypress-mochawesome-reporter/register';
+import registerCypressGrep from '@cypress/grep';
+registerCypressGrep();

apps/explorer-e2e/src/support/index.ts

@@ -1,16 +0,0 @@
-// ***********************************************************
-// This example support/index.js is processed and
-// loaded automatically before your test files.
-//
-// This is a great place to put global configuration and
-// behavior that modifies Cypress.
-//
-// You can change the location of this file or turn off
-// automatically serving support files with the
-// 'supportFile' configuration option.
-//
-// You can read more here:
-// https://on.cypress.io/configuration
-// ***********************************************************
-
-import '@vegaprotocol/cypress';

apps/explorer-e2e/src/support/pages/assets-page.ts

@@ -1,9 +0,0 @@
-import BasePage from './base-page';
-
-export default class AssetsPage extends BasePage {
-  assetHeader = 'asset-header';
-
-  validateAssetsDisplayed() {
-    this.validateBlockDataDisplayed(this.assetHeader);
-  }
-}

apps/explorer-e2e/src/support/pages/base-page.ts

@@ -1,100 +0,0 @@
-export default class BasePage {
-  transactionsUrl = '/txs';
-  blocksUrl = '/blocks';
-  partiesUrl = '/parties';
-  assetsUrl = '/assets';
-  genesisUrl = '/genesis';
-  governanceUrl = '/governance';
-  marketsUrl = '/markets';
-  networkParametersUrl = '/network-parameters';
-  validatorsUrl = '/validators';
-  blockExplorerHeader = 'explorer-header';
-  searchField = 'search';
-  searchButton = 'search-button';
-  searchError = 'search-error';
-  openMobileMenuBtn = 'open-menu';
-
-  navigateToTxs() {
-    cy.get(`a[href='${this.transactionsUrl}']`).click();
-  }
-
-  navigateToBlocks() {
-    cy.get(`a[href='${this.blocksUrl}']`).click();
-  }
-
-  navigateToParties() {
-    cy.get(`a[href='${this.partiesUrl}']`).click();
-  }
-
-  navigateToAssets() {
-    cy.get(`a[href*='${this.assetsUrl}']`).click();
-  }
-
-  navigateToGenesis() {
-    cy.get(`a[href='${this.genesisUrl}']`).click();
-  }
-
-  navigateToGovernance() {
-    cy.get(`a[href='${this.governanceUrl}']`).click();
-  }
-
-  navigateToMarkets() {
-    cy.get(`a[href='${this.marketsUrl}']`).click();
-  }
-
-  navigateToNetworkParameters() {
-    cy.get(`a[href='${this.networkParametersUrl}']`).click();
-  }
-
-  navigateToValidators() {
-    cy.get(`a[href='${this.validatorsUrl}']`).click();
-  }
-
-  search(searchText: string) {
-    if (searchText) {
-      cy.getByTestId(this.searchField).type(searchText);
-    }
-  }
-
-  clickSearch() {
-    cy.getByTestId(this.searchButton).click();
-  }
-
-  clickOnToggle() {
-    cy.getByTestId(this.openMobileMenuBtn).click({ force: true });
-  }
-
-  validateUrl(expectedUrl: string) {
-    cy.url().should('include', expectedUrl);
-  }
-
-  validateSearchDisplayed() {
-    cy.getByTestId(this.blockExplorerHeader).should(
-      'have.text',
-      'Vega Explorer'
-    );
-    cy.getByTestId(this.searchField).should('be.visible');
-  }
-
-  validateSearchErrorDisplayed(errorMessage: string) {
-    cy.getByTestId(this.searchError).should('have.text', errorMessage);
-  }
-
-  validateBlockDataDisplayed(headerTestId: string) {
-    cy.getByTestId(headerTestId).then(($assetHeaders) => {
-      const headersAmount = Number($assetHeaders.length);
-
-      cy.wrap($assetHeaders).each(($header) => {
-        expect($header).to.not.be.empty;
-      });
-
-      cy.get('.language-json')
-        .each(($asset) => {
-          expect($asset).to.not.be.empty;
-        })
-        .then(($list) => {
-          expect($list).to.have.length(headersAmount);
-        });
-    });
-  }
-}

apps/explorer-e2e/src/support/pages/blocks-page.ts

@@ -1,146 +0,0 @@
-import BasePage from './base-page';
-
-export default class BlocksPage extends BasePage {
-  blockRow = 'block-row';
-  transactionsRow = 'transaction-row';
-  blockHeight = 'block-height';
-  numberOfTransactions = 'num-txs';
-  validatorLink = 'validator-link';
-  blockTime = 'block-time';
-  refreshBtn = 'refresh';
-  blockHeader = 'block-header';
-  minedByValidator = 'block-validator';
-  previousBlockBtn = 'previous-block';
-  nextBlockBtn = 'next-block';
-  jumpToBlockInput = 'block-input';
-  jumpToBlockSubmit = 'go-submit';
-  infiniteScrollWrapper = 'infinite-scroll-wrapper';
-
-  private waitForBlocksResponse() {
-    cy.contains('Loading...').should('not.exist', { timeout: 18000 });
-  }
-
-  validateBlocksPageDisplayed() {
-    this.waitForBlocksResponse();
-    cy.getByTestId(this.blockRow).should('have.length.above', 1);
-    cy.getByTestId(this.blockHeight).first().should('not.be.empty');
-    cy.getByTestId(this.numberOfTransactions).first().should('not.be.empty');
-    cy.getByTestId(this.validatorLink).first().should('not.be.empty');
-    cy.getByTestId(this.blockTime).first().should('not.be.empty');
-  }
-
-  clickOnTopBlockHeight() {
-    this.waitForBlocksResponse();
-    cy.getByTestId(this.blockHeight).first().click();
-  }
-
-  validateBlockValidatorPage() {
-    cy.getByTestId(this.minedByValidator).should('not.be.empty');
-    cy.getByTestId(this.blockTime).should('not.be.empty');
-    cy.get('body').then(($body) => {
-      if ($body.find(`[data-testid=${this.transactionsRow}] > td`).length) {
-        cy.get(`[data-testid=${this.transactionsRow}] > td`).each(($cell) => {
-          cy.wrap($cell).should('not.be.empty');
-        });
-      } else {
-        cy.slack('Unable to find any transactions on page');
-        cy.screenshot();
-      }
-    });
-  }
-
-  navigateToPreviousBlock() {
-    cy.getByTestId(this.blockHeader)
-      .invoke('text')
-      .then(($blockHeaderTxt) => {
-        const blockHeight = parseInt($blockHeaderTxt.replace('BLOCK ', ''));
-        this.clickPreviousBlock();
-        cy.getByTestId(this.blockHeader)
-          .invoke('text')
-          .then(($newBlockHeaderTxt) => {
-            const newBlockHeight = parseInt(
-              $newBlockHeaderTxt.replace('BLOCK ', '')
-            );
-            expect(newBlockHeight).to.be.lessThan(blockHeight);
-          });
-      });
-  }
-
-  navigateToNextBlock() {
-    cy.getByTestId(this.blockHeader)
-      .invoke('text')
-      .then(($blockHeaderTxt) => {
-        const blockHeight = parseInt($blockHeaderTxt.replace('BLOCK ', ''));
-        this.clickNextBlock();
-        cy.getByTestId(this.blockHeader)
-          .invoke('text')
-          .then(($newBlockHeaderTxt) => {
-            const newBlockHeight = parseInt(
-              $newBlockHeaderTxt.replace('BLOCK ', '')
-            );
-            expect(newBlockHeight).to.be.greaterThan(blockHeight);
-          });
-      });
-  }
-
-  navigateToLastBlockOnPage() {
-    this.waitForBlocksResponse();
-    cy.getByTestId(this.infiniteScrollWrapper).children().scrollTo('bottom');
-  }
-
-  navigateToOlderBlocksWithInfiniteScroll(
-    expectedBlocks: number,
-    scrollAttempts: number
-  ) {
-    cy.intercept('*blockchain?maxHeight*').as('blockchain_load');
-
-    cy.getByTestId(this.blockHeight)
-      .last()
-      .invoke('text')
-      .then(($initialLastBlockHeight) => {
-        for (let index = 0; index < scrollAttempts; index++) {
-          cy.getByTestId(this.infiniteScrollWrapper)
-            .children()
-            .children()
-            .invoke('css', 'height')
-            .then((scrollTarget) => {
-              cy.getByTestId(this.infiniteScrollWrapper)
-                .children()
-                .scrollTo(0, scrollTarget.toString(), { easing: 'linear' })
-                .wait('@blockchain_load');
-
-              // eslint-disable-next-line cypress/no-unnecessary-waiting
-              cy.wait(50); // Need this as although network response has arrived it takes a few millisecs for the css height to expand
-            });
-        }
-
-        cy.getByTestId(this.blockHeight)
-          .last()
-          .invoke('text')
-          .then(($lastBlockHeight) => {
-            const totalBlocksLoadedSinceScrollBegan =
-              parseInt($initialLastBlockHeight) - parseInt($lastBlockHeight);
-            expect(totalBlocksLoadedSinceScrollBegan).to.be.at.least(
-              expectedBlocks
-            );
-          });
-      });
-  }
-
-  clickPreviousBlock() {
-    cy.getByTestId(this.previousBlockBtn).click();
-  }
-
-  clickNextBlock() {
-    cy.getByTestId(this.nextBlockBtn).click();
-  }
-
-  jumpToBlock(blockNumber: string) {
-    cy.getByTestId(this.jumpToBlockInput).type(blockNumber);
-    cy.getByTestId(this.jumpToBlockSubmit).click();
-  }
-
-  verifyPreviousBtnDisabled() {
-    cy.getByTestId(this.previousBlockBtn).find('button').should('be.disabled');
-  }
-}

apps/explorer-e2e/src/support/pages/genesis-page.ts

@@ -1,9 +0,0 @@
-import BasePage from './base-page';
-
-export default class GenesisPage extends BasePage {
-  genesisHeader = 'genesis-header';
-
-  genesisFieldsDisplayed() {
-    this.validateBlockDataDisplayed(this.genesisHeader);
-  }
-}

apps/explorer-e2e/src/support/pages/home-page.ts

@@ -1,95 +0,0 @@
-import BasePage from './base-page';
-export default class HomePage extends BasePage {
-  statsEnvironmentTitle = 'stats-environment';
-  statsTitle = 'stats-title';
-  statsValue = 'stats-value';
-
-  verifyStatsEnvironment() {
-    const deployedEnv = Cypress.env('environment').toUpperCase();
-    cy.getByTestId(this.statsEnvironmentTitle).should(
-      'have.text',
-      `/ ${deployedEnv}`
-    );
-  }
-
-  verifyStatsTitlesDisplayed() {
-    const statTitles = [
-      'Status',
-      'Height',
-      'Validating nodes',
-      'Uptime',
-      'Total nodes',
-      'Inactive nodes',
-      'Total staked',
-      'Backlog',
-      'Trades / second',
-      'Orders / block',
-      'Orders / second',
-      'Transactions / block',
-      'Block time',
-      'Time',
-      'App',
-      'Tendermint',
-      'Up since',
-      'Chain ID',
-    ];
-
-    cy.getByTestId(this.statsTitle).then(($list) => {
-      cy.wrap($list).should('have.length', 18);
-    });
-
-    cy.getByTestId(this.statsTitle)
-      .each(($title, index) => {
-        cy.wrap($title).should('have.text', statTitles[index]);
-      })
-      .then(($list) => {
-        cy.wrap($list).should('have.length', 18);
-      });
-  }
-
-  verifyStatsValuesDisplayed() {
-    cy.getByTestId(this.statsValue).eq(0).should('have.text', 'CONNECTED');
-    cy.getByTestId(this.statsValue).eq(1).should('not.be.empty');
-    cy.getByTestId(this.statsValue).eq(2).should('have.text', '2');
-    cy.getByTestId(this.statsValue)
-      .eq(3)
-      .invoke('text')
-      .should('match', /\d+d \d+h \d+m \d+s/i);
-    cy.getByTestId(this.statsValue).eq(4).should('have.text', '2');
-    cy.getByTestId(this.statsValue).eq(5).should('have.text', '0');
-    cy.getByTestId(this.statsValue).eq(6).should('not.be.empty');
-    cy.getByTestId(this.statsValue).eq(7).should('have.text', '0');
-    cy.getByTestId(this.statsValue).eq(8).should('have.text', '0');
-    cy.getByTestId(this.statsValue).eq(9).should('have.text', '0');
-    cy.getByTestId(this.statsValue).eq(10).should('have.text', '0');
-    cy.getByTestId(this.statsValue).eq(11).should('not.be.empty');
-    cy.getByTestId(this.statsValue).eq(12).should('not.be.empty');
-    cy.getByTestId(this.statsValue).eq(13).should('not.be.empty');
-    if (Cypress.env('NIGHTLY_RUN') != true) {
-      cy.getByTestId(this.statsValue)
-        .eq(14)
-        .invoke('text')
-        .should('match', /v\d+\.\d+\.\d+/i);
-    }
-    cy.getByTestId(this.statsValue)
-      .eq(15)
-      .invoke('text')
-      .should('match', /\d+\.\d+\.\d+/i);
-    cy.getByTestId(this.statsValue).eq(16).should('not.be.empty');
-    cy.getByTestId(this.statsValue).eq(17).should('not.be.empty');
-  }
-
-  verifyStatsBlockHeightUpdating() {
-    cy.getByTestId(this.statsValue)
-      .eq(1)
-      .invoke('text')
-      .then((blockHeightTxt) => {
-        cy.getByTestId(this.statsValue)
-          .eq(1)
-          .invoke('text')
-          .should((newBlockHeightTxt) => {
-            expect(blockHeightTxt).not.to.eq(newBlockHeightTxt);
-          });
-      });
-  }
-}

apps/explorer-e2e/src/support/pages/markets-page.ts

@@ -1,9 +0,0 @@
-import BasePage from './base-page';
-
-export default class MarketsPage extends BasePage {
-  marketHeaders = 'markets-header';
-
-  validateMarketDataDisplayed() {
-    this.validateBlockDataDisplayed(this.marketHeaders);
-  }
-}

apps/explorer-e2e/src/support/pages/network-page.ts

@@ -1,39 +0,0 @@
-import BasePage from './base-page';
-
-export default class NetworkParametersPage extends BasePage {
-  networkParametersHeader = 'network-param-header';
-  parameters = 'parameters';
-  jsonParamNameClassName = '.hljs-attr';
-  jsonParamValueStringClassName = '.hljs-string';
-  jsonParamValueNumberClassName = '.hljs-number';
-  parameterKeyValueRow = 'key-value-table-row';
-
-  verifyNetworkParametersDisplayed() {
-    cy.getByTestId(this.networkParametersHeader).should(
-      'have.text',
-      'Network Parameters'
-    );
-
-    cy.get(this.jsonParamNameClassName)
-      .should('have.length.at.least', 18)
-      .each(($paramName) => {
-        cy.wrap($paramName).should('not.be.empty');
-      });
-    cy.get(this.jsonParamValueStringClassName)
-      .should('have.length.at.least', 6)
-      .each(($paramValue) => {
-        cy.wrap($paramValue).should('not.be.empty');
-      });
-
-    cy.get(this.jsonParamValueNumberClassName)
-      .should('have.length.at.least', 7)
-      .each(($paramValue) => {
-        cy.wrap($paramValue).should('not.be.empty');
-      });
-
-    cy.getByTestId(this.parameterKeyValueRow).each(($row) => {
-      cy.wrap($row).find('dt').should('not.be.empty');
-      cy.wrap($row).find('dd').should('not.be.empty');
-    });
-  }
-}

apps/explorer-e2e/src/support/pages/transactions-page.ts

@@ -1,85 +0,0 @@
-import BasePage from './base-page';
-
-export default class TransactionsPage extends BasePage {
-  transactionsList = 'transactions-list';
-  transactionRow = 'transaction-row';
-  blockHeight = 'block-height';
-  numberOfTransactions = 'num-txs';
-  validatorLink = 'validator-link';
-  blockTime = 'block-time';
-  refreshBtn = 'refresh';
-  txHash = 'hash';
-  txSubmittedBy = 'submitted-by';
-  txBlock = 'block';
-  txEncodedTnx = 'encoded-tnx';
-  txType = 'tx-type';
-
-  validateTransactionsPagedisplayed() {
-    // eslint-disable-next-line cypress/no-unnecessary-waiting
-    cy.wait(5000); // Wait for transactions to load if there are any
-    cy.getByTestId(this.transactionRow).should('have.length.above', 1);
-  }
-
-  validateRefreshBtn() {
-    cy.intercept('GET', '**/blockchain').as('get-blockchain');
-    cy.getByTestId(this.refreshBtn).click();
-    cy.wait('@get-blockchain').its('response.statusCode').should('eq', 200);
-  }
-
-  validateTxDetailsAreDisplayed() {
-    // TODO fail test when there are no txs once running with Capsule
-    // eslint-disable-next-line cypress/no-unnecessary-waiting
-    cy.wait(1000); // Wait for transactions to load if there are any
-    cy.get('body').then(($body) => {
-      if ($body.find(`[data-testid=${this.txHash}]`).length) {
-        cy.getByTestId(this.txHash).invoke('text').should('have.length', 64);
-        cy.getByTestId(this.txSubmittedBy)
-          .find('a')
-          .then(($address) => {
-            cy.wrap($address).should('have.attr', 'href');
-            cy.wrap($address).invoke('text').should('have.length', 66);
-          });
-        cy.getByTestId(this.txBlock).should('not.be.empty');
-        cy.getByTestId(this.txEncodedTnx).should('not.be.empty');
-        cy.getByTestId(this.txType)
-          .should('not.be.empty')
-          .invoke('text')
-          .then((txTypeTxt) => {
-            if (txTypeTxt == 'Order Submission') {
-              cy.get('.hljs-attr')
-                .should('have.length.at.least', 8)
-                .each(($propertyName) => {
-                  cy.wrap($propertyName).should('not.be.empty');
-                });
-              cy.get('.hljs-string')
-                .should('have.length.at.least', 8)
-                .each(($propertyValue) => {
-                  cy.wrap($propertyValue).should('not.be.empty');
-                });
-            }
-          });
-      } else {
-        cy.slack('Unable to find any transactions on page');
-        cy.screenshot();
-      }
-    });
-  }
-
-  clickOnTopTransaction() {
-    // TODO fail test when there are no txs once running with Capsule
-    // eslint-disable-next-line cypress/no-unnecessary-waiting
-    cy.wait(1000); // Wait for transactions to load if there are any
-    cy.get('body').then(($body) => {
-      if ($body.find(`[data-testid=${this.transactionRow}]`).length) {
-        cy.getByTestId(this.transactionRow)
-          .first()
-          .find('a')
-          .first()
-          .click({ force: true });
-      } else {
-        cy.slack('Unable to find any transactions on page');
-        cy.screenshot();
-      }
-    });
-  }
-}

apps/explorer-e2e/src/support/pages/validators-page.ts

@@ -1,18 +0,0 @@
-import BasePage from './base-page';
-
-export default class ValidatorPage extends BasePage {
-  tendermintHeader = 'tendermint-header';
-  vegaHeader = 'vega-header';
-  tendermintData = 'tendermint-data';
-  vegaData = 'vega-data';
-
-  validateValidatorsDisplayed() {
-    cy.getByTestId(this.tendermintHeader).should(
-      'have.text',
-      'Tendermint data'
-    );
-    cy.getByTestId(this.tendermintData).should('not.be.empty');
-    cy.getByTestId(this.vegaHeader).should('have.text', 'Vega data');
-    cy.getByTestId(this.vegaData).should('not.be.empty');
-  }
-}

apps/explorer-e2e/src/support/step_definitions/asset-page-step.ts

@@ -1,12 +0,0 @@
-import { Then, When } from 'cypress-cucumber-preprocessor/steps';
-
-import AssetsPage from '../pages/assets-page';
-const assetPage = new AssetsPage();
-
-When('I navigate to the asset page', () => {
-  assetPage.navigateToAssets();
-});
-
-Then('asset page is correctly displayed', () => {
-  assetPage.validateAssetsDisplayed();
-});

apps/explorer-e2e/src/support/step_definitions/blocks-page.step.ts

@@ -1,50 +0,0 @@
-import { Then, When } from 'cypress-cucumber-preprocessor/steps';
-
-import BlocksPage from '../pages/blocks-page';
-const blocksPage = new BlocksPage();
-
-When('I navigate to the blocks page', () => {
-  blocksPage.navigateToBlocks();
-});
-
-When('I click on top block', () => {
-  blocksPage.clickOnTopBlockHeight();
-});
-
-When('jump to first block', () => {
-  blocksPage.jumpToBlock('1');
-});
-
-Then('blocks page is correctly displayed', () => {
-  blocksPage.validateBlocksPageDisplayed();
-});
-
-Then('validator block page is correctly displayed', () => {
-  blocksPage.validateBlockValidatorPage();
-});
-
-Then('I am on the previous block when I click previous', () => {
-  blocksPage.navigateToPreviousBlock();
-});
-
-Then('previous button is disabled', () => {
-  blocksPage.verifyPreviousBtnDisabled();
-});
-
-Then('I am on the second block when I click next', () => {
-  blocksPage.navigateToNextBlock();
-});
-
-Then('I scroll down to the last block on the page', () => {
-  blocksPage.navigateToLastBlockOnPage();
-});
-
-Then(
-  'I can expect to see at least {int} blocks if i scroll {int} times',
-  (expectedBlocks, scrollAttempts) => {
-    blocksPage.navigateToOlderBlocksWithInfiniteScroll(
-      expectedBlocks,
-      scrollAttempts
-    );
-  }
-);

apps/explorer-e2e/src/support/step_definitions/common.step.ts

@@ -1,26 +0,0 @@
-import { Given, Then, When } from 'cypress-cucumber-preprocessor/steps';
-import BasePage from '../pages/base-page';
-const basePage = new BasePage();
-
-Given('I am on mobile and open the toggle menu', () => {
-  cy.viewport('iphone-x');
-  cy.visit('/');
-  basePage.clickOnToggle();
-});
-
-Given('I am on the homepage', () => {
-  cy.visit('/');
-});
-
-When('I search for {string}', (searchText) => {
-  basePage.search(searchText);
-  basePage.clickSearch();
-});
-
-Then('I am redirected to page containing id {string}', (expectedUrl) => {
-  basePage.validateUrl(expectedUrl);
-});
-
-Then('search error message {string} is displayed', (expectedErrorMsg) => {
-  basePage.validateSearchErrorDisplayed(expectedErrorMsg);
-});

apps/explorer-e2e/src/support/step_definitions/home-page.step.ts

@@ -1,11 +0,0 @@
-import { Then } from 'cypress-cucumber-preprocessor/steps';
-
-import HomePage from '../pages/home-page';
-const homePage = new HomePage();
-
-Then('the stats for deployed environment are correctly displayed', () => {
-  homePage.verifyStatsEnvironment();
-  homePage.verifyStatsTitlesDisplayed();
-  homePage.verifyStatsValuesDisplayed();
-  homePage.verifyStatsBlockHeightUpdating();
-});

apps/explorer-e2e/src/support/step_definitions/markets-page-step.ts

@@ -1,12 +0,0 @@
-import { Then, When } from 'cypress-cucumber-preprocessor/steps';
-
-import MarketsPage from '../pages/markets-page';
-const marketsPage = new MarketsPage();
-
-When('I navigate to the markets page', () => {
-  marketsPage.navigateToMarkets();
-});
-
-Then('markets page is correctly displayed', () => {
-  marketsPage.validateMarketDataDisplayed();
-});

apps/explorer-e2e/src/support/step_definitions/network-page.step.ts

@@ -1,11 +0,0 @@
-import { Then, When } from 'cypress-cucumber-preprocessor/steps';
-import NetworkPage from '../pages/network-page';
-const networkPage = new NetworkPage();
-
-When('I navigate to network parameters page', () => {
-  networkPage.navigateToNetworkParameters();
-});
-
-Then('network parameters page is correctly displayed', () => {
-  networkPage.verifyNetworkParametersDisplayed();
-});

apps/explorer-e2e/src/support/step_definitions/transaction-page.step.ts

@@ -1,30 +0,0 @@
-import { Then, When } from 'cypress-cucumber-preprocessor/steps';
-
-import TransactionsPage from '../pages/transactions-page';
-const transactionsPage = new TransactionsPage();
-
-When('I navigate to the transactions page', () => {
-  transactionsPage.navigateToTxs();
-});
-
-When('I navigate to the blocks page', () => {
-  transactionsPage.navigateToBlocks();
-});
-
-When('I click on the top transaction', () => {
-  transactionsPage.clickOnTopTransaction();
-});
-
-Then('transactions page is correctly displayed', () => {
-  transactionsPage.validateTransactionsPagedisplayed();
-  transactionsPage.validateRefreshBtn();
-});
-
-Then('blocks page is correctly displayed', () => {
-  transactionsPage.validateTransactionsPagedisplayed();
-  transactionsPage.validateRefreshBtn();
-});
-
-Then('transaction details are displayed', () => {
-  transactionsPage.validateTxDetailsAreDisplayed();
-});

apps/explorer-e2e/src/support/step_definitions/validators-page-step.ts

@@ -1,12 +0,0 @@
-import { Then, When } from 'cypress-cucumber-preprocessor/steps';
-
-import ValidatorPage from '../pages/validators-page';
-const validatorsPage = new ValidatorPage();
-
-When('I navigate to the validators page', () => {
-  validatorsPage.navigateToValidators();
-});
-
-Then('validators page is correctly displayed', () => {
-  validatorsPage.validateValidatorsDisplayed();
-});

apps/explorer-e2e/tsconfig.json

@@ -1,9 +1,10 @@
 {
   "extends": "../../tsconfig.base.json",
   "compilerOptions": {
+    "jsx": "react-jsx",
     "sourceMap": false,
     "outDir": "../../dist/out-tsc",
-    "types": ["cypress", "node"],
+    "types": ["cypress", "node", "@cypress/grep"],
     "allowJs": true,
     "esModuleInterop": true,
     "allowSyntheticDefaultImports": true,

apps/explorer/.env

@@ -1,19 +1,21 @@
-NX_CHAIN_EXPLORER_URL=https://explorer.vega.trading/.netlify/functions/chain-explorer-api
-NX_TENDERMINT_URL=http://localhost:26617
-NX_TENDERMINT_WEBSOCKET_URL=wss://localhost:26617/websocket
-NX_VEGA_URL=http://localhost:3028/query
-NX_VEGA_ENV=CUSTOM
-NX_VEGA_REST=http://localhost:3029
-
-NX_CHAIN_EXPLORER_URL=https://explorer.vega.trading/.netlify/functions/chain-explorer-api
-NX_TENDERMINT_URL=https://lb.testnet.vega.xyz/tm
-NX_TENDERMINT_WEBSOCKET_URL=wss://lb.testnet.vega.xyz/tm/websocket
-NX_VEGA_URL=https://lb.testnet.vega.xyz/query
-NX_VEGA_ENV=TESTNET
-NX_VEGA_REST=https://lb.testnet.vega.xyz/datanode/rest
+NX_ETHEREUM_PROVIDER_URL=https://sepolia.infura.io/v3/4f846e79e13f44d1b51bbd7ed9edefb8
+NX_ETHERSCAN_URL=https://sepolia.etherscan.io
+NX_HOSTED_WALLET_URL=https://wallet.testnet.vega.xyz
+NX_VEGA_CONFIG_URL=https://raw.githubusercontent.com/vegaprotocol/networks-internal/main/stagnet1/vegawallet-stagnet1.toml
+NX_VEGA_ENV=STAGNET1
+NX_VEGA_EXPLORER_URL=https://explorer.stagnet1.vega.rocks
+NX_VEGA_TOKEN_URL=https://governance.stagnet1.vega.rocks
+NX_VEGA_WALLET_URL=http://localhost:1789
+NX_TENDERMINT_URL=https://tm.n01.stagnet1.vega.xyz
+NX_TENDERMINT_WEBSOCKET_URL=wss://tm.n01.stagnet1.vega.xyz/websocket
+NX_BLOCK_EXPLORER=https://be.stagnet1.vega.xyz/rest
+NX_ETHERSCAN_URL=https://sepolia.etherscan.io
+NX_ORACLE_PROOFS_URL=https://raw.githubusercontent.com/vegaprotocol/well-known/main/__generated__/oracle-proofs.json
+NX_VEGA_GOVERNANCE_URL=https://governance.stagnet1.vega.rocks
+NX_ANNOUNCEMENTS_CONFIG_URL=https://raw.githubusercontent.com/vegaprotocol/announcements/fairground/announcements.json
 NX_VEGA_NETWORKS='{"TESTNET":"https://explorer.fairground.wtf","MAINNET":"https://explorer.vega.xyz"}'
-CYPRESS_VEGA_TENDERMINT_URL=https://lb.testnet.vega.xyz/tm
 NX_GITHUB_FEEDBACK_URL=https://github.com/vegaprotocol/feedback/discussions
+NX_VEGA_REPO_URL=https://github.com/vegaprotocol/vega/releases/tag/
 
 # App flags
 NX_EXPLORER_ASSETS=1
@@ -23,4 +25,5 @@ NX_EXPLORER_NETWORK_PARAMETERS=1
 NX_EXPLORER_PARTIES=1
 NX_EXPLORER_VALIDATORS=1
 NX_EXPLORER_MARKETS=1
+NX_EXPLORER_ORACLES=1
 NX_EXPLORER_TXS_LIST=1

apps/explorer/.env.capsule

@@ -1,19 +1,10 @@
 # App configuration variables
-NX_CHAIN_EXPLORER_URL=https://explorer.vega.trading/.netlify/functions/chain-explorer-api
 NX_TENDERMINT_URL=http://localhost:26617
 NX_TENDERMINT_WEBSOCKET_URL=wss://localhost:26617/websocket
-NX_VEGA_URL=http://localhost:3028/query
-NX_VEGA_NETWORKS='{"TESTNET":"https://explorer.fairground.wtf","MAINNET":"https://explorer.vega.xyz"}'
 NX_VEGA_ENV=CUSTOM
-NX_VEGA_REST=http://localhost:3029
-NX_GITHUB_FEEDBACK_URL=https://github.com/vegaprotocol/feedback/discussions
+NX_ETHERSCAN_URL=https://sepolia.etherscan.io
+NX_ANNOUNCEMENTS_CONFIG_URL=https://raw.githubusercontent.com/vegaprotocol/announcements/test/announcements.json
+NX_VEGA_EXPLORER_URL=/
 
 # App flags
-NX_EXPLORER_ASSETS=1
-NX_EXPLORER_GENESIS=1
-NX_EXPLORER_GOVERNANCE=1
-NX_EXPLORER_MARKETS=1
-NX_EXPLORER_TXS_LIST=1
-NX_EXPLORER_NETWORK_PARAMETERS=1
-NX_EXPLORER_PARTIES=1
-NX_EXPLORER_VALIDATORS=1
+NX_EXPLORER_TXS_LIST=0

apps/explorer/.env.devnet

@@ -1,10 +1,12 @@
 # App configuration variables
-NX_CHAIN_EXPLORER_URL=https://explorer.vega.trading/.netlify/functions/chain-explorer-api
-NX_TENDERMINT_URL=https://n04.d.vega.xyz/tm
-NX_TENDERMINT_WEBSOCKET_URL=wss://n04.d.vega.xyz/tm/websocket
-NX_VEGA_CONFIG_URL=https://static.vega.xyz/assets/devnet-network.json
-NX_VEGA_URL=https://n04.d.vega.xyz/query
-NX_VEGA_NETWORKS='{"TESTNET":"https://explorer.fairground.wtf","MAINNET":"https://explorer.vega.xyz"}'
+NX_TENDERMINT_URL=https://tm.be.devnet1.vega.xyz/tm
+NX_TENDERMINT_WEBSOCKET_URL=wss://be.devnet1.vega.xyz/websocket
+NX_VEGA_CONFIG_URL=https://raw.githubusercontent.com/vegaprotocol/networks-internal/main/devnet1/vegawallet-devnet1.toml
 NX_VEGA_ENV=DEVNET
-NX_VEGA_REST=https://n04.d.vega.xyz/datanode/rest
-NX_GITHUB_FEEDBACK_URL=https://github.com/vegaprotocol/feedback/discussions
+NX_BLOCK_EXPLORER=https://be.devnet1.vega.xyz/rest
+NX_ETHERSCAN_URL=https://sepolia.etherscan.io
+NX_VEGA_GOVERNANCE_URL=https://dev.governance.vega.xyz
+NX_VEGA_URL=https://api.devnet1.vega.xyz/graphql
+NX_VEGA_CONFIG_URL=https://raw.githubusercontent.com/vegaprotocol/networks-internal/main/devnet1/vegawallet-devnet1.toml
+NX_ANNOUNCEMENTS_CONFIG_URL=https://raw.githubusercontent.com/vegaprotocol/announcements/fairground/announcements.json
+NX_VEGA_EXPLORER_URL=/

apps/explorer/.env.mainnet

@@ -1,10 +1,13 @@
 # App configuration variables
-NX_CHAIN_EXPLORER_URL=https://explorer.vega.trading/.netlify/functions/chain-explorer-api
-NX_TENDERMINT_URL=https://mainnet-observer-proxy01.ops.vega.xyz/
-NX_TENDERMINT_WEBSOCKET_URL=wss://mainnet-observer-proxy01.ops.vega.xyz/websocket
-NX_VEGA_CONFIG_URL=https://static.vega.xyz/assets/mainnet-network.json
-NX_VEGA_URL=https://api.token.vega.xyz/query
-NX_VEGA_NETWORKS='{"TESTNET":"https://explorer.fairground.wtf","MAINNET":"https://explorer.vega.xyz"}'
+NX_TENDERMINT_URL=https://be.vega.community
+NX_TENDERMINT_WEBSOCKET_URL=wss://be.vega.community/websocket
+NX_SENTRY_DSN=https://b3a56b03eda842faad731f3ea9dfd1bc@o286262.ingest.sentry.io/6242427
+NX_VEGA_CONFIG_URL=https://raw.githubusercontent.com/vegaprotocol/networks/master/mainnet1/mainnet1.toml
+NX_VEGA_URL=https://api.vega.community/graphql
 NX_VEGA_ENV=MAINNET
-NX_VEGA_REST=https://api.token.vega.xyz/
-NX_GITHUB_FEEDBACK_URL=https://github.com/vegaprotocol/feedback/discussions
+NX_BLOCK_EXPLORER=https://be.vega.community/rest
+NX_ETHERSCAN_URL=https://etherscan.io
+NX_VEGA_GOVERNANCE_URL=https://governance.vega.xyz
+NX_ANNOUNCEMENTS_CONFIG_URL=https://raw.githubusercontent.com/vegaprotocol/announcements/mainnet/announcements.json
+NX_VEGA_EXPLORER_URL=https://explorer.vega.xyz/
+NX_VEGA_CONSOLE_URL=https://console.vega.xyz

apps/explorer/.env.stagnet1

@@ -1,10 +1,2 @@
-# App configuration variables
-NX_CHAIN_EXPLORER_URL=https://explorer.vega.trading/.netlify/functions/chain-explorer-api
-NX_TENDERMINT_URL=https://n03.s.vega.xyz/tm
-NX_TENDERMINT_WEBSOCKET_URL=wss://n03.s.vega.xyz/tm/websocket
-NX_VEGA_CONFIG_URL=https://static.vega.xyz/assets/stagnet1-network.json
-NX_VEGA_URL=https://n03.s.vega.xyz/query
-NX_VEGA_NETWORKS='{"TESTNET":"https://explorer.fairground.wtf","MAINNET":"https://explorer.vega.xyz"}'
-NX_VEGA_ENV=STAGNET
-NX_VEGA_REST=https://n03.s.vega.xyz/datanode/rest
-NX_GITHUB_FEEDBACK_URL=https://github.com/vegaprotocol/feedback/discussions
+# .env is stagnet1, so there are no overrides required
+NX_VEGA_NETWORKS='{"TESTNET":"https://explorer.fairground.wtf","MAINNET":"https://explorer.vega.xyz","STAGNET1":"https://stagnet1.explorer.vega.xyz"}'

apps/explorer/.env.stagnet2

@@ -1,10 +0,0 @@
-# App configuration variables
-NX_CHAIN_EXPLORER_URL=https://explorer.vega.trading/.netlify/functions/chain-explorer-api
-NX_TENDERMINT_URL=https://n03.stagnet2.vega.xyz/tm
-NX_TENDERMINT_WEBSOCKET_URL=wss://n03.stagnet2.vega.xyz/tm/websocket
-NX_VEGA_CONFIG_URL=https://static.vega.xyz/assets/stagnet2-network.json
-NX_VEGA_URL=https://n03.stagnet2.vega.xyz/query
-NX_VEGA_NETWORKS='{"TESTNET":"https://explorer.fairground.wtf","MAINNET":"https://explorer.vega.xyz"}'
-NX_VEGA_ENV=STAGNET2
-NX_VEGA_REST=https://n01.stagnet2.vega.xyz/datanode/rest
-NX_GITHUB_FEEDBACK_URL=https://github.com/vegaprotocol/feedback/discussions

apps/explorer/.env.testnet

@@ -1,10 +1,13 @@
 # App configuration variables
-NX_CHAIN_EXPLORER_URL=https://explorer.vega.trading/.netlify/functions/chain-explorer-api
-NX_TENDERMINT_URL=https://lb.testnet.vega.xyz/tm
-NX_TENDERMINT_WEBSOCKET_URL=wss://lb.testnet.vega.xyz/tm/websocket
-NX_VEGA_CONFIG_URL=https://static.vega.xyz/assets/testnet-network.json
-NX_VEGA_URL=https://lb.testnet.vega.xyz/query
-NX_VEGA_NETWORKS='{"TESTNET":"https://explorer.fairground.wtf","MAINNET":"https://explorer.vega.xyz"}'
+NX_TENDERMINT_URL=https://tm.be.testnet.vega.xyz
+NX_BLOCK_EXPLORER=https://be.testnet.vega.xyz/rest
+NX_TENDERMINT_WEBSOCKET_URL=wss://be.testnet.vega.xyz/websocket
+NX_VEGA_CONFIG_URL=https://raw.githubusercontent.com/vegaprotocol/networks-internal/main/fairground/vegawallet-fairground.toml
 NX_VEGA_ENV=TESTNET
-NX_VEGA_REST=https://lb.testnet.vega.xyz/datanode/rest
-NX_GITHUB_FEEDBACK_URL=https://github.com/vegaprotocol/feedback/discussions
+NX_VEGA_URL=https://api.n07.testnet.vega.xyz/graphql
+NX_HOSTED_WALLET_URL=https://wallet.testnet.vega.xyz
+NX_ETHERSCAN_URL=https://sepolia.etherscan.io
+NX_VEGA_GOVERNANCE_URL=https://governance.fairground.wtf
+NX_ANNOUNCEMENTS_CONFIG_URL=https://raw.githubusercontent.com/vegaprotocol/announcements/fairground/announcements.json
+NX_VEGA_EXPLORER_URL=https://explorer.fairground.wtf
+NX_VEGA_CONSOLE_URL=https://console.fairground.wtf

apps/explorer/.env.validators-testnet

@@ -0,0 +1,15 @@
+# App configuration variables
+NX_VEGA_ENV=VALIDATOR_TESTNET
+NX_VEGA_CONFIG_URL=https://raw.githubusercontent.com/vegaprotocol/networks/master/testnet2/testnet2.toml
+NX_VEGA_URL=https://api-validators-testnet.vega.rocks/graphql
+NX_VEGA_REST=https://api-validators-testnet.vega.rocks/
+NX_ETHEREUM_PROVIDER_URL=https://sepolia.infura.io/v3/4f846e79e13f44d1b51bbd7ed9edefb8
+NX_ETHERSCAN_URL=https://sepolia.etherscan.io
+NX_ANNOUNCEMENTS_CONFIG_URL=https://raw.githubusercontent.com/vegaprotocol/announcements/fairground/announcements.json
+
+NX_TENDERMINT_URL=https://tm.be.validators-testnet.vega.rocks
+NX_BLOCK_EXPLORER=https://be.validators-testnet.vega.rocks/rest
+NX_TENDERMINT_WEBSOCKET_URL=wss://be.validators-testnet.vega.xyz/websocket
+NX_VEGA_GOVERNANCE_URL=https://governance.validators-testnet.vega.rocks
+NX_VEGA_EXPLORER_URL=https://explorer.validators-testnet.vega.rocks/
+NX_VEGA_CONSOLE_URL=https://trading.validators-testnet.vega.rocks/

apps/explorer/.env.vegacapsule

@@ -1,8 +1,8 @@
 # App configuration variables
-NX_CHAIN_EXPLORER_URL=https://explorer.vega.trading/.netlify/functions/chain-explorer-api
 NX_TENDERMINT_URL=http://localhost:26607/
 NX_TENDERMINT_WEBSOCKET_URL=wss://localhost:26607/websocket
-NX_VEGA_URL=http://localhost:3003/query
 NX_VEGA_ENV=CUSTOM
-NX_VEGA_REST=http://localhost:3029/rest
-NX_GITHUB_FEEDBACK_URL=https://github.com/vegaprotocol/feedback/discussions
+NX_BLOCK_EXPLORER=
+NX_ETHERSCAN_URL=https://sepolia.etherscan.io
+NX_ANNOUNCEMENTS_CONFIG_URL=https://raw.githubusercontent.com/vegaprotocol/announcements/test/announcements.json
+NX_VEGA_EXPLORER_URL=/

apps/explorer/.eslintrc.json

@@ -1,6 +1,6 @@
 {
   "extends": ["plugin:@nrwl/nx/react", "../../.eslintrc.json"],
-  "ignorePatterns": ["!**/*", "__generated__"],
+  "ignorePatterns": ["!**/*", "__generated__", "__generated___"],
   "overrides": [
     {
       "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
@@ -14,5 +14,8 @@
       "files": ["*.js", "*.jsx"],
       "rules": {}
     }
-  ]
+  ],
+  "env": {
+    "jest": true
+  }
 }

apps/explorer/README.md

@@ -35,8 +35,6 @@ Example configurations are provided here:
 - [Devnet](./.env.devnet)
 - [Capsule](./.env.capsule)
 - [Testnet](./.env.testnet)
-- [Stagnet1](./.env.stagnet1)
-- [Stagnet2](./.env.stagnet2)
 
 For convenience, you can boot the app injecting one of the configurations above by running:
 
@@ -46,22 +44,20 @@ yarn nx run explorer:serve --env={env} # e.g. stagnet1
 
 There are a few different configuration options offered for this app:
 
-| **Flag**                         | **Purpose**                                                                                          |
-| -------------------------------- | ---------------------------------------------------------------------------------------------------- |
-| `NX_CHAIN_EXPLORER_URL`          | The URL of the chain explorer service for decoding transactions                                      |
-| `NX_TENDERMINT_URL`              | The Tendermint REST URL for the Vega consesus engine                                                 |
-| `NX_TENDERMINT_WEBSOCKET_URL`    | The Tendermint Websocket URL for the Vega consensus engine                                           |
-| `NX_VEGA_URL`                    | The GraphQl query endpoint of a [Vega data node](https://github.com/vegaprotocol/networks#data-node) |
-| `NX_VEGA_ENV`                    | The name of the currently connected vega environment                                                 |
-| `NX_VEGA_REST`                   | The REST URL for the Vega Data Node                                                                  |
-| `NX_EXPLORER_ASSETS`             | Enable the assets page for the explorer                                                              |
-| `NX_EXPLORER_GENESIS`            | Enable the genesis page for the explorer                                                             |
-| `NX_EXPLORER_GOVERNANCE`         | Enable the governance page for the explorer                                                          |
-| `NX_EXPLORER_MARKETS`            | Enable the markets page for the explorer                                                             |
-| `NX_EXPLORER_TXS_LIST`           | Enable the transactions list page for the explorer                                                   |
-| `NX_EXPLORER_NETWORK_PARAMETERS` | Enable the network parameters page for the explorer                                                  |
-| `NX_EXPLORER_PARTIES`            | Enable the parties page for the explorer                                                             |
-| `NX_EXPLORER_VALIDATORS`         | Enable the validators page for the explorer                                                          |
+| **Flag**                         | **Purpose**                                                |
+| -------------------------------- | ---------------------------------------------------------- | --- |
+| `NX_TENDERMINT_URL`              | The Tendermint REST URL for the Vega consesus engine       |
+| `NX_TENDERMINT_WEBSOCKET_URL`    | The Tendermint Websocket URL for the Vega consensus engine |
+| `NX_VEGA_ENV`                    | The name of the currently connected vega environment       |     |
+| `NX_EXPLORER_ASSETS`             | Enable the assets page for the explorer                    |
+| `NX_EXPLORER_GENESIS`            | Enable the genesis page for the explorer                   |
+| `NX_EXPLORER_GOVERNANCE`         | Enable the governance page for the explorer                |
+| `NX_EXPLORER_MARKETS`            | Enable the markets page for the explorer                   |
+| `NX_EXPLORER_ORACLES`            | Enable the oracles page for the explorer                   |
+| `NX_EXPLORER_TXS_LIST`           | Enable the transactions list page for the explorer         |
+| `NX_EXPLORER_NETWORK_PARAMETERS` | Enable the network parameters page for the explorer        |
+| `NX_EXPLORER_PARTIES`            | Enable the parties page for the explorer                   |
+| `NX_EXPLORER_VALIDATORS`         | Enable the validators page for the explorer                |
 
 ## Testing