chore(svelte): cleanup examples

This commit is contained in:
moklick
2023-06-15 15:16:33 +02:00
parent 019dab3be1
commit f35ddc485c
9 changed files with 14 additions and 291 deletions
+1
View File
@@ -61,6 +61,7 @@ export {
SelectionMode,
type SelectionRect,
type OnError,
type NodeProps,
type NodeOrigin,
type OnNodeDrag,
type OnSelectionDrag,
+3 -270
View File
@@ -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}
+1
View File
@@ -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;