Set up core framework pieces such as configs for eslint, typescript, prettier, husky precommit hook, basic GHA

.github/workflows/ui-development.yml

@@ -0,0 +1,43 @@
+name: UI-Development
+
+on:
+  pull_request:
+    types: [opened, synchronize, reopened]
+  workflow_dispatch:
+
+jobs:
+  quality-check:
+    permissions:
+      contents: "read"
+    runs-on: ubuntu-latest
+    steps:
+      - name: Check out code
+        uses: actions/checkout@v3
+
+      - name: Install dependencies
+        run: |
+          cd ui
+          npm ci
+
+      - name: Run quality and typing checks
+        run: |
+          cd ui
+          make quality
+
+  precommit-check:
+    permissions:
+      contents: "read"
+    runs-on: ubuntu-latest
+    steps:
+      - name: Check out code
+        uses: actions/checkout@v3
+
+      - name: Install dependencies
+        run: |
+          cd ui
+          npm ci
+
+      - name: Run pre-commit checks
+        run: |
+          cd ui
+          npx husky run pre-commit

ui/.eslintignore

@@ -0,0 +1,2 @@
+node_modules
+.vscode

ui/.eslintrc.json

@@ -1,21 +1,48 @@
 {
   "env": {
     "browser": true,
-    "es2021": true,
-    "node": true
+    "es6": true
   },
   "extends": [
     "eslint:recommended",
     "next",
     "next/core-web-vitals",
-    "plugin:@typescript-eslint/recommended"
+    "plugin:@typescript-eslint/eslint-recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:prettier/recommended"
+  ],
+  "ignorePatterns": [".vscode"],
+  "overrides": [
+    {
+      "files": ["*.mjs"],
+      "parser": "espree", // Use the default JavaScript parser for `.mjs` files
+      "parserOptions": {
+        "sourceType": "module"
+      }
+    }
   ],
   "parser": "@typescript-eslint/parser",
   "parserOptions": {
-    "ecmaVersion": 2021,
+    "ecmaFeatures": {
+      "jsx": true
+    },
+    "ecmaVersion": 2018,
+    "project": "./tsconfig.json",
     "sourceType": "module"
   },
-  "plugins": ["@typescript-eslint"],
+  "plugins": ["@typescript-eslint", "import", "no-secrets", "react"],
   "root": true,
-  "rules": {}
+  "rules": {
+    "complexity": ["warn", { "max": 8 }],
+    "curly": ["error", "all"],
+    "import/order": [
+      "error",
+      {
+        "groups": [["builtin", "external", "internal"]],
+        "newlines-between": "always"
+      }
+    ],
+    "import/no-extraneous-dependencies": ["error"],
+    "no-secrets/no-secrets": ["error", { "additionalRegexes": {}, "ignoreContent": [] }]
+  }
 }

ui/.prettierignore

@@ -0,0 +1,6 @@
+/node_modules
+.vscode
+/bin
+/build
+/public
+/.meta

ui/.prettierrc

@@ -0,0 +1,13 @@
+{
+  "arrowParens": "always",
+  "bracketSameLine": false,
+  "bracketSpacing": true,
+  "jsxBracketSameLine": false,
+  "jsxSingleQuote": false,
+  "printWidth": 100,
+  "semi": true,
+  "singleQuote": true,
+  "tabWidth": 2,
+  "trailingComma": "es5",
+  "useTabs": false
+}

ui/Makefile

@@ -0,0 +1,16 @@
+CHECKDIRS := src
+
+
+# Run checks on all files for the repo
+quality:
+	@echo "Running quality checks";
+	@# Run eslint checks
+	npx eslint --max-warnings 10 $(CHECKDIRS)
+	@# Run TypeScript checks
+	npx tsc --noEmit
+
+# Style the code according to accepted standards for the repo
+style:
+	@echo "Running styling";
+	@# Auto fix any eslint issues
+	npx eslint --fix $(CHECKDIRS)