virtua 0.50.3 → 0.50.4

package/lib/svelte/WindowVirtualizer.svelte

@@ -7,6 +7,7 @@
     UPDATE_SCROLL_EVENT,
     UPDATE_VIRTUAL_STATE,
     createVirtualStore,
+    createListLayout,
     getScrollSize as _getScrollSize,
     createWindowDriver,
     scrollToIndex as _scrollToIndex,
@@ -25,6 +26,7 @@
     getKey = defaultGetKey,
     bufferSize,
     itemSize,
+    ssrCount,
     shift = false,
     horizontal = false,
     cache,
@@ -33,13 +35,8 @@
     onscrollend,
   }: Props = $props();
 
-  const store = createVirtualStore(
-    data.length,
-    itemSize,
-    undefined,
-    cache,
-    !itemSize,
-  );
+  const layout = createListLayout(data.length, itemSize, cache);
+  const store = createVirtualStore(layout, ssrCount);
   const driver = createWindowDriver(store, horizontal);
   store.$subscribe(UPDATE_VIRTUAL_STATE, () => {
     stateVersion = store.$getStateVersion();
@@ -52,6 +49,8 @@
     onscrollend && onscrollend();
   });
 
+  let isSSR = $state(!!ssrCount);
+
   let containerRef: HTMLDivElement | undefined = $state();
 
   let stateVersion: StateVersion = $state(store.$getStateVersion());
@@ -76,6 +75,8 @@
   });
 
   onMount(() => {
+    isSSR = false;
+
     driver.$observe(containerRef!);
   });
   onDestroy(() => {
@@ -97,7 +98,7 @@
   });
 
   export const getCache =
-    store.$getCacheSnapshot satisfies WindowVirtualizerHandle["getCache"] as WindowVirtualizerHandle["getCache"];
+    layout.$snapshot satisfies WindowVirtualizerHandle["getCache"] as WindowVirtualizerHandle["getCache"];
   export const getScrollOffset =
     store.$getScrollOffset satisfies WindowVirtualizerHandle["getScrollOffset"] as WindowVirtualizerHandle["getScrollOffset"];
   export const getViewportSize =
@@ -141,6 +142,7 @@
       offset={stateVersion && store.$getItemOffset(index, negative)}
       hide={stateVersion && store.$isUnmeasuredItem(index)}
       {horizontal}
+      {isSSR}
       resizer={driver.$observeItem}
     />
   {/each}

package/lib/svelte/WindowVirtualizer.type.d.ts

@@ -29,6 +29,10 @@ export interface WindowVirtualizerProps<T> {
      * - If set, you can opt out estimation and use the value as initial item size.
      */
     itemSize?: number;
+    /**
+     * A prop for SSR. If set, the specified amount of items will be mounted in the initial rendering regardless of the container size until hydrated. The minimum value is 0.
+     */
+    ssrCount?: number;
     /**
      * While true is set, scroll position will be maintained from the end not usual start when items are added to/removed from start. It's recommended to set false if you add to/remove from mid/end of the list because it can cause unexpected behavior. This prop is useful for reverse infinite scrolling.
      */

package/lib/svelte/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":[],"sources":["../../src/svelte/utils.ts"],"sourcesContent":["export const styleToString = (\n  obj: Record<string, string | undefined>,\n): string => {\n  return Object.keys(obj).reduce((acc, k) => {\n    const value = obj[k];\n    if (value == null) {\n      return acc;\n    }\n    return acc + `${k}:${value};`;\n  }, \"\");\n};\n\nexport const defaultGetKey = (_data: unknown, i: number) => \"_\" + i;\n\n/**\n * @internal\n */\nexport type ItemAttrs = {\n  [key: string]: any;\n  style?: Record<string, string | undefined>;\n  class?: string;\n};\n\n/**\n * A function that provides properties/attributes for item element\n */\nexport type ItemProps<T = unknown> = (payload: {\n  item: T;\n  index: number;\n}) => ItemAttrs | undefined;\n"],"mappings":";AAAA,IAAa,iBACX,QACW;CACX,OAAO,OAAO,KAAK,GAAG,EAAE,QAAQ,KAAK,MAAM;EACzC,MAAM,QAAQ,IAAI;EAClB,IAAI,SAAS,MACX,OAAO;EAET,OAAO,MAAM,GAAG,EAAE,GAAG,MAAM;CAC7B,GAAG,EAAE;AACP;AAEA,IAAa,iBAAiB,OAAgB,MAAc,MAAM"}
+{"version":3,"file":"utils.js","names":[],"sources":["../../src/svelte/utils.ts"],"sourcesContent":["export const styleToString = (\n  obj: Record<string, string | undefined>,\n): string => {\n  return Object.keys(obj).reduce((acc, k) => {\n    const value = obj[k];\n    if (value == null) {\n      return acc;\n    }\n    return acc + `${k}:${value};`;\n  }, \"\");\n};\n\nexport const defaultGetKey = (_data: unknown, i: number) => \"_\" + i;\n\n/**\n * @internal\n */\nexport type ItemAttrs = {\n  [key: string]: any;\n  style?: Record<string, string | undefined>;\n  class?: string;\n};\n\n/**\n * A function that provides properties/attributes for item element\n */\nexport type ItemProps<T = unknown> = (payload: {\n  item: T;\n  index: number;\n}) => ItemAttrs | undefined;\n"],"mappings":";AAAA,IAAa,iBACX,QACW;CACX,OAAO,OAAO,KAAK,GAAG,CAAC,CAAC,QAAQ,KAAK,MAAM;EACzC,MAAM,QAAQ,IAAI;EAClB,IAAI,SAAS,MACX,OAAO;EAET,OAAO,MAAM,GAAG,EAAE,GAAG,MAAM;CAC7B,GAAG,EAAE;AACP;AAEA,IAAa,iBAAiB,OAAgB,MAAc,MAAM"}

package/lib/vue/WindowVirtualizer.d.ts

@@ -20,6 +20,10 @@ export interface WindowVirtualizerProps<T = unknown> extends PublicProps {
      * - If set, you can opt out estimation and use the value as initial item size.
      */
     itemSize?: number;
+    /**
+     * A prop for SSR. If set, the specified amount of items will be mounted in the initial rendering regardless of the container size until hydrated. The minimum value is 0.
+     */
+    ssrCount?: number;
     /**
      * While true is set, scroll position will be maintained from the end not usual start when items are added to/removed from start. It's recommended to set false if you add to/remove from mid/end of the list because it can cause unexpected behavior. This prop is useful for reverse infinite scrolling.
      */