chore: resolved issues from master

.github/workflows/generate-preview-link.yml

@@ -130,7 +130,7 @@ jobs:
                   GATSBY_RUDDERSTACK_PRODUCTION_KEY: ${{ secrets.GATSBY_RUDDERSTACK_PRODUCTION_KEY }}
                   GATSBY_STRAPI_TOKEN: ${{ secrets.GATSBY_STRAPI_TOKEN }}
                   GATSBY_GOOGLE_TAG_MANAGER_TRACKING_ID: ${{ secrets.GATSBY_GOOGLE_TAG_MANAGER_TRACKING_ID }}
-
+                  GATSBY_TRUSTPILOT_API_KEY: ${{ secrets.GATSBY_TRUSTPILOT_API_KEY }}
               run: npm run build
 
             - name: Publish to Cloudflare Pages

.github/workflows/pre-generate-preview-link.yml

@@ -6,24 +6,29 @@ permissions:
 on:
     pull_request:
         types: [opened, synchronize]
-
 concurrency:
-    group: cloudflare-pages-verify-${{ github.head_ref }}
+    group: 'cloudflare-pages-verify-${{ github.head_ref }}'
     cancel-in-progress: true
 
 jobs:
     verify_pull_request:
         runs-on: Ubuntu-latest
         steps:
             - name: Retrieve PR information
+              env:
+                  EVENT_NUMBER: ${{ github.event.number }}
+                  EVENT_USERNAME: ${{ github.event.pull_request.user.login }}
+                  HEAD_REF: ${{ github.head_ref }}
               run: |
                   mkdir -p ./pr
-                  echo ${{ github.event.number }} > ./pr/NR
-                  echo ${{ github.event.pull_request.user.login }} > ./pr/USERNAME
-                  echo ${{ github.head_ref }} > ./pr/BRANCHNAME
+                  echo "$EVENT_NUMBER" > ./pr/NR
+                  echo "$EVENT_USERNAME" > ./pr/USERNAME
+                  echo "$HEAD_REF" > ./pr/BRANCHNAME
 
             - name: Upload PR information to artifact
+              env:
+                  RUN_ID: ${{ github.run_id }}
               uses: actions/upload-artifact@v2
               with:
-                  name: 'pr-${{github.run_id}}'
+                  name: 'pr-${{ env.RUN_ID }}'
                   path: pr/

.github/workflows/production.yml

@@ -19,6 +19,7 @@ env:
     GATSBY_RUDDERSTACK_STAGING_KEY: ${{ secrets.GATSBY_RUDDERSTACK_STAGING_KEY }}
     GATSBY_RUDDERSTACK_PRODUCTION_KEY: ${{ secrets.GATSBY_RUDDERSTACK_PRODUCTION_KEY }}
     GATSBY_GOOGLE_TAG_MANAGER_TRACKING_ID: ${{ secrets.GATSBY_GOOGLE_TAG_MANAGER_TRACKING_ID }}
+    GATSBY_TRUSTPILOT_API_KEY: ${{ secrets.GATSBY_TRUSTPILOT_API_KEY }}
 
 jobs:
     release-production:

.github/workflows/smoketests.yml

@@ -48,7 +48,7 @@ jobs:
 
             - name: Cypress run
               # Uses the official Cypress GitHub action https://github.com/cypress-io/github-action
-              if: "!contains(steps.pr_information.outputs.branch_name, 'translation-new-homepage')"
+              if: "!contains(steps.pr_information.outputs.branch_name, 'quill')"
               uses: cypress-io/github-action@v6
               with:
                   # Records to Cypress Cloud
@@ -71,7 +71,7 @@ jobs:
 
             - name: Set comments message
               id: set_msg
-              if: always() && !contains(steps.pr_information.outputs.branch_name, 'translation-new-homepage')
+              if: always() && !contains(steps.pr_information.outputs.branch_name, 'quill')
               run: |
                   # Using shell script to conditionally set the message
                   if [[ "${{ job.status }}" == "success" ]]; then
@@ -81,7 +81,7 @@ jobs:
                   fi
 
             - name: Leave comment
-              if: always() && !contains(steps.pr_information.outputs.branch_name, 'translation-new-homepage')
+              if: always() && !contains(steps.pr_information.outputs.branch_name, 'quill')
               uses: marocchino/sticky-pull-request-comment@v2
               with:
                   header: Smoke tests status update

.github/workflows/staging.yml

@@ -24,7 +24,7 @@ env:
     GATSBY_RUDDERSTACK_PRODUCTION_KEY: ${{ secrets.GATSBY_RUDDERSTACK_PRODUCTION_KEY }}
     GATSBY_STRAPI_TOKEN: ${{ secrets.GATSBY_STRAPI_TOKEN }}
     GATSBY_GOOGLE_TAG_MANAGER_TRACKING_ID: ${{ secrets.GATSBY_GOOGLE_TAG_MANAGER_TRACKING_ID }}
-
+    GATSBY_TRUSTPILOT_API_KEY: ${{ secrets.GATSBY_TRUSTPILOT_API_KEY }}
 jobs:
     release-staging:
         timeout-minutes: 30

.github/workflows/translation-sync.yml

@@ -60,7 +60,9 @@ jobs:
 
                   sudo apt install gh
                   gh auth login --with-token <<< ${{ github.token }}
+
                   gh pr close "$branch_name" || true
+
                   pr_output=$(gh pr create --base "master" --title "[translations] New strings from crowdin 📚" --head "binary-com:$branch_name" -F ".github/translation_sync_template.md")
                   echo "PR_URL=$pr_output" >> $GITHUB_ENV
                 fi

.gitignore

@@ -90,3 +90,5 @@ static/CNAME
 
 #Webpack
 webpack-bundle-report
+
+static/~partytown

gatsby-browser.js

@@ -15,9 +15,11 @@ import {
     getLanguage,
     updateURLAsPerUserLanguage,
 } from 'common/utility'
-import './static/css/ibm-plex-sans-var.css'
 import './static/css/noto-sans-arabic.css'
 import './static/css/ubuntu.css'
+import './static/css/global.css'
+import '@deriv-com/blocks/style.css'
+import '@deriv-com/components/style.css'
 
 const is_browser = typeof window !== 'undefined'
 
@@ -91,8 +93,7 @@ export const onClientEntry = () => {
     Analytics?.initialise({
         growthbookKey: process.env.GATSBY_GROWTHBOOK_CLIENT_KEY,
         growthbookDecryptionKey: process.env.GATSBY_GROWTHBOOK_DECRYPTION_KEY,
-        enableDevMode: window?.location.hostname.includes('localhost'),
-        rudderstackKey: ['.pages.dev', 'git-fork', 'localhost'].some((condition) =>
+        rudderstackKey: ['.pages.dev', 'git-fork', 'localhost', 'staging'].some((condition) =>
             window.location.hostname.includes(condition),
         )
             ? process.env.GATSBY_RUDDERSTACK_STAGING_KEY
@@ -104,8 +105,7 @@ export const onClientEntry = () => {
         device_language: navigator?.language || ' ',
         device_type: isMobile ? 'mobile' : 'desktop',
     })
-    const { tracking } = Analytics.getInstances()
-    tracking.identifyEvent(Analytics?.getId(), { language: getLanguage() })
+    Analytics?.identifyEvent()
     //datadog
     const dd_options = {
         clientToken: process.env.GATSBY_DATADOG_CLIENT_TOKEN,

gatsby-config.js

@@ -56,6 +56,7 @@ module.exports = {
         //         // precachePages: [`/`],
         //     },
         // },
+        'gatsby-plugin-postcss',
         {
             resolve: 'gatsby-plugin-sass',
             options: {

gatsby-node.js

@@ -10,12 +10,9 @@ exports.onPreBuild = async () => {
     await copyLibFiles(path.join(__dirname, 'static', '~partytown'))
 }
 // Based upon https://github.com/gatsbyjs/gatsby/tree/master/examples/using-i18n
-exports.onCreatePage = ({ page, actions }) => {
-    const { createRedirect, createPage, deletePage } = actions
 
-    // First delete the incoming page that was automatically created by Gatsby
-    // So everything in src/pages/
-    deletePage(page)
+const BuildPage = (page, actions) => {
+    const { createRedirect, createPage } = actions
     const is_responsible_trading = /responsible/g.test(page.path)
     const is_contact_us = /contact_us/g.test(page.path)
     const is_careers = /careers/g.test(page.path)
@@ -349,6 +346,48 @@ exports.onCreatePage = ({ page, actions }) => {
         return current_page
     })
 }
+exports.onCreatePage = ({ page, actions }) => {
+    const { deletePage } = actions
+    const isProduction = process.env.GATSBY_ENV === 'production'
+    const pagesToBuild = process.env.GATSBY_BUILD_PAGES || 'all'
+
+    // First delete the incoming page that was automatically created by Gatsby
+    // So everything in src/pages/
+    deletePage(page)
+
+    const pagesCategory = {
+        all: [''],
+        'no-affiliates': ['signup-affiliates', 'landing', 'ctrader', 'partners'],
+        'no-help-centre': ['help-centre'],
+        'no-tools': ['trader-tools'],
+        fast: [
+            'signup-affiliates',
+            'landing',
+            'ctrader',
+            'partners',
+            'help-centre',
+            'trader-tools',
+            'careers',
+            // 'markets',
+            // 'trade-types' Note: Feel free to adjust pages you want to skip building for faster local development
+        ],
+    }
+
+    const disallowedPages = pagesCategory[pagesToBuild] || []
+
+    const regex = new RegExp(`/${disallowedPages.join('|') + '|'}/g`)
+
+    const isMatch = regex.test(page.path)
+
+    if (isProduction) {
+        return BuildPage(page, actions)
+    } else {
+        if (!isMatch || pagesToBuild === 'all') {
+            console.log(`\x1b[32mcreating\x1b[0m [${pagesToBuild}] ${page.path}`)
+            return BuildPage(page, actions)
+        }
+    }
+}
 
 const StylelintPlugin = require('stylelint-webpack-plugin')
 const TerserPlugin = require('terser-webpack-plugin')