feat(svelte): ssr

packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte

@@ -8,8 +8,6 @@
   export let defaultEdgeOptions: DefaultEdgeOptions | undefined;
 
   const {
-    width,
-    height,
     elementsSelectable,
     edgeTree,
     edges: { setDefaultOptions }
@@ -21,7 +19,7 @@
 </script>
 
 {#each $edgeTree as group (group.level)}
-  <svg width={$width} height={$height} style="z-index: {group.level}" class="svelte-flow__edges">
+  <svg style="z-index: {group.level}" class="svelte-flow__edges">
     {#if group.isMaxLevel} <MarkerDefinition />{/if}
     <g>
       {#each group.edges as edge (edge.id)}

packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte

@@ -16,6 +16,7 @@
   import { key, useStore, createStoreContext } from '$lib/store';
   import type { SvelteFlowProps } from './types';
   import { updateStore, updateStoreByKeys, type UpdatableStoreProps } from './utils';
+  import { get } from 'svelte/store';
 
   type $$Props = SvelteFlowProps;
 
@@ -63,6 +64,8 @@
   export let attributionPosition: $$Props['attributionPosition'] = undefined;
   export let proOptions: $$Props['proOptions'] = undefined;
   export let defaultEdgeOptions: $$Props['defaultEdgeOptions'] = undefined;
+  export let width: $$Props['width'] = undefined;
+  export let height: $$Props['height'] = undefined;
 
   export let defaultMarkerColor = '#b1b1b7';
 
@@ -72,7 +75,9 @@
 
   let domNode: HTMLDivElement;
 
-  const store = hasContext(key) ? useStore() : createStoreContext();
+  const store = hasContext(key)
+    ? useStore()
+    : createStoreContext({ nodes: get(nodes), edges: get(edges), width, height });
 
   onMount(() => {
     const { width, height } = domNode.getBoundingClientRect();

packages/svelte/src/lib/container/SvelteFlow/types.ts

@@ -72,6 +72,8 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
   attributionPosition?: PanelPosition;
   proOptions?: ProOptions;
   defaultEdgeOptions?: DefaultEdgeOptions;
+  width?: number;
+  height?: number;
 
   class?: string;
   style?: string;