chore(svelte): cleanup examples
This commit is contained in:
@@ -61,6 +61,7 @@ export {
|
||||
SelectionMode,
|
||||
type SelectionRect,
|
||||
type OnError,
|
||||
type NodeProps,
|
||||
type NodeOrigin,
|
||||
type OnNodeDrag,
|
||||
type OnSelectionDrag,
|
||||
|
||||
@@ -17,7 +17,8 @@
|
||||
"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
|
||||
"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
|
||||
"lint": "prettier --plugin-search-dir . --check . && eslint .",
|
||||
"format": "prettier --plugin-search-dir . --write ."
|
||||
"format": "prettier --plugin-search-dir . --write .",
|
||||
"typecheck": "pnpm check"
|
||||
},
|
||||
"type": "module",
|
||||
"module": "index.ts",
|
||||
@@ -57,273 +58,5 @@
|
||||
},
|
||||
"files": [
|
||||
"dist"
|
||||
],
|
||||
"typesVersions": {
|
||||
">4.0": {
|
||||
"actions/drag": [
|
||||
"./dist/actions/drag/index.d.ts"
|
||||
],
|
||||
"actions/drag/utils": [
|
||||
"./dist/actions/drag/utils.d.ts"
|
||||
],
|
||||
"actions/portal": [
|
||||
"./dist/actions/portal/index.d.ts"
|
||||
],
|
||||
"actions/zoom": [
|
||||
"./dist/actions/zoom/index.d.ts"
|
||||
],
|
||||
"components/Attribution/Attribution.svelte": [
|
||||
"./dist/components/Attribution/Attribution.svelte.d.ts"
|
||||
],
|
||||
"components/Attribution": [
|
||||
"./dist/components/Attribution/index.d.ts"
|
||||
],
|
||||
"components/Attribution/types": [
|
||||
"./dist/components/Attribution/types.d.ts"
|
||||
],
|
||||
"components/BaseEdge/BaseEdge.svelte": [
|
||||
"./dist/components/BaseEdge/BaseEdge.svelte.d.ts"
|
||||
],
|
||||
"components/BaseEdge": [
|
||||
"./dist/components/BaseEdge/index.d.ts"
|
||||
],
|
||||
"components/BaseEdge/types": [
|
||||
"./dist/components/BaseEdge/types.d.ts"
|
||||
],
|
||||
"components/ConnectionLine/ConnectionLine.svelte": [
|
||||
"./dist/components/ConnectionLine/ConnectionLine.svelte.d.ts"
|
||||
],
|
||||
"components/ConnectionLine": [
|
||||
"./dist/components/ConnectionLine/index.d.ts"
|
||||
],
|
||||
"components/EdgeLabelRenderer/EdgeLabelRenderer.svelte": [
|
||||
"./dist/components/EdgeLabelRenderer/EdgeLabelRenderer.svelte.d.ts"
|
||||
],
|
||||
"components/EdgeLabelRenderer": [
|
||||
"./dist/components/EdgeLabelRenderer/index.d.ts"
|
||||
],
|
||||
"components/EdgeWrapper/EdgeWrapper.svelte": [
|
||||
"./dist/components/EdgeWrapper/EdgeWrapper.svelte.d.ts"
|
||||
],
|
||||
"components/EdgeWrapper": [
|
||||
"./dist/components/EdgeWrapper/index.d.ts"
|
||||
],
|
||||
"components/Handle/Handle.svelte": [
|
||||
"./dist/components/Handle/Handle.svelte.d.ts"
|
||||
],
|
||||
"components/Handle/handler": [
|
||||
"./dist/components/Handle/handler.d.ts"
|
||||
],
|
||||
"components/Handle": [
|
||||
"./dist/components/Handle/index.d.ts"
|
||||
],
|
||||
"components/Handle/utils": [
|
||||
"./dist/components/Handle/utils.d.ts"
|
||||
],
|
||||
"components/KeyHandler/KeyHandler.svelte": [
|
||||
"./dist/components/KeyHandler/KeyHandler.svelte.d.ts"
|
||||
],
|
||||
"components/KeyHandler": [
|
||||
"./dist/components/KeyHandler/index.d.ts"
|
||||
],
|
||||
"components/KeyHandler/types": [
|
||||
"./dist/components/KeyHandler/types.d.ts"
|
||||
],
|
||||
"components/NodeSelection/NodeSelection.svelte": [
|
||||
"./dist/components/NodeSelection/NodeSelection.svelte.d.ts"
|
||||
],
|
||||
"components/NodeSelection": [
|
||||
"./dist/components/NodeSelection/index.d.ts"
|
||||
],
|
||||
"components/NodeWrapper/NodeWrapper.svelte": [
|
||||
"./dist/components/NodeWrapper/NodeWrapper.svelte.d.ts"
|
||||
],
|
||||
"components/NodeWrapper": [
|
||||
"./dist/components/NodeWrapper/index.d.ts"
|
||||
],
|
||||
"components/NodeWrapper/types": [
|
||||
"./dist/components/NodeWrapper/types.d.ts"
|
||||
],
|
||||
"components/Selection/Selection.svelte": [
|
||||
"./dist/components/Selection/Selection.svelte.d.ts"
|
||||
],
|
||||
"components/Selection": [
|
||||
"./dist/components/Selection/index.d.ts"
|
||||
],
|
||||
"components/SvelteFlowProvider/SvelteFlowProvider.svelte": [
|
||||
"./dist/components/SvelteFlowProvider/SvelteFlowProvider.svelte.d.ts"
|
||||
],
|
||||
"components/SvelteFlowProvider": [
|
||||
"./dist/components/SvelteFlowProvider/index.d.ts"
|
||||
],
|
||||
"components/SvelteFlowProvider/types": [
|
||||
"./dist/components/SvelteFlowProvider/types.d.ts"
|
||||
],
|
||||
"components/UserSelection/UserSelection.svelte": [
|
||||
"./dist/components/UserSelection/UserSelection.svelte.d.ts"
|
||||
],
|
||||
"components/UserSelection": [
|
||||
"./dist/components/UserSelection/index.d.ts"
|
||||
],
|
||||
"components/edges/BezierEdge.svelte": [
|
||||
"./dist/components/edges/BezierEdge.svelte.d.ts"
|
||||
],
|
||||
"components/edges/SmoothStepEdge.svelte": [
|
||||
"./dist/components/edges/SmoothStepEdge.svelte.d.ts"
|
||||
],
|
||||
"components/edges/StraightEdge.svelte": [
|
||||
"./dist/components/edges/StraightEdge.svelte.d.ts"
|
||||
],
|
||||
"components/nodes/DefaultNode.svelte": [
|
||||
"./dist/components/nodes/DefaultNode.svelte.d.ts"
|
||||
],
|
||||
"components/nodes/InputNode.svelte": [
|
||||
"./dist/components/nodes/InputNode.svelte.d.ts"
|
||||
],
|
||||
"components/nodes/OutputNode.svelte": [
|
||||
"./dist/components/nodes/OutputNode.svelte.d.ts"
|
||||
],
|
||||
"container/EdgeRenderer/EdgeRenderer.svelte": [
|
||||
"./dist/container/EdgeRenderer/EdgeRenderer.svelte.d.ts"
|
||||
],
|
||||
"container/EdgeRenderer": [
|
||||
"./dist/container/EdgeRenderer/index.d.ts"
|
||||
],
|
||||
"container/EdgeRenderer/utils": [
|
||||
"./dist/container/EdgeRenderer/utils.d.ts"
|
||||
],
|
||||
"container/NodeRenderer/NodeRenderer.svelte": [
|
||||
"./dist/container/NodeRenderer/NodeRenderer.svelte.d.ts"
|
||||
],
|
||||
"container/NodeRenderer": [
|
||||
"./dist/container/NodeRenderer/index.d.ts"
|
||||
],
|
||||
"container/Pane/Pane.svelte": [
|
||||
"./dist/container/Pane/Pane.svelte.d.ts"
|
||||
],
|
||||
"container/Pane": [
|
||||
"./dist/container/Pane/index.d.ts"
|
||||
],
|
||||
"container/Panel/Panel.svelte": [
|
||||
"./dist/container/Panel/Panel.svelte.d.ts"
|
||||
],
|
||||
"container/Panel": [
|
||||
"./dist/container/Panel/index.d.ts"
|
||||
],
|
||||
"container/Panel/types": [
|
||||
"./dist/container/Panel/types.d.ts"
|
||||
],
|
||||
"container/SvelteFlow/SvelteFlow.svelte": [
|
||||
"./dist/container/SvelteFlow/SvelteFlow.svelte.d.ts"
|
||||
],
|
||||
"container/SvelteFlow": [
|
||||
"./dist/container/SvelteFlow/index.d.ts"
|
||||
],
|
||||
"container/SvelteFlow/types": [
|
||||
"./dist/container/SvelteFlow/types.d.ts"
|
||||
],
|
||||
"container/Viewport/Viewport.svelte": [
|
||||
"./dist/container/Viewport/Viewport.svelte.d.ts"
|
||||
],
|
||||
"container/Viewport": [
|
||||
"./dist/container/Viewport/index.d.ts"
|
||||
],
|
||||
"container/Zoom/Zoom.svelte": [
|
||||
"./dist/container/Zoom/Zoom.svelte.d.ts"
|
||||
],
|
||||
"container/Zoom": [
|
||||
"./dist/container/Zoom/index.d.ts"
|
||||
],
|
||||
"hooks/useSvelteFlow": [
|
||||
"./dist/hooks/useSvelteFlow.d.ts"
|
||||
],
|
||||
"index": [
|
||||
"./dist/index.d.ts"
|
||||
],
|
||||
"plugins/Background/Background.svelte": [
|
||||
"./dist/plugins/Background/Background.svelte.d.ts"
|
||||
],
|
||||
"plugins/Background/DotPattern.svelte": [
|
||||
"./dist/plugins/Background/DotPattern.svelte.d.ts"
|
||||
],
|
||||
"plugins/Background/LinePattern.svelte": [
|
||||
"./dist/plugins/Background/LinePattern.svelte.d.ts"
|
||||
],
|
||||
"plugins/Background": [
|
||||
"./dist/plugins/Background/index.d.ts"
|
||||
],
|
||||
"plugins/Background/types": [
|
||||
"./dist/plugins/Background/types.d.ts"
|
||||
],
|
||||
"plugins/Controls/ControlButton.svelte": [
|
||||
"./dist/plugins/Controls/ControlButton.svelte.d.ts"
|
||||
],
|
||||
"plugins/Controls/Controls.svelte": [
|
||||
"./dist/plugins/Controls/Controls.svelte.d.ts"
|
||||
],
|
||||
"plugins/Controls/Icons/Fit.svelte": [
|
||||
"./dist/plugins/Controls/Icons/Fit.svelte.d.ts"
|
||||
],
|
||||
"plugins/Controls/Icons/Lock.svelte": [
|
||||
"./dist/plugins/Controls/Icons/Lock.svelte.d.ts"
|
||||
],
|
||||
"plugins/Controls/Icons/Minus.svelte": [
|
||||
"./dist/plugins/Controls/Icons/Minus.svelte.d.ts"
|
||||
],
|
||||
"plugins/Controls/Icons/Plus.svelte": [
|
||||
"./dist/plugins/Controls/Icons/Plus.svelte.d.ts"
|
||||
],
|
||||
"plugins/Controls/Icons/Unlock.svelte": [
|
||||
"./dist/plugins/Controls/Icons/Unlock.svelte.d.ts"
|
||||
],
|
||||
"plugins/Controls": [
|
||||
"./dist/plugins/Controls/index.d.ts"
|
||||
],
|
||||
"plugins/Controls/types": [
|
||||
"./dist/plugins/Controls/types.d.ts"
|
||||
],
|
||||
"plugins/Minimap/Minimap.svelte": [
|
||||
"./dist/plugins/Minimap/Minimap.svelte.d.ts"
|
||||
],
|
||||
"plugins/Minimap/MinimapNode.svelte": [
|
||||
"./dist/plugins/Minimap/MinimapNode.svelte.d.ts"
|
||||
],
|
||||
"plugins/Minimap": [
|
||||
"./dist/plugins/Minimap/index.d.ts"
|
||||
],
|
||||
"plugins/Minimap/types": [
|
||||
"./dist/plugins/Minimap/types.d.ts"
|
||||
],
|
||||
"store/connection-path": [
|
||||
"./dist/store/connection-path.d.ts"
|
||||
],
|
||||
"store/edges-layouted": [
|
||||
"./dist/store/edges-layouted.d.ts"
|
||||
],
|
||||
"store": [
|
||||
"./dist/store/index.d.ts"
|
||||
],
|
||||
"store/initial-store": [
|
||||
"./dist/store/initial-store.d.ts"
|
||||
],
|
||||
"store/types": [
|
||||
"./dist/store/types.d.ts"
|
||||
],
|
||||
"types/edges": [
|
||||
"./dist/types/edges.d.ts"
|
||||
],
|
||||
"types/general": [
|
||||
"./dist/types/general.d.ts"
|
||||
],
|
||||
"types": [
|
||||
"./dist/types/index.d.ts"
|
||||
],
|
||||
"types/nodes": [
|
||||
"./dist/types/nodes.d.ts"
|
||||
],
|
||||
"utils": [
|
||||
"./dist/utils/index.d.ts"
|
||||
]
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
@@ -5,13 +5,9 @@
|
||||
|
||||
interface $$Props extends NodeProps<{ label: string }> {}
|
||||
|
||||
export let id: $$Props['id'];
|
||||
export let data: $$Props['data'] = { label: 'Node' };
|
||||
export let targetPosition: $$Props['targetPosition'] = Position.Top;
|
||||
export let sourcePosition: $$Props['sourcePosition'] = Position.Bottom;
|
||||
export let xPos: $$Props['xPos'];
|
||||
export let yPos: $$Props['yPos'];
|
||||
export let selected: $$Props['selected'] = false;
|
||||
</script>
|
||||
|
||||
<Handle type="target" position={targetPosition} on:connect:start on:connect on:connect:end />
|
||||
|
||||
@@ -5,13 +5,8 @@
|
||||
|
||||
interface $$Props extends NodeProps<{ label: string }> {}
|
||||
|
||||
export let id: $$Props['id'];
|
||||
export let data: $$Props['data'] = { label: 'Node' };
|
||||
export let targetPosition: $$Props['targetPosition'] = Position.Top;
|
||||
export let sourcePosition: $$Props['sourcePosition'] = Position.Bottom;
|
||||
export let xPos: $$Props['xPos'];
|
||||
export let yPos: $$Props['yPos'];
|
||||
export let selected: $$Props['selected'] = false;
|
||||
</script>
|
||||
|
||||
{data?.label}
|
||||
|
||||
@@ -5,13 +5,8 @@
|
||||
|
||||
interface $$Props extends NodeProps<{ label: string }> {}
|
||||
|
||||
export let id: $$Props['id'];
|
||||
export let data: $$Props['data'] = { label: 'Node' };
|
||||
export let targetPosition: $$Props['targetPosition'] = Position.Top;
|
||||
export let sourcePosition: $$Props['sourcePosition'] = Position.Bottom;
|
||||
export let xPos: $$Props['xPos'];
|
||||
export let yPos: $$Props['yPos'];
|
||||
export let selected: $$Props['selected'] = false;
|
||||
</script>
|
||||
|
||||
{data?.label}
|
||||
|
||||
@@ -53,6 +53,7 @@ export {
|
||||
SelectionMode,
|
||||
type SelectionRect,
|
||||
type OnError,
|
||||
type NodeProps,
|
||||
type NodeOrigin,
|
||||
type OnNodeDrag,
|
||||
type OnSelectionDrag,
|
||||
|
||||
@@ -1,10 +1,9 @@
|
||||
<script lang="ts">
|
||||
import { Position } from '@xyflow/system';
|
||||
import { Handle } from '../../../lib/index';
|
||||
import { Handle, Position, type NodeProps } from '../../../lib/index';
|
||||
|
||||
type $$Props = NodeProps;
|
||||
|
||||
export let data: { color: string; onChange: () => void } = { color: '#111', onChange: () => {} };
|
||||
export let xPos: number = 0;
|
||||
export let yPos: number = 0;
|
||||
</script>
|
||||
|
||||
<Handle type="target" position={Position.Left} />
|
||||
|
||||
@@ -1,5 +1,7 @@
|
||||
<script lang="ts">
|
||||
import { Handle, Position } from '../../../lib/index';
|
||||
import { Handle, Position, type NodeProps } from '../../../lib/index';
|
||||
|
||||
type $$Props = NodeProps;
|
||||
|
||||
export let data: { label: string } = { label: 'Node' };
|
||||
export let xPos: number = 0;
|
||||
|
||||
@@ -1,5 +1,7 @@
|
||||
<script lang="ts">
|
||||
import { Handle, Position } from '../../../lib/index';
|
||||
import { Handle, Position, type NodeProps } from '../../../lib/index';
|
||||
|
||||
type $$Props = NodeProps;
|
||||
|
||||
export let id: string;
|
||||
export let xPos: number = 0;
|
||||
@@ -14,7 +16,6 @@
|
||||
</div>
|
||||
<Handle type="source" position={Position.Bottom} />
|
||||
|
||||
|
||||
<style>
|
||||
.custom {
|
||||
background: #ffcc00;
|
||||
|
||||
Reference in New Issue
Block a user