Merge pull request #224 from admisio/upgrade_frontend

(frontend) upgrade dependencies, use newer sveltekit version, vite windicss plugin, fix VS Code ESLint, use Node 20 and PNPM 8 in CI

.github/workflows/sveltekit.yml

@@ -17,25 +17,26 @@ jobs:
       - name: Extract frontend 🚜
         run: |
           shopt -s extglob
+          shopt -s dotglob
           rm -r !(frontend)/
           mv frontend/* ./
 
       - name: Install pnpm 📦
         uses: pnpm/action-setup@v2
         with:
-          version: 7
+          version: 8
 
       - name: Setup NodeJS ⚒️
         uses: actions/setup-node@v3
         with:
-          node-version: 19
+          node-version: 20
           cache: "pnpm"
 
       - name: Install dependencies 🚀
         run: pnpm install
 
-      - name: Svelte Check ✔️
-        run: pnpm run check
+      - name: ESLint ✔️
+        run: pnpm lint
 
       - name: Build 🔨
         run: pnpm run build

frontend/.eslintrc.cjs

@@ -16,5 +16,9 @@ module.exports = {
 		browser: true,
 		es2017: true,
 		node: true
+	},
+	rules: {
+		'@typescript-eslint/no-inferrable-types': 1,
+		'@typescript-eslint/ban-ts-comment': 1
 	}
 };

frontend/.prettierignore

@@ -11,3 +11,6 @@ node_modules
 pnpm-lock.yaml
 package-lock.json
 yarn.lock
+
+# assets
+/src/lib/assets

frontend/.vscode/settings.json

@@ -0,0 +1,7 @@
+{
+	"eslint.workingDirectories": [{ "mode": "auto" }],
+	"eslint.lintTask.enable": true,
+	"eslint.validate": ["javascript", "typescript", "svelte"],
+
+	"svelte.plugin.css.diagnostics.enable": false
+}

frontend/package.json

@@ -14,44 +14,45 @@
 		"typesafe-i18n": "typesafe-i18n"
 	},
 	"devDependencies": {
-		"@playwright/test": "^1.31.2",
-		"@sveltejs/adapter-node": "^1.2.1",
-		"@sveltejs/kit": "1.3.0",
-		"@typescript-eslint/eslint-plugin": "^5.54.0",
-		"@typescript-eslint/parser": "^5.54.0",
-		"eslint": "^8.35.0",
-		"eslint-config-prettier": "^8.6.0",
+		"@playwright/test": "^1.34.2",
+		"@sveltejs/adapter-node": "^1.2.4",
+		"@sveltejs/kit": "1.18.0",
+		"@typescript-eslint/eslint-plugin": "^5.59.7",
+		"@typescript-eslint/parser": "^5.59.7",
+		"eslint": "^8.41.0",
+		"eslint-config-prettier": "^8.8.0",
 		"eslint-plugin-svelte3": "^4.0.0",
-		"prettier": "^2.8.4",
-		"prettier-plugin-svelte": "^2.9.0",
-		"prettier-plugin-tailwindcss": "^0.2.4",
-		"svelte": "^3.55.1",
-		"svelte-check": "^3.0.4",
-		"svelte-preprocess": "^5.0.1",
+		"prettier": "^2.8.8",
+		"prettier-plugin-svelte": "^2.10.0",
+		"prettier-plugin-tailwindcss": "^0.3.0",
+		"svelte": "^3.59.1",
+		"svelte-check": "^3.3.2",
+		"svelte-preprocess": "^5.0.3",
 		"svelte-windicss-preprocess": "^4.2.8",
-		"tslib": "^2.5.0",
-		"typescript": "^4.9.5",
-		"vite": "^4.1.4",
+		"tslib": "^2.5.2",
+		"typescript": "5.1.0-dev.20230515",
+		"vite": "^4.3.8",
+		"vite-plugin-windicss": "^1.9.0",
 		"windicss": "^3.5.6"
 	},
 	"type": "module",
 	"dependencies": {
-		"@zerodevx/svelte-toast": "1.0.0-rc.1",
-		"axios": "^1.3.4",
+		"@zerodevx/svelte-toast": "1.0.0-rc.2",
+		"axios": "^1.4.0",
 		"dotenv": "^16.0.3",
 		"filedrop-svelte": "^0.1.2",
 		"fuse.js": "^6.6.2",
-		"isomorphic-dompurify": "^0.26.0",
+		"isomorphic-dompurify": "^1.5.0",
 		"jspdf": "^2.5.1",
 		"just-debounce-it": "^3.2.0",
-		"libphonenumber-js": "^1.10.21",
+		"libphonenumber-js": "^1.10.30",
 		"svelte-forms-lib": "^2.0.1",
-		"svelte-tel-input": "^1.2.0",
+		"svelte-tel-input": "^3.0.0",
 		"svelte-tippy": "^1.3.2",
 		"svg2pdf.js": "^2.2.1",
-		"swiper": "^9.1.0",
+		"swiper": "^9.3.2",
 		"tippy.js": "^6.3.7",
-		"typesafe-i18n": "^5.24.2",
-		"yup": "^1.0.2"
+		"typesafe-i18n": "^5.24.3",
+		"yup": "^1.1.1"
 	}
 }