chore(svelte): use svelte 4

packages/svelte/.eslintrc.cjs

@@ -1,20 +1,30 @@
 module.exports = {
   root: true,
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:svelte/recommended',
+    'prettier'
+  ],
   parser: '@typescript-eslint/parser',
-  extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'prettier'],
+  plugins: ['@typescript-eslint'],
-  plugins: ['svelte3', '@typescript-eslint'],
-  ignorePatterns: ['*.cjs'],
-  overrides: [{ files: ['*.svelte'], processor: 'svelte3/svelte3' }],
-  settings: {
-    'svelte3/typescript': () => require('typescript')
-  },
   parserOptions: {
     sourceType: 'module',
-    ecmaVersion: 2020
+    ecmaVersion: 2020,
+    extraFileExtensions: ['.svelte']
   },
   env: {
     browser: true,
     es2017: true,
     node: true
-  }
+  },
+  overrides: [
+    {
+      files: ['*.svelte'],
+      parser: 'svelte-eslint-parser',
+      parserOptions: {
+        parser: '@typescript-eslint/parser'
+      }
+    }
+  ]
 };

packages/svelte/package.json

@@ -38,23 +38,24 @@
   },
   "devDependencies": {
     "@sveltejs/adapter-auto": "^2.1.0",
-    "@sveltejs/kit": "^1.20.1",
+    "@sveltejs/kit": "^1.20.5",
-    "@sveltejs/package": "^2.0.2",
+    "@sveltejs/package": "^2.1.0",
-    "@typescript-eslint/eslint-plugin": "^5.59.9",
+    "@typescript-eslint/eslint-plugin": "^5.60.0",
-    "@typescript-eslint/parser": "^5.59.9",
+    "@typescript-eslint/parser": "^5.60.0",
-    "eslint": "^8.42.0",
+    "eslint": "^8.43.0",
     "eslint-config-prettier": "^8.8.0",
-    "eslint-plugin-svelte3": "^4.0.0",
+    "eslint-plugin-svelte": "^2.31.1",
     "prettier": "^2.8.8",
     "prettier-plugin-svelte": "^2.10.1",
-    "svelte": "^3.59.1",
+    "svelte": "^4.0.0",
-    "svelte-check": "^3.4.3",
+    "svelte-check": "^3.4.4",
-    "tslib": "^2.4.1",
+    "svelte-eslint-parser": "^0.31.0",
+    "tslib": "^2.5.3",
     "typescript": "5.1.3",
     "vite": "^4.3.9"
   },
   "peerDependencies": {
-    "svelte": "^3.0.0"
+    "svelte": "^3.0.0 || ^4.0.0"
   },
   "files": [
     "dist"

packages/system/src/utils/graph.ts

@@ -202,7 +202,7 @@ export function fitView<Params extends FitViewParamsBase<NodeBase>, Options exte
   return false;
 }
 
-function clampNodeExtent(node: NodeDragItem | Node, extent?: CoordinateExtent | 'parent') {
+function clampNodeExtent(node: NodeDragItem | NodeBase, extent?: CoordinateExtent | 'parent') {
   if (!extent || extent === 'parent') {
     return extent;
   }