ci: upgrade to fleek.xyz

.env.example

@@ -1,8 +1,8 @@
 REACT_APP_ENV_NAME=testing
 # TESTING
-REACT_APP_WIDGETS_URL=https://widgets-test.on.fleek.co
+REACT_APP_WIDGETS_URL=https://widgets-test.on-fleek.app
 # STAGING
-# REACT_APP_WIDGETS_URL=https://widgets-staging.on.fleek.co
+# REACT_APP_WIDGETS_URL=https://widgets-staging.on-fleek.app
 # PRODUCTION
 # REACT_APP_WIDGETS_URL=https://widgets.bosonprotocol.io
 
@@ -56,8 +56,8 @@ REACT_APP_FAIR_EXCHANGE_POLICY_RULES=ipfs://QmX8Wnq1eWbf7pRhEDQqdAqWp17YSKXQq8ck
 
 REACT_APP_DAPP_VIEW_MODE=same_origin
 REACT_APP_DR_CENTER_VIEW_MODE=same_origin
-# REACT_APP_DAPP_VIEW_MODE=https://interface-test.on.fleek.co
-# REACT_APP_DR_CENTER_VIEW_MODE=https://drcenter-test.on.fleek.co
+# REACT_APP_DAPP_VIEW_MODE=https://interface-test.on-fleek.app
+# REACT_APP_DR_CENTER_VIEW_MODE=https://drcenter-test.on-fleek.app
 
 REACT_APP_INFURA_KEY=
 REACT_APP_UNISWAP_API_URL="https://api.uniswap.org/v2"

.fleek.json

@@ -1,15 +1,9 @@
 {
-  "site": {
-    "id": "4c94e290-7fdd-4eb6-a4fb-a6d9b383ef0f",
-    "team": "3fb24a6e-7168-438e-848a-8b706e8bb76a",
-    "platform": "ipfs",
-    "source": "ipfs",
-    "name": "interface-test"
-  },
-  "build": {
-    "baseDir": "",
-    "publicDir": "build",
-    "command": "npm run build",
-    "rootDir": ""
-  }
-}
+  "sites": [
+    {
+      "slug": "interface-test",
+      "distDir": "build",
+      "buildCommand": "npm run build"
+    }
+  ]
+}

.fleek_dr_center_production.json

@@ -1,15 +1,9 @@
 {
-  "site": {
-    "id": "825cd316-d483-4e1c-a046-7278295e529b",
-    "team": "3fb24a6e-7168-438e-848a-8b706e8bb76a",
-    "platform": "ipfs",
-    "source": "ipfs",
-    "name": "drcenter-production"
-  },
-  "build": {
-    "baseDir": "",
-    "publicDir": "build",
-    "command": "npm run build",
-    "rootDir": ""
-  }
-}
+  "sites": [
+    {
+      "slug": "drcenter-production",
+      "distDir": "build",
+      "buildCommand": "npm run build"
+    }
+  ]
+}

.fleek_dr_center_staging.json

@@ -1,15 +1,9 @@
 {
-  "site": {
-    "id": "11c88bcf-011d-46a8-bf8e-9a6a8fadead9",
-    "team": "3fb24a6e-7168-438e-848a-8b706e8bb76a",
-    "platform": "ipfs",
-    "source": "ipfs",
-    "name": "drcenter-staging"
-  },
-  "build": {
-    "baseDir": "",
-    "publicDir": "build",
-    "command": "npm run build",
-    "rootDir": ""
-  }
-}
+  "sites": [
+    {
+      "slug": "drcenter-staging",
+      "distDir": "build",
+      "buildCommand": "npm run build"
+    }
+  ]
+}

.fleek_dr_center_testing.json

@@ -1,15 +1,9 @@
 {
-  "site": {
-    "id": "f5965ccc-5454-4f37-8e12-edcea41a9d42",
-    "team": "3fb24a6e-7168-438e-848a-8b706e8bb76a",
-    "platform": "ipfs",
-    "source": "ipfs",
-    "name": "drcenter-test"
-  },
-  "build": {
-    "baseDir": "",
-    "publicDir": "build",
-    "command": "npm run build",
-    "rootDir": ""
-  }
-}
+  "sites": [
+    {
+      "slug": "drcenter-test",
+      "distDir": "build",
+      "buildCommand": "npm run build"
+    }
+  ]
+}

.fleek_production.json

@@ -1,15 +1,9 @@
 {
-  "site": {
-    "id": "03a84d08-b09c-46cc-bd45-2e04919f3310",
-    "team": "3fb24a6e-7168-438e-848a-8b706e8bb76a",
-    "platform": "ipfs",
-    "source": "ipfs",
-    "name": "interface-production"
-  },
-  "build": {
-    "baseDir": "",
-    "publicDir": "build",
-    "command": "npm run build",
-    "rootDir": ""
-  }
-}
+  "sites": [
+    {
+      "slug": "dapp-interface-production",
+      "distDir": "build",
+      "buildCommand": "npm run build"
+    }
+  ]
+}

.fleek_staging.json

@@ -1,15 +1,9 @@
 {
-  "site": {
-    "id": "2405e13e-0262-4afa-a808-ba92cf36609f",
-    "team": "3fb24a6e-7168-438e-848a-8b706e8bb76a",
-    "platform": "ipfs",
-    "source": "ipfs",
-    "name": "dapp-interface-staging"
-  },
-  "build": {
-    "baseDir": "",
-    "publicDir": "build",
-    "command": "npm run build",
-    "rootDir": ""
-  }
-}
+  "sites": [
+    {
+      "slug": "interface-staging",
+      "distDir": "build",
+      "buildCommand": "npm run build"
+    }
+  ]
+}

.github/workflows/ci.yaml

@@ -51,7 +51,7 @@ jobs:
       REACT_APP_RELEASE_NAME: ${{ needs.prejob.outputs.releaseName }}
       REACT_APP_DAPP_VIEW_MODE: "same_origin"
       REACT_APP_DR_CENTER_VIEW_MODE: "same_origin"
-      REACT_APP_WIDGETS_URL: "https://widgets-test.on.fleek.co"
+      REACT_APP_WIDGETS_URL: "https://widgets-test.on-fleek.app"
       REACT_APP_UNISWAP_API_URL: "https://api.uniswap.org/v2"
       REACT_APP_AWS_API_ENDPOINT: "https://api.uniswap.org/v1/graphql"
       REACT_APP_MOONPAY_API: "https://api.moonpay.com"
@@ -84,9 +84,9 @@ jobs:
       REACT_APP_IPFS_IMAGE_GATEWAY: "https://test-permanent-fly-490.mypinata.cloud/ipfs"
       REACT_APP_RELEASE_TAG: ${{ needs.prejob.outputs.releaseTag }}
       REACT_APP_RELEASE_NAME: ${{ needs.prejob.outputs.releaseName }}
-      REACT_APP_DAPP_VIEW_MODE: "https://interface-test.on.fleek.co"
-      REACT_APP_DR_CENTER_VIEW_MODE: "https://drcenter-test.on.fleek.co"
-      REACT_APP_WIDGETS_URL: "https://widgets-test.on.fleek.co"
+      REACT_APP_DAPP_VIEW_MODE: "https://interface-test.on-fleek.app"
+      REACT_APP_DR_CENTER_VIEW_MODE: "https://drcenter-test.on-fleek.app"
+      REACT_APP_WIDGETS_URL: "https://widgets-test.on-fleek.app"
       REACT_APP_UNISWAP_API_URL: "https://api.uniswap.org/v2"
       REACT_APP_AWS_API_ENDPOINT: "https://api.uniswap.org/v1/graphql"
       REACT_APP_MOONPAY_API: "https://api.moonpay.com"
@@ -108,6 +108,8 @@ jobs:
       REACT_APP_MOONPAY_API_KEY: ${{ secrets.REACT_APP_MOONPAY_API_KEY_TESTING }}
       REACT_APP_MAGIC_API_KEY: ${{ secrets.REACT_APP_MAGIC_API_KEY_TESTING }}
       SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
+      FLEEK_TOKEN: ${{ secrets.FLEEK_TOKEN }}
+      FLEEK_PROJECT_ID: ${{ secrets.FLEEK_PROJECT_ID }}
 
   call-reusable-workflow-staging:
     uses: ./.github/workflows/ci_reusable.yaml
@@ -124,9 +126,9 @@ jobs:
       REACT_APP_IPFS_IMAGE_GATEWAY: "https://test-permanent-fly-490.mypinata.cloud/ipfs"
       REACT_APP_RELEASE_TAG: ${{ needs.prejob.outputs.releaseTag }}
       REACT_APP_RELEASE_NAME: ${{ needs.prejob.outputs.releaseName }}
-      REACT_APP_DAPP_VIEW_MODE: "https://interface-staging.on.fleek.co"
-      REACT_APP_DR_CENTER_VIEW_MODE: "https://drcenter-staging.on.fleek.co"
-      REACT_APP_WIDGETS_URL: "https://widgets-staging.on.fleek.co"
+      REACT_APP_DAPP_VIEW_MODE: "https://interface-staging.on-fleek.app"
+      REACT_APP_DR_CENTER_VIEW_MODE: "https://drcenter-staging.on-fleek.app"
+      REACT_APP_WIDGETS_URL: "https://widgets-staging.on-fleek.app"
       REACT_APP_UNISWAP_API_URL: "https://api.uniswap.org/v2"
       REACT_APP_AWS_API_ENDPOINT: "https://api.uniswap.org/v1/graphql"
       REACT_APP_MOONPAY_API: "https://api.moonpay.com"
@@ -148,6 +150,8 @@ jobs:
       REACT_APP_MOONPAY_API_KEY: ${{ secrets.REACT_APP_MOONPAY_API_KEY_STAGING }}
       REACT_APP_MAGIC_API_KEY: ${{ secrets.REACT_APP_MAGIC_API_KEY_STAGING }}
       SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
+      FLEEK_TOKEN: ${{ secrets.FLEEK_TOKEN }}
+      FLEEK_PROJECT_ID: ${{ secrets.FLEEK_PROJECT_ID }}
 
   call-reusable-workflow-production:
     uses: ./.github/workflows/ci_reusable.yaml
@@ -188,6 +192,8 @@ jobs:
       REACT_APP_MOONPAY_API_KEY: ${{ secrets.REACT_APP_MOONPAY_API_KEY_PRODUCTION }}
       REACT_APP_MAGIC_API_KEY: ${{ secrets.REACT_APP_MAGIC_API_KEY_PRODUCTION }}
       SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
+      FLEEK_TOKEN: ${{ secrets.FLEEK_TOKEN }}
+      FLEEK_PROJECT_ID: ${{ secrets.FLEEK_PROJECT_ID }}
 
   job-summary:
     name: Create Job Summary

.github/workflows/ci_reusable.yaml

@@ -94,6 +94,10 @@ on:
         required: true
       SENTRY_AUTH_TOKEN:
         required: false
+      FLEEK_TOKEN:
+        required: false
+      FLEEK_PROJECT_ID:
+        required: false
     outputs:
       JOB_LINT:
         value: ${{ jobs.build-test-deploy.outputs.jobLint }}
@@ -213,23 +217,24 @@ jobs:
       - name: Deploy via fleek
         if: ${{ inputs.DEPLOY_TO_FLEEK }}
         id: Deploy
-        run: npx @fleekhq/fleek-cli site:deploy
+        run: npx @fleek-platform/cli sites deploy --config ./.fleek.json
         env:
-          FLEEK_API_KEY: ${{ secrets.FLEEK_API_KEY }}
+          FLEEK_TOKEN: ${{ secrets.FLEEK_TOKEN }}
+          FLEEK_PROJECT_ID: ${{ secrets.FLEEK_PROJECT_ID }}
       - name: Build dapp to show the dr_center only
         run: npm run build
         if: ${{ inputs.IS_PREVIEW == false && inputs.DEPLOY_TO_FLEEK }}
         env:
           REACT_APP_VIEW_MODE: "dr_center"
-      - name: (if DR Center 'testing' env) Copy contents from .fleek_dr_center_testing.json to .fleek.json
+      - name: (if DR Center 'testing' env) Copy contents from .fleek_dr_center_testing.json to .fleek_dr_center.json
         if: ${{ inputs.ENV_NAME == 'testing' }}
-        run: mv .fleek_dr_center_testing.json .fleek.json
-      - name: (if DR Center 'staging' env) Copy contents from .fleek_dr_center_staging.json to .fleek.json
+        run: mv .fleek_dr_center_testing.json .fleek_dr_center.json
+      - name: (if DR Center 'staging' env) Copy contents from .fleek_dr_center_staging.json to .fleek_dr_center.json
         if: ${{ inputs.ENV_NAME == 'staging' }}
-        run: mv .fleek_dr_center_staging.json .fleek.json
-      - name: (if DR Center 'production' env) Copy contents from .fleek_dr_center_production.json to .fleek.json
+        run: mv .fleek_dr_center_staging.json .fleek_dr_center.json
+      - name: (if DR Center 'production' env) Copy contents from .fleek_dr_center_production.json to .fleek_dr_center.json
         if: ${{ inputs.ENV_NAME == 'production' }}
-        run: mv .fleek_dr_center_production.json .fleek.json
+        run: mv .fleek_dr_center_production.json .fleek_dr_center.json
       - uses: actions/upload-artifact@v3
         if: always()
         with:
@@ -238,6 +243,7 @@ jobs:
       - name: Deploy via fleek
         if: ${{ inputs.DEPLOY_TO_FLEEK }}
         id: deploy_dr_center
-        run: npx @fleekhq/fleek-cli site:deploy
+        run: npx @fleek-platform/cli sites deploy --config ./.fleek_dr_center.json
         env:
-          FLEEK_API_KEY: ${{ secrets.FLEEK_API_KEY }}
+          FLEEK_TOKEN: ${{ secret.FLEEK_TOKEN }}
+          FLEEK_PROJECT_ID: ${{ secrets.FLEEK_PROJECT_ID }}

.nvmrc

@@ -1 +1 @@
-16
+20

README.md

@@ -26,9 +26,9 @@ For ease of use, each environment has a DNS name that always points to the lates
 
 | Env          | Networks   | Endpoint                                                        |
 | ------------ | --------- | --------------------------------------------------------------- |
-| testing    | amoy, sepolia | https://interface-test.on.fleek.co/                             |
-| staging    | amoy, sepolia | https://interface-staging.on.fleek.co/                          |
-| production | polygon, ethereum | https://dapp-interface-production.on.fleek.co/                                                           |
+| testing    | amoy, sepolia | https://interface-test.on-fleek.app/                             |
+| staging    | amoy, sepolia | https://interface-staging.on-fleek.app/                          |
+| production | polygon, ethereum | https://dapp-interface-production.on-fleek.app/                                                           |
 
 ## Local development