alighasami/xyflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update dependencies & fix keyhandler

Browse Source
This commit is contained in:
peterkogo
2025-01-09 13:38:05 +01:00
parent 3cbb117cf0
commit b56c1c1838
10 changed files with 365 additions and 349 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples/svelte/package.json
+7 -7
View File
@@ -13,19 +13,19 @@
}, },
"devDependencies": { "devDependencies": {
"@sveltejs/adapter-auto": "^3.3.1", "@sveltejs/adapter-auto": "^3.3.1",
"@sveltejs/kit": "^2.12.1", "@sveltejs/kit": "^2.15.2",
"@typescript-eslint/eslint-plugin": "^8.18.1", "@typescript-eslint/eslint-plugin": "^8.19.1",
"@typescript-eslint/parser": "^8.18.1", "@typescript-eslint/parser": "^8.19.1",
"eslint": "^8.53.0", "eslint": "^8.53.0",
"eslint-config-prettier": "^9.1.0", "eslint-config-prettier": "^9.1.0",
"eslint-plugin-svelte": "^2.46.1", "eslint-plugin-svelte": "^2.46.1",
"prettier": "^3.4.2", "prettier": "^3.4.2",
"prettier-plugin-svelte": "^3.3.2", "prettier-plugin-svelte": "^3.3.2",
"svelte": "^5.14.4", "svelte": "^5.17.1",
"svelte-check": "^4.1.1", "svelte-check": "^4.1.3",
"tslib": "^2.8.1", "tslib": "^2.8.1",
"typescript": "^5.7.2", "typescript": "^5.7.3",
"vite": "^6.0.3" "vite": "^6.0.7"
}, },
"type": "module", "type": "module",
"dependencies": { "dependencies": {
examples/svelte/src/generic-tests/edges/general.ts
+1
View File
@@ -3,6 +3,7 @@ import { MarkerType } from '@xyflow/svelte';
export default { export default {
flowProps: { flowProps: {
fitView: true, fitView: true,
multiSelectionKey: ['Meta', 's'],
nodes: [ nodes: [
{ {
id: '1', id: '1',
examples/svelte/src/routes/tests/generic/[topic]/[example]/+page.svelte
+1
View File
@@ -13,3 +13,4 @@
<SvelteFlowProvider> <SvelteFlowProvider>
<Flow flowConfig={data.flowConfig} /> <Flow flowConfig={data.flowConfig} />
</SvelteFlowProvider> </SvelteFlowProvider>
w
examples/svelte/src/routes/tests/generic/[topic]/[example]/Flow.svelte
+1 -5
View File
@@ -3,11 +3,7 @@
import '@xyflow/svelte/dist/style.css'; import '@xyflow/svelte/dist/style.css';
interface Props { let { flowConfig }: { flowConfig: FlowConfig } = $props();
flowConfig: FlowConfig;
}
let { flowConfig }: Props = $props();
// Create writables here so it is easier to create test cases // Create writables here so it is easier to create test cases
let nodes = $state.raw(flowConfig.flowProps?.nodes ?? []); let nodes = $state.raw(flowConfig.flowProps?.nodes ?? []);
packages/svelte/package.json
+7 -7
View File
@@ -50,17 +50,17 @@
"access": "public" "access": "public"
}, },
"dependencies": { "dependencies": {
"@svelte-put/shortcut": "^4.0.0", "@svelte-put/shortcut": "^4.1.0",
"@xyflow/system": "workspace:*", "@xyflow/system": "workspace:*",
"classcat": "^5.0.5" "classcat": "^5.0.5"
}, },
"devDependencies": { "devDependencies": {
"@sveltejs/adapter-auto": "^3.3.1", "@sveltejs/adapter-auto": "^3.3.1",
"@sveltejs/kit": "^2.12.1", "@sveltejs/kit": "^2.15.2",
"@sveltejs/package": "^2.3.7", "@sveltejs/package": "^2.3.7",
"@sveltejs/vite-plugin-svelte": "^5.0.3", "@sveltejs/vite-plugin-svelte": "^5.0.3",
"@typescript-eslint/eslint-plugin": "^8.18.1", "@typescript-eslint/eslint-plugin": "^8.19.1",
"@typescript-eslint/parser": "^8.18.1", "@typescript-eslint/parser": "^8.19.1",
"autoprefixer": "^10.4.20", "autoprefixer": "^10.4.20",
"cssnano": "^7.0.6", "cssnano": "^7.0.6",
"dotenv": "^16.4.7", "dotenv": "^16.4.7",
@@ -75,12 +75,12 @@
"postcss-rename": "^0.6.1", "postcss-rename": "^0.6.1",
"prettier": "^3.4.2", "prettier": "^3.4.2",
"prettier-plugin-svelte": "^3.3.2", "prettier-plugin-svelte": "^3.3.2",
"svelte": "^5.14.4", "svelte": "^5.17.1",
"svelte-check": "^4.1.1", "svelte-check": "^4.1.3",
"svelte-eslint-parser": "^0.43.0", "svelte-eslint-parser": "^0.43.0",
"svelte-preprocess": "^6.0.3", "svelte-preprocess": "^6.0.3",
"tslib": "^2.8.1", "tslib": "^2.8.1",
"typescript": "^5.7.2" "typescript": "^5.7.3"
}, },
"peerDependencies": { "peerDependencies": {
"svelte": "^5.0.0" "svelte": "^5.0.0"
packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte
+4 -2
View File
@@ -4,7 +4,7 @@
type ShortcutEventDetail, type ShortcutEventDetail,
type ShortcutModifierDefinition type ShortcutModifierDefinition
} from '@svelte-put/shortcut'; } from '@svelte-put/shortcut';
import { getElementsToRemove, isInputDOMNode, isMacOs } from '@xyflow/system'; import { isInputDOMNode, isMacOs } from '@xyflow/system';
import type { KeyHandlerProps } from './types'; import type { KeyHandlerProps } from './types';
import type { KeyDefinition, KeyDefinitionObject } from '$lib/types'; import type { KeyDefinition, KeyDefinitionObject } from '$lib/types';
@@ -94,7 +94,9 @@
type: 'keyup' type: 'keyup'
}} }}
use:shortcut={{ use:shortcut={{
trigger: getShortcutTrigger(multiSelectionKey, () => (store.multiselectionKeyPressed = true)), trigger: getShortcutTrigger(multiSelectionKey, () => {
store.multiselectionKeyPressed = true;
}),
type: 'keydown' type: 'keydown'
}} }}
use:shortcut={{ use:shortcut={{
pnpm-lock.yaml
Generated
+309 -293
View File
File diff suppressed because it is too large Load Diff
tests/playwright/e2e/nodes.spec.ts
+1 -1
View File
@@ -176,7 +176,7 @@ test.describe('Nodes', () => {
}); });
test('connecting two output handles does not work', async ({ page }) => { test('connecting two output handles does not work', async ({ page }) => {
const firstOutputHandle = page.locator(`.${FRAMEWORK}-flow__handle`).and(page.locator('[data-nodeid="Node-2"]')); const firstOutputHandle = page.locator('[data-nodeid="Node-2"]').and(page.locator(`.${FRAMEWORK}-flow__handle`));
const secondOutputHandle = page.locator(`.${FRAMEWORK}-flow__handle`).and(page.locator('[data-nodeid="Node-4"]')); const secondOutputHandle = page.locator(`.${FRAMEWORK}-flow__handle`).and(page.locator('[data-nodeid="Node-4"]'));
await expect(firstOutputHandle).toBeInViewport(); await expect(firstOutputHandle).toBeInViewport();
tests/playwright/package-lock.json
Generated
+31 -31
View File
@@ -9,15 +9,15 @@
"version": "1.0.0", "version": "1.0.0",
"license": "ISC", "license": "ISC",
"dependencies": { "dependencies": {
"@playwright/experimental-ct-react": "^1.44.1", "@playwright/experimental-ct-react": "^1.49.1",
"@types/react": "^18.3.3", "@types/react": "^18.3.3",
"@types/react-dom": "^18.3.0", "@types/react-dom": "^18.3.0",
"react": "^18.3.1", "react": "^18.3.1",
"react-dom": "^18.3.1", "react-dom": "^18.3.1",
"typescript": "^5.4.5" "typescript": "^5.7.3"
}, },
"devDependencies": { "devDependencies": {
"@playwright/test": "^1.44.1", "@playwright/test": "^1.49.1",
"@types/node": "^20.14.6" "@types/node": "^20.14.6"
} }
}, },
@@ -730,46 +730,46 @@
} }
}, },
"node_modules/@playwright/experimental-ct-core": { "node_modules/@playwright/experimental-ct-core": {
"version": "1.44.1", "version": "1.49.1",
"resolved": "https://registry.npmjs.org/@playwright/experimental-ct-core/-/experimental-ct-core-1.44.1.tgz", "resolved": "https://registry.npmjs.org/@playwright/experimental-ct-core/-/experimental-ct-core-1.49.1.tgz",
"integrity": "sha512-IqeXzfmpHH8yHA0fGQ//l/tDJHzUmg2dQj3t28E1tCshvnYc9fVr53Na9+/B8ME//vw0UFpv+CSKcOTHwWrhQg==", "integrity": "sha512-MZ0by8hLo/2qGHoo3SSbdxTNwKXrw06rqqA64TEiwOBjzpbYAaCuA3+BemXpMFfa0nU6ivO4h/sFdA8Zv9ns+g==",
"dependencies": { "dependencies": {
"playwright": "1.44.1", "playwright": "1.49.1",
"playwright-core": "1.44.1", "playwright-core": "1.49.1",
"vite": "^5.2.8" "vite": "^5.2.8"
}, },
"engines": { "engines": {
"node": ">=16" "node": ">=18"
} }
}, },
"node_modules/@playwright/experimental-ct-react": { "node_modules/@playwright/experimental-ct-react": {
"version": "1.44.1", "version": "1.49.1",
"resolved": "https://registry.npmjs.org/@playwright/experimental-ct-react/-/experimental-ct-react-1.44.1.tgz", "resolved": "https://registry.npmjs.org/@playwright/experimental-ct-react/-/experimental-ct-react-1.49.1.tgz",
"integrity": "sha512-qRhv2zmZVwtzAYWwQO4j+It0S5zLUuZg/7Ke61ymCC5jGqlwf2kYqogFxBiDdhAO1sz/dN0UtdU+6df0HK5yzw==", "integrity": "sha512-kQTSzVkFd05x1kY8Q/XaF3xg3dd3AH31976N0zCVVQ3pw/qpa3jtdjoj7/30eblU5eVlg0ELMV7pjL5lUjJzzw==",
"dependencies": { "dependencies": {
"@playwright/experimental-ct-core": "1.44.1", "@playwright/experimental-ct-core": "1.49.1",
"@vitejs/plugin-react": "^4.2.1" "@vitejs/plugin-react": "^4.2.1"
}, },
"bin": { "bin": {
"playwright": "cli.js" "playwright": "cli.js"
}, },
"engines": { "engines": {
"node": ">=16" "node": ">=18"
} }
}, },
"node_modules/@playwright/test": { "node_modules/@playwright/test": {
"version": "1.44.1", "version": "1.49.1",
"resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.44.1.tgz", "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.49.1.tgz",
"integrity": "sha512-1hZ4TNvD5z9VuhNJ/walIjvMVvYkZKf71axoF/uiAqpntQJXpG64dlXhoDXE3OczPuTuvjf/M5KWFg5VAVUS3Q==", "integrity": "sha512-Ky+BVzPz8pL6PQxHqNRW1k3mIyv933LML7HktS8uik0bUXNCdPhoS/kLihiO1tMf/egaJb4IutXd7UywvXEW+g==",
"dev": true, "dev": true,
"dependencies": { "dependencies": {
"playwright": "1.44.1" "playwright": "1.49.1"
}, },
"bin": { "bin": {
"playwright": "cli.js" "playwright": "cli.js"
}, },
"engines": { "engines": {
"node": ">=16" "node": ">=18"
} }
}, },
"node_modules/@rollup/rollup-android-arm-eabi": { "node_modules/@rollup/rollup-android-arm-eabi": {
@@ -1342,31 +1342,31 @@
"integrity": "sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==" "integrity": "sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew=="
}, },
"node_modules/playwright": { "node_modules/playwright": {
"version": "1.44.1", "version": "1.49.1",
"resolved": "https://registry.npmjs.org/playwright/-/playwright-1.44.1.tgz", "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.49.1.tgz",
"integrity": "sha512-qr/0UJ5CFAtloI3avF95Y0L1xQo6r3LQArLIg/z/PoGJ6xa+EwzrwO5lpNr/09STxdHuUoP2mvuELJS+hLdtgg==", "integrity": "sha512-VYL8zLoNTBxVOrJBbDuRgDWa3i+mfQgDTrL8Ah9QXZ7ax4Dsj0MSq5bYgytRnDVVe+njoKnfsYkH3HzqVj5UZA==",
"dependencies": { "dependencies": {
"playwright-core": "1.44.1" "playwright-core": "1.49.1"
}, },
"bin": { "bin": {
"playwright": "cli.js" "playwright": "cli.js"
}, },
"engines": { "engines": {
"node": ">=16" "node": ">=18"
}, },
"optionalDependencies": { "optionalDependencies": {
"fsevents": "2.3.2" "fsevents": "2.3.2"
} }
}, },
"node_modules/playwright-core": { "node_modules/playwright-core": {
"version": "1.44.1", "version": "1.49.1",
"resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.44.1.tgz", "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.49.1.tgz",
"integrity": "sha512-wh0JWtYTrhv1+OSsLPgFzGzt67Y7BE/ZS3jEqgGBlp2ppp1ZDj8c+9IARNW4dwf1poq5MgHreEM2KV/GuR4cFA==", "integrity": "sha512-BzmpVcs4kE2CH15rWfzpjzVGhWERJfmnXmniSyKeRZUs9Ws65m+RGIi7mjJK/euCegfn3i7jvqWeWyHe9y3Vgg==",
"bin": { "bin": {
"playwright-core": "cli.js" "playwright-core": "cli.js"
}, },
"engines": { "engines": {
"node": ">=16" "node": ">=18"
} }
}, },
"node_modules/postcss": { "node_modules/postcss": {
@@ -1505,9 +1505,9 @@
} }
}, },
"node_modules/typescript": { "node_modules/typescript": {
"version": "5.4.5", "version": "5.7.3",
"resolved": "https://registry.npmjs.org/typescript/-/typescript-5.4.5.tgz", "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.7.3.tgz",
"integrity": "sha512-vcI4UpRgg81oIRUFwR0WSIHKt11nJ7SAVlYNIu+QpqeyXP+gpQJy/Z4+F0aGxSE4MqwjyXvW/TzgkLAx2AGHwQ==", "integrity": "sha512-84MVSjMEHP+FQRPy3pX9sTVV/INIex71s9TL2Gm5FG/WG1SqXeKyZ0k7/blY/4FdOzI12CBy1vGc4og/eus0fw==",
"bin": { "bin": {
"tsc": "bin/tsc", "tsc": "bin/tsc",
"tsserver": "bin/tsserver" "tsserver": "bin/tsserver"
tests/playwright/package.json
+3 -3
View File
@@ -14,15 +14,15 @@
"author": "", "author": "",
"license": "ISC", "license": "ISC",
"devDependencies": { "devDependencies": {
"@playwright/test": "^1.45.0", "@playwright/test": "^1.49.1",
"@types/node": "^20.14.6" "@types/node": "^20.14.6"
}, },
"dependencies": { "dependencies": {
"@playwright/experimental-ct-react": "^1.45.0", "@playwright/experimental-ct-react": "^1.49.1",
"@types/react": "^18.3.3", "@types/react": "^18.3.3",
"@types/react-dom": "^18.3.0", "@types/react-dom": "^18.3.0",
"react": "^18.3.1", "react": "^18.3.1",
"react-dom": "^18.3.1", "react-dom": "^18.3.1",
"typescript": "^5.4.5" "typescript": "^5.7.3"
} }
} }