Upgrade packages

packages/editor/.eslintignore

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

packages/editor/.eslintrc.cjs

-/** @type { import("eslint").Linter.Config } */
-module.exports = {
-  env: {
-    browser: true,
-    es2017: true,
-    node: true,
-  },
-  extends: [
-    "eslint:recommended",
-    "plugin:@typescript-eslint/recommended",
-    "plugin:svelte/recommended",
-    "prettier",
-  ],
-  overrides: [
-    {
-      files: ["*.svelte"],
-      parser: "svelte-eslint-parser",
-      parserOptions: {
-        parser: "@typescript-eslint/parser",
-      },
-    },
-  ],
-  parser: "@typescript-eslint/parser",
-  parserOptions: {
-    ecmaVersion: 2020,
-    extraFileExtensions: [".svelte"],
-    sourceType: "module",
-  },
-  plugins: ["@typescript-eslint"],
-  root: true,
-  rules: {
-    "no-irregular-whitespace": "off",
-  },
-  settings: {
-    svelte: {
-      ignoreWarnings: ["svelte/no-at-html-tags"],
-    },
-  },
-}

packages/editor/eslint.config.js

+import js from "@eslint/js"
+import ts from "typescript-eslint"
+import svelte from "eslint-plugin-svelte"
+import prettier from "eslint-config-prettier"
+import globals from "globals"
+
+/** @type {import('eslint').Linter.Config[]} */
+export default [
+  js.configs.recommended,
+  ...ts.configs.recommended,
+  ...svelte.configs["flat/recommended"],
+  prettier,
+  ...svelte.configs["flat/prettier"],
+  {
+    languageOptions: {
+      globals: {
+        ...globals.browser,
+        ...globals.node,
+      },
+    },
+  },
+  {
+    files: ["**/*.svelte"],
+    languageOptions: {
+      parserOptions: {
+        parser: ts.parser,
+      },
+    },
+    settings: {
+      svelte: {
+        ignoreWarnings: ["no-irregular-whitespace"],
+      },
+    },
+  },
+  {
+    files: ["src/scripts/*.ts"],
+    rules: {
+      "no-irregular-whitespace": "off",
+    },
+  },
+  {
+    ignores: ["build/", ".svelte-kit/", "dist/"],
+  },
+]

packages/editor/package.json

@@ -30,48 +30,46 @@
     "@iconify-json/mdi": "^1.1.67",
     "@playwright/test": "^1.28.1",
     "@sveltejs/adapter-node": "^5.0.1",
-    "@sveltejs/kit": "^2.5.18",
-    "@sveltejs/vite-plugin-svelte": "^3.0.0",
+    "@sveltejs/kit": "^2.7.2",
+    "@sveltejs/vite-plugin-svelte": "^4.0.0",
     "@tax-benefit/openfisca-json-model": "^5.0.4",
     "@types/eslint": "^9.6.0",
     "@types/morgan": "^1.9.9",
-    "@typescript-eslint/eslint-plugin": "^8.0.0",
-    "@typescript-eslint/parser": "^8.0.0",
     "autoprefixer": "^10.4.16",
     "dotenv": "^16.4.5",
     "eslint": "^9.8.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-svelte": "^2.36.0-next.13",
-    "flowbite-svelte": "^0.46.15",
+    "eslint-plugin-svelte": "^2.46.0",
+    "flowbite-svelte": "^0.47.1",
+    "globals": "^15.0.0",
     "jsonwebtoken": "^9.0.2",
     "morgan": "^1.10.0",
-    "openid-client": "^5.6.5",
-    "postcss": "^8.4.32",
-    "postcss-load-config": "^6.0.1",
+    "openid-client": "^6.1.1",
     "prettier": "^3.1.1",
-    "prettier-plugin-svelte": "^3.1.2",
+    "prettier-plugin-svelte": "^3.2.6",
     "prettier-plugin-tailwindcss": "^0.6.5",
     "prismjs": "^1.29.0",
     "rfdc": "^1.4.1",
-    "svelte": "^5.0.0-next.174",
-    "svelte-check": "^3.6.0",
+    "svelte": "^5.0.5",
+    "svelte-check": "^4.0.5",
     "svelte-i18n": "^4.0.0",
     "tailwindcss": "^3.3.6",
     "tslib": "^2.4.1",
-    "typescript": "^5.0.0",
+    "typescript": "^5.5.0",
+    "typescript-eslint": "^8.6.0",
     "unplugin-icons": "^0.19.0",
-    "vite": "^5.0.3",
+    "vite": "^5.4.4",
     "vitest": "^2.0.3"
   },
   "overrides": {
     "flowbite-svelte": {
-      "svelte": "^5.0.0-next"
+      "svelte": "^5"
     },
     "svelte-hmr": {
-      "svelte": "^5.0.0-next"
+      "svelte": "^5"
     },
     "svelte-i18n": {
-      "svelte": "^5.0.0-next"
+      "svelte": "^5"
     }
   }
 }

packages/editor/postcss.config.cjs

-const tailwindcss = require("tailwindcss")
-const autoprefixer = require("autoprefixer")
-
-const config = {
-  plugins: [
-    //Some plugins, like tailwindcss/nesting, need to run before Tailwind,
-    tailwindcss(), //Some plugins, like tailwindcss/nesting, need to run before Tailwind, tailwindcss(), //But others, like autoprefixer, need to run after, //But others, like autoprefixer, need to run after,
-    autoprefixer,
-  ],
-}
-
-module.exports = config

packages/editor/postcss.config.js

+export default {
+  plugins: {
+    autoprefixer: {},
+    tailwindcss: {},
+  },
+}

packages/editor/svelte.config.js

@@ -10,7 +10,7 @@ const config = {
 
   // Consult https://kit.svelte.dev/docs/integrations#preprocessors
   // for more information about preprocessors
-  preprocess: [vitePreprocess()],
+  preprocess: vitePreprocess(),
 }
 
 export default config

packages/editor/tailwind.config.cjs → packages/editor/tailwind.config.ts

 import flowbitePlugin from "flowbite/plugin"
+import type { Config } from "tailwindcss"
 
-/** @type {import('tailwindcss').Config}*/
-const config = {
+const config: Config = {
   content: [
     "./src/**/*.{html,js,svelte,ts}",
     "./node_modules/flowbite-svelte/**/*.{html,js,svelte,ts}",
@@ -30,4 +30,4 @@ const config = {
   plugins: [flowbitePlugin],
 }
 
-module.exports = config
+export default config

packages/editor/tsconfig.json

@@ -5,11 +5,11 @@
     "checkJs": true,
     "esModuleInterop": true,
     "forceConsistentCasingInFileNames": true,
+    "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "skipLibCheck": true,
     "sourceMap": true,
-    "strict": true,
-    "moduleResolution": "bundler"
+    "strict": true
   }
   // 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