migrate all components
This commit is contained in:
@@ -21,7 +21,7 @@
|
|||||||
"eslint-plugin-svelte": "^2.46.0",
|
"eslint-plugin-svelte": "^2.46.0",
|
||||||
"prettier": "^3.3.3",
|
"prettier": "^3.3.3",
|
||||||
"prettier-plugin-svelte": "^3.2.8",
|
"prettier-plugin-svelte": "^3.2.8",
|
||||||
"svelte": "^5.1.15",
|
"svelte": "^5.1.16",
|
||||||
"svelte-check": "^4.0.7",
|
"svelte-check": "^4.0.7",
|
||||||
"tslib": "^2.8.1",
|
"tslib": "^2.8.1",
|
||||||
"typescript": "^5.6.3",
|
"typescript": "^5.6.3",
|
||||||
|
|||||||
@@ -50,7 +50,7 @@
|
|||||||
"access": "public"
|
"access": "public"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@svelte-put/shortcut": "^3.1.0",
|
"@svelte-put/shortcut": "^4.0.0",
|
||||||
"@xyflow/system": "workspace:*",
|
"@xyflow/system": "workspace:*",
|
||||||
"classcat": "^5.0.5"
|
"classcat": "^5.0.5"
|
||||||
},
|
},
|
||||||
@@ -74,7 +74,7 @@
|
|||||||
"postcss-rename": "^0.6.1",
|
"postcss-rename": "^0.6.1",
|
||||||
"prettier": "^3.3.3",
|
"prettier": "^3.3.3",
|
||||||
"prettier-plugin-svelte": "^3.2.8",
|
"prettier-plugin-svelte": "^3.2.8",
|
||||||
"svelte": "^5.1.15",
|
"svelte": "^5.1.16",
|
||||||
"svelte-check": "^4.0.7",
|
"svelte-check": "^4.0.7",
|
||||||
"svelte-eslint-parser": "^0.43.0",
|
"svelte-eslint-parser": "^0.43.0",
|
||||||
"svelte-preprocess": "^6.0.3",
|
"svelte-preprocess": "^6.0.3",
|
||||||
|
|||||||
@@ -1,90 +1,86 @@
|
|||||||
<svelte:options immutable />
|
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { createEventDispatcher, setContext } from 'svelte';
|
import { setContext } from 'svelte';
|
||||||
import cc from 'classcat';
|
import cc from 'classcat';
|
||||||
|
|
||||||
import { getMarkerId } from '@xyflow/system';
|
import { getMarkerId } from '@xyflow/system';
|
||||||
|
|
||||||
import { useStore } from '$lib/store';
|
import { useStore } from '$lib/store';
|
||||||
import { BezierEdgeInternal } from '$lib/components/edges';
|
import { BezierEdgeInternal } from '$lib/components/edges';
|
||||||
import type { EdgeLayouted, Edge } from '$lib/types';
|
|
||||||
import { useHandleEdgeSelect } from '$lib/hooks/useHandleEdgeSelect';
|
import { useHandleEdgeSelect } from '$lib/hooks/useHandleEdgeSelect';
|
||||||
|
|
||||||
type $$Props = EdgeLayouted;
|
import type { EdgeLayouted, Edge, EdgeEvents } from '$lib/types';
|
||||||
|
|
||||||
export let id: $$Props['id'];
|
const {
|
||||||
export let type: $$Props['type'] = 'default';
|
id,
|
||||||
export let source: $$Props['source'] = '';
|
type = 'default',
|
||||||
export let target: $$Props['target'] = '';
|
source,
|
||||||
export let data: $$Props['data'] = {};
|
target,
|
||||||
export let style: $$Props['style'] = undefined;
|
data = {},
|
||||||
export let zIndex: $$Props['zIndex'] = undefined;
|
style,
|
||||||
|
zIndex,
|
||||||
export let animated: $$Props['animated'] = false;
|
animated = false,
|
||||||
export let selected: $$Props['selected'] = false;
|
selected = false,
|
||||||
export let selectable: $$Props['selectable'] = undefined;
|
selectable,
|
||||||
export let deletable: $$Props['deletable'] = undefined;
|
deletable,
|
||||||
export let hidden: $$Props['hidden'] = false;
|
hidden,
|
||||||
export let label: $$Props['label'] = undefined;
|
label,
|
||||||
export let labelStyle: $$Props['labelStyle'] = undefined;
|
labelStyle,
|
||||||
export let markerStart: $$Props['markerStart'] = undefined;
|
markerStart,
|
||||||
export let markerEnd: $$Props['markerEnd'] = undefined;
|
markerEnd,
|
||||||
export let sourceHandle: $$Props['sourceHandle'] = undefined;
|
sourceHandle,
|
||||||
export let targetHandle: $$Props['targetHandle'] = undefined;
|
targetHandle,
|
||||||
export let sourceX: $$Props['sourceX'];
|
sourceX,
|
||||||
export let sourceY: $$Props['sourceY'];
|
sourceY,
|
||||||
export let targetX: $$Props['targetX'];
|
targetX,
|
||||||
export let targetY: $$Props['targetY'];
|
targetY,
|
||||||
export let sourcePosition: $$Props['sourcePosition'];
|
sourcePosition,
|
||||||
export let targetPosition: $$Props['targetPosition'];
|
targetPosition,
|
||||||
export let ariaLabel: $$Props['ariaLabel'] = undefined;
|
ariaLabel,
|
||||||
export let interactionWidth: $$Props['interactionWidth'] = undefined;
|
interactionWidth,
|
||||||
|
class: className,
|
||||||
// TODO SVELTE5
|
onedgeclick,
|
||||||
|
onedgecontextmenu,
|
||||||
// @ todo: support edge updates
|
onedgemouseenter,
|
||||||
let className: string = '';
|
onedgemouseleave
|
||||||
export { className as class };
|
}: EdgeLayouted & EdgeEvents = $props();
|
||||||
|
|
||||||
setContext('svelteflow__edge_id', id);
|
setContext('svelteflow__edge_id', id);
|
||||||
|
|
||||||
const { edgeLookup, edgeTypes, flowId, elementsSelectable } = useStore();
|
const { edgeLookup, edgeTypes, flowId, elementsSelectable } = useStore();
|
||||||
const dispatch = createEventDispatcher<{
|
|
||||||
edgeclick: { edge: Edge; event: MouseEvent | TouchEvent };
|
|
||||||
edgecontextmenu: { edge: Edge; event: MouseEvent };
|
|
||||||
edgemouseenter: { edge: Edge; event: MouseEvent };
|
|
||||||
edgemouseleave: { edge: Edge; event: MouseEvent };
|
|
||||||
}>();
|
|
||||||
|
|
||||||
$: edgeType = type || 'default';
|
let edgeType = $derived(type ?? 'default');
|
||||||
$: edgeComponent = $edgeTypes[edgeType] || BezierEdgeInternal;
|
let EdgeComponent = $derived($edgeTypes[edgeType] ?? BezierEdgeInternal);
|
||||||
$: markerStartUrl = markerStart ? `url('#${getMarkerId(markerStart, $flowId)}')` : undefined;
|
let markerStartUrl = $derived(
|
||||||
$: markerEndUrl = markerEnd ? `url('#${getMarkerId(markerEnd, $flowId)}')` : undefined;
|
markerStart ? `url('#${getMarkerId(markerStart, $flowId)}')` : undefined
|
||||||
$: isSelectable = selectable ?? $elementsSelectable;
|
);
|
||||||
|
let markerEndUrl = $derived(markerEnd ? `url('#${getMarkerId(markerEnd, $flowId)}')` : undefined);
|
||||||
|
let isSelectable = $derived(selectable ?? $elementsSelectable);
|
||||||
|
|
||||||
const handleEdgeSelect = useHandleEdgeSelect();
|
const handleEdgeSelect = useHandleEdgeSelect();
|
||||||
|
|
||||||
function onClick(event: MouseEvent | TouchEvent) {
|
function onclick(event: MouseEvent | TouchEvent) {
|
||||||
const edge = $edgeLookup.get(id);
|
const edge = $edgeLookup.get(id);
|
||||||
|
|
||||||
if (edge) {
|
if (edge) {
|
||||||
handleEdgeSelect(id);
|
handleEdgeSelect(id);
|
||||||
dispatch('edgeclick', { event, edge });
|
onedgeclick?.({ event, edge });
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
type EdgeMouseEvent = 'edgecontextmenu' | 'edgemouseenter' | 'edgemouseleave';
|
function onMouseEvent(
|
||||||
function onMouseEvent(event: MouseEvent, type: EdgeMouseEvent) {
|
event: MouseEvent,
|
||||||
|
callback: ({ edge, event }: { edge: Edge; event: MouseEvent }) => void
|
||||||
|
) {
|
||||||
const edge = $edgeLookup.get(id);
|
const edge = $edgeLookup.get(id);
|
||||||
|
|
||||||
if (edge) {
|
if (edge) {
|
||||||
dispatch(type, { event, edge });
|
callback({ event, edge });
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<!-- svelte-ignore a11y-click-events-have-key-events -->
|
<!-- svelte-ignore a11y_click_events_have_key_events -->
|
||||||
<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
|
<!-- svelte-ignore a11y_no_noninteractive_element_interactions -->
|
||||||
{#if !hidden}
|
{#if !hidden}
|
||||||
<svg style:z-index={zIndex}>
|
<svg style:z-index={zIndex}>
|
||||||
<g
|
<g
|
||||||
@@ -93,16 +89,22 @@
|
|||||||
class:selected
|
class:selected
|
||||||
class:selectable={isSelectable}
|
class:selectable={isSelectable}
|
||||||
data-id={id}
|
data-id={id}
|
||||||
on:click={onClick}
|
{onclick}
|
||||||
on:contextmenu={(e) => {
|
oncontextmenu={onedgecontextmenu
|
||||||
onMouseEvent(e, 'edgecontextmenu');
|
? (e) => {
|
||||||
}}
|
onMouseEvent(e, onedgecontextmenu);
|
||||||
on:mouseenter={(e) => {
|
}
|
||||||
onMouseEvent(e, 'edgemouseenter');
|
: undefined}
|
||||||
}}
|
onmouseenter={onedgemouseenter
|
||||||
on:mouseleave={(e) => {
|
? (e) => {
|
||||||
onMouseEvent(e, 'edgemouseleave');
|
onMouseEvent(e, onedgemouseenter);
|
||||||
}}
|
}
|
||||||
|
: undefined}
|
||||||
|
onmouseleave={onedgemouseleave
|
||||||
|
? (e) => {
|
||||||
|
onMouseEvent(e, onedgemouseleave);
|
||||||
|
}
|
||||||
|
: undefined}
|
||||||
aria-label={ariaLabel === null
|
aria-label={ariaLabel === null
|
||||||
? undefined
|
? undefined
|
||||||
: ariaLabel
|
: ariaLabel
|
||||||
@@ -110,8 +112,7 @@
|
|||||||
: `Edge from ${source} to ${target}`}
|
: `Edge from ${source} to ${target}`}
|
||||||
role="img"
|
role="img"
|
||||||
>
|
>
|
||||||
<svelte:component
|
<EdgeComponent
|
||||||
this={edgeComponent}
|
|
||||||
{id}
|
{id}
|
||||||
{source}
|
{source}
|
||||||
{target}
|
{target}
|
||||||
|
|||||||
@@ -1,7 +1,5 @@
|
|||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
//TODO SVELTE5
|
|
||||||
import { getContext } from 'svelte';
|
import { getContext } from 'svelte';
|
||||||
import type { Writable } from 'svelte/store';
|
|
||||||
import cc from 'classcat';
|
import cc from 'classcat';
|
||||||
import {
|
import {
|
||||||
Position,
|
Position,
|
||||||
@@ -15,34 +13,32 @@
|
|||||||
|
|
||||||
import { useStore } from '$lib/store';
|
import { useStore } from '$lib/store';
|
||||||
import type { HandleProps } from '$lib/types';
|
import type { HandleProps } from '$lib/types';
|
||||||
|
import type { ConnectableContext } from '../NodeWrapper/types';
|
||||||
|
|
||||||
type $$Props = HandleProps;
|
let {
|
||||||
|
id: handleId = null,
|
||||||
export let id: $$Props['id'] = undefined;
|
type = 'source',
|
||||||
export let type: $$Props['type'] = 'source';
|
position = Position.Top,
|
||||||
export let position: $$Props['position'] = Position.Top;
|
style,
|
||||||
export let style: $$Props['style'] = undefined;
|
class: className,
|
||||||
export let isValidConnection: $$Props['isValidConnection'] = undefined;
|
isConnectable: isConnectableProp,
|
||||||
export let onconnect: $$Props['onconnect'] = undefined;
|
isValidConnection: isValidConnectionProp,
|
||||||
export let ondisconnect: $$Props['ondisconnect'] = undefined;
|
onconnect,
|
||||||
|
ondisconnect,
|
||||||
|
children
|
||||||
|
}: HandleProps = $props();
|
||||||
// @todo implement connectablestart, connectableend
|
// @todo implement connectablestart, connectableend
|
||||||
// export let isConnectableStart: $$Props['isConnectableStart'] = undefined;
|
// export let isConnectableStart: $$Props['isConnectableStart'] = undefined;
|
||||||
// export let isConnectableEnd: $$Props['isConnectableEnd'] = undefined;
|
// export let isConnectableEnd: $$Props['isConnectableEnd'] = undefined;
|
||||||
|
|
||||||
let isConnectableProp: $$Props['isConnectable'] = undefined;
|
|
||||||
export { isConnectableProp as isConnectable };
|
|
||||||
|
|
||||||
let className: $$Props['class'] = undefined;
|
|
||||||
export { className as class };
|
|
||||||
|
|
||||||
$: isTarget = type === 'target';
|
|
||||||
const nodeId = getContext<string>('svelteflow__node_id');
|
const nodeId = getContext<string>('svelteflow__node_id');
|
||||||
const connectable = getContext<Writable<boolean>>('svelteflow__node_connectable');
|
const isConnectableContext = getContext<ConnectableContext>('svelteflow__node_connectable');
|
||||||
$: isConnectable = isConnectableProp !== undefined ? isConnectableProp : $connectable;
|
|
||||||
|
|
||||||
$: handleId = id || null;
|
let isTarget = $derived(type === 'target');
|
||||||
|
let isConnectable = $derived(
|
||||||
|
isConnectableProp !== undefined ? isConnectableProp : isConnectableContext.value
|
||||||
|
);
|
||||||
|
|
||||||
const store = useStore();
|
|
||||||
const {
|
const {
|
||||||
connectionMode,
|
connectionMode,
|
||||||
domNode,
|
domNode,
|
||||||
@@ -64,7 +60,7 @@
|
|||||||
onconnectend: onConnectEndAction,
|
onconnectend: onConnectEndAction,
|
||||||
flowId,
|
flowId,
|
||||||
connection
|
connection
|
||||||
} = store;
|
} = useStore();
|
||||||
|
|
||||||
function onPointerDown(event: MouseEvent | TouchEvent) {
|
function onPointerDown(event: MouseEvent | TouchEvent) {
|
||||||
const isMouseTriggered = isMouseEvent(event);
|
const isMouseTriggered = isMouseEvent(event);
|
||||||
@@ -81,7 +77,7 @@
|
|||||||
lib: $lib,
|
lib: $lib,
|
||||||
autoPanOnConnect: $autoPanOnConnect,
|
autoPanOnConnect: $autoPanOnConnect,
|
||||||
flowId: $flowId,
|
flowId: $flowId,
|
||||||
isValidConnection: isValidConnection ?? $isValidConnectionStore,
|
isValidConnection: isValidConnectionProp ?? $isValidConnectionStore,
|
||||||
updateConnection,
|
updateConnection,
|
||||||
cancelConnection,
|
cancelConnection,
|
||||||
panBy,
|
panBy,
|
||||||
@@ -112,39 +108,45 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
let prevConnections: Map<string, HandleConnection> | null = null;
|
let prevConnections: Map<string, HandleConnection> | null = null;
|
||||||
let connections: Map<string, HandleConnection> | undefined;
|
$effect.pre(() => {
|
||||||
|
|
||||||
$: if (onconnect || ondisconnect) {
|
|
||||||
// connectionLookup is not reactive, so we use edges to get notified about updates
|
// connectionLookup is not reactive, so we use edges to get notified about updates
|
||||||
$edges;
|
$edges;
|
||||||
connections = $connectionLookup.get(`${nodeId}-${type}-${id || null}`);
|
if (onconnect || ondisconnect) {
|
||||||
}
|
let connections = $connectionLookup.get(`${nodeId}-${type}-${handleId}`);
|
||||||
|
|
||||||
$: {
|
if (prevConnections && !areConnectionMapsEqual(connections, prevConnections)) {
|
||||||
if (prevConnections && !areConnectionMapsEqual(connections, prevConnections)) {
|
const _connections = connections ?? new Map();
|
||||||
const _connections = connections ?? new Map();
|
|
||||||
|
|
||||||
handleConnectionChange(prevConnections, _connections, ondisconnect);
|
handleConnectionChange(prevConnections, _connections, ondisconnect);
|
||||||
handleConnectionChange(_connections, prevConnections, onconnect);
|
handleConnectionChange(_connections, prevConnections, onconnect);
|
||||||
|
}
|
||||||
|
|
||||||
|
prevConnections = new Map(connections);
|
||||||
}
|
}
|
||||||
|
});
|
||||||
|
|
||||||
prevConnections = connections ?? new Map();
|
let [connectionInProcess, connectingFrom, connectingTo, isPossibleEndHandle, valid] = $derived.by(
|
||||||
}
|
() => {
|
||||||
|
const { fromHandle, toHandle, isValid } = $connection;
|
||||||
|
|
||||||
$: connectionInProcess = !!$connection.fromHandle;
|
const connectionInProcess = !!fromHandle;
|
||||||
$: connectingFrom =
|
|
||||||
$connection.fromHandle?.nodeId === nodeId &&
|
const connectingFrom =
|
||||||
$connection.fromHandle?.type === type &&
|
fromHandle?.nodeId === nodeId && fromHandle?.type === type && fromHandle?.id === handleId;
|
||||||
$connection.fromHandle?.id === handleId;
|
|
||||||
$: connectingTo =
|
const connectingTo =
|
||||||
$connection.toHandle?.nodeId === nodeId &&
|
toHandle?.nodeId === nodeId && toHandle?.type === type && toHandle?.id === handleId;
|
||||||
$connection.toHandle?.type === type &&
|
|
||||||
$connection.toHandle?.id === handleId;
|
const isPossibleEndHandle =
|
||||||
$: isPossibleEndHandle =
|
$connectionMode === ConnectionMode.Strict
|
||||||
$connectionMode === ConnectionMode.Strict
|
? fromHandle?.type !== type
|
||||||
? $connection.fromHandle?.type !== type
|
: nodeId !== fromHandle?.nodeId || handleId !== fromHandle?.id;
|
||||||
: nodeId !== $connection.fromHandle?.nodeId || handleId !== $connection.fromHandle?.id;
|
|
||||||
$: valid = connectingTo && $connection.isValid;
|
const valid = connectingTo && isValid;
|
||||||
|
|
||||||
|
return [connectionInProcess, connectingFrom, connectingTo, isPossibleEndHandle, valid];
|
||||||
|
}
|
||||||
|
);
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<!--
|
<!--
|
||||||
@@ -155,7 +157,7 @@ The Handle component is the part of a node that can be used to connect nodes.
|
|||||||
data-handleid={handleId}
|
data-handleid={handleId}
|
||||||
data-nodeid={nodeId}
|
data-nodeid={nodeId}
|
||||||
data-handlepos={position}
|
data-handlepos={position}
|
||||||
data-id="{$flowId}-{nodeId}-{id || null}-{type}"
|
data-id="{$flowId}-{nodeId}-{handleId}-{type}"
|
||||||
class={cc([
|
class={cc([
|
||||||
'svelte-flow__handle',
|
'svelte-flow__handle',
|
||||||
`svelte-flow__handle-${position}`,
|
`svelte-flow__handle-${position}`,
|
||||||
@@ -173,11 +175,11 @@ The Handle component is the part of a node that can be used to connect nodes.
|
|||||||
class:connectableend={isConnectable}
|
class:connectableend={isConnectable}
|
||||||
class:connectable={isConnectable}
|
class:connectable={isConnectable}
|
||||||
class:connectionindicator={isConnectable && (!connectionInProcess || isPossibleEndHandle)}
|
class:connectionindicator={isConnectable && (!connectionInProcess || isPossibleEndHandle)}
|
||||||
on:mousedown={onPointerDown}
|
onmousedown={onPointerDown}
|
||||||
on:touchstart={onPointerDown}
|
ontouchstart={onPointerDown}
|
||||||
{style}
|
{style}
|
||||||
role="button"
|
role="button"
|
||||||
tabindex="-1"
|
tabindex="-1"
|
||||||
>
|
>
|
||||||
<slot />
|
{@render children?.()}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -7,7 +7,7 @@
|
|||||||
import drag from '$lib/actions/drag';
|
import drag from '$lib/actions/drag';
|
||||||
import { useStore } from '$lib/store';
|
import { useStore } from '$lib/store';
|
||||||
import DefaultNode from '$lib/components/nodes/DefaultNode.svelte';
|
import DefaultNode from '$lib/components/nodes/DefaultNode.svelte';
|
||||||
import type { NodeWrapperProps } from './types';
|
import type { ConnectableContext, NodeWrapperProps } from './types';
|
||||||
import { getNodeInlineStyleDimensions } from './utils';
|
import { getNodeInlineStyleDimensions } from './utils';
|
||||||
import type { NodeEvents } from '$lib/types';
|
import type { NodeEvents } from '$lib/types';
|
||||||
|
|
||||||
@@ -64,14 +64,20 @@
|
|||||||
let nodeRef: HTMLDivElement | null = $state(null);
|
let nodeRef: HTMLDivElement | null = $state(null);
|
||||||
let prevNodeRef: HTMLDivElement | null = null;
|
let prevNodeRef: HTMLDivElement | null = null;
|
||||||
|
|
||||||
const connectableStore = writable(connectable);
|
|
||||||
|
|
||||||
let prevType: string | undefined;
|
let prevType: string | undefined;
|
||||||
let prevSourcePosition: Position | undefined;
|
let prevSourcePosition: Position | undefined;
|
||||||
let prevTargetPosition: Position | undefined;
|
let prevTargetPosition: Position | undefined;
|
||||||
|
|
||||||
let NodeComponent = $derived($nodeTypes[type] ?? DefaultNode);
|
let NodeComponent = $derived($nodeTypes[type] ?? DefaultNode);
|
||||||
|
|
||||||
|
let connectableContext: ConnectableContext = {
|
||||||
|
get value() {
|
||||||
|
return connectable;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
setContext('svelteflow__node_connectable', connectableContext);
|
||||||
|
setContext('svelteflow__node_id', id);
|
||||||
|
|
||||||
if (process.env.NODE_ENV === 'development') {
|
if (process.env.NODE_ENV === 'development') {
|
||||||
$effect(() => {
|
$effect(() => {
|
||||||
const valid = !!$nodeTypes[type];
|
const valid = !!$nodeTypes[type];
|
||||||
@@ -92,10 +98,6 @@
|
|||||||
})
|
})
|
||||||
);
|
);
|
||||||
|
|
||||||
$effect(() => {
|
|
||||||
connectableStore.set(!!connectable);
|
|
||||||
});
|
|
||||||
|
|
||||||
$effect(() => {
|
$effect(() => {
|
||||||
// if type, sourcePosition or targetPosition changes,
|
// if type, sourcePosition or targetPosition changes,
|
||||||
// we need to re-calculate the handle positions
|
// we need to re-calculate the handle positions
|
||||||
@@ -128,9 +130,6 @@
|
|||||||
prevTargetPosition = targetPosition;
|
prevTargetPosition = targetPosition;
|
||||||
});
|
});
|
||||||
|
|
||||||
setContext('svelteflow__node_id', id);
|
|
||||||
setContext('svelteflow__node_connectable', connectableStore);
|
|
||||||
|
|
||||||
// TODO: extract this part!
|
// TODO: extract this part!
|
||||||
$effect(() => {
|
$effect(() => {
|
||||||
// TODO: HOLY MOLY! changing the order of the initialized breaks effect subscriptions
|
// TODO: HOLY MOLY! changing the order of the initialized breaks effect subscriptions
|
||||||
@@ -215,7 +214,7 @@
|
|||||||
{dragHandle}
|
{dragHandle}
|
||||||
{parentId}
|
{parentId}
|
||||||
{type}
|
{type}
|
||||||
isConnectable={$connectableStore}
|
isConnectable={connectable}
|
||||||
positionAbsoluteX={positionX}
|
positionAbsoluteX={positionX}
|
||||||
positionAbsoluteY={positionY}
|
positionAbsoluteY={positionY}
|
||||||
{width}
|
{width}
|
||||||
|
|||||||
@@ -1,5 +1,9 @@
|
|||||||
import type { InternalNode, Node } from '$lib/types';
|
import type { InternalNode, Node } from '$lib/types';
|
||||||
|
|
||||||
|
export type ConnectableContext = {
|
||||||
|
value: boolean;
|
||||||
|
};
|
||||||
|
|
||||||
export type NodeWrapperProps = Pick<
|
export type NodeWrapperProps = Pick<
|
||||||
Node,
|
Node,
|
||||||
| 'id'
|
| 'id'
|
||||||
|
|||||||
@@ -1,3 +1,4 @@
|
|||||||
|
import type { Snippet } from 'svelte';
|
||||||
import type { ShortcutModifierDefinition } from '@svelte-put/shortcut';
|
import type { ShortcutModifierDefinition } from '@svelte-put/shortcut';
|
||||||
import type {
|
import type {
|
||||||
FitViewOptionsBase,
|
FitViewOptionsBase,
|
||||||
@@ -27,6 +28,7 @@ export type HandleProps = HandlePropsSystem & {
|
|||||||
style?: string;
|
style?: string;
|
||||||
onconnect?: (connections: Connection[]) => void;
|
onconnect?: (connections: Connection[]) => void;
|
||||||
ondisconnect?: (connections: Connection[]) => void;
|
ondisconnect?: (connections: Connection[]) => void;
|
||||||
|
children?: Snippet;
|
||||||
};
|
};
|
||||||
|
|
||||||
export type FitViewOptions<NodeType extends Node = Node> = FitViewOptionsBase<NodeType>;
|
export type FitViewOptions<NodeType extends Node = Node> = FitViewOptionsBase<NodeType>;
|
||||||
|
|||||||
@@ -36,5 +36,5 @@ export type HandleProps = {
|
|||||||
/** Id of the handle
|
/** Id of the handle
|
||||||
* @remarks optional if there is only one handle of this type
|
* @remarks optional if there is only one handle of this type
|
||||||
*/
|
*/
|
||||||
id?: string;
|
id?: string | null;
|
||||||
};
|
};
|
||||||
|
|||||||
Generated
+85
-112
@@ -173,17 +173,17 @@ importers:
|
|||||||
version: 1.1.4
|
version: 1.1.4
|
||||||
'@sveltejs/vite-plugin-svelte':
|
'@sveltejs/vite-plugin-svelte':
|
||||||
specifier: ^4.0.0
|
specifier: ^4.0.0
|
||||||
version: 4.0.0(svelte@5.1.15)(vite@5.4.11(@types/node@20.14.6)(terser@5.31.0))
|
version: 4.0.0(svelte@5.1.16)(vite@5.4.11(@types/node@20.14.6)(terser@5.31.0))
|
||||||
'@xyflow/svelte':
|
'@xyflow/svelte':
|
||||||
specifier: workspace:^
|
specifier: workspace:^
|
||||||
version: link:../../packages/svelte
|
version: link:../../packages/svelte
|
||||||
devDependencies:
|
devDependencies:
|
||||||
'@sveltejs/adapter-auto':
|
'@sveltejs/adapter-auto':
|
||||||
specifier: ^3.3.1
|
specifier: ^3.3.1
|
||||||
version: 3.3.1(@sveltejs/kit@2.8.0(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.15)(vite@5.4.11(@types/node@20.14.6)(terser@5.31.0)))(svelte@5.1.15)(vite@5.4.11(@types/node@20.14.6)(terser@5.31.0)))
|
version: 3.3.1(@sveltejs/kit@2.8.0(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.16)(vite@5.4.11(@types/node@20.14.6)(terser@5.31.0)))(svelte@5.1.16)(vite@5.4.11(@types/node@20.14.6)(terser@5.31.0)))
|
||||||
'@sveltejs/kit':
|
'@sveltejs/kit':
|
||||||
specifier: ^2.8.0
|
specifier: ^2.8.0
|
||||||
version: 2.8.0(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.15)(vite@5.4.11(@types/node@20.14.6)(terser@5.31.0)))(svelte@5.1.15)(vite@5.4.11(@types/node@20.14.6)(terser@5.31.0))
|
version: 2.8.0(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.16)(vite@5.4.11(@types/node@20.14.6)(terser@5.31.0)))(svelte@5.1.16)(vite@5.4.11(@types/node@20.14.6)(terser@5.31.0))
|
||||||
'@typescript-eslint/eslint-plugin':
|
'@typescript-eslint/eslint-plugin':
|
||||||
specifier: ^8.14.0
|
specifier: ^8.14.0
|
||||||
version: 8.14.0(@typescript-eslint/parser@8.14.0(eslint@8.53.0)(typescript@5.6.3))(eslint@8.53.0)(typescript@5.6.3)
|
version: 8.14.0(@typescript-eslint/parser@8.14.0(eslint@8.53.0)(typescript@5.6.3))(eslint@8.53.0)(typescript@5.6.3)
|
||||||
@@ -198,19 +198,19 @@ importers:
|
|||||||
version: 9.1.0(eslint@8.53.0)
|
version: 9.1.0(eslint@8.53.0)
|
||||||
eslint-plugin-svelte:
|
eslint-plugin-svelte:
|
||||||
specifier: ^2.46.0
|
specifier: ^2.46.0
|
||||||
version: 2.46.0(eslint@8.53.0)(svelte@5.1.15)
|
version: 2.46.0(eslint@8.53.0)(svelte@5.1.16)
|
||||||
prettier:
|
prettier:
|
||||||
specifier: ^3.3.3
|
specifier: ^3.3.3
|
||||||
version: 3.3.3
|
version: 3.3.3
|
||||||
prettier-plugin-svelte:
|
prettier-plugin-svelte:
|
||||||
specifier: ^3.2.8
|
specifier: ^3.2.8
|
||||||
version: 3.2.8(prettier@3.3.3)(svelte@5.1.15)
|
version: 3.2.8(prettier@3.3.3)(svelte@5.1.16)
|
||||||
svelte:
|
svelte:
|
||||||
specifier: ^5.1.15
|
specifier: ^5.1.16
|
||||||
version: 5.1.15
|
version: 5.1.16
|
||||||
svelte-check:
|
svelte-check:
|
||||||
specifier: ^4.0.7
|
specifier: ^4.0.7
|
||||||
version: 4.0.7(svelte@5.1.15)(typescript@5.6.3)
|
version: 4.0.7(svelte@5.1.16)(typescript@5.6.3)
|
||||||
tslib:
|
tslib:
|
||||||
specifier: ^2.8.1
|
specifier: ^2.8.1
|
||||||
version: 2.8.1
|
version: 2.8.1
|
||||||
@@ -288,8 +288,8 @@ importers:
|
|||||||
packages/svelte:
|
packages/svelte:
|
||||||
dependencies:
|
dependencies:
|
||||||
'@svelte-put/shortcut':
|
'@svelte-put/shortcut':
|
||||||
specifier: ^3.1.0
|
specifier: ^4.0.0
|
||||||
version: 3.1.0
|
version: 4.0.0(svelte@5.1.16)
|
||||||
'@xyflow/system':
|
'@xyflow/system':
|
||||||
specifier: workspace:*
|
specifier: workspace:*
|
||||||
version: link:../system
|
version: link:../system
|
||||||
@@ -299,19 +299,19 @@ importers:
|
|||||||
devDependencies:
|
devDependencies:
|
||||||
'@sveltejs/adapter-auto':
|
'@sveltejs/adapter-auto':
|
||||||
specifier: ^3.3.1
|
specifier: ^3.3.1
|
||||||
version: 3.3.1(@sveltejs/kit@2.8.0(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.15)(vite@5.4.11(@types/node@20.14.6)(terser@5.31.0)))(svelte@5.1.15)(vite@5.4.11(@types/node@20.14.6)(terser@5.31.0)))
|
version: 3.3.1(@sveltejs/kit@2.8.0(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.16)(vite@5.4.11(@types/node@20.14.6)(terser@5.31.0)))(svelte@5.1.16)(vite@5.4.11(@types/node@20.14.6)(terser@5.31.0)))
|
||||||
'@sveltejs/kit':
|
'@sveltejs/kit':
|
||||||
specifier: ^2.8.0
|
specifier: ^2.8.0
|
||||||
version: 2.8.0(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.15)(vite@5.4.11(@types/node@20.14.6)(terser@5.31.0)))(svelte@5.1.15)(vite@5.4.11(@types/node@20.14.6)(terser@5.31.0))
|
version: 2.8.0(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.16)(vite@5.4.11(@types/node@20.14.6)(terser@5.31.0)))(svelte@5.1.16)(vite@5.4.11(@types/node@20.14.6)(terser@5.31.0))
|
||||||
'@sveltejs/package':
|
'@sveltejs/package':
|
||||||
specifier: ^2.3.7
|
specifier: ^2.3.7
|
||||||
version: 2.3.7(svelte@5.1.15)(typescript@5.4.2)
|
version: 2.3.7(svelte@5.1.16)(typescript@5.6.3)
|
||||||
'@typescript-eslint/eslint-plugin':
|
'@typescript-eslint/eslint-plugin':
|
||||||
specifier: ^8.14.0
|
specifier: ^8.14.0
|
||||||
version: 8.14.0(@typescript-eslint/parser@8.14.0(eslint@8.57.0)(typescript@5.4.2))(eslint@8.57.0)(typescript@5.4.2)
|
version: 8.14.0(@typescript-eslint/parser@8.14.0(eslint@8.57.0)(typescript@5.6.3))(eslint@8.57.0)(typescript@5.6.3)
|
||||||
'@typescript-eslint/parser':
|
'@typescript-eslint/parser':
|
||||||
specifier: ^8.14.0
|
specifier: ^8.14.0
|
||||||
version: 8.14.0(eslint@8.57.0)(typescript@5.4.2)
|
version: 8.14.0(eslint@8.57.0)(typescript@5.6.3)
|
||||||
autoprefixer:
|
autoprefixer:
|
||||||
specifier: ^10.4.20
|
specifier: ^10.4.20
|
||||||
version: 10.4.20(postcss@8.4.49)
|
version: 10.4.20(postcss@8.4.49)
|
||||||
@@ -329,7 +329,7 @@ importers:
|
|||||||
version: 9.1.0(eslint@8.57.0)
|
version: 9.1.0(eslint@8.57.0)
|
||||||
eslint-plugin-svelte:
|
eslint-plugin-svelte:
|
||||||
specifier: ^2.46.0
|
specifier: ^2.46.0
|
||||||
version: 2.46.0(eslint@8.57.0)(svelte@5.1.15)
|
version: 2.46.0(eslint@8.57.0)(svelte@5.1.16)
|
||||||
postcss:
|
postcss:
|
||||||
specifier: ^8.4.49
|
specifier: ^8.4.49
|
||||||
version: 8.4.49
|
version: 8.4.49
|
||||||
@@ -353,25 +353,25 @@ importers:
|
|||||||
version: 3.3.3
|
version: 3.3.3
|
||||||
prettier-plugin-svelte:
|
prettier-plugin-svelte:
|
||||||
specifier: ^3.2.8
|
specifier: ^3.2.8
|
||||||
version: 3.2.8(prettier@3.3.3)(svelte@5.1.15)
|
version: 3.2.8(prettier@3.3.3)(svelte@5.1.16)
|
||||||
svelte:
|
svelte:
|
||||||
specifier: ^5.1.15
|
specifier: ^5.1.16
|
||||||
version: 5.1.15
|
version: 5.1.16
|
||||||
svelte-check:
|
svelte-check:
|
||||||
specifier: ^4.0.7
|
specifier: ^4.0.7
|
||||||
version: 4.0.7(svelte@5.1.15)(typescript@5.4.2)
|
version: 4.0.7(svelte@5.1.16)(typescript@5.6.3)
|
||||||
svelte-eslint-parser:
|
svelte-eslint-parser:
|
||||||
specifier: ^0.43.0
|
specifier: ^0.43.0
|
||||||
version: 0.43.0(svelte@5.1.15)
|
version: 0.43.0(svelte@5.1.16)
|
||||||
svelte-preprocess:
|
svelte-preprocess:
|
||||||
specifier: ^6.0.3
|
specifier: ^6.0.3
|
||||||
version: 6.0.3(@babel/core@7.24.7)(postcss-load-config@5.0.2(postcss@8.4.49))(postcss@8.4.49)(svelte@5.1.15)(typescript@5.4.2)
|
version: 6.0.3(@babel/core@7.24.7)(postcss-load-config@5.0.2(postcss@8.4.49))(postcss@8.4.49)(svelte@5.1.16)(typescript@5.6.3)
|
||||||
tslib:
|
tslib:
|
||||||
specifier: ^2.8.1
|
specifier: ^2.8.1
|
||||||
version: 2.8.1
|
version: 2.8.1
|
||||||
typescript:
|
typescript:
|
||||||
specifier: 5.4.2
|
specifier: ^5.5.0
|
||||||
version: 5.4.2
|
version: 5.6.3
|
||||||
|
|
||||||
packages/system:
|
packages/system:
|
||||||
dependencies:
|
dependencies:
|
||||||
@@ -1670,8 +1670,10 @@ packages:
|
|||||||
resolution: {integrity: sha512-rUV5WyJrJLoloD4NDN1V1+LDMDWOa4OTsT4yYJwQNpTU6FWxkxHpL7eu4w+DmiH8x/EAM1otkPE1+LaspIbplw==}
|
resolution: {integrity: sha512-rUV5WyJrJLoloD4NDN1V1+LDMDWOa4OTsT4yYJwQNpTU6FWxkxHpL7eu4w+DmiH8x/EAM1otkPE1+LaspIbplw==}
|
||||||
engines: {node: '>=18'}
|
engines: {node: '>=18'}
|
||||||
|
|
||||||
'@svelte-put/shortcut@3.1.0':
|
'@svelte-put/shortcut@4.0.0':
|
||||||
resolution: {integrity: sha512-EWMEDkZ0+O3yMhb9yrqe5UYisV9CNRKX6Pl/JW3x62t74CiN+3COu1L9NzZUG0omagc2Z3J14PZNYxs77IC9NA==}
|
resolution: {integrity: sha512-FNAiL5aV7Yh/02vKwlzX7d8s3naKZ3VJ7f/uADO+kjuoBRzZQmWG8AeY46FVS0jdkHN+k0pT+clHF270AQePew==}
|
||||||
|
peerDependencies:
|
||||||
|
svelte: ^5.1.0
|
||||||
|
|
||||||
'@sveltejs/adapter-auto@3.3.1':
|
'@sveltejs/adapter-auto@3.3.1':
|
||||||
resolution: {integrity: sha512-5Sc7WAxYdL6q9j/+D0jJKjGREGlfIevDyHSQ2eNETHcB1TKlQWHcAo8AS8H1QdjNvSXpvOwNjykDUHPEAyGgdQ==}
|
resolution: {integrity: sha512-5Sc7WAxYdL6q9j/+D0jJKjGREGlfIevDyHSQ2eNETHcB1TKlQWHcAo8AS8H1QdjNvSXpvOwNjykDUHPEAyGgdQ==}
|
||||||
@@ -5790,8 +5792,8 @@ packages:
|
|||||||
resolution: {integrity: sha512-LpLqY2Jr7cRxkrTc796/AaaoMLF/1ax7cto8Ot76wrvKQhrPmZ0JgajiWPmg9mTSDqO16SSLiD17r9MsvAPTmw==}
|
resolution: {integrity: sha512-LpLqY2Jr7cRxkrTc796/AaaoMLF/1ax7cto8Ot76wrvKQhrPmZ0JgajiWPmg9mTSDqO16SSLiD17r9MsvAPTmw==}
|
||||||
engines: {node: '>=16'}
|
engines: {node: '>=16'}
|
||||||
|
|
||||||
svelte@5.1.15:
|
svelte@5.1.16:
|
||||||
resolution: {integrity: sha512-cs2JYADrEorRCB4AUCHMvwperwAKcn/mz7w1xzVOv3fG6TmAS2n13JYHH8/uDCFbqVyRSXXlL+vA5RDwGUXEZg==}
|
resolution: {integrity: sha512-QcY+om9r8+uTcSfeFuv8++ExdfwVCKeT+Y7GPSZ6rQPczvy62BMtvMoi0rScabgv+upGE5jxKjd7M4u23+AjGA==}
|
||||||
engines: {node: '>=18'}
|
engines: {node: '>=18'}
|
||||||
|
|
||||||
svgo@3.0.2:
|
svgo@3.0.2:
|
||||||
@@ -7353,7 +7355,7 @@ snapshots:
|
|||||||
'@jridgewell/gen-mapping@0.3.5':
|
'@jridgewell/gen-mapping@0.3.5':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@jridgewell/set-array': 1.2.1
|
'@jridgewell/set-array': 1.2.1
|
||||||
'@jridgewell/sourcemap-codec': 1.4.15
|
'@jridgewell/sourcemap-codec': 1.5.0
|
||||||
'@jridgewell/trace-mapping': 0.3.25
|
'@jridgewell/trace-mapping': 0.3.25
|
||||||
|
|
||||||
'@jridgewell/resolve-uri@3.1.1': {}
|
'@jridgewell/resolve-uri@3.1.1': {}
|
||||||
@@ -7630,16 +7632,18 @@ snapshots:
|
|||||||
|
|
||||||
'@sindresorhus/merge-streams@1.0.0': {}
|
'@sindresorhus/merge-streams@1.0.0': {}
|
||||||
|
|
||||||
'@svelte-put/shortcut@3.1.0': {}
|
'@svelte-put/shortcut@4.0.0(svelte@5.1.16)':
|
||||||
|
|
||||||
'@sveltejs/adapter-auto@3.3.1(@sveltejs/kit@2.8.0(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.15)(vite@5.4.11(@types/node@20.14.6)(terser@5.31.0)))(svelte@5.1.15)(vite@5.4.11(@types/node@20.14.6)(terser@5.31.0)))':
|
|
||||||
dependencies:
|
dependencies:
|
||||||
'@sveltejs/kit': 2.8.0(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.15)(vite@5.4.11(@types/node@20.14.6)(terser@5.31.0)))(svelte@5.1.15)(vite@5.4.11(@types/node@20.14.6)(terser@5.31.0))
|
svelte: 5.1.16
|
||||||
|
|
||||||
|
'@sveltejs/adapter-auto@3.3.1(@sveltejs/kit@2.8.0(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.16)(vite@5.4.11(@types/node@20.14.6)(terser@5.31.0)))(svelte@5.1.16)(vite@5.4.11(@types/node@20.14.6)(terser@5.31.0)))':
|
||||||
|
dependencies:
|
||||||
|
'@sveltejs/kit': 2.8.0(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.16)(vite@5.4.11(@types/node@20.14.6)(terser@5.31.0)))(svelte@5.1.16)(vite@5.4.11(@types/node@20.14.6)(terser@5.31.0))
|
||||||
import-meta-resolve: 4.1.0
|
import-meta-resolve: 4.1.0
|
||||||
|
|
||||||
'@sveltejs/kit@2.8.0(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.15)(vite@5.4.11(@types/node@20.14.6)(terser@5.31.0)))(svelte@5.1.15)(vite@5.4.11(@types/node@20.14.6)(terser@5.31.0))':
|
'@sveltejs/kit@2.8.0(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.16)(vite@5.4.11(@types/node@20.14.6)(terser@5.31.0)))(svelte@5.1.16)(vite@5.4.11(@types/node@20.14.6)(terser@5.31.0))':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@sveltejs/vite-plugin-svelte': 4.0.0(svelte@5.1.15)(vite@5.4.11(@types/node@20.14.6)(terser@5.31.0))
|
'@sveltejs/vite-plugin-svelte': 4.0.0(svelte@5.1.16)(vite@5.4.11(@types/node@20.14.6)(terser@5.31.0))
|
||||||
'@types/cookie': 0.6.0
|
'@types/cookie': 0.6.0
|
||||||
cookie: 0.6.0
|
cookie: 0.6.0
|
||||||
devalue: 5.1.1
|
devalue: 5.1.1
|
||||||
@@ -7651,18 +7655,18 @@ snapshots:
|
|||||||
sade: 1.8.1
|
sade: 1.8.1
|
||||||
set-cookie-parser: 2.6.0
|
set-cookie-parser: 2.6.0
|
||||||
sirv: 3.0.0
|
sirv: 3.0.0
|
||||||
svelte: 5.1.15
|
svelte: 5.1.16
|
||||||
tiny-glob: 0.2.9
|
tiny-glob: 0.2.9
|
||||||
vite: 5.4.11(@types/node@20.14.6)(terser@5.31.0)
|
vite: 5.4.11(@types/node@20.14.6)(terser@5.31.0)
|
||||||
|
|
||||||
'@sveltejs/package@2.3.7(svelte@5.1.15)(typescript@5.4.2)':
|
'@sveltejs/package@2.3.7(svelte@5.1.16)(typescript@5.6.3)':
|
||||||
dependencies:
|
dependencies:
|
||||||
chokidar: 4.0.1
|
chokidar: 4.0.1
|
||||||
kleur: 4.1.5
|
kleur: 4.1.5
|
||||||
sade: 1.8.1
|
sade: 1.8.1
|
||||||
semver: 7.6.0
|
semver: 7.6.0
|
||||||
svelte: 5.1.15
|
svelte: 5.1.16
|
||||||
svelte2tsx: 0.7.24(svelte@5.1.15)(typescript@5.4.2)
|
svelte2tsx: 0.7.24(svelte@5.1.16)(typescript@5.6.3)
|
||||||
transitivePeerDependencies:
|
transitivePeerDependencies:
|
||||||
- typescript
|
- typescript
|
||||||
|
|
||||||
@@ -7675,11 +7679,11 @@ snapshots:
|
|||||||
transitivePeerDependencies:
|
transitivePeerDependencies:
|
||||||
- supports-color
|
- supports-color
|
||||||
|
|
||||||
'@sveltejs/vite-plugin-svelte-inspector@3.0.1(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.15)(vite@5.4.11(@types/node@20.14.6)(terser@5.31.0)))(svelte@5.1.15)(vite@5.4.11(@types/node@20.14.6)(terser@5.31.0))':
|
'@sveltejs/vite-plugin-svelte-inspector@3.0.1(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.16)(vite@5.4.11(@types/node@20.14.6)(terser@5.31.0)))(svelte@5.1.16)(vite@5.4.11(@types/node@20.14.6)(terser@5.31.0))':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@sveltejs/vite-plugin-svelte': 4.0.0(svelte@5.1.15)(vite@5.4.11(@types/node@20.14.6)(terser@5.31.0))
|
'@sveltejs/vite-plugin-svelte': 4.0.0(svelte@5.1.16)(vite@5.4.11(@types/node@20.14.6)(terser@5.31.0))
|
||||||
debug: 4.3.7
|
debug: 4.3.7
|
||||||
svelte: 5.1.15
|
svelte: 5.1.16
|
||||||
vite: 5.4.11(@types/node@20.14.6)(terser@5.31.0)
|
vite: 5.4.11(@types/node@20.14.6)(terser@5.31.0)
|
||||||
transitivePeerDependencies:
|
transitivePeerDependencies:
|
||||||
- supports-color
|
- supports-color
|
||||||
@@ -7698,14 +7702,14 @@ snapshots:
|
|||||||
transitivePeerDependencies:
|
transitivePeerDependencies:
|
||||||
- supports-color
|
- supports-color
|
||||||
|
|
||||||
'@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.15)(vite@5.4.11(@types/node@20.14.6)(terser@5.31.0))':
|
'@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.16)(vite@5.4.11(@types/node@20.14.6)(terser@5.31.0))':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@sveltejs/vite-plugin-svelte-inspector': 3.0.1(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.15)(vite@5.4.11(@types/node@20.14.6)(terser@5.31.0)))(svelte@5.1.15)(vite@5.4.11(@types/node@20.14.6)(terser@5.31.0))
|
'@sveltejs/vite-plugin-svelte-inspector': 3.0.1(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.16)(vite@5.4.11(@types/node@20.14.6)(terser@5.31.0)))(svelte@5.1.16)(vite@5.4.11(@types/node@20.14.6)(terser@5.31.0))
|
||||||
debug: 4.3.7
|
debug: 4.3.7
|
||||||
deepmerge: 4.3.1
|
deepmerge: 4.3.1
|
||||||
kleur: 4.1.5
|
kleur: 4.1.5
|
||||||
magic-string: 0.30.12
|
magic-string: 0.30.12
|
||||||
svelte: 5.1.15
|
svelte: 5.1.16
|
||||||
vite: 5.4.11(@types/node@20.14.6)(terser@5.31.0)
|
vite: 5.4.11(@types/node@20.14.6)(terser@5.31.0)
|
||||||
vitefu: 1.0.3(vite@5.4.11(@types/node@20.14.6)(terser@5.31.0))
|
vitefu: 1.0.3(vite@5.4.11(@types/node@20.14.6)(terser@5.31.0))
|
||||||
transitivePeerDependencies:
|
transitivePeerDependencies:
|
||||||
@@ -7973,21 +7977,21 @@ snapshots:
|
|||||||
transitivePeerDependencies:
|
transitivePeerDependencies:
|
||||||
- supports-color
|
- supports-color
|
||||||
|
|
||||||
'@typescript-eslint/eslint-plugin@8.14.0(@typescript-eslint/parser@8.14.0(eslint@8.57.0)(typescript@5.4.2))(eslint@8.57.0)(typescript@5.4.2)':
|
'@typescript-eslint/eslint-plugin@8.14.0(@typescript-eslint/parser@8.14.0(eslint@8.57.0)(typescript@5.6.3))(eslint@8.57.0)(typescript@5.6.3)':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@eslint-community/regexpp': 4.10.0
|
'@eslint-community/regexpp': 4.10.0
|
||||||
'@typescript-eslint/parser': 8.14.0(eslint@8.57.0)(typescript@5.4.2)
|
'@typescript-eslint/parser': 8.14.0(eslint@8.57.0)(typescript@5.6.3)
|
||||||
'@typescript-eslint/scope-manager': 8.14.0
|
'@typescript-eslint/scope-manager': 8.14.0
|
||||||
'@typescript-eslint/type-utils': 8.14.0(eslint@8.57.0)(typescript@5.4.2)
|
'@typescript-eslint/type-utils': 8.14.0(eslint@8.57.0)(typescript@5.6.3)
|
||||||
'@typescript-eslint/utils': 8.14.0(eslint@8.57.0)(typescript@5.4.2)
|
'@typescript-eslint/utils': 8.14.0(eslint@8.57.0)(typescript@5.6.3)
|
||||||
'@typescript-eslint/visitor-keys': 8.14.0
|
'@typescript-eslint/visitor-keys': 8.14.0
|
||||||
eslint: 8.57.0
|
eslint: 8.57.0
|
||||||
graphemer: 1.4.0
|
graphemer: 1.4.0
|
||||||
ignore: 5.3.1
|
ignore: 5.3.1
|
||||||
natural-compare: 1.4.0
|
natural-compare: 1.4.0
|
||||||
ts-api-utils: 1.3.0(typescript@5.4.2)
|
ts-api-utils: 1.3.0(typescript@5.6.3)
|
||||||
optionalDependencies:
|
optionalDependencies:
|
||||||
typescript: 5.4.2
|
typescript: 5.6.3
|
||||||
transitivePeerDependencies:
|
transitivePeerDependencies:
|
||||||
- supports-color
|
- supports-color
|
||||||
|
|
||||||
@@ -8017,16 +8021,16 @@ snapshots:
|
|||||||
transitivePeerDependencies:
|
transitivePeerDependencies:
|
||||||
- supports-color
|
- supports-color
|
||||||
|
|
||||||
'@typescript-eslint/parser@8.14.0(eslint@8.57.0)(typescript@5.4.2)':
|
'@typescript-eslint/parser@8.14.0(eslint@8.57.0)(typescript@5.6.3)':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@typescript-eslint/scope-manager': 8.14.0
|
'@typescript-eslint/scope-manager': 8.14.0
|
||||||
'@typescript-eslint/types': 8.14.0
|
'@typescript-eslint/types': 8.14.0
|
||||||
'@typescript-eslint/typescript-estree': 8.14.0(typescript@5.4.2)
|
'@typescript-eslint/typescript-estree': 8.14.0(typescript@5.6.3)
|
||||||
'@typescript-eslint/visitor-keys': 8.14.0
|
'@typescript-eslint/visitor-keys': 8.14.0
|
||||||
debug: 4.3.5
|
debug: 4.3.5
|
||||||
eslint: 8.57.0
|
eslint: 8.57.0
|
||||||
optionalDependencies:
|
optionalDependencies:
|
||||||
typescript: 5.4.2
|
typescript: 5.6.3
|
||||||
transitivePeerDependencies:
|
transitivePeerDependencies:
|
||||||
- supports-color
|
- supports-color
|
||||||
|
|
||||||
@@ -8064,14 +8068,14 @@ snapshots:
|
|||||||
- eslint
|
- eslint
|
||||||
- supports-color
|
- supports-color
|
||||||
|
|
||||||
'@typescript-eslint/type-utils@8.14.0(eslint@8.57.0)(typescript@5.4.2)':
|
'@typescript-eslint/type-utils@8.14.0(eslint@8.57.0)(typescript@5.6.3)':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@typescript-eslint/typescript-estree': 8.14.0(typescript@5.4.2)
|
'@typescript-eslint/typescript-estree': 8.14.0(typescript@5.6.3)
|
||||||
'@typescript-eslint/utils': 8.14.0(eslint@8.57.0)(typescript@5.4.2)
|
'@typescript-eslint/utils': 8.14.0(eslint@8.57.0)(typescript@5.6.3)
|
||||||
debug: 4.3.5
|
debug: 4.3.5
|
||||||
ts-api-utils: 1.3.0(typescript@5.4.2)
|
ts-api-utils: 1.3.0(typescript@5.6.3)
|
||||||
optionalDependencies:
|
optionalDependencies:
|
||||||
typescript: 5.4.2
|
typescript: 5.6.3
|
||||||
transitivePeerDependencies:
|
transitivePeerDependencies:
|
||||||
- eslint
|
- eslint
|
||||||
- supports-color
|
- supports-color
|
||||||
@@ -8095,21 +8099,6 @@ snapshots:
|
|||||||
transitivePeerDependencies:
|
transitivePeerDependencies:
|
||||||
- supports-color
|
- supports-color
|
||||||
|
|
||||||
'@typescript-eslint/typescript-estree@8.14.0(typescript@5.4.2)':
|
|
||||||
dependencies:
|
|
||||||
'@typescript-eslint/types': 8.14.0
|
|
||||||
'@typescript-eslint/visitor-keys': 8.14.0
|
|
||||||
debug: 4.3.5
|
|
||||||
fast-glob: 3.3.2
|
|
||||||
is-glob: 4.0.3
|
|
||||||
minimatch: 9.0.5
|
|
||||||
semver: 7.6.0
|
|
||||||
ts-api-utils: 1.3.0(typescript@5.4.2)
|
|
||||||
optionalDependencies:
|
|
||||||
typescript: 5.4.2
|
|
||||||
transitivePeerDependencies:
|
|
||||||
- supports-color
|
|
||||||
|
|
||||||
'@typescript-eslint/typescript-estree@8.14.0(typescript@5.6.3)':
|
'@typescript-eslint/typescript-estree@8.14.0(typescript@5.6.3)':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@typescript-eslint/types': 8.14.0
|
'@typescript-eslint/types': 8.14.0
|
||||||
@@ -8147,12 +8136,12 @@ snapshots:
|
|||||||
- supports-color
|
- supports-color
|
||||||
- typescript
|
- typescript
|
||||||
|
|
||||||
'@typescript-eslint/utils@8.14.0(eslint@8.57.0)(typescript@5.4.2)':
|
'@typescript-eslint/utils@8.14.0(eslint@8.57.0)(typescript@5.6.3)':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
|
'@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
|
||||||
'@typescript-eslint/scope-manager': 8.14.0
|
'@typescript-eslint/scope-manager': 8.14.0
|
||||||
'@typescript-eslint/types': 8.14.0
|
'@typescript-eslint/types': 8.14.0
|
||||||
'@typescript-eslint/typescript-estree': 8.14.0(typescript@5.4.2)
|
'@typescript-eslint/typescript-estree': 8.14.0(typescript@5.6.3)
|
||||||
eslint: 8.57.0
|
eslint: 8.57.0
|
||||||
transitivePeerDependencies:
|
transitivePeerDependencies:
|
||||||
- supports-color
|
- supports-color
|
||||||
@@ -9578,7 +9567,7 @@ snapshots:
|
|||||||
string.prototype.matchall: 4.0.11
|
string.prototype.matchall: 4.0.11
|
||||||
string.prototype.repeat: 1.0.0
|
string.prototype.repeat: 1.0.0
|
||||||
|
|
||||||
eslint-plugin-svelte@2.46.0(eslint@8.53.0)(svelte@5.1.15):
|
eslint-plugin-svelte@2.46.0(eslint@8.53.0)(svelte@5.1.16):
|
||||||
dependencies:
|
dependencies:
|
||||||
'@eslint-community/eslint-utils': 4.4.0(eslint@8.53.0)
|
'@eslint-community/eslint-utils': 4.4.0(eslint@8.53.0)
|
||||||
'@jridgewell/sourcemap-codec': 1.4.15
|
'@jridgewell/sourcemap-codec': 1.4.15
|
||||||
@@ -9591,13 +9580,13 @@ snapshots:
|
|||||||
postcss-safe-parser: 6.0.0(postcss@8.4.49)
|
postcss-safe-parser: 6.0.0(postcss@8.4.49)
|
||||||
postcss-selector-parser: 6.1.2
|
postcss-selector-parser: 6.1.2
|
||||||
semver: 7.6.3
|
semver: 7.6.3
|
||||||
svelte-eslint-parser: 0.43.0(svelte@5.1.15)
|
svelte-eslint-parser: 0.43.0(svelte@5.1.16)
|
||||||
optionalDependencies:
|
optionalDependencies:
|
||||||
svelte: 5.1.15
|
svelte: 5.1.16
|
||||||
transitivePeerDependencies:
|
transitivePeerDependencies:
|
||||||
- ts-node
|
- ts-node
|
||||||
|
|
||||||
eslint-plugin-svelte@2.46.0(eslint@8.57.0)(svelte@5.1.15):
|
eslint-plugin-svelte@2.46.0(eslint@8.57.0)(svelte@5.1.16):
|
||||||
dependencies:
|
dependencies:
|
||||||
'@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
|
'@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
|
||||||
'@jridgewell/sourcemap-codec': 1.4.15
|
'@jridgewell/sourcemap-codec': 1.4.15
|
||||||
@@ -9610,9 +9599,9 @@ snapshots:
|
|||||||
postcss-safe-parser: 6.0.0(postcss@8.4.49)
|
postcss-safe-parser: 6.0.0(postcss@8.4.49)
|
||||||
postcss-selector-parser: 6.1.2
|
postcss-selector-parser: 6.1.2
|
||||||
semver: 7.6.3
|
semver: 7.6.3
|
||||||
svelte-eslint-parser: 0.43.0(svelte@5.1.15)
|
svelte-eslint-parser: 0.43.0(svelte@5.1.16)
|
||||||
optionalDependencies:
|
optionalDependencies:
|
||||||
svelte: 5.1.15
|
svelte: 5.1.16
|
||||||
transitivePeerDependencies:
|
transitivePeerDependencies:
|
||||||
- ts-node
|
- ts-node
|
||||||
|
|
||||||
@@ -11861,10 +11850,10 @@ snapshots:
|
|||||||
dependencies:
|
dependencies:
|
||||||
fast-diff: 1.3.0
|
fast-diff: 1.3.0
|
||||||
|
|
||||||
prettier-plugin-svelte@3.2.8(prettier@3.3.3)(svelte@5.1.15):
|
prettier-plugin-svelte@3.2.8(prettier@3.3.3)(svelte@5.1.16):
|
||||||
dependencies:
|
dependencies:
|
||||||
prettier: 3.3.3
|
prettier: 3.3.3
|
||||||
svelte: 5.1.15
|
svelte: 5.1.16
|
||||||
|
|
||||||
prettier@2.8.8: {}
|
prettier@2.8.8: {}
|
||||||
|
|
||||||
@@ -12692,31 +12681,19 @@ snapshots:
|
|||||||
|
|
||||||
supports-preserve-symlinks-flag@1.0.0: {}
|
supports-preserve-symlinks-flag@1.0.0: {}
|
||||||
|
|
||||||
svelte-check@4.0.7(svelte@5.1.15)(typescript@5.4.2):
|
svelte-check@4.0.7(svelte@5.1.16)(typescript@5.6.3):
|
||||||
dependencies:
|
dependencies:
|
||||||
'@jridgewell/trace-mapping': 0.3.25
|
'@jridgewell/trace-mapping': 0.3.25
|
||||||
chokidar: 4.0.1
|
chokidar: 4.0.1
|
||||||
fdir: 6.4.2
|
fdir: 6.4.2
|
||||||
picocolors: 1.0.1
|
picocolors: 1.0.1
|
||||||
sade: 1.8.1
|
sade: 1.8.1
|
||||||
svelte: 5.1.15
|
svelte: 5.1.16
|
||||||
typescript: 5.4.2
|
|
||||||
transitivePeerDependencies:
|
|
||||||
- picomatch
|
|
||||||
|
|
||||||
svelte-check@4.0.7(svelte@5.1.15)(typescript@5.6.3):
|
|
||||||
dependencies:
|
|
||||||
'@jridgewell/trace-mapping': 0.3.25
|
|
||||||
chokidar: 4.0.1
|
|
||||||
fdir: 6.4.2
|
|
||||||
picocolors: 1.0.1
|
|
||||||
sade: 1.8.1
|
|
||||||
svelte: 5.1.15
|
|
||||||
typescript: 5.6.3
|
typescript: 5.6.3
|
||||||
transitivePeerDependencies:
|
transitivePeerDependencies:
|
||||||
- picomatch
|
- picomatch
|
||||||
|
|
||||||
svelte-eslint-parser@0.43.0(svelte@5.1.15):
|
svelte-eslint-parser@0.43.0(svelte@5.1.16):
|
||||||
dependencies:
|
dependencies:
|
||||||
eslint-scope: 7.2.2
|
eslint-scope: 7.2.2
|
||||||
eslint-visitor-keys: 3.4.3
|
eslint-visitor-keys: 3.4.3
|
||||||
@@ -12724,20 +12701,20 @@ snapshots:
|
|||||||
postcss: 8.4.49
|
postcss: 8.4.49
|
||||||
postcss-scss: 4.0.9(postcss@8.4.49)
|
postcss-scss: 4.0.9(postcss@8.4.49)
|
||||||
optionalDependencies:
|
optionalDependencies:
|
||||||
svelte: 5.1.15
|
svelte: 5.1.16
|
||||||
|
|
||||||
svelte-hmr@0.15.3(svelte@4.2.1):
|
svelte-hmr@0.15.3(svelte@4.2.1):
|
||||||
dependencies:
|
dependencies:
|
||||||
svelte: 4.2.1
|
svelte: 4.2.1
|
||||||
|
|
||||||
svelte-preprocess@6.0.3(@babel/core@7.24.7)(postcss-load-config@5.0.2(postcss@8.4.49))(postcss@8.4.49)(svelte@5.1.15)(typescript@5.4.2):
|
svelte-preprocess@6.0.3(@babel/core@7.24.7)(postcss-load-config@5.0.2(postcss@8.4.49))(postcss@8.4.49)(svelte@5.1.16)(typescript@5.6.3):
|
||||||
dependencies:
|
dependencies:
|
||||||
svelte: 5.1.15
|
svelte: 5.1.16
|
||||||
optionalDependencies:
|
optionalDependencies:
|
||||||
'@babel/core': 7.24.7
|
'@babel/core': 7.24.7
|
||||||
postcss: 8.4.49
|
postcss: 8.4.49
|
||||||
postcss-load-config: 5.0.2(postcss@8.4.49)
|
postcss-load-config: 5.0.2(postcss@8.4.49)
|
||||||
typescript: 5.4.2
|
typescript: 5.6.3
|
||||||
|
|
||||||
svelte2tsx@0.6.23(svelte@4.2.1)(typescript@5.6.3):
|
svelte2tsx@0.6.23(svelte@4.2.1)(typescript@5.6.3):
|
||||||
dependencies:
|
dependencies:
|
||||||
@@ -12746,12 +12723,12 @@ snapshots:
|
|||||||
svelte: 4.2.1
|
svelte: 4.2.1
|
||||||
typescript: 5.6.3
|
typescript: 5.6.3
|
||||||
|
|
||||||
svelte2tsx@0.7.24(svelte@5.1.15)(typescript@5.4.2):
|
svelte2tsx@0.7.24(svelte@5.1.16)(typescript@5.6.3):
|
||||||
dependencies:
|
dependencies:
|
||||||
dedent-js: 1.0.1
|
dedent-js: 1.0.1
|
||||||
pascal-case: 3.1.2
|
pascal-case: 3.1.2
|
||||||
svelte: 5.1.15
|
svelte: 5.1.16
|
||||||
typescript: 5.4.2
|
typescript: 5.6.3
|
||||||
|
|
||||||
svelte@4.2.1:
|
svelte@4.2.1:
|
||||||
dependencies:
|
dependencies:
|
||||||
@@ -12769,11 +12746,11 @@ snapshots:
|
|||||||
magic-string: 0.30.5
|
magic-string: 0.30.5
|
||||||
periscopic: 3.1.0
|
periscopic: 3.1.0
|
||||||
|
|
||||||
svelte@5.1.15:
|
svelte@5.1.16:
|
||||||
dependencies:
|
dependencies:
|
||||||
'@ampproject/remapping': 2.3.0
|
'@ampproject/remapping': 2.3.0
|
||||||
'@jridgewell/sourcemap-codec': 1.5.0
|
'@jridgewell/sourcemap-codec': 1.5.0
|
||||||
'@types/estree': 1.0.5
|
'@types/estree': 1.0.6
|
||||||
acorn: 8.14.0
|
acorn: 8.14.0
|
||||||
acorn-typescript: 1.4.13(acorn@8.14.0)
|
acorn-typescript: 1.4.13(acorn@8.14.0)
|
||||||
aria-query: 5.3.2
|
aria-query: 5.3.2
|
||||||
@@ -12892,10 +12869,6 @@ snapshots:
|
|||||||
dependencies:
|
dependencies:
|
||||||
typescript: 5.1.3
|
typescript: 5.1.3
|
||||||
|
|
||||||
ts-api-utils@1.3.0(typescript@5.4.2):
|
|
||||||
dependencies:
|
|
||||||
typescript: 5.4.2
|
|
||||||
|
|
||||||
ts-api-utils@1.3.0(typescript@5.6.3):
|
ts-api-utils@1.3.0(typescript@5.6.3):
|
||||||
dependencies:
|
dependencies:
|
||||||
typescript: 5.6.3
|
typescript: 5.6.3
|
||||||
|
|||||||
Reference in New Issue
Block a user