rename hideOnSSR

packages/svelte/src/lib/actions/portal/index.ts

@@ -1,2 +1,2 @@
 export { portal } from './portal.svelte';
-export { hideDuringSSR } from './utils.svelte';
+export { hideOnSSR } from './utils.svelte';

packages/svelte/src/lib/actions/portal/utils.svelte.ts

@@ -1,17 +1,17 @@
-export function hideDuringSSR(): { display: 'none' | undefined } {
+export function hideOnSSR(): { value: boolean } {
-  let display = $state(typeof window === 'undefined' ? ('none' as const) : undefined);
+  let hide = $state(typeof window === 'undefined');
-  if (display) {
+  if (hide) {
     const destroyEffect = $effect.root(() => {
       $effect(() => {
-        display = undefined;
+        hide = false;
         destroyEffect?.();
       });
     });
   }
 
   return {
-    get display() {
+    get value() {
-      return display;
+      return hide;
     }
   };
 }

packages/svelte/src/lib/components/EdgeLabel/EdgeLabel.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { getContext } from 'svelte';
-  import { hideDuringSSR, portal } from '$lib/actions/portal';
+  import { hideOnSSR, portal } from '$lib/actions/portal';
 
   import { useStore } from '$lib/store';
   import type { EdgeLabelProps } from './types';
@@ -29,7 +29,7 @@
 
 <div
   use:portal={'edge-labels'}
-  style:display={hideDuringSSR().display}
+  style:display={hideOnSSR().value ? 'none' : undefined}
   class={['svelte-flow__edge-label', { transparent }, className]}
   style:cursor={selectEdgeOnClick ? 'pointer' : undefined}
   style:transform="translate(-50%, -50%) translate({x}px,{y}px)"

packages/svelte/src/lib/components/ViewportPortal/ViewportPortal.svelte

@@ -1,10 +1,14 @@
 <script lang="ts">
-  import { hideDuringSSR, portal } from '$lib/actions/portal';
+  import { hideOnSSR, portal } from '$lib/actions/portal';
   import type { ViewportPortalProps } from './types';
 
   let { target = 'front', children, ...rest }: ViewportPortalProps = $props();
 </script>
 
-<div use:portal={`viewport-${target}`} style:display={hideDuringSSR().display} {...rest}>
+<div
+  use:portal={`viewport-${target}`}
+  style:display={hideOnSSR().value ? 'none' : undefined}
+  {...rest}
+>
   {@render children?.()}
 </div>

packages/svelte/src/lib/plugins/NodeToolbar/NodeToolbar.svelte

@@ -2,7 +2,7 @@
   import { getContext } from 'svelte';
   import { Position, getNodeToolbarTransform } from '@xyflow/system';
 
-  import { hideDuringSSR, portal } from '$lib/actions/portal';
+  import { hideOnSSR, portal } from '$lib/actions/portal';
   import { useStore } from '$lib/store';
   import { useSvelteFlow } from '$lib/hooks/useSvelteFlow.svelte';
 
@@ -68,7 +68,7 @@
 {#if store.domNode && isActive && toolbarNodes}
   <div
     use:portal={'root'}
-    style:display={hideDuringSSR().display}
+    style:display={hideOnSSR().value ? 'none' : undefined}
     class="svelte-flow__node-toolbar"
     data-id={toolbarNodes.reduce((acc, node) => `${acc}${node.id} `, '').trim()}
     style:position="absolute"