Feat migrate to Nuxt3

.github/workflows/ci.yaml

@@ -1,4 +1,4 @@
-name: Run lint, test and build
+name: Lint, Test and Build
 
 env:
   CI: true
@@ -11,21 +11,22 @@ jobs:
 
     steps:
       - uses: actions/checkout@v3
-
-      - uses: actions/[email protected]
+      - uses: pnpm/action-setup@v3
+        with:
+          version: 8
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v3
         with:
-          node-version: '14'
+          node-version: ${{ matrix.node-version }}
+          cache: 'pnpm'
 
       - name: Start MongoDB
         uses: supercharge/[email protected]
         with:
           mongodb-version: '4.0'
           mongodb-port: 27017
-
-      - run: yarn
-      - run: yarn bootstrap
-      - run: yarn lint:check
-
-      - run: yarn test
-
-      - run: yarn build
+
+      - run: pnpm install
+      - run: pnpm lint
+      - run: pnpm test
+      - run: pnpm build

.github/workflows/production.yml

@@ -0,0 +1,75 @@
+name: Production
+
+on:
+  push:
+    tags:
+      - "**"
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    environment: Production
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Login to Container Registry
+        uses: docker/login-action@v3
+        with:
+          username: ${{ secrets.DOCKER_USERNAME }}
+          password: ${{ secrets.DOCKER_PASSWORD }}
+
+      - name: Get the latest tag
+        id: gettag
+        run: |
+          git fetch --tags
+          echo ::set-output name=TAG::$(git describe --tags $(git rev-list --tags --max-count=1))
+
+      - name: Create Deployment Files
+        shell: bash
+        env:
+          LOKI: ${{ secrets.LOKI_URL }}
+          CADDY: ${{ secrets.CADDY_FILE }}
+          AINV: ${{ secrets.ANSIBLE_INVENTORY }}
+          API_ENDPOINT: ${{ secrets.API_ENDPOINT }}
+          STAGING_API_ENDPOINT: ${{ secrets.STAGING_API_ENDPOINT }}
+          APKEY: ${{ secrets.ANSIBLE_PRIVATE_KEY }}
+          ENVARS: ${{ vars.ENVARS }}
+        run: |
+          echo "$AINV" > ./ansible/inventory.ini
+          echo "$APKEY" > ./ansible/key.pem
+          echo "$CADDY" > ./ansible/Caddyfile
+          echo "$ENVARS" > ./ansible/production.env
+          echo "$ENVARS" > ./packages/api/.env
+          echo "$ENVARS" > ./packages/ui/.env
+          chmod 400 ./ansible/key.pem
+          sed -i "s#LOKI-REPLACE-ME#$LOKI#g" ./ansible/docker-compose.yml
+          sed -i "s#<LATEST_PROD>#${{ steps.gettag.outputs.TAG }}#g" ./ansible/docker-compose.yml
+          sed -i "s#<PRODUCTION_API_ENDPOINT>#$API_ENDPOINT#g" ./ansible/docker-compose.yml
+          sed -i "s#<STAGING_API_ENDPOINT>#$STAGING_API_ENDPOINT#g" ./ansible/docker-compose.yml
+
+      - name: Pull & Rename Images
+        run: |
+          docker pull witnet/data-feed-app-ui:latest
+          docker pull witnet/data-feed-app-api:latest
+          docker tag witnet/data-feed-app-ui:latest witnet/data-feed-app-ui:${{github.ref_name}}
+          docker tag witnet/data-feed-app-api:latest witnet/data-feed-app-api:${{github.ref_name}}
+
+      - name: Publish Containers
+        run: |
+          docker push witnet/data-feed-app-ui:${{github.ref_name}}
+          docker push witnet/data-feed-app-api:${{github.ref_name}}
+
+      - name: Deploy with Ansible
+        shell: bash
+        env:
+          DOCKER_USERNAME: ${{ secrets.DOCKER_USERNAME }}
+          DOCKER_PASSWORD: ${{ secrets.DOCKER_PASSWORD }}
+        run: |
+          cd ansible
+          ansible-galaxy install -r requirements.yml
+          export ANSIBLE_CONFIG=./ansible.cfg
+          export ANSIBLE_FORCE_COLOR=True
+          export ANSIBLE_STDOUT_CALLBACK=yaml
+          export FORCE_COLOR=1
+          export TERM=xterm-color
+          ansible-playbook playbook.yml -vv

.github/workflows/main.yml → .github/workflows/staging.yml

@@ -1,4 +1,4 @@
-name: deploy
+name: Staging
 
 on:
   workflow_dispatch:
@@ -9,38 +9,49 @@ on:
 jobs:
   deploy:
     runs-on: ubuntu-latest
-    environment: main
+    environment: Staging
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       - name: Login to Container Registry
-        uses: docker/login-action@v2
+        uses: docker/login-action@v3
         with:
           username: ${{ secrets.DOCKER_USERNAME }}
           password: ${{ secrets.DOCKER_PASSWORD }}
 
+      - name: Get the latest tag
+        id: gettag
+        run: |
+          git fetch --tags
+          echo ::set-output name=TAG::$(git describe --tags $(git rev-list --tags --max-count=1))
+
       - name: Create Deployment Files
         shell: bash
         env:
           LOKI: ${{ secrets.LOKI_URL }}
           CADDY: ${{ secrets.CADDY_FILE }}
           AINV: ${{ secrets.ANSIBLE_INVENTORY }}
           API_ENDPOINT: ${{ secrets.API_ENDPOINT }}
+          STAGING_API_ENDPOINT: ${{ secrets.STAGING_API_ENDPOINT }}
           APKEY: ${{ secrets.ANSIBLE_PRIVATE_KEY }}
-          ENVARS: ${{ secrets.ENVIRONMENT_VARIABLES }}
+          ENVARS: ${{ vars.ENVARS }}
         run: |
-          echo "$ENVARS" > ./ansible/.env
+          echo "$AINV" > ./ansible/inventory.ini
           echo "$APKEY" > ./ansible/key.pem
-          echo "$ENVARS" > ./packages/ui/.env
           echo "$CADDY" > ./ansible/Caddyfile
+          echo "$ENVARS" > ./ansible/staging.env
           echo "$ENVARS" > ./packages/api/.env
-          echo "$AINV" > ./ansible/inventory.ini
+          echo "$ENVARS" > ./packages/ui/.env
           chmod 400 ./ansible/key.pem
           sed -i "s#LOKI-REPLACE-ME#$LOKI#g" ./ansible/docker-compose.yml
-          sed -i "s#API-REPLACE-ME#$API_ENDPOINT#g" ./ansible/docker-compose.yml
+          sed -i "s#<LATEST_PROD>#${{ steps.gettag.outputs.TAG }}#g" ./ansible/docker-compose.yml
+          sed -i "s#<PRODUCTION_API_ENDPOINT>#$API_ENDPOINT#g" ./ansible/docker-compose.yml
+          sed -i "s#<STAGING_API_ENDPOINT>#$STAGING_API_ENDPOINT#g" ./ansible/docker-compose.yml
 
       - name: Build Containers
         run: |
+          docker pull witnet/data-feed-app-ui:latest
+          docker pull witnet/data-feed-app-api:latest
           docker build -t witnet/data-feed-app-ui:latest -f ./ansible/docker/ui.dockerfile ./packages/ui
           docker build -t witnet/data-feed-app-api:latest -f ./ansible/docker/api.dockerfile ./packages/api
 

README.md

@@ -0,0 +1,9 @@
+# Data Feeds Explorer
+
+## Feeds Configuration File
+
+The configuration file for the monitored networks is located the [API package](https://github.com/witnet/data-feeds-explorer/blob/main/packages/api/src/dataFeedsRouter.json).
+
+The networks still using the old witnet price router are marked using legacy: true in the network configuration. The feeds key consists of a map with the default values of the existing price feeds. According to that, the price feeds deployed using the default configuration have been deleted from the network feeds section. If a feed configuration appears in the network feeds, it will overwrite the default configuration. 
+
+All the available price feeds in a network called the supportedFeeds method.

ansible/docker-compose.yml

@@ -15,9 +15,8 @@ networks:
 
 # ? Services
 services:
-  # & Webserver
   webserver:
-    image: caddy:2.5.1
+    image: caddy:2.7.6
     ports:
       - target: 80
         published: 80
@@ -31,20 +30,40 @@ services:
       - DFE
     logging: *default-loki
 
+  # ? Staging
   # & UI
-  ui:
+  sui:
     image: witnet/data-feed-app-ui:latest
     environment:
-      API_ENDPOINT: "API-REPLACE-ME"
+      API_ENDPOINT: "<STAGING_API_ENDPOINT>"
     networks:
       - DFE
     logging: *default-loki
 
   # & API
-  api:
+  sapi:
     image: witnet/data-feed-app-api:latest
     env_file:
-      - /home/ubuntu/dfe/.env
+      - /home/ubuntu/dfe/staging.env
+    networks:
+      - DFE
+    logging: *default-loki
+
+  # ! Production
+  # & UI
+  ui:
+    image: witnet/data-feed-app-ui:<LATEST_PROD>
+    environment:
+      API_ENDPOINT: "<PRODUCTION_API_ENDPOINT>"
+    networks:
+      - DFE
+    logging: *default-loki
+
+  # & API
+  api:
+    image: witnet/data-feed-app-api:<LATEST_PROD>
+    env_file:
+      - /home/ubuntu/dfe/production.env
     networks:
       - DFE
     logging: *default-loki

ansible/playbook.yml

@@ -6,22 +6,29 @@
         path: /home/ubuntu/dfe
         state: directory
 
-    - name: Copy .env File
+    - name: Copy staging.env File
       copy:
-        src: ./.env
-        dest: /home/ubuntu/dfe/.env
+        src: ./staging.env
+        dest: /home/ubuntu/dfe/staging.env
+      loop: "{{ query('fileglob', './staging.env') }}"
 
-    - name: Copy Caddy File
+    - name: Copy production.env File
       copy:
-        src: ./Caddyfile
-        dest: /home/ubuntu/dfe/Caddyfile
-      register: Domain
+        src: ./production.env
+        dest: /home/ubuntu/dfe/production.env
+      loop: "{{ query('fileglob', './production.env') }}"
 
     - name: Copy Docker Swarm Stack File
       copy:
         src: ./docker-compose.yml
         dest: /home/ubuntu/dfe/docker-compose.yml
 
+    - name: Copy Caddy File
+      copy:
+        src: ./Caddyfile
+        dest: /home/ubuntu/dfe/Caddyfile
+      register: Domain
+
     - name: Login Into Docker hub Registry
       community.docker.docker_login:
         username: "{{ lookup('env','DOCKER_USERNAME') }}"
@@ -31,23 +38,23 @@
     - name: Stack History limit
       shell: docker swarm update --task-history-limit 2
 
-    - name: Deploy Docker Stack
+    - name: Deploy Production Stack
       shell: |
         cd /home/ubuntu/dfe
         docker stack deploy -c <(docker-compose config) dfe --with-registry-auth
         sleep 60
       args:
         executable: /bin/bash
 
+    - name: Update Webserver in case of DNS change
+      shell: docker service update --force dfe_webserver
+      when: Domain.changed
+
     - name: Prune Useless Docker Images
       shell: |
         docker container prune -f
         docker image prune -a -f
 
-    - name: Update Webserver in case of DNS change
-      shell: docker service update --force dfe_webserver
-      when: Domain.changed
-
     - name: List Images & Containers for SHA256 Comparsion if needed
       shell: |
         docker image ls

crowdin.yml

@@ -1,3 +1,3 @@
 files:
-  - source: /packages/ui/locales/en.json
-    translation: /packages/ui/locales/%two_letters_code%.json
+  - source: /packages/ui/locales/en-US.json
+    translation: /packages/ui/locales/%original_file_name%".json