chore: migrated progress-slider-stream to tsx

.github/lighthouse/lighthouserc.json

@@ -0,0 +1,13 @@
+{
+    "ci": {
+        "assert": {
+            "assertions": {
+                "categories:performance": ["warn", { "minScore": 0.5 }],
+                "categories:accessibility": ["warn", { "minScore": 0.5 }],
+                "categories:best-practices": ["warn", { "minScore": 0.5 }],
+                "categories:seo": ["warn", { "minScore": 0.5 }],
+                "categories:pwa": ["warn", { "minScore": 0.5 }]
+            }
+        }
+    }
+}

.github/workflows/generate_app_id.yml

@@ -1,5 +1,13 @@
 name: Deriv App ID Generator
 
+permissions:
+  actions: write
+  checks: write
+  contents: write
+  deployments: write
+  pull-requests: write
+  statuses: write
+
 on:
     issue_comment:
         types: [edited]
@@ -14,6 +22,7 @@ jobs:
               uses: binary-com/vercel-preview-url-action@v1.0.5
               with:
                   GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+                  preview_url_regexp: \[Visit Preview\]\((.*?.sx)\)
             - name: Generate Deriv App ID for deployment Preview URL
               id: generate_app_id
               uses: binary-com/deriv-app-id-action@v1

.github/workflows/lighthouse.yml

@@ -0,0 +1,94 @@
+name: Generate Lighthouse report
+
+permissions:
+  actions: write
+  checks: write
+  contents: write
+  deployments: write
+  pull-requests: write
+  statuses: write
+
+on:
+  issue_comment:
+    types: [edited]
+
+jobs:
+  generate_lighthouse_report:
+    timeout-minutes: 30
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout to repo
+        uses: actions/checkout@v3
+        with:
+          fetch-depth: 1
+          ref: master
+
+      - name: Add Lighthouse progress comment
+        id: generate_lighthouse_comment
+        uses: marocchino/sticky-pull-request-comment@v2
+        with:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          number: ${{github.event.issue.number}}
+          header: generate_lighthouse_comment
+          message: "⏳ **Generating Lighthouse report...**"
+
+      - name: Capture Vercel preview URL
+        id: vercel_preview_url
+        uses: binary-com/vercel-preview-url-action@v1.0.5
+        with:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          preview_url_regexp: \[Visit Preview\]\((.*?.sx)\)
+
+      - name: Generate Lighthouse report
+        uses: treosh/lighthouse-ci-action@v9
+        id: lighthouse_report
+        with:
+          temporaryPublicStorage: true
+          urls: |
+            ${{ steps.vercel_preview_url.outputs.vercel_preview_url }}
+          uploadArtifacts: true
+          # configure Lighthouse score assertions in this file
+          # configPath: .github/lighthouse/lighthouserc.json
+
+      - name: Retrieve Lighthouse score
+        id: lighthouse_score
+        uses: actions/github-script@v3
+        with:
+          github-token: ${{secrets.GITHUB_TOKEN}}
+          script: |
+            const result = ${{ steps.lighthouse_report.outputs.manifest }}[0].summary
+            const links = ${{ steps.lighthouse_report.outputs.links }}
+            const score = res => res >= 90 ? '🟢' : res >= 50 ? '🟧' : '🔺'
+            const formatResult = (res) => Math.round((res * 100))
+
+            Object.keys(result).forEach(key => result[key] = formatResult(result[key]))
+
+            const comment = [
+                `🚨 [Lighthouse report](${Object.values(links)[0]}) for the changes in this PR:`,
+                '| Category | Score |',
+                '| --- | --- |',
+                `| ${score(result.performance)} Performance | ${result.performance} |`,
+                `| ${score(result.accessibility)} Accessibility | ${result.accessibility} |`,
+                `| ${score(result['best-practices'])} Best practices | ${result['best-practices']} |`,
+                `| ${score(result.seo)} SEO | ${result.seo} |`,
+                `| ${score(result.pwa)} PWA | ${result.pwa} |`,
+                ' ',
+                `*Lighthouse ran with [${Object.keys(links)[0]}](${Object.keys(links)[0]})*`
+            ].join('\n')
+             core.setOutput("comment", comment);
+
+      - name: Post Lighthouse report
+        uses: marocchino/sticky-pull-request-comment@v2
+        with:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          header: Lighthouse report
+          number: ${{github.event.issue.number}}
+          message: ${{steps.lighthouse_score.outputs.comment}}
+
+      - name: Clear Lighthouse progress comment
+        uses: marocchino/sticky-pull-request-comment@v2
+        with:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          number: ${{github.event.issue.number}}
+          header: generate_lighthouse_comment
+          delete: true

.github/workflows/push_and_pull_crowdin_translations.yml

@@ -1,5 +1,13 @@
 name: Push and pull Crowdin translations
 
+permissions:
+  actions: write
+  checks: write
+  contents: write
+  deployments: write
+  pull-requests: write
+  statuses: write
+
 on:
   workflow_dispatch:
   push:

default.conf

@@ -10,7 +10,7 @@ server {
 
     charset UTF-8;
 
-    error_page 404 /404.html;
+    error_page 404 /custom404.html;
 
     location @custom_error_503 {
         return 503;

e2e_tests/jest.config.js

@@ -29,6 +29,6 @@ module.exports = {
             },
         },
     },
-    transformIgnorePatterns: ['/node_modules/(?!react-virtualized).+\\.js$', '_utils/websocket.js'],
+    transformIgnorePatterns: ['/node_modules/(?!@enykeev/react-virtualized).+\\.js$', '_utils/websocket.js'],
     reporters: ['default', './src/_utils/cli_reporter.js'],
 };

jest.config.base.js

@@ -9,7 +9,7 @@ module.exports = {
     coverageDirectory: './coverage/',
     testRegex: '(/__tests__/.*|(\\.)(test|spec))\\.(js|tsx)?$',
     // This is needed to transform es modules imported from node_modules of the target component.
-    transformIgnorePatterns: ['/node_modules/(?!react-virtualized).+\\.js$'],
+    transformIgnorePatterns: ['/node_modules/(?!@enykeev/react-virtualized).+\\.js$'],
     setupFiles: ['<rootDir>/../../jest.setup.js'],
     setupFilesAfterEnv: ['<rootDir>/../../setupTests.js'],
 };

jest.config.js

@@ -11,5 +11,5 @@ module.exports = {
         '^.+\\.(ts|tsx)?$': 'ts-jest',
     },
     testRegex: ['__tests__', '.*.spec.js'],
-    transformIgnorePatterns: ['/node_modules/(?!react-virtualized).+\\.js$'],
+    transformIgnorePatterns: ['/node_modules/(?!@enykeev/react-virtualized).+\\.js$'],
 };