From 71cdc0ff0285bfe53b0f8504161934634a401c8d Mon Sep 17 00:00:00 2001 From: moklick Date: Wed, 8 Mar 2023 17:44:54 +0100 Subject: [PATCH] chore(examples): cleanup + routing --- packages/svelte/src/app.html | 1 - .../CustomNode}/Custom.svelte | 0 .../example-components/CustomNode/index.ts | 1 + .../example-components/Header/Header.svelte | 37 ++++ .../src/example-components/Header/index.ts | 1 + .../src/lib/container/SvelteFlow/types.ts | 10 +- packages/svelte/src/routes/+layout.server.ts | 8 + packages/svelte/src/routes/+layout.svelte | 6 + packages/svelte/src/routes/+page.svelte | 176 +----------------- .../svelte/src/routes/overview/+page.svelte | 141 ++++++++++++++ .../svelte/src/routes/stress/+page.svelte | 60 ++++++ packages/svelte/static/favicon.png | Bin 1571 -> 0 bytes 12 files changed, 256 insertions(+), 185 deletions(-) rename packages/svelte/src/{customnodes => example-components/CustomNode}/Custom.svelte (100%) create mode 100644 packages/svelte/src/example-components/CustomNode/index.ts create mode 100644 packages/svelte/src/example-components/Header/Header.svelte create mode 100644 packages/svelte/src/example-components/Header/index.ts create mode 100644 packages/svelte/src/routes/+layout.server.ts create mode 100644 packages/svelte/src/routes/+layout.svelte create mode 100644 packages/svelte/src/routes/overview/+page.svelte create mode 100644 packages/svelte/src/routes/stress/+page.svelte delete mode 100644 packages/svelte/static/favicon.png diff --git a/packages/svelte/src/app.html b/packages/svelte/src/app.html index 442bc220..0bd92594 100644 --- a/packages/svelte/src/app.html +++ b/packages/svelte/src/app.html @@ -2,7 +2,6 @@ - \ No newline at end of file diff --git a/packages/svelte/src/example-components/Header/index.ts b/packages/svelte/src/example-components/Header/index.ts new file mode 100644 index 00000000..3d0d3e76 --- /dev/null +++ b/packages/svelte/src/example-components/Header/index.ts @@ -0,0 +1 @@ +export { default as Header } from './Header.svelte'; diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts index 69db093c..f9cfab2d 100644 --- a/packages/svelte/src/lib/container/SvelteFlow/types.ts +++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts @@ -6,14 +6,7 @@ import type { Viewport } from '@reactflow/system'; -import type { - Edge, - Node, - NodeTypes, - KeyDefinition, - EdgeTypes, - DefaultEdgeOptions -} from '$lib/types'; +import type { Edge, Node, NodeTypes, KeyDefinition, EdgeTypes } from '$lib/types'; import type { Writable } from 'svelte/store'; import type { createNodes } from '$lib/utils'; @@ -31,7 +24,6 @@ export type SvelteFlowProps = { minZoom?: number; maxZoom?: number; initialViewport?: Viewport; - defaultEdgeOptions?: DefaultEdgeOptions; connectionRadius?: number; class?: string; diff --git a/packages/svelte/src/routes/+layout.server.ts b/packages/svelte/src/routes/+layout.server.ts new file mode 100644 index 00000000..b64f1170 --- /dev/null +++ b/packages/svelte/src/routes/+layout.server.ts @@ -0,0 +1,8 @@ +import { redirect } from '@sveltejs/kit'; + +/** @type {import('./$types').LayoutServerLoad} */ +export function load({ route }) { + if (route.id === '/') { + throw redirect(307, '/overview'); + } +} diff --git a/packages/svelte/src/routes/+layout.svelte b/packages/svelte/src/routes/+layout.svelte new file mode 100644 index 00000000..44117aff --- /dev/null +++ b/packages/svelte/src/routes/+layout.svelte @@ -0,0 +1,6 @@ + + +
+ \ No newline at end of file diff --git a/packages/svelte/src/routes/+page.svelte b/packages/svelte/src/routes/+page.svelte index 7cf6b0c7..cd410537 100644 --- a/packages/svelte/src/routes/+page.svelte +++ b/packages/svelte/src/routes/+page.svelte @@ -1,175 +1 @@ - - - console.log('on node click', event)} - on:node:mouseenter={(event) => console.log('on node enter', event)} - on:node:mouseleave={(event) => console.log('on node leave', event)} - on:edge:click={(event) => console.log('edge click', event)} - on:connect:start={(event) => console.log('on connect start', event)} - on:connect={(event) => console.log('on connect', event)} - on:connect:end={(event) => console.log('on connect end', event)} - on:pane:click={(event) => console.log('on pane click', event)} - on:pane:contextmenu={(event) => { event.preventDefault(); console.log('on pane contextmenu', event); }} -> - - - - - - - - - +
this redirects to /overview
\ No newline at end of file diff --git a/packages/svelte/src/routes/overview/+page.svelte b/packages/svelte/src/routes/overview/+page.svelte new file mode 100644 index 00000000..412a7423 --- /dev/null +++ b/packages/svelte/src/routes/overview/+page.svelte @@ -0,0 +1,141 @@ + + + console.log('on node click', event)} + on:node:mouseenter={(event) => console.log('on node enter', event)} + on:node:mouseleave={(event) => console.log('on node leave', event)} + on:edge:click={(event) => console.log('edge click', event)} + on:connect:start={(event) => console.log('on connect start', event)} + on:connect={(event) => console.log('on connect', event)} + on:connect:end={(event) => console.log('on connect end', event)} + on:pane:click={(event) => console.log('on pane click', event)} + on:pane:contextmenu={(event) => { event.preventDefault(); console.log('on pane contextmenu', event); }} +> + + + + + + + + + diff --git a/packages/svelte/src/routes/stress/+page.svelte b/packages/svelte/src/routes/stress/+page.svelte new file mode 100644 index 00000000..b071bb29 --- /dev/null +++ b/packages/svelte/src/routes/stress/+page.svelte @@ -0,0 +1,60 @@ + + + + + + + + diff --git a/packages/svelte/static/favicon.png b/packages/svelte/static/favicon.png deleted file mode 100644 index 825b9e65af7c104cfb07089bb28659393b4f2097..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1571 zcmV+;2Hg3HP)Px)-AP12RCwC$UE6KzI1p6{F2N z1VK2vi|pOpn{~#djwYcWXTI_im_u^TJgMZ4JMOsSj!0ma>B?-(Hr@X&W@|R-$}W@Z zgj#$x=!~7LGqHW?IO8+*oE1MyDp!G=L0#^lUx?;!fXv@l^6SvTnf^ac{5OurzC#ZMYc20lI%HhX816AYVs1T3heS1*WaWH z%;x>)-J}YB5#CLzU@GBR6sXYrD>Vw(Fmt#|JP;+}<#6b63Ike{Fuo!?M{yEffez;| zp!PfsuaC)>h>-AdbnwN13g*1LowNjT5?+lFVd#9$!8Z9HA|$*6dQ8EHLu}U|obW6f z2%uGv?vr=KNq7YYa2Roj;|zooo<)lf=&2yxM@e`kM$CmCR#x>gI>I|*Ubr({5Y^rb zghxQU22N}F51}^yfDSt786oMTc!W&V;d?76)9KXX1 z+6Okem(d}YXmmOiZq$!IPk5t8nnS{%?+vDFz3BevmFNgpIod~R{>@#@5x9zJKEHLHv!gHeK~n)Ld!M8DB|Kfe%~123&Hz1Z(86nU7*G5chmyDe ziV7$pB7pJ=96hpxHv9rCR29%bLOXlKU<_13_M8x)6;P8E1Kz6G<&P?$P^%c!M5`2` zfY2zg;VK5~^>TJGQzc+33-n~gKt{{of8GzUkWmU110IgI0DLxRIM>0US|TsM=L|@F z0Bun8U!cRB7-2apz=y-7*UxOxz@Z0)@QM)9wSGki1AZ38ceG7Q72z5`i;i=J`ILzL z@iUO?SBBG-0cQuo+an4TsLy-g-x;8P4UVwk|D8{W@U1Zi z!M)+jqy@nQ$p?5tsHp-6J304Q={v-B>66$P0IDx&YT(`IcZ~bZfmn11#rXd7<5s}y zBi9eim&zQc0Dk|2>$bs0PnLmDfMP5lcXRY&cvJ=zKxI^f0%-d$tD!`LBf9^jMSYUA zI8U?CWdY@}cRq6{5~y+)#h1!*-HcGW@+gZ4B};0OnC~`xQOyH19z*TA!!BJ%9s0V3F?CAJ{hTd#*tf+ur-W9MOURF-@B77_-OshsY}6 zOXRY=5%C^*26z?l)1=$bz30!so5tfABdSYzO+H=CpV~aaUefmjvfZ3Ttu9W&W3Iu6 zROlh0MFA5h;my}8lB0tAV-Rvc2Zs_CCSJnx@d`**$idgy-iMob4dJWWw|21b4NB=LfsYp0Aeh{Ov)yztQi;eL4y5 zMi>8^SzKqk8~k?UiQK^^-5d8c%bV?$F8%X~czyiaKCI2=UH