Svelte 5

.eslintrc.cjs

@@ -9,7 +9,7 @@ module.exports = {
     'plugin:storybook/recommended',
   ],
   plugins: ['svelte', '@typescript-eslint', 'vitest', 'import'],
-  ignorePatterns: ['**/*.cjs', '/server'],
+  ignorePatterns: ['**/*.cjs', '/server', '**/error-boundary.svelte'],
   overrides: [
     {
       files: ['src/**/*.svelte'],
@@ -27,6 +27,9 @@ module.exports = {
     extraFileExtensions: ['.svelte'],
     sourceType: 'module',
     ecmaVersion: 2019,
+    svelteFeatures: {
+      experimentalGenerics: true,
+    },
   },
   env: {
     browser: true,

.vscode/temporal-ui.code-snippets

@@ -2,6 +2,6 @@
   "Playwright Test": {
     "prefix": "pwt",
     "body": ["test('${1}', async ({ page }) => {", "  $0", "});"],
-    "description": "useState()"
-  }
+    "description": "useState()",
+  },
 }

package.json

@@ -83,17 +83,16 @@
     "@codemirror/legacy-modes": "^6.4.0",
     "@codemirror/state": "^6.4.1",
     "@codemirror/view": "^6.29.0",
-    "@crownframework/svelte-error-boundary": "^1.0.3",
     "@fontsource-variable/inter": "^5.0.8",
     "@fontsource/noto-sans-mono": "^5.0.9",
     "@lezer/highlight": "^1.1.3",
     "@storybook/addon-actions": "^8.4.7",
-    "@sveltejs/package": "^2.2.6",
+    "@sveltejs/package": "^2.3.7",
     "@sveltejs/svelte-virtual-list": "^3.0.1",
     "class-variance-authority": "^0.7.0",
     "date-fns": "^2.29.3",
     "date-fns-tz": "^1.3.7",
-    "esm-env": "^1.0.0",
+    "esm-env": "^1.2.1",
     "hast-util-sanitize": "^5.0.1",
     "hast-util-to-html": "^9.0.1",
     "hastscript": "^9.0.0",
@@ -125,7 +124,7 @@
     "@storybook/addon-essentials": "^8.4.7",
     "@storybook/addon-interactions": "^8.4.7",
     "@storybook/addon-links": "^8.4.7 ",
-    "@storybook/addon-svelte-csf": "^4.2.0",
+    "@storybook/addon-svelte-csf": "^5.0.0-next.23",
     "@storybook/addon-themes": "^8.4.7",
     "@storybook/blocks": "^8.4.7",
     "@storybook/icons": "^1.3.0",
@@ -135,8 +134,8 @@
     "@storybook/test-runner": "^0.21.0",
     "@sveltejs/adapter-static": "^3.0.0",
     "@sveltejs/adapter-vercel": "^4.0.0",
-    "@sveltejs/kit": "^2.5.0",
-    "@sveltejs/vite-plugin-svelte": "^3.0.2",
+    "@sveltejs/kit": "^2.5.27",
+    "@sveltejs/vite-plugin-svelte": "^4.0.0",
     "@temporalio/activity": "1.11.6",
     "@temporalio/client": "1.11.6",
     "@temporalio/common": "1.11.6",
@@ -173,7 +172,7 @@
     "eslint-plugin-import": "^2.28.1",
     "eslint-plugin-playwright": "^0.15.3",
     "eslint-plugin-storybook": "^0.8.0",
-    "eslint-plugin-svelte": "^2.33.0",
+    "eslint-plugin-svelte": "^2.46.1",
     "eslint-plugin-vitest": "^0.2.8",
     "esno": "^0.16.3",
     "express": "^4.18.2",
@@ -192,8 +191,8 @@
     "postcss-html": "^1.5.0",
     "postcss-import": "^14.1.0",
     "postcss-load-config": "^3.1.4",
-    "prettier": "^3.0.3",
-    "prettier-plugin-svelte": "^3.0.3",
+    "prettier": "^3.1.0",
+    "prettier-plugin-svelte": "^3.3.2",
     "prettier-plugin-tailwindcss": "^0.5.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -209,21 +208,21 @@
     "stylelint": "^15.10.3",
     "stylelint-config-recommended": "^13.0.0",
     "stylelint-config-standard": "^34.0.0",
-    "svelte": "^4.0.0",
-    "svelte-check": "^3.5.0",
-    "svelte-eslint-parser": "^0.33.0",
+    "svelte": "^5.5.4",
+    "svelte-check": "^4.1.1",
+    "svelte-eslint-parser": "^0.42.0",
     "svelte-highlight": "^3.4.0",
-    "svelte-loader": "^3.1.4",
-    "svelte-preprocess": "^5.0.4",
-    "svelte2tsx": "^0.6.21",
+    "svelte-loader": "^3.2.3",
+    "svelte-preprocess": "^6.0.0",
+    "svelte2tsx": "^0.6.27",
     "tailwindcss": "^3.4.1",
     "tar-fs": "^2.1.1",
     "ts-node": "^10.9.1",
     "ts-proto": "^1.138.0",
     "tslib": "^2.4.1",
-    "typescript": "^5.2.2",
+    "typescript": "^5.5.0",
     "unist-util-visit": "^5.0.0",
-    "vite": "^5.0.12",
+    "vite": "^5.4.4",
     "vite-node": "^0.23.4",
     "vitest": "^1.6.0",
     "vitest-localstorage-mock": "^0.1.2",