release update from rococo

.dockerignore

@@ -0,0 +1,2 @@
+/node_modules
+/build

.env

@@ -1,6 +1,10 @@
 HTTPS=true
 # REACT_APP_NODE_URL='ws://localhost:9988'
-REACT_APP_NODE_URL='wss://basilisk-rpc.hydration.cloud/'
+# testnet
+# REACT_APP_NODE_URL='wss://basilisk-testnet-rpc.bsx.fi/'
+# rococo
+REACT_APP_NODE_URL='wss://rpc-01.basilisk-rococo.hydradx.io/'
+# REACT_APP_NODE_URL='wss://amsterdot.eu.ngrok.io'
 REACT_APP_PROCESSOR_URL='https://bsx-api-testnet.hydration.cloud/graphql'
 REACT_APP_APP_NAME='Basilisk UI'
 NODE_OPTIONS=--openssl-legacy-provider

.github/workflows/app-e2e-testing-flow.yml

@@ -0,0 +1,206 @@
+name: Application E2E Testing Flow
+on:
+  pull_request:
+    branches:
+      - develop
+  push:
+    branches:
+      - 'feat/lbp-v1'
+
+jobs:
+  build_app:
+    name: Build UI application
+    runs-on: macos-11
+    steps:
+      - uses: actions/checkout@v2
+
+      - name: Install Node.js
+        uses: actions/setup-node@v1
+        with:
+          node-version: 17.3
+
+      - name: Cache Node Modules for ui-app
+        id: cache-node-modules-ui-app
+        uses: actions/cache@v2
+        with:
+          path: node_modules
+          key: node-modules-ui-app-${{ hashFiles('yarn.lock') }}
+
+      - name: Install Dependencies for ui-app
+        if: steps.cache-node-modules-ui-app.outputs.cache-hit != 'true'
+        run: rm -rf node_modules && yarn install --frozen-lockfile
+
+      - name: Update browserslist
+        run: npx browserslist@latest --update-db
+
+      - name: Build App
+        run: yarn run build:deployment
+        env:
+          CI: false
+          REACT_APP_GIT_BRANCH: ${{ steps.extract_branch.outputs.branch }}
+          NODE_OPTIONS: --openssl-legacy-provider
+
+      - name: Upload script files
+        uses: actions/upload-artifact@v2
+        with:
+          name: script-files
+          path: ./scripts
+
+      - name: Upload production-ready App build files
+        uses: actions/upload-artifact@v2
+        with:
+          name: app-build-files
+          path: ./build
+
+  run_tests:
+    name: Run tests
+    runs-on: ubuntu-latest
+    needs: [build_app]
+    steps:
+      - uses: actions/setup-node@v2
+        with:
+          node-version: 17.3
+
+      - name: Install Node.js HTTP-Server
+        run: yarn global add http-server
+
+      - uses: actions/checkout@v2
+        with:
+          path: 'ui-app'
+
+      - name: Download artifact - UI app build
+        uses: actions/download-artifact@v2
+        with:
+          name: app-build-files
+          path: ./ui-app/build
+
+#      - name: Download artifact - Storybook build
+#        uses: actions/download-artifact@v2
+#        with:
+#          name: sb-build-files
+#          path: ./ui-app/storybook-static
+
+      # Prepare Basilisk-api ("develop" branch must be cloned)
+      - name: Clone Basilisk-api
+        run: git clone -b feature/dockerize-testnet https://github.com/galacticcouncil/Basilisk-api.git
+
+      - name: Cache Node Modules for Basilisk-api
+        id: cache-node-modules-basilisk-api
+        uses: actions/cache@v2
+        with:
+          path: Basilisk-api/node_modules
+          key: node-modules-basilisk-api-${{ hashFiles('Basilisk-api/yarn.lock') }}
+
+      - name: Install Dependencies for Basilisk-api
+        if: steps.cache-node-modules-basilisk-api.outputs.cache-hit != 'true'
+        run: |
+          cd Basilisk-api
+          yarn install --frozen-lockfile
+      # Install NPM deps for running tests
+      - name: Cache Node Modules for ui-app
+        id: cache-node-modules-ui-app
+        uses: actions/cache@v2
+        with:
+          path: ui-app/node_modules
+          key: node-modules-ui-app-${{ hashFiles('ui-app/yarn.lock') }}
+
+      - name: Install Dependencies for ui-app
+        if: steps.cache-node-modules-ui-app.outputs.cache-hit != 'true'
+        run: |
+          cd ui-app
+          yarn install --frozen-lockfile
+
+      # Update folders structure
+      - name: Change folders permissions
+        run: |
+          chmod -R 777 Basilisk-api
+          chmod -R 777 ui-app
+
+      # Run testnet
+      - name: Run sandbox testnet
+        shell: bash
+        timeout-minutes: 10
+        run: |
+          cd Basilisk-api
+          yarn fullruntime:clean-setup-start
+      # Double check of testnet status
+      - name: Wait for Basilisk Node port :9988
+        shell: bash
+        timeout-minutes: 2
+        run: . ./ui-app/scripts/gh-actions-wait-for-port.sh 9988
+
+      # Run UI App
+      - name: Run UI application
+        shell: bash
+        run: |
+          cd ui-app/build
+          http-server -s -p 3030 -a 127.0.0.1 &
+      # Check of UI app status
+      - name: Wait for UI app port :3030
+        shell: bash
+        timeout-minutes: 2
+        run: . ./ui-app/scripts/gh-actions-wait-for-port.sh 3030
+
+      # Prepare Playwright env
+      - name: Install OS dependencies for Playwright
+        run: npx playwright install-deps
+
+      - name: Make e2e testing env vars file visible (required for falnyr/replace-env-vars-action@master)
+        run: mv ui-app/.env.test.e2e.ci ui-app/e2e-tests-vars.txt
+        shell: bash
+
+      - name: Prepate E2E Tests Env Variables
+        uses: falnyr/replace-env-vars-action@master
+        env:
+          E2E_TEST_ACCOUNT_NAME_ALICE: ${{ secrets.E2E_TEST_ACCOUNT_NAME_ALICE }}
+          E2E_TEST_ACCOUNT_PASSWORD_ALICE: ${{ secrets.E2E_TEST_ACCOUNT_PASSWORD_ALICE }}
+          E2E_TEST_ACCOUNT_SEED_ALICE: ${{ secrets.E2E_TEST_ACCOUNT_SEED_ALICE }}
+        with:
+          filename: ui-app/e2e-tests-vars.txt
+
+      - name: Make e2e testing env vars file hidden
+        run: mv ui-app/e2e-tests-vars.txt ui-app/.env.test.e2e.ci
+        shell: bash
+
+      # For debug and monitoring purposes
+      - name: Check Docker containers and ports
+        if: always()
+        run: |
+          docker ps
+          docker network ls
+          sudo lsof -i -P -n | grep LISTEN
+        shell: bash
+
+      # Run e2e tests
+      - name: Run e2e tests
+        shell: bash
+        run: |
+          cd ui-app
+          DEBUG=pw:browser* HEADFUL=true xvfb-run --auto-servernum -- yarn test:e2e-ci
+        env:
+          PLAYWRIGHT_TEST_BASE_URL: ${{ github.event.deployment_status.target_url }}
+
+      - name: Sleep for 30 seconds (for compiling html reports)
+        run: sleep 30s
+        shell: bash
+
+      - name: Upload trace files
+        if: always()
+        uses: actions/upload-artifact@v2
+        with:
+          name: traces_screenshots
+          path: ./ui-app/traces
+
+      - name: Upload e2e tests report file
+        if: always()
+        uses: actions/upload-artifact@v2
+        with:
+          name: e2e_tests_report_html
+          path: ./ui-app/ui-app-e2e-results.html
+
+      - name: Upload testnet logs
+        if: always()
+        uses: actions/upload-artifact@v2
+        with:
+          name: testnet-sandbox-logs
+          path: ./Basilisk-api/testnet-sandbox-logs

.github/workflows/docker.yml

@@ -0,0 +1,45 @@
+name: docker
+
+on:
+  push:
+    branches:
+
+jobs:
+  docker:
+    runs-on: ubuntu-latest
+    steps:
+      -
+        name: Checkout
+        uses: actions/checkout@v3
+      -
+        name: Docker meta
+        id: meta
+        uses: docker/metadata-action@v4
+        with:
+          images: |
+            galacticcouncil/basilisk-ui
+          tags: |
+            type=ref,event=branch
+      -
+        name: Set up QEMU
+        uses: docker/setup-qemu-action@v2
+      -
+        name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v2
+      -
+        name: Login to DockerHub
+        if: github.event_name != 'pull_request'
+        uses: docker/login-action@v2
+        with:
+          username: ${{ secrets.DOCKERHUB_USERNAME }}
+          password: ${{ secrets.DOCKERHUB_TOKEN }}
+      -
+        name: Build and push
+        uses: docker/build-push-action@v3
+        with:
+          push: true
+          context: .
+          build-args: |
+            GITHUB_SHA=${{ github.sha }}
+          tags: ${{ steps.meta.outputs.tags }}
+          labels: ${{ steps.meta.outputs.labels }}

.vscode/snipsnap.code-snippets

@@ -0,0 +1,7 @@
+<html>
+<head><title>404 Not Found</title></head>
+<body>
+<center><h1>404 Not Found</h1></center>
+<hr><center>nginx</center>
+</body>
+</html>

Dockerfile

@@ -0,0 +1,18 @@
+FROM node:latest AS builder
+
+COPY . .
+
+ARG GITHUB_SHA
+ENV PUBLIC_URL /
+ENV REACT_APP_NODE_URL "wss://rpc-01.basilisk-rococo.hydradx.io"
+RUN yarn && yarn run build
+
+FROM node:lts-slim
+
+RUN npm -g install serve
+WORKDIR /app
+
+COPY --from=builder /build .
+
+CMD serve -s
+

README.md

@@ -13,7 +13,7 @@ yarn install
 Start Storybook component development environment.
 
 ```
-yarn storybook
+yarn storybook:start
 ```
 
 Storybook can be opened at [:6006](http://localhost:6006)
@@ -438,4 +438,4 @@ You have to use legacy openssl provider in node 17+. Set this to node options
 
 ```shell
 export NODE_OPTIONS=--openssl-legacy-provider
-```
+```