Scripts Refactor

.github/workflows/pages-deploy.yml

@@ -10,19 +10,24 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout 🛎️
-        uses: actions/checkout@v2
+        uses: actions/checkout@v4
 
       - name: Use Node.js 💻
-        uses: actions/setup-node@v1
+        uses: actions/setup-node@v4
         with:
-          node-version: '16.x'
+          node-version: 20
+          cache: yarn
 
-      - name: Install Dependencies 📦
+      - name: Install dependencies (apt)
         run: |
-          yarn --frozen-lockfile
+          sudo apt-get update && \
+          sudo apt-get install -y --no-install-recommends libxi-dev libgl1-mesa-dev
+
+      - name: Install Dependencies 📦
+        run: yarn install --frozen-lockfile
 
       - name: Build Modules 🔧
-        run: yarn run build --tsc --lint
+        run: yarn build --tsc --lint
 
       - name: Deploy 🚀
         uses: peaceiris/actions-gh-pages@v3

.github/workflows/pull-request.yml

@@ -10,12 +10,18 @@ jobs:
     runs-on: ubuntu-latest
     steps:
         - name: Check out source code
-          uses: actions/checkout@v2
+          uses: actions/checkout@v4
 
         - name: Use Node.js 💻
-          uses: actions/setup-node@v1
+          uses: actions/setup-node@v4
           with:
-            node-version: '16.x'
+            node-version: 20
+            cache: yarn
+
+        - name: Install dependencies (apt)
+          run: |
+            sudo apt-get update && \
+            sudo apt-get install -y --no-install-recommends libxi-dev libgl1-mesa-dev
 
         - name: Install dependencies
           run: yarn install --frozen-lockfile

.node-version

@@ -0,0 +1 @@
+20.11.1

.prettierignore

@@ -0,0 +1,2 @@
+# We don't use Prettier for this project
+*

.vscode/settings.json

@@ -1,8 +1,4 @@
 {
-  "eslint.workingDirectories": [
-    "src",
-    "scripts/src",
-    "devserver"
-  ],
+  "eslint.experimental.useFlatConfig": true,
   "files.eol": "\r\n",
 }

devserver/src/components/ControlButton.tsx

@@ -1,5 +1,5 @@
-import { AnchorButton, Button, Icon, type IconName, Intent } from "@blueprintjs/core";
-import React from "react";
+import { AnchorButton, Button, Icon, type IconName, Intent } from '@blueprintjs/core';
+import React from 'react';
 
 type ButtonOptions = {
   className: string;
@@ -8,7 +8,7 @@ type ButtonOptions = {
   iconOnRight: boolean;
   intent: Intent;
   minimal: boolean;
-  type?: "submit" | "reset" | "button";
+  type?: 'button' | 'reset' | 'submit';
 };
 
 type ControlButtonProps = {
@@ -20,45 +20,45 @@ type ControlButtonProps = {
 };
 
 const defaultOptions = {
-	className: "",
-	fullWidth: false,
-	iconOnRight: false,
-	intent: Intent.NONE,
-	minimal: true
+  className: '',
+  fullWidth: false,
+  iconOnRight: false,
+  intent: Intent.NONE,
+  minimal: true
 };
 
 const ControlButton: React.FC<ControlButtonProps> = ({
-	label = "",
-	icon,
-	onClick,
-	options = {},
-	isDisabled = false
+  label = '',
+  icon,
+  onClick,
+  options = {},
+  isDisabled = false
 }) => {
-	const buttonOptions: ButtonOptions = {
-		...defaultOptions,
-		...options
-	};
-	const iconElement = icon && <Icon icon={icon} color={buttonOptions.iconColor} />;
-	// Refer to #2417 and #2422 for why we conditionally
-	// set the button component. See also:
-	// https://blueprintjs.com/docs/#core/components/button
-	const ButtonComponent = isDisabled ? AnchorButton : Button;
+  const buttonOptions: ButtonOptions = {
+    ...defaultOptions,
+    ...options
+  };
+  const iconElement = icon && <Icon icon={icon} color={buttonOptions.iconColor} />;
+  // Refer to #2417 and #2422 for why we conditionally
+  // set the button component. See also:
+  // https://blueprintjs.com/docs/#core/components/button
+  const ButtonComponent = isDisabled ? AnchorButton : Button;
 
-	return (
-		<ButtonComponent
-			disabled={isDisabled}
-			fill={buttonOptions.fullWidth}
-			intent={buttonOptions.intent}
-			minimal={buttonOptions.minimal}
-			className={buttonOptions.className}
-			type={buttonOptions.type}
-			onClick={onClick}
-			icon={!buttonOptions.iconOnRight && iconElement}
-			rightIcon={buttonOptions.iconOnRight && iconElement}
-		>
-			{label}
-		</ButtonComponent>
-	);
+  return (
+    <ButtonComponent
+      disabled={isDisabled}
+      fill={buttonOptions.fullWidth}
+      intent={buttonOptions.intent}
+      minimal={buttonOptions.minimal}
+      className={buttonOptions.className}
+      type={buttonOptions.type}
+      onClick={onClick}
+      icon={!buttonOptions.iconOnRight && iconElement}
+      rightIcon={buttonOptions.iconOnRight && iconElement}
+    >
+      {label}
+    </ButtonComponent>
+  );
 };
 
 export default ControlButton;