Add ESLint

Author: RobbieTheWagner

.github/workflows/ci.yml

@@ -0,0 +1,31 @@
+name: Lint & Tests
+on:
+  push:
+    branches: [main]
+  pull_request:
+    branches: [main]
+jobs:
+  test:
+    timeout-minutes: 60
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 22
+      - name: Install dependencies
+        run: npm install -g pnpm && pnpm install
+      - name: Run linting
+        run: pnpm lint
+      - name: Run unit tests
+        run: pnpm test:unit run
+      - name: Install Playwright Browsers
+        run: pnpm exec playwright install --with-deps
+      - name: Run Playwright tests
+        run: pnpm exec playwright test
+      - uses: actions/upload-artifact@v4
+        if: always()
+        with:
+          name: playwright-report
+          path: playwright-report/
+          retention-days: 30

.github/workflows/playwright.yml

@@ -8,6 +8,9 @@ dist/
 # dependencies
 node_modules/
 
+# eslint
+.eslintcache
+
 # logs
 npm-debug.log*
 yarn-debug.log*

.gitignore

@@ -0,0 +1,22 @@
+import js from '@eslint/js';
+import eslintPluginAstro from 'eslint-plugin-astro';
+import globals from 'globals';
+
+export default [
+  js.configs.recommended,
+  ...eslintPluginAstro.configs.recommended,
+  {
+    ignores: ['.astro/**', '.vercel/**', 'dist/**', 'node_modules/**']
+  },
+  {
+    languageOptions: {
+      globals: {
+        ...globals.browser
+      }
+    },
+    rules: {
+      // override/add rules settings here, such as:
+      // "astro/no-set-html-directive": "error"
+    }
+  }
+];

eslint.config.js

@@ -8,15 +8,17 @@
   },
   "license": "MIT",
   "scripts": {
-    "dev": "astro dev",
-    "start": "astro dev",
-    "build": "astro check && astro build --remote",
-    "preview": "astro preview",
     "astro": "astro",
+    "build": "astro check && astro build --remote",
     "db:seed": "pnpm astro db execute db/seed.ts --remote",
-    "test": "vitest",
-    "test:run": "vitest run",
-    "test:e2e": "pnpm exec playwright test"
+    "dev": "astro dev",
+    "lint": "eslint . --cache",
+    "lint:fix": "eslint . --fix",
+    "preview": "astro preview",
+    "start": "astro dev",
+    "test": "concurrently \"pnpm:test:*(!fix)\" --names \"test:\"",
+    "test:e2e": "pnpm exec playwright test",
+    "test:unit": "vitest"
   },
   "dependencies": {
     "@astrojs/check": "^0.9.4",
@@ -36,6 +38,7 @@
     "valibot": "^0.31.1"
   },
   "devDependencies": {
+    "@eslint/js": "^9.37.0",
     "@playwright/test": "^1.56.1",
     "@tailwindcss/forms": "^0.5.10",
     "@tailwindcss/typography": "^0.5.19",
@@ -44,6 +47,11 @@
     "@testing-library/preact": "^3.2.4",
     "@types/html-to-text": "^9.0.4",
     "@types/node": "^22.18.11",
+    "@typescript-eslint/parser": "^8.46.2",
+    "concurrently": "^9.2.1",
+    "eslint": "^9.38.0",
+    "eslint-plugin-astro": "^1.3.1",
+    "globals": "^16.4.0",
     "html-to-text": "^9.0.5",
     "jsdom": "^27.0.1",
     "prettier": "^3.6.2",