feat!: Rewrite in Svelte 5

.env.example

@@ -1,3 +1,5 @@
+PUBLIC_URI=http://localhost:5173
+# use local frontend with local backend
 API_URI=http://localhost:3030 # server reachable
 PUBLIC_API_URI=http://localhost:3030 # client reachable
 # use local frontend with official backend (CORS is enabled for http://localhost:5173)

.eslintrc.cjs

@@ -1,13 +1,7 @@
+/** @type { import("eslint").Linter.Config } */
 module.exports = {
 	root: true,
-	extends: [
-		'eslint:recommended',
-		'plugin:@typescript-eslint/recommended',
-		'plugin:svelte/recommended',
-		'prettier'
-	],
-	parser: '@typescript-eslint/parser',
-	plugins: ['@typescript-eslint'],
+	extends: ['eslint:recommended', 'plugin:svelte/recommended', 'prettier'],
 	parserOptions: {
 		sourceType: 'module',
 		ecmaVersion: 2020,
@@ -17,14 +11,5 @@ module.exports = {
 		browser: true,
 		es2017: true,
 		node: true
-	},
-	overrides: [
-		{
-			files: ['*.svelte'],
-			parser: 'svelte-eslint-parser',
-			parserOptions: {
-				parser: '@typescript-eslint/parser'
-			}
-		}
-	]
+	}
 };

.github/ISSUE_TEMPLATE/feature_search_engine.md

@@ -1,9 +1,9 @@
 ---
 name: Feature request
 about: Ask for adding a new feature
-title: "[FEAT]"
-labels: "enhancement"
-assignees: ""
+title: '[FEAT]'
+labels: 'enhancement'
+assignees: ''
 ---
 
 **Describe your feature request**

.github/workflows/dockercicd.yml

@@ -4,8 +4,6 @@ on:
   push:
     branches: ['main']
     tags: ['v*.*.*']
-  pull_request:
-    branches: ['main']
 
 env:
   REGISTRY: ghcr.io
@@ -21,22 +19,28 @@ jobs:
     steps:
       - uses: actions/checkout@v4
 
-      # switch svelte.config.js to node
-      - run: make node
-
-      # install deps (using pnpm until bun fixes bug for static assets)
-      - uses: pnpm/action-setup@v3
+      - uses: pnpm/action-setup@v4
         with:
           version: 8
+          run_install: false
+
       - uses: actions/setup-node@v4
         with:
           node-version: lts/*
-          cache: 'pnpm'
-      - run: make install
+          cache: 'pnpm' # must be preinstalled
 
-      # build project
+      # switch svelte.config.js to use node adapter
+      - run: make node
+
+      # install dependencies and build
+      - run: make install
       - run: make compile
 
+      # run tests
+      - run: make check
+      - run: make lint
+      - run: make test
+
       # setup docker (arm64)
       - uses: docker/setup-qemu-action@v3
         with:

.github/workflows/testingci.yml

@@ -13,14 +13,18 @@ jobs:
     steps:
       - uses: actions/checkout@v4
 
-      # install deps (using pnpm until bun fixes bug for static assets)
-      - uses: pnpm/action-setup@v3
+      - uses: pnpm/action-setup@v4
         with:
           version: 8
+          run_install: false
+
       - uses: actions/setup-node@v4
         with:
           node-version: lts/*
-          cache: 'pnpm'
-      - run: make install
+          cache: 'pnpm' # must be preinstalled
 
+      - run: make install
       - run: make compile
+      - run: make check
+      - run: make lint
+      - run: make test

.gitignore

@@ -7,4 +7,4 @@ node_modules
 .env.*
 !.env.example
 vite.config.js.timestamp-*
-.vercel/
+vite.config.ts.timestamp-*

.prettierignore

@@ -1,12 +1,3 @@
-.DS_Store
-node_modules
-/build
-/.svelte-kit
-/package
-.env
-.env.*
-!.env.example
-
 # Ignore files for PNPM, NPM and YARN
 pnpm-lock.yaml
 package-lock.json

.prettierrc

@@ -4,6 +4,5 @@
 	"trailingComma": "none",
 	"printWidth": 100,
 	"plugins": ["prettier-plugin-svelte"],
-	"pluginSearchDirs": ["."],
 	"overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
 }

Makefile

@@ -10,6 +10,18 @@ compile:
 preview:
 	pnpm run preview
 
+check:
+	pnpm run check
+
+test:
+	pnpm run test:unit
+
+lint:
+	pnpm run lint
+
+format:
+	pnpm run format
+
 aws:
 	cp svelte.config.aws.js svelte.config.js
 

tsconfig.json → jsconfig.json

@@ -8,9 +8,11 @@
 		"resolveJsonModule": true,
 		"skipLibCheck": true,
 		"sourceMap": true,
-		"strict": true
+		"strict": true,
+		"moduleResolution": "bundler"
 	}
 	// Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias
+	// except $lib which is handled by https://kit.svelte.dev/docs/configuration#files
 	//
 	// If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
 	// from the referenced tsconfig.json - TypeScript does not merge them in

package.json

@@ -3,36 +3,37 @@
 	"version": "0.0.1",
 	"private": true,
 	"scripts": {
-		"start": "node ./build/index.js",
 		"dev": "vite dev",
 		"build": "vite build",
 		"preview": "vite preview",
-		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-		"lint": "prettier --plugin-search-dir . --check . && eslint .",
-		"format": "prettier --plugin-search-dir . --write ."
+		"check": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json",
+		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json --watch",
+		"test": "npm run test:integration && npm run test:unit",
+		"lint": "prettier --check . && eslint .",
+		"format": "prettier --write .",
+		"test:integration": "playwright test",
+		"test:unit": "vitest"
 	},
 	"devDependencies": {
+		"@playwright/test": "^1.44.0",
 		"@hearchco/sveltekit-adapter-aws": "github:hearchco/sveltekit-adapter-aws#v0.1.0",
 		"@sveltejs/adapter-node": "^5.0.1",
 		"@sveltejs/kit": "^2.5.7",
 		"@sveltejs/vite-plugin-svelte": "^3.1.0",
-		"@typescript-eslint/eslint-plugin": "^7.8.0",
-		"@typescript-eslint/parser": "^7.8.0",
+		"@types/eslint": "^8.56.10",
 		"autoprefixer": "^10.4.19",
-		"eslint": "^8.57.0",
+		"eslint": "^8.56.0",
 		"eslint-config-prettier": "^9.1.0",
 		"eslint-plugin-svelte": "^2.38.0",
-		"mode-watcher": "^0.3.0",
 		"postcss": "^8.4.38",
 		"prettier": "^3.2.5",
 		"prettier-plugin-svelte": "^3.2.3",
-		"svelte": "^4.2.15",
-		"svelte-check": "^3.7.0",
+		"svelte": "^5.0.0-next.125",
+		"svelte-check": "^3.7.1",
 		"tailwindcss": "^3.4.3",
-		"tslib": "^2.6.2",
 		"typescript": "^5.4.5",
-		"vite": "^5.2.11"
+		"vite": "^5.2.11",
+		"vitest": "^1.6.0"
 	},
 	"type": "module"
 }

playwright.config.js

@@ -0,0 +1,11 @@
+/** @type {import('@playwright/test').PlaywrightTestConfig} */
+const config = {
+	webServer: {
+		command: 'npm run build && npm run preview',
+		port: 4173
+	},
+	testDir: 'tests',
+	testMatch: /(.+\.)?(test|spec)\.[jt]s/
+};
+
+export default config;