build: update dependencies (researchdata-sheffield#173)

* build: change ubuntu to windows in github actions

* test: increase timeout for navigation

* build: update dependencies

Replace deprecated babel-eslint with @babel/eslint-parser.
Replace existing katex with gatsby-remark-katex.
Disable eslint-plugin-playwright due to runtime error.

* build: replace babel/core by @babel/core

Use babel-gatsby-preset to speed up production build.

* ci: update script
* ci: set shell to bash

* test: fix tests

* ci: update os for the scan workflow

Author: yld-weng

.eslintignore

@@ -0,0 +1,2 @@
+*.e2e.js
+*.spec.js

.eslintrc

@@ -6,8 +6,13 @@
       "es6": true,
       "jest": true
     },
-    // https://github.com/babel/babel-eslint
-    "parser": "babel-eslint",
+    "parser": "@babel/eslint-parser",
+    "parserOptions": {
+      "requireConfigFile": false,
+      "babelOptions": {
+        "presets": ["babel-preset-gatsby"]
+      }
+    },
     "rules": {
       // https://eslint.org/docs/2.0.0/rules/strict
       "strict": 0
@@ -18,9 +23,9 @@
       // https://github.com/yannickcr/eslint-plugin-react#recommended
       "plugin:react/recommended",
       // https://github.com/benmosher/eslint-plugin-import
-      "plugin:import/recommended",
+      "plugin:import/recommended"
       // https://github.com/playwright-community/eslint-plugin-playwright
-      "plugin:playwright/jest-playwright"
+      //"plugin:playwright/jest-playwright"
     ],
     "settings": {
       "react": {

.github/workflows/ci.yml

@@ -19,7 +19,10 @@ on:
 
 jobs:
   CI-Build:
-    runs-on: ubuntu-20.04
+    runs-on: windows-latest
+    defaults:
+      run:
+        shell: bash
     steps:
       - name: Cancel Previous Runs
         uses: styfle/cancel-workflow-action@0.9.1
@@ -54,7 +57,7 @@ jobs:
 
       # Enable incremental build
       - name: Incremental build
-        run: npm run build
+        run: NODE_OPTIONS=--max_old_space_size=4096 npm run build:noGA
         env:
           EVENT_API_KEY_1: ${{ secrets.EVENT_API_KEY_1 }}
           EVENT_API_KEY_2: ${{ secrets.EVENT_API_KEY_2 }}
@@ -68,7 +71,10 @@ jobs:
         run: npm run serve & npm run test:e2e
 
   Test:
-    runs-on: ubuntu-20.04
+    runs-on: windows-latest
+    defaults:
+      run:
+        shell: bash
     steps:
       - name: Cancel Previous Runs
         uses: styfle/cancel-workflow-action@0.9.1

.github/workflows/deploy-qa.yml

@@ -16,7 +16,10 @@ on:
 
 jobs:
   Deploy-to-QA:
-    runs-on: ubuntu-20.04
+    runs-on: windows-latest
+    defaults:
+      run:
+        shell: bash
     if: ${{ github.event.workflow_run.conclusion == 'success' }}
 
     steps:

.github/workflows/deploy.yml

@@ -16,7 +16,10 @@ on:
 jobs:
   deploy:
     name: Deploy to GitHub Pages
-    runs-on: ubuntu-20.04
+    runs-on: windows-latest
+    defaults:
+      run:
+        shell: bash
 
     steps:
       - name: Cancel Previous Runs

.github/workflows/scan.yml

@@ -20,7 +20,7 @@ on:
 
 jobs:
   scan:
-    runs-on: ubuntu-20.04
+    runs-on: ubuntu-latest
 
     steps:
       - name: Cancel Previous Runs

gatsby-browser.js

@@ -7,6 +7,7 @@
 
 import "tailwindcss/dist/base.css";
 import "gitalk/dist/gitalk.css";
+import "katex/dist/katex.min.css";
 import "slick-carousel/slick/slick.css";
 import "slick-carousel/slick/slick-theme.css";
 import "prismjs/plugins/line-numbers/prism-line-numbers.css";

gatsby-config.js

@@ -17,7 +17,7 @@ module.exports = {
     {
       resolve: `gatsby-plugin-google-analytics`,
       options: {
-        trackingId: "UA-165060977-1",
+        trackingId: process.env.QA_ENV ? "289653096" : "UA-165060977-1",
         head: true,
         enableWebVitalsTracking: true
       }
@@ -81,9 +81,15 @@ module.exports = {
           posts: require.resolve("./src/templates/blog/blogPostTemplate.jsx"),
           docs: require.resolve("./src/templates/docs/docsTemplate.jsx")
         },
-        remarkPlugins: [require("remark-math"), require("remark-html-katex")],
+        remarkPlugins: [require("remark-math")],
         gatsbyRemarkPlugins: [
           "gatsby-remark-code-titles",
+          {
+            resolve: `gatsby-remark-katex`,
+            options: {
+              strict: `ignore`
+            }
+          },
           `gatsby-remark-embedder`,
           {
             resolve: `gatsby-remark-embed-video`,