Migrate from Deno/ESLint to Vite+ unified toolchain (#148)

* Migrate from Deno/ESLint to Vite+ unified toolchain

- Replace Deno runtime + deno.jsonc + ESLint with Vite+ (vp dev/build/check/lint/fmt)
- Remove eslint, eslint-plugin-svelte, @stylistic/eslint-plugin, svelte-check, svelte2tsx
- Add vite-plus with oxlint (type-aware), oxfmt, and svelte-check-rs
- Configure all 6 oxlint categories (correctness, suspicious, pedantic, perf, restriction, style)
- Update pre-commit hooks from deno fmt/lint to vp fmt/lint
- Fix all lint/type errors: throw literals, ==, Deno refs, jsr imports, implicit any
- Fix screenshots.ts bug: missing continue after failed navigation
- Break import cycles by importing sibling components directly
- Simplify ToggleGroup to accept Record<string, string> options
- Update deps (svelte 5.54, sveltekit 2.55, puppeteer 24.40, marked 17.0.5)

* Update CI workflows from Deno to Node.js/pnpm

Replace deno setup with pnpm in lint workflow, add node_modules install
before prek so vp-fmt/vp-lint hooks can find vp binary. Switch gh-pages
and test workflows from deno reusable workflows to nodejs equivalents.
Add minimal build script to package.json for CI compatibility.

Use npm instead of pnpm in CI workflows

Pin Node 22 in gh-pages workflow for vite-plus native binary compat

Exclude flaky URLs from link checker

beatbump.io (403), parks.lol (502), modern-fluid-typography (429),
mochajs.org and tauri.app (connection resets in CI)

Accept transient HTTP errors in link checker instead of per-domain excludes

Use --accept to tolerate 403/429/5xx (common for rate limiting and
bot blocking), --max-retries 3, and --timeout 30 instead of
maintaining a growing list of excluded domains.

Exclude sites with persistent network errors from link checker

tauri.app, sass-lang.com, multimonitorcalculator.com block CI with
connection resets. Increase timeout to 60s for slow sites.

Exclude learninpublic.org and parks.lol from link checker (persistent timeouts)

Exclude lodash.com from link checker (connection reset)

Author: janosh

.github/workflows/gh-pages.yml

@@ -9,6 +9,7 @@ on:
 
 jobs:
   build:
-    uses: janosh/workflows/.github/workflows/deno-gh-pages.yml@main
+    uses: janosh/workflows/.github/workflows/nodejs-gh-pages.yml@main
     with:
+      node-version: 22
       working-directory: site

.github/workflows/link-check.yml

@@ -19,19 +19,19 @@ jobs:
       - name: Discover broken links
         uses: lycheeverse/lychee-action@v2
         with:
-          # exclude sites that block automated requests (false positives)
           args: >-
+            --accept 200..=206,429,403,500,502,503
+            --max-retries 3
+            --retry-wait-time 5
+            --timeout 60
             --exclude '%7B'
             --exclude 'npmjs.com'
             --exclude 'linkedin.com'
-            --exclude 'blog.jpat.dev'
-            --exclude 'mend.io'
-            --exclude 'learninpublic.org'
-            --exclude 'nicktrombley.design'
             --exclude 'github.com/janosh/awesome-sveltekit/network'
-            --exclude 'lodash.com'
+            --exclude 'tauri.app'
             --exclude 'sass-lang.com'
             --exclude 'multimonitorcalculator.com'
-            --exclude 'gohugo.io'
-            --exclude 'concertmash.com'
+            --exclude 'lodash.com'
+            --exclude 'learninpublic.org'
+            --exclude 'parks.lol'
             -- ./**/*.{md,svelte,ts,yml}

.github/workflows/lint.yml

@@ -13,12 +13,14 @@ jobs:
       - name: Check out repo
         uses: actions/checkout@v5
 
-      - name: Set up deno
-        uses: denoland/setup-deno@v2
+      - name: Set up node
+        uses: actions/setup-node@v4
         with:
-          deno-version: 2.3.7
+          node-version: 22
+
+      - name: Install deps
+        run: npm install
+        working-directory: site
 
       - name: Run prek
         uses: j178/prek-action@v1
-        env:
-          SKIP: eslint # skip eslint because it's additional deps are not installed correctly

.github/workflows/test.yml

@@ -9,10 +9,9 @@ on:
 
 jobs:
   tests:
-    uses: janosh/workflows/.github/workflows/deno-test.yml@main
+    uses: janosh/workflows/.github/workflows/npm-test.yml@main
     with:
-      deno-version: 2.3.7
+      working-directory: site
       test-cmd: ''
       e2e-test-cmd: npx playwright test
-      e2e-install-cmd: npx playwright install chromium
-      working-directory: site
+      install-e2e: npx playwright install chromium

.pre-commit-config.yaml

@@ -21,7 +21,7 @@ repos:
         args: [--config-file, .github/yamllint.yml]
 
   - repo: https://github.com/igorshubovych/markdownlint-cli
-    rev: v0.47.0
+    rev: v0.48.0
     hooks:
       - id: markdownlint
         # MD013: line too long
@@ -30,37 +30,21 @@ repos:
         args: [--disable, MD013, MD033, MD041, '--']
 
   - repo: https://github.com/codespell-project/codespell
-    rev: v2.4.1
+    rev: v2.4.2
     hooks:
       - id: codespell
         exclude: ^site/src/sites.yml$
         args: [--ignore-words-list, 'ons,linz', --check-filenames]
         stages: [pre-commit, commit-msg]
 
   - repo: https://github.com/crate-ci/typos
-    rev: v1.42.3
+    rev: v1.44.0
     hooks:
       - id: typos
         types: [text]
         args: []
         exclude: ^site/src/sites.yml|.pre-commit-config.yaml$
 
-  - repo: https://github.com/pre-commit/mirrors-eslint
-    rev: v10.0.0-rc.2
-    hooks:
-      - id: eslint
-        types: [file]
-        args: [--fix, --config, site/eslint.config.js]
-        files: \.(js|ts|svelte)$
-        additional_dependencies:
-          - 'typescript-eslint'
-          - eslint
-          - eslint-plugin-svelte
-          - globals
-          - svelte
-          - typescript
-          - '@stylistic/eslint-plugin'
-
   - repo: local
     hooks:
       - id: avif-screenshots
@@ -97,15 +81,15 @@ repos:
 
   - repo: local
     hooks:
-      - id: deno-fmt
-        name: Deno format
-        entry: deno fmt
-        types_or: [file]
+      - id: vp-fmt
+        name: Format (oxfmt)
+        entry: bash -c 'cd site && node_modules/.bin/vp fmt --write'
+        types_or: [ts, javascript, json, css, html, svelte]
         language: system
-        args: [--config, site/deno.jsonc, --permit-no-files]
-      - id: deno-lint
-        name: Deno lint
-        entry: deno lint
-        types_or: [file]
-        args: [--config, site/deno.jsonc, --permit-no-files, --fix]
+        pass_filenames: false
+      - id: vp-lint
+        name: Lint (oxlint)
+        entry: bash -c 'cd site && node_modules/.bin/vp lint --fix'
+        types_or: [ts, javascript, json, css, html, svelte]
         language: system
+        pass_filenames: false

site/deno.jsonc

@@ -1,41 +1,46 @@
 {
   "name": "awesome-sveltekit",
+  "version": "0.1.0",
   "description": "Awesome examples of SvelteKit in the wild",
-  "author": "Janosh Riebesell <janosh.riebesell@gmail.com>",
+  "keywords": [
+    "awesome collection",
+    "example sites",
+    "learning resource",
+    "sveltekit"
+  ],
   "homepage": "https://janosh.github.io/awesome-sveltekit",
-  "repository": "https://github.com/janosh/awesome-sveltekit",
+  "bugs": "https://github.com/janosh/awesome-sveltekit/issues",
   "license": "MIT",
-  "version": "0.1.0",
+  "author": "Janosh Riebesell <janosh.riebesell@gmail.com>",
+  "repository": "https://github.com/janosh/awesome-sveltekit",
   "type": "module",
-  "bugs": "https://github.com/janosh/awesome-sveltekit/issues",
+  "scripts": {
+    "build": "vp build"
+  },
   "devDependencies": {
     "@iconify/svelte": "^5.2.1",
-    "@playwright/test": "^1.58.1",
+    "@playwright/test": "^1.58.2",
     "@rollup/plugin-yaml": "^4.1.2",
-    "@stylistic/eslint-plugin": "^5.7.1",
     "@sveltejs/adapter-static": "^3.0.10",
-    "@sveltejs/kit": "^2.50.1",
-    "@sveltejs/vite-plugin-svelte": "^6.2.4",
+    "@sveltejs/kit": "^2.55.0",
+    "@sveltejs/vite-plugin-svelte": "^7.0.0",
     "@types/js-yaml": "^4.0.9",
-    "eslint": "^9.39.2",
-    "eslint-plugin-svelte": "^3.14.0",
     "js-yaml": "^4.1.1",
-    "marked": "^17.0.1",
-    "puppeteer": "^24.36.1",
+    "marked": "^17.0.5",
+    "puppeteer": "^24.40.0",
     "sharp": "^0.34.5",
-    "svelte": "^5.49.1",
-    "svelte-check": "^4.3.6",
-    "svelte-multiselect": "11.6.0",
+    "svelte": "^5.54.0",
+    "svelte-check-rs": "^0.9.5",
+    "svelte-multiselect": "11.6.4",
     "svelte-preprocess": "^6.0.3",
-    "svelte2tsx": "^0.7.47",
     "typescript": "5.9.3",
-    "typescript-eslint": "^8.54.0",
-    "vite": "^7.3.1"
+    "vite": "npm:@voidzero-dev/vite-plus-core@latest",
+    "vite-plus": "latest"
   },
-  "keywords": [
-    "sveltekit",
-    "awesome collection",
-    "example sites",
-    "learning resource"
-  ]
+  "pnpm": {
+    "overrides": {
+      "svelte": "$svelte",
+      "vite": "npm:@voidzero-dev/vite-plus-core@latest"
+    }
+  }
 }

site/eslint.config.js

@@ -1,9 +1,9 @@
 import type { PlaywrightTestConfig } from '@playwright/test'
 
 export default {
+  testDir: `tests`,
   webServer: {
     command: `vite dev --port 3005`,
     port: 3005,
   },
-  testDir: `tests`,
 } satisfies PlaywrightTestConfig

site/package.json

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta name="author" content="Janosh Riebesell" />