chore(ci): style lint and validation

.github/workflows/pr-checks.yml

@@ -0,0 +1,23 @@
+name: PR Checks
+on:
+  pull_request:
+  merge_group:
+
+jobs:
+  pr-checks:
+    runs-on: ubuntu-20.04
+    name: Check and lint PR
+    steps:
+      - uses: actions/checkout@v2
+        with:
+          fetch-depth: 0 # needed so commitlint can lint the commits
+      - name: Setup node
+        uses: actions/setup-node@v1
+        with:
+          node-version: 20
+      - run: npm ci
+      - name: Enforce code style
+        run: npm run validate
+      - name: Lint commits
+        if: github.event_name != 'merge_group'
+        run: npx commitlint --from=${{ github.event.pull_request.base.sha }}

.prettierignore

@@ -0,0 +1,3 @@
+node_modules
+dist
+build

commitlint.config.js

@@ -0,0 +1 @@
+export default { extends: ['@commitlint/config-conventional'] };

eslint.config.js

@@ -0,0 +1,26 @@
+import globals from "globals";
+import pluginJs from "@eslint/js";
+import tseslint from "typescript-eslint";
+import pluginReact from "eslint-plugin-react";
+
+
+/** @type {import('eslint').Linter.Config[]} */
+export default [
+  {
+    files: ["**/*.{js,mjs,cjs,ts,jsx,tsx}"],
+    languageOptions: {
+      ecmaVersion: 'latest',
+      sourceType: 'module',
+      parser: '@typescript-eslint/parser',
+      parserOptions: {
+        ecmaFeatures: {
+          jsx: true,
+        },
+      },
+    },
+  },
+  {languageOptions: { globals: globals.browser }},
+  pluginJs.configs.recommended,
+  ...tseslint.configs.recommended,
+  pluginReact.configs.flat.recommended,
+];