@pyreon/virtual 0.11.5 → 0.11.7

package/README.md

@@ -11,8 +11,8 @@ bun add @pyreon/virtual @tanstack/virtual-core
 ## Quick Start
 
 ```tsx
-import { signal } from "@pyreon/reactivity"
-import { useVirtualizer } from "@pyreon/virtual"
+import { signal } from '@pyreon/reactivity'
+import { useVirtualizer } from '@pyreon/virtual'
 
 function VirtualList() {
   const parentRef = signal<HTMLElement | null>(null)
@@ -48,20 +48,20 @@ function VirtualList() {
 
 Create a reactive virtualizer for element-based scrolling. Options are passed as a function so reactive signals can be read inside, and the virtualizer updates automatically when they change.
 
-| Parameter | Type | Description |
-| --- | --- | --- |
+| Parameter | Type                          | Description                           |
+| --------- | ----------------------------- | ------------------------------------- |
 | `options` | `() => UseVirtualizerOptions` | Function returning virtualizer config |
 
 Options extend `VirtualizerOptions` from `@tanstack/virtual-core` with `observeElementRect`, `observeElementOffset`, and `scrollToFn` pre-filled (overridable).
 
 **Returns:** `UseVirtualizerResult` with:
 
-| Property | Type | Description |
-| --- | --- | --- |
-| `instance` | `Virtualizer` | The underlying TanStack Virtualizer instance |
-| `virtualItems` | `Signal<VirtualItem[]>` | Currently visible virtual items |
-| `totalSize` | `Signal<number>` | Total scrollable size in pixels |
-| `isScrolling` | `Signal<boolean>` | Whether the user is currently scrolling |
+| Property       | Type                    | Description                                  |
+| -------------- | ----------------------- | -------------------------------------------- |
+| `instance`     | `Virtualizer`           | The underlying TanStack Virtualizer instance |
+| `virtualItems` | `Signal<VirtualItem[]>` | Currently visible virtual items              |
+| `totalSize`    | `Signal<number>`        | Total scrollable size in pixels              |
+| `isScrolling`  | `Signal<boolean>`       | Whether the user is currently scrolling      |
 
 ```ts
 const parentRef = signal<HTMLDivElement | null>(null)
@@ -82,8 +82,8 @@ instance.scrollToIndex(500)
 
 Create a reactive virtualizer for window-based scrolling. The scroll element is automatically set to `window`. SSR-safe — checks for `window` and `document` availability.
 
-| Parameter | Type | Description |
-| --- | --- | --- |
+| Parameter | Type                                | Description                                              |
+| --------- | ----------------------------------- | -------------------------------------------------------- |
 | `options` | `() => UseWindowVirtualizerOptions` | Function returning config (no `getScrollElement` needed) |
 
 **Returns:** `UseWindowVirtualizerResult` — same shape as `UseVirtualizerResult` but typed with `Window` as the scroll element.
@@ -119,7 +119,7 @@ function WindowList() {
 Use `measureElement` for variable-height items that are measured after render.
 
 ```tsx
-import { measureElement } from "@pyreon/virtual"
+import { measureElement } from '@pyreon/virtual'
 
 const { virtualItems, totalSize, instance } = useVirtualizer(() => ({
   count: items.length,
@@ -130,11 +130,7 @@ const { virtualItems, totalSize, instance } = useVirtualizer(() => ({
 
 // In render, set the ref on each item:
 virtualItems().map((row) => (
-  <div
-    key={row.key}
-    ref={(el) => instance.measureElement(el)}
-    data-index={row.index}
-  >
+  <div key={row.key} ref={(el) => instance.measureElement(el)} data-index={row.index}>
     {items[row.index]}
   </div>
 ))
@@ -166,7 +162,7 @@ const { virtualItems } = useVirtualizer(() => ({
 }))
 
 // Updating filteredItems triggers recalculation
-filteredItems.set(allItems.filter(i => i.includes(search())))
+filteredItems.set(allItems.filter((i) => i.includes(search())))
 ```
 
 ## Re-exports from `@tanstack/virtual-core`

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["elementScroll","Virtualizer","observeWindowRect","observeWindowOffset","windowScroll","Virtualizer"],"sources":["../src/use-virtualizer.ts","../src/use-window-virtualizer.ts"],"sourcesContent":["import { onMount, onUnmount } from \"@pyreon/core\"\nimport type { Signal } from \"@pyreon/reactivity\"\nimport { batch, effect, signal } from \"@pyreon/reactivity\"\nimport {\n  elementScroll,\n  observeElementOffset,\n  observeElementRect,\n  type VirtualItem,\n  Virtualizer,\n  type VirtualizerOptions,\n} from \"@tanstack/virtual-core\"\n\nexport type UseVirtualizerOptions<\n  TScrollElement extends Element,\n  TItemElement extends Element,\n> = () => Omit<\n  VirtualizerOptions<TScrollElement, TItemElement>,\n  \"observeElementRect\" | \"observeElementOffset\" | \"scrollToFn\"\n> &\n  Partial<\n    Pick<\n      VirtualizerOptions<TScrollElement, TItemElement>,\n      \"observeElementRect\" | \"observeElementOffset\" | \"scrollToFn\"\n    >\n  >\n\nexport interface UseVirtualizerResult<\n  TScrollElement extends Element,\n  TItemElement extends Element,\n> {\n  /** The virtualizer instance — read to access all methods. */\n  instance: Virtualizer<TScrollElement, TItemElement>\n  /** Reactive signal of currently visible virtual items. */\n  virtualItems: Signal<VirtualItem[]>\n  /** Reactive signal of the total scrollable size in pixels. */\n  totalSize: Signal<number>\n  /** Reactive signal indicating whether the user is scrolling. */\n  isScrolling: Signal<boolean>\n}\n\n/**\n * Create a reactive TanStack Virtual virtualizer for element-based scrolling.\n *\n * Options are passed as a function so reactive signals (e.g. count, estimateSize)\n * can be read inside, and the virtualizer updates automatically when they change.\n *\n * @example\n * const parentRef = signal<HTMLDivElement | null>(null)\n * const virtual = useVirtualizer(() => ({\n *   count: 10000,\n *   getScrollElement: () => parentRef(),\n *   estimateSize: () => 35,\n * }))\n * // virtual.virtualItems() — array of visible VirtualItem\n * // virtual.totalSize() — total height/width for the inner container\n */\nexport function useVirtualizer<TScrollElement extends Element, TItemElement extends Element>(\n  options: UseVirtualizerOptions<TScrollElement, TItemElement>,\n): UseVirtualizerResult<TScrollElement, TItemElement> {\n  const resolvedOptions: VirtualizerOptions<TScrollElement, TItemElement> = {\n    observeElementRect,\n    observeElementOffset,\n    scrollToFn: elementScroll,\n    ...options(),\n  }\n\n  const virtualItems = signal<VirtualItem[]>([])\n  const totalSize = signal(0)\n  const isScrolling = signal(false)\n\n  // Store latest user options so onChange always reads the freshest reference\n  let latestUserOpts = options()\n\n  const instance = new Virtualizer<TScrollElement, TItemElement>(resolvedOptions)\n\n  // Track reactive options: when signals inside options() change, update the virtualizer.\n  const effectCleanup = effect(() => {\n    latestUserOpts = options()\n    instance.setOptions({\n      ...instance.options,\n      ...latestUserOpts,\n      onChange: (inst, sync) => {\n        batch(() => {\n          virtualItems.set(inst.getVirtualItems())\n          totalSize.set(inst.getTotalSize())\n          isScrolling.set(inst.isScrolling)\n        })\n        // Read latest opts to avoid stale closure\n        latestUserOpts.onChange?.(inst, sync)\n      },\n    })\n\n    // After updating options, recalculate and re-emit\n    instance._willUpdate()\n    batch(() => {\n      virtualItems.set(instance.getVirtualItems())\n      totalSize.set(instance.getTotalSize())\n    })\n  })\n\n  // Lifecycle: mount observers, clean up on unmount.\n  let mountCleanup: (() => void) | undefined\n  onMount(() => {\n    mountCleanup = instance._didMount()\n    instance._willUpdate()\n    batch(() => {\n      virtualItems.set(instance.getVirtualItems())\n      totalSize.set(instance.getTotalSize())\n    })\n    return undefined\n  })\n\n  onUnmount(() => {\n    effectCleanup.dispose()\n    mountCleanup?.()\n  })\n\n  return { instance, virtualItems, totalSize, isScrolling }\n}\n","import { onMount, onUnmount } from \"@pyreon/core\"\nimport type { Signal } from \"@pyreon/reactivity\"\nimport { batch, effect, signal } from \"@pyreon/reactivity\"\nimport {\n  observeWindowOffset,\n  observeWindowRect,\n  type VirtualItem,\n  Virtualizer,\n  type VirtualizerOptions,\n  windowScroll,\n} from \"@tanstack/virtual-core\"\n\nexport type UseWindowVirtualizerOptions<TItemElement extends Element> = () => Omit<\n  VirtualizerOptions<Window, TItemElement>,\n  \"observeElementRect\" | \"observeElementOffset\" | \"scrollToFn\" | \"getScrollElement\"\n> &\n  Partial<\n    Pick<\n      VirtualizerOptions<Window, TItemElement>,\n      \"observeElementRect\" | \"observeElementOffset\" | \"scrollToFn\"\n    >\n  >\n\nexport interface UseWindowVirtualizerResult<TItemElement extends Element> {\n  instance: Virtualizer<Window, TItemElement>\n  virtualItems: Signal<VirtualItem[]>\n  totalSize: Signal<number>\n  isScrolling: Signal<boolean>\n}\n\n/**\n * Create a reactive TanStack Virtual virtualizer for window-based scrolling.\n *\n * @example\n * const virtual = useWindowVirtualizer(() => ({\n *   count: 10000,\n *   estimateSize: () => 35,\n * }))\n */\nexport function useWindowVirtualizer<TItemElement extends Element>(\n  options: UseWindowVirtualizerOptions<TItemElement>,\n): UseWindowVirtualizerResult<TItemElement> {\n  const virtualItems = signal<VirtualItem[]>([])\n  const totalSize = signal(0)\n  const isScrolling = signal(false)\n\n  const resolvedOptions: VirtualizerOptions<Window, TItemElement> = {\n    observeElementRect: observeWindowRect,\n    observeElementOffset: observeWindowOffset,\n    scrollToFn: windowScroll,\n    initialOffset: typeof document !== \"undefined\" ? window.scrollY : 0,\n    getScrollElement: () => (typeof window !== \"undefined\" ? window : (null as unknown as Window)),\n    ...options(),\n  }\n\n  // Store latest user options so onChange always reads the freshest reference\n  let latestUserOpts = options()\n\n  const instance = new Virtualizer<Window, TItemElement>(resolvedOptions)\n\n  const effectCleanup = effect(() => {\n    latestUserOpts = options()\n    instance.setOptions({\n      ...instance.options,\n      ...latestUserOpts,\n      onChange: (inst, sync) => {\n        batch(() => {\n          virtualItems.set(inst.getVirtualItems())\n          totalSize.set(inst.getTotalSize())\n          isScrolling.set(inst.isScrolling)\n        })\n        // Read latest opts to avoid stale closure\n        latestUserOpts.onChange?.(inst, sync)\n      },\n    })\n\n    instance._willUpdate()\n    batch(() => {\n      virtualItems.set(instance.getVirtualItems())\n      totalSize.set(instance.getTotalSize())\n    })\n  })\n\n  let mountCleanup: (() => void) | undefined\n  onMount(() => {\n    mountCleanup = instance._didMount()\n    instance._willUpdate()\n    batch(() => {\n      virtualItems.set(instance.getVirtualItems())\n      totalSize.set(instance.getTotalSize())\n    })\n    return undefined\n  })\n\n  onUnmount(() => {\n    effectCleanup.dispose()\n    mountCleanup?.()\n  })\n\n  return { instance, virtualItems, totalSize, isScrolling }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAwDA,SAAgB,eACd,SACoD;CACpD,MAAM,kBAAoE;EACxE;EACA;EACA,YAAYA;EACZ,GAAG,SAAS;EACb;CAED,MAAM,eAAe,OAAsB,EAAE,CAAC;CAC9C,MAAM,YAAY,OAAO,EAAE;CAC3B,MAAM,cAAc,OAAO,MAAM;CAGjC,IAAI,iBAAiB,SAAS;CAE9B,MAAM,WAAW,IAAIC,cAA0C,gBAAgB;CAG/E,MAAM,gBAAgB,aAAa;AACjC,mBAAiB,SAAS;AAC1B,WAAS,WAAW;GAClB,GAAG,SAAS;GACZ,GAAG;GACH,WAAW,MAAM,SAAS;AACxB,gBAAY;AACV,kBAAa,IAAI,KAAK,iBAAiB,CAAC;AACxC,eAAU,IAAI,KAAK,cAAc,CAAC;AAClC,iBAAY,IAAI,KAAK,YAAY;MACjC;AAEF,mBAAe,WAAW,MAAM,KAAK;;GAExC,CAAC;AAGF,WAAS,aAAa;AACtB,cAAY;AACV,gBAAa,IAAI,SAAS,iBAAiB,CAAC;AAC5C,aAAU,IAAI,SAAS,cAAc,CAAC;IACtC;GACF;CAGF,IAAI;AACJ,eAAc;AACZ,iBAAe,SAAS,WAAW;AACnC,WAAS,aAAa;AACtB,cAAY;AACV,gBAAa,IAAI,SAAS,iBAAiB,CAAC;AAC5C,aAAU,IAAI,SAAS,cAAc,CAAC;IACtC;GAEF;AAEF,iBAAgB;AACd,gBAAc,SAAS;AACvB,kBAAgB;GAChB;AAEF,QAAO;EAAE;EAAU;EAAc;EAAW;EAAa;;;;;;;;;;;;;;AC9E3D,SAAgB,qBACd,SAC0C;CAC1C,MAAM,eAAe,OAAsB,EAAE,CAAC;CAC9C,MAAM,YAAY,OAAO,EAAE;CAC3B,MAAM,cAAc,OAAO,MAAM;CAEjC,MAAM,kBAA4D;EAChE,oBAAoBC;EACpB,sBAAsBC;EACtB,YAAYC;EACZ,eAAe,OAAO,aAAa,cAAc,OAAO,UAAU;EAClE,wBAAyB,OAAO,WAAW,cAAc,SAAU;EACnE,GAAG,SAAS;EACb;CAGD,IAAI,iBAAiB,SAAS;CAE9B,MAAM,WAAW,IAAIC,cAAkC,gBAAgB;CAEvE,MAAM,gBAAgB,aAAa;AACjC,mBAAiB,SAAS;AAC1B,WAAS,WAAW;GAClB,GAAG,SAAS;GACZ,GAAG;GACH,WAAW,MAAM,SAAS;AACxB,gBAAY;AACV,kBAAa,IAAI,KAAK,iBAAiB,CAAC;AACxC,eAAU,IAAI,KAAK,cAAc,CAAC;AAClC,iBAAY,IAAI,KAAK,YAAY;MACjC;AAEF,mBAAe,WAAW,MAAM,KAAK;;GAExC,CAAC;AAEF,WAAS,aAAa;AACtB,cAAY;AACV,gBAAa,IAAI,SAAS,iBAAiB,CAAC;AAC5C,aAAU,IAAI,SAAS,cAAc,CAAC;IACtC;GACF;CAEF,IAAI;AACJ,eAAc;AACZ,iBAAe,SAAS,WAAW;AACnC,WAAS,aAAa;AACtB,cAAY;AACV,gBAAa,IAAI,SAAS,iBAAiB,CAAC;AAC5C,aAAU,IAAI,SAAS,cAAc,CAAC;IACtC;GAEF;AAEF,iBAAgB;AACd,gBAAc,SAAS;AACvB,kBAAgB;GAChB;AAEF,QAAO;EAAE;EAAU;EAAc;EAAW;EAAa"}
+{"version":3,"file":"index.js","names":["elementScroll","Virtualizer","observeWindowRect","observeWindowOffset","windowScroll","Virtualizer"],"sources":["../src/use-virtualizer.ts","../src/use-window-virtualizer.ts"],"sourcesContent":["import { onMount, onUnmount } from '@pyreon/core'\nimport type { Signal } from '@pyreon/reactivity'\nimport { batch, effect, signal } from '@pyreon/reactivity'\nimport {\n  elementScroll,\n  observeElementOffset,\n  observeElementRect,\n  type VirtualItem,\n  Virtualizer,\n  type VirtualizerOptions,\n} from '@tanstack/virtual-core'\n\nexport type UseVirtualizerOptions<\n  TScrollElement extends Element,\n  TItemElement extends Element,\n> = () => Omit<\n  VirtualizerOptions<TScrollElement, TItemElement>,\n  'observeElementRect' | 'observeElementOffset' | 'scrollToFn'\n> &\n  Partial<\n    Pick<\n      VirtualizerOptions<TScrollElement, TItemElement>,\n      'observeElementRect' | 'observeElementOffset' | 'scrollToFn'\n    >\n  >\n\nexport interface UseVirtualizerResult<\n  TScrollElement extends Element,\n  TItemElement extends Element,\n> {\n  /** The virtualizer instance — read to access all methods. */\n  instance: Virtualizer<TScrollElement, TItemElement>\n  /** Reactive signal of currently visible virtual items. */\n  virtualItems: Signal<VirtualItem[]>\n  /** Reactive signal of the total scrollable size in pixels. */\n  totalSize: Signal<number>\n  /** Reactive signal indicating whether the user is scrolling. */\n  isScrolling: Signal<boolean>\n}\n\n/**\n * Create a reactive TanStack Virtual virtualizer for element-based scrolling.\n *\n * Options are passed as a function so reactive signals (e.g. count, estimateSize)\n * can be read inside, and the virtualizer updates automatically when they change.\n *\n * @example\n * const parentRef = signal<HTMLDivElement | null>(null)\n * const virtual = useVirtualizer(() => ({\n *   count: 10000,\n *   getScrollElement: () => parentRef(),\n *   estimateSize: () => 35,\n * }))\n * // virtual.virtualItems() — array of visible VirtualItem\n * // virtual.totalSize() — total height/width for the inner container\n */\nexport function useVirtualizer<TScrollElement extends Element, TItemElement extends Element>(\n  options: UseVirtualizerOptions<TScrollElement, TItemElement>,\n): UseVirtualizerResult<TScrollElement, TItemElement> {\n  const resolvedOptions: VirtualizerOptions<TScrollElement, TItemElement> = {\n    observeElementRect,\n    observeElementOffset,\n    scrollToFn: elementScroll,\n    ...options(),\n  }\n\n  const virtualItems = signal<VirtualItem[]>([])\n  const totalSize = signal(0)\n  const isScrolling = signal(false)\n\n  // Store latest user options so onChange always reads the freshest reference\n  let latestUserOpts = options()\n\n  const instance = new Virtualizer<TScrollElement, TItemElement>(resolvedOptions)\n\n  // Track reactive options: when signals inside options() change, update the virtualizer.\n  const effectCleanup = effect(() => {\n    latestUserOpts = options()\n    instance.setOptions({\n      ...instance.options,\n      ...latestUserOpts,\n      onChange: (inst, sync) => {\n        batch(() => {\n          virtualItems.set(inst.getVirtualItems())\n          totalSize.set(inst.getTotalSize())\n          isScrolling.set(inst.isScrolling)\n        })\n        // Read latest opts to avoid stale closure\n        latestUserOpts.onChange?.(inst, sync)\n      },\n    })\n\n    // After updating options, recalculate and re-emit\n    instance._willUpdate()\n    batch(() => {\n      virtualItems.set(instance.getVirtualItems())\n      totalSize.set(instance.getTotalSize())\n    })\n  })\n\n  // Lifecycle: mount observers, clean up on unmount.\n  let mountCleanup: (() => void) | undefined\n  onMount(() => {\n    mountCleanup = instance._didMount()\n    instance._willUpdate()\n    batch(() => {\n      virtualItems.set(instance.getVirtualItems())\n      totalSize.set(instance.getTotalSize())\n    })\n    return undefined\n  })\n\n  onUnmount(() => {\n    effectCleanup.dispose()\n    mountCleanup?.()\n  })\n\n  return { instance, virtualItems, totalSize, isScrolling }\n}\n","import { onMount, onUnmount } from '@pyreon/core'\nimport type { Signal } from '@pyreon/reactivity'\nimport { batch, effect, signal } from '@pyreon/reactivity'\nimport {\n  observeWindowOffset,\n  observeWindowRect,\n  type VirtualItem,\n  Virtualizer,\n  type VirtualizerOptions,\n  windowScroll,\n} from '@tanstack/virtual-core'\n\nexport type UseWindowVirtualizerOptions<TItemElement extends Element> = () => Omit<\n  VirtualizerOptions<Window, TItemElement>,\n  'observeElementRect' | 'observeElementOffset' | 'scrollToFn' | 'getScrollElement'\n> &\n  Partial<\n    Pick<\n      VirtualizerOptions<Window, TItemElement>,\n      'observeElementRect' | 'observeElementOffset' | 'scrollToFn'\n    >\n  >\n\nexport interface UseWindowVirtualizerResult<TItemElement extends Element> {\n  instance: Virtualizer<Window, TItemElement>\n  virtualItems: Signal<VirtualItem[]>\n  totalSize: Signal<number>\n  isScrolling: Signal<boolean>\n}\n\n/**\n * Create a reactive TanStack Virtual virtualizer for window-based scrolling.\n *\n * @example\n * const virtual = useWindowVirtualizer(() => ({\n *   count: 10000,\n *   estimateSize: () => 35,\n * }))\n */\nexport function useWindowVirtualizer<TItemElement extends Element>(\n  options: UseWindowVirtualizerOptions<TItemElement>,\n): UseWindowVirtualizerResult<TItemElement> {\n  const virtualItems = signal<VirtualItem[]>([])\n  const totalSize = signal(0)\n  const isScrolling = signal(false)\n\n  const resolvedOptions: VirtualizerOptions<Window, TItemElement> = {\n    observeElementRect: observeWindowRect,\n    observeElementOffset: observeWindowOffset,\n    scrollToFn: windowScroll,\n    initialOffset: typeof document !== 'undefined' ? window.scrollY : 0,\n    getScrollElement: () => (typeof window !== 'undefined' ? window : (null as unknown as Window)),\n    ...options(),\n  }\n\n  // Store latest user options so onChange always reads the freshest reference\n  let latestUserOpts = options()\n\n  const instance = new Virtualizer<Window, TItemElement>(resolvedOptions)\n\n  const effectCleanup = effect(() => {\n    latestUserOpts = options()\n    instance.setOptions({\n      ...instance.options,\n      ...latestUserOpts,\n      onChange: (inst, sync) => {\n        batch(() => {\n          virtualItems.set(inst.getVirtualItems())\n          totalSize.set(inst.getTotalSize())\n          isScrolling.set(inst.isScrolling)\n        })\n        // Read latest opts to avoid stale closure\n        latestUserOpts.onChange?.(inst, sync)\n      },\n    })\n\n    instance._willUpdate()\n    batch(() => {\n      virtualItems.set(instance.getVirtualItems())\n      totalSize.set(instance.getTotalSize())\n    })\n  })\n\n  let mountCleanup: (() => void) | undefined\n  onMount(() => {\n    mountCleanup = instance._didMount()\n    instance._willUpdate()\n    batch(() => {\n      virtualItems.set(instance.getVirtualItems())\n      totalSize.set(instance.getTotalSize())\n    })\n    return undefined\n  })\n\n  onUnmount(() => {\n    effectCleanup.dispose()\n    mountCleanup?.()\n  })\n\n  return { instance, virtualItems, totalSize, isScrolling }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAwDA,SAAgB,eACd,SACoD;CACpD,MAAM,kBAAoE;EACxE;EACA;EACA,YAAYA;EACZ,GAAG,SAAS;EACb;CAED,MAAM,eAAe,OAAsB,EAAE,CAAC;CAC9C,MAAM,YAAY,OAAO,EAAE;CAC3B,MAAM,cAAc,OAAO,MAAM;CAGjC,IAAI,iBAAiB,SAAS;CAE9B,MAAM,WAAW,IAAIC,cAA0C,gBAAgB;CAG/E,MAAM,gBAAgB,aAAa;AACjC,mBAAiB,SAAS;AAC1B,WAAS,WAAW;GAClB,GAAG,SAAS;GACZ,GAAG;GACH,WAAW,MAAM,SAAS;AACxB,gBAAY;AACV,kBAAa,IAAI,KAAK,iBAAiB,CAAC;AACxC,eAAU,IAAI,KAAK,cAAc,CAAC;AAClC,iBAAY,IAAI,KAAK,YAAY;MACjC;AAEF,mBAAe,WAAW,MAAM,KAAK;;GAExC,CAAC;AAGF,WAAS,aAAa;AACtB,cAAY;AACV,gBAAa,IAAI,SAAS,iBAAiB,CAAC;AAC5C,aAAU,IAAI,SAAS,cAAc,CAAC;IACtC;GACF;CAGF,IAAI;AACJ,eAAc;AACZ,iBAAe,SAAS,WAAW;AACnC,WAAS,aAAa;AACtB,cAAY;AACV,gBAAa,IAAI,SAAS,iBAAiB,CAAC;AAC5C,aAAU,IAAI,SAAS,cAAc,CAAC;IACtC;GAEF;AAEF,iBAAgB;AACd,gBAAc,SAAS;AACvB,kBAAgB;GAChB;AAEF,QAAO;EAAE;EAAU;EAAc;EAAW;EAAa;;;;;;;;;;;;;;AC9E3D,SAAgB,qBACd,SAC0C;CAC1C,MAAM,eAAe,OAAsB,EAAE,CAAC;CAC9C,MAAM,YAAY,OAAO,EAAE;CAC3B,MAAM,cAAc,OAAO,MAAM;CAEjC,MAAM,kBAA4D;EAChE,oBAAoBC;EACpB,sBAAsBC;EACtB,YAAYC;EACZ,eAAe,OAAO,aAAa,cAAc,OAAO,UAAU;EAClE,wBAAyB,OAAO,WAAW,cAAc,SAAU;EACnE,GAAG,SAAS;EACb;CAGD,IAAI,iBAAiB,SAAS;CAE9B,MAAM,WAAW,IAAIC,cAAkC,gBAAgB;CAEvE,MAAM,gBAAgB,aAAa;AACjC,mBAAiB,SAAS;AAC1B,WAAS,WAAW;GAClB,GAAG,SAAS;GACZ,GAAG;GACH,WAAW,MAAM,SAAS;AACxB,gBAAY;AACV,kBAAa,IAAI,KAAK,iBAAiB,CAAC;AACxC,eAAU,IAAI,KAAK,cAAc,CAAC;AAClC,iBAAY,IAAI,KAAK,YAAY;MACjC;AAEF,mBAAe,WAAW,MAAM,KAAK;;GAExC,CAAC;AAEF,WAAS,aAAa;AACtB,cAAY;AACV,gBAAa,IAAI,SAAS,iBAAiB,CAAC;AAC5C,aAAU,IAAI,SAAS,cAAc,CAAC;IACtC;GACF;CAEF,IAAI;AACJ,eAAc;AACZ,iBAAe,SAAS,WAAW;AACnC,WAAS,aAAa;AACtB,cAAY;AACV,gBAAa,IAAI,SAAS,iBAAiB,CAAC;AAC5C,aAAU,IAAI,SAAS,cAAc,CAAC;IACtC;GAEF;AAEF,iBAAgB;AACd,gBAAc,SAAS;AACvB,kBAAgB;GAChB;AAEF,QAAO;EAAE;EAAU;EAAc;EAAW;EAAa"}

package/lib/types/index.d.ts

@@ -2,7 +2,7 @@ import { Range, Rect, ScrollToOptions, VirtualItem, VirtualItem as VirtualItem$1
 import { Signal } from "@pyreon/reactivity";
 
 //#region src/use-virtualizer.d.ts
-type UseVirtualizerOptions<TScrollElement extends Element, TItemElement extends Element> = () => Omit<VirtualizerOptions$1<TScrollElement, TItemElement>, "observeElementRect" | "observeElementOffset" | "scrollToFn"> & Partial<Pick<VirtualizerOptions$1<TScrollElement, TItemElement>, "observeElementRect" | "observeElementOffset" | "scrollToFn">>;
+type UseVirtualizerOptions<TScrollElement extends Element, TItemElement extends Element> = () => Omit<VirtualizerOptions$1<TScrollElement, TItemElement>, 'observeElementRect' | 'observeElementOffset' | 'scrollToFn'> & Partial<Pick<VirtualizerOptions$1<TScrollElement, TItemElement>, 'observeElementRect' | 'observeElementOffset' | 'scrollToFn'>>;
 interface UseVirtualizerResult<TScrollElement extends Element, TItemElement extends Element> {
   /** The virtualizer instance — read to access all methods. */
   instance: Virtualizer$1<TScrollElement, TItemElement>;
@@ -32,7 +32,7 @@ interface UseVirtualizerResult<TScrollElement extends Element, TItemElement exte
 declare function useVirtualizer<TScrollElement extends Element, TItemElement extends Element>(options: UseVirtualizerOptions<TScrollElement, TItemElement>): UseVirtualizerResult<TScrollElement, TItemElement>;
 //#endregion
 //#region src/use-window-virtualizer.d.ts
-type UseWindowVirtualizerOptions<TItemElement extends Element> = () => Omit<VirtualizerOptions$1<Window, TItemElement>, "observeElementRect" | "observeElementOffset" | "scrollToFn" | "getScrollElement"> & Partial<Pick<VirtualizerOptions$1<Window, TItemElement>, "observeElementRect" | "observeElementOffset" | "scrollToFn">>;
+type UseWindowVirtualizerOptions<TItemElement extends Element> = () => Omit<VirtualizerOptions$1<Window, TItemElement>, 'observeElementRect' | 'observeElementOffset' | 'scrollToFn' | 'getScrollElement'> & Partial<Pick<VirtualizerOptions$1<Window, TItemElement>, 'observeElementRect' | 'observeElementOffset' | 'scrollToFn'>>;
 interface UseWindowVirtualizerResult<TItemElement extends Element> {
   instance: Virtualizer$1<Window, TItemElement>;
   virtualItems: Signal<VirtualItem$1[]>;

package/package.json

@@ -1,20 +1,17 @@
 {
   "name": "@pyreon/virtual",
-  "version": "0.11.5",
+  "version": "0.11.7",
   "description": "Pyreon adapter for TanStack Virtual",
+  "homepage": "https://github.com/pyreon/pyreon/tree/main/packages/virtual#readme",
+  "bugs": {
+    "url": "https://github.com/pyreon/pyreon/issues"
+  },
   "license": "MIT",
   "repository": {
     "type": "git",
     "url": "https://github.com/pyreon/pyreon.git",
     "directory": "packages/fundamentals/virtual"
   },
-  "homepage": "https://github.com/pyreon/pyreon/tree/main/packages/virtual#readme",
-  "bugs": {
-    "url": "https://github.com/pyreon/pyreon/issues"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
   "files": [
     "lib",
     "src",
@@ -33,24 +30,27 @@
       "types": "./lib/types/index.d.ts"
     }
   },
+  "publishConfig": {
+    "access": "public"
+  },
   "scripts": {
     "build": "vl_rolldown_build",
     "dev": "vl_rolldown_build-watch",
     "test": "vitest run",
     "typecheck": "tsc --noEmit",
-    "lint": "biome check ."
+    "lint": "oxlint ."
   },
   "dependencies": {
     "@tanstack/virtual-core": "^3.0.0"
   },
-  "peerDependencies": {
-    "@pyreon/core": "^0.11.5",
-    "@pyreon/reactivity": "^0.11.5"
-  },
   "devDependencies": {
     "@happy-dom/global-registrator": "^20.8.3",
-    "@pyreon/core": "^0.11.5",
-    "@pyreon/reactivity": "^0.11.5",
-    "@pyreon/runtime-dom": "^0.11.5"
+    "@pyreon/core": "^0.11.7",
+    "@pyreon/reactivity": "^0.11.7",
+    "@pyreon/runtime-dom": "^0.11.7"
+  },
+  "peerDependencies": {
+    "@pyreon/core": "^0.11.7",
+    "@pyreon/reactivity": "^0.11.7"
   }
 }

package/src/index.ts

@@ -7,7 +7,7 @@ export type {
   ScrollToOptions,
   VirtualItem,
   VirtualizerOptions,
-} from "@tanstack/virtual-core"
+} from '@tanstack/virtual-core'
 export {
   defaultKeyExtractor,
   defaultRangeExtractor,
@@ -19,17 +19,14 @@ export {
   observeWindowRect,
   Virtualizer,
   windowScroll,
-} from "@tanstack/virtual-core"
+} from '@tanstack/virtual-core'
 
 // ─── Pyreon adapter ─────────────────────────────────────────────────────────────
 
-export type {
-  UseVirtualizerOptions,
-  UseVirtualizerResult,
-} from "./use-virtualizer"
-export { useVirtualizer } from "./use-virtualizer"
+export type { UseVirtualizerOptions, UseVirtualizerResult } from './use-virtualizer'
+export { useVirtualizer } from './use-virtualizer'
 export type {
   UseWindowVirtualizerOptions,
   UseWindowVirtualizerResult,
-} from "./use-window-virtualizer"
-export { useWindowVirtualizer } from "./use-window-virtualizer"
+} from './use-window-virtualizer'
+export { useWindowVirtualizer } from './use-window-virtualizer'

package/src/tests/virtual-comprehensive.test.tsx

@@ -1,12 +1,12 @@
-import { signal } from "@pyreon/reactivity"
-import { mount } from "@pyreon/runtime-dom"
-import { useVirtualizer, useWindowVirtualizer } from "../index"
+import { signal } from '@pyreon/reactivity'
+import { mount } from '@pyreon/runtime-dom'
+import { useVirtualizer, useWindowVirtualizer } from '../index'
 
 // ─── Helpers ──────────────────────────────────────────────────────────────────
 
 function mountWith<T>(fn: () => T): { result: T; unmount: () => void } {
   let result: T | undefined
-  const el = document.createElement("div")
+  const el = document.createElement('div')
   document.body.appendChild(el)
   const Wrapper = () => {
     result = fn()
@@ -23,19 +23,19 @@ function mountWith<T>(fn: () => T): { result: T; unmount: () => void } {
 }
 
 function createScrollContainer(height = 200): HTMLDivElement {
-  const container = document.createElement("div")
-  Object.defineProperty(container, "offsetHeight", { value: height })
-  Object.defineProperty(container, "offsetWidth", { value: 300 })
-  Object.defineProperty(container, "scrollHeight", { value: 10000 })
-  Object.defineProperty(container, "clientHeight", { value: height })
+  const container = document.createElement('div')
+  Object.defineProperty(container, 'offsetHeight', { value: height })
+  Object.defineProperty(container, 'offsetWidth', { value: 300 })
+  Object.defineProperty(container, 'scrollHeight', { value: 10000 })
+  Object.defineProperty(container, 'clientHeight', { value: height })
   document.body.appendChild(container)
   return container
 }
 
 // ─── useVirtualizer — virtualItems signal ──────────────────────────────────
 
-describe("useVirtualizer — virtualItems signal", () => {
-  it("returns a signal that holds an array of VirtualItem", () => {
+describe('useVirtualizer — virtualItems signal', () => {
+  it('returns a signal that holds an array of VirtualItem', () => {
     const container = createScrollContainer()
     const { result: virt, unmount } = mountWith(() =>
       useVirtualizer(() => ({
@@ -52,7 +52,7 @@ describe("useVirtualizer — virtualItems signal", () => {
     container.remove()
   })
 
-  it("virtual items have index, start, end, size, key properties", () => {
+  it('virtual items have index, start, end, size, key properties', () => {
     const container = createScrollContainer()
     const { result: virt, unmount } = mountWith(() =>
       useVirtualizer(() => ({
@@ -65,16 +65,16 @@ describe("useVirtualizer — virtualItems signal", () => {
     const items = virt.virtualItems()
     expect(items.length).toBeGreaterThan(0)
     const first = items[0]!
-    expect(typeof first.index).toBe("number")
-    expect(typeof first.start).toBe("number")
-    expect(typeof first.end).toBe("number")
-    expect(typeof first.size).toBe("number")
+    expect(typeof first.index).toBe('number')
+    expect(typeof first.start).toBe('number')
+    expect(typeof first.end).toBe('number')
+    expect(typeof first.size).toBe('number')
     expect(first.key).toBeDefined()
     unmount()
     container.remove()
   })
 
-  it("first item starts at index 0", () => {
+  it('first item starts at index 0', () => {
     const container = createScrollContainer()
     const { result: virt, unmount } = mountWith(() =>
       useVirtualizer(() => ({
@@ -92,8 +92,8 @@ describe("useVirtualizer — virtualItems signal", () => {
 
 // ─── useVirtualizer — totalSize signal ─────────────────────────────────────
 
-describe("useVirtualizer — totalSize signal", () => {
-  it("returns count * estimateSize for uniform items", () => {
+describe('useVirtualizer — totalSize signal', () => {
+  it('returns count * estimateSize for uniform items', () => {
     const container = createScrollContainer()
     const { result: virt, unmount } = mountWith(() =>
       useVirtualizer(() => ({
@@ -108,7 +108,7 @@ describe("useVirtualizer — totalSize signal", () => {
     container.remove()
   })
 
-  it("includes padding in totalSize", () => {
+  it('includes padding in totalSize', () => {
     const container = createScrollContainer()
     const { result: virt, unmount } = mountWith(() =>
       useVirtualizer(() => ({
@@ -125,7 +125,7 @@ describe("useVirtualizer — totalSize signal", () => {
     container.remove()
   })
 
-  it("includes gaps in totalSize", () => {
+  it('includes gaps in totalSize', () => {
     const container = createScrollContainer()
     const { result: virt, unmount } = mountWith(() =>
       useVirtualizer(() => ({
@@ -141,7 +141,7 @@ describe("useVirtualizer — totalSize signal", () => {
     container.remove()
   })
 
-  it("returns 0 when count is 0", () => {
+  it('returns 0 when count is 0', () => {
     const container = createScrollContainer()
     const { result: virt, unmount } = mountWith(() =>
       useVirtualizer(() => ({
@@ -159,8 +159,8 @@ describe("useVirtualizer — totalSize signal", () => {
 
 // ─── useVirtualizer — count changes update virtualItems ────────────────────
 
-describe("useVirtualizer — count changes update virtualItems", () => {
-  it("increasing count increases totalSize", () => {
+describe('useVirtualizer — count changes update virtualItems', () => {
+  it('increasing count increases totalSize', () => {
     const container = createScrollContainer()
     const count = signal(100)
     const { result: virt, unmount } = mountWith(() =>
@@ -182,7 +182,7 @@ describe("useVirtualizer — count changes update virtualItems", () => {
     container.remove()
   })
 
-  it("setting count to 0 empties virtualItems", () => {
+  it('setting count to 0 empties virtualItems', () => {
     const container = createScrollContainer()
     const count = signal(100)
     const { result: virt, unmount } = mountWith(() =>
@@ -202,7 +202,7 @@ describe("useVirtualizer — count changes update virtualItems", () => {
     container.remove()
   })
 
-  it("growing count from 0 creates virtualItems", () => {
+  it('growing count from 0 creates virtualItems', () => {
     const container = createScrollContainer()
     const count = signal(0)
     const { result: virt, unmount } = mountWith(() =>
@@ -225,8 +225,8 @@ describe("useVirtualizer — count changes update virtualItems", () => {
 
 // ─── useVirtualizer — estimateSize callback ────────────────────────────────
 
-describe("useVirtualizer — estimateSize callback", () => {
-  it("uses the provided estimateSize for totalSize calculation", () => {
+describe('useVirtualizer — estimateSize callback', () => {
+  it('uses the provided estimateSize for totalSize calculation', () => {
     const container = createScrollContainer()
     const { result: virt, unmount } = mountWith(() =>
       useVirtualizer(() => ({
@@ -241,7 +241,7 @@ describe("useVirtualizer — estimateSize callback", () => {
     container.remove()
   })
 
-  it("reactive estimateSize updates totalSize after measure()", () => {
+  it('reactive estimateSize updates totalSize after measure()', () => {
     const container = createScrollContainer()
     const itemSize = signal(50)
     const { result: virt, unmount } = mountWith(() =>
@@ -261,7 +261,7 @@ describe("useVirtualizer — estimateSize callback", () => {
     container.remove()
   })
 
-  it("small estimateSize produces more visible items", () => {
+  it('small estimateSize produces more visible items', () => {
     const container = createScrollContainer(200)
     const { result: small, unmount: u1 } = mountWith(() =>
       useVirtualizer(() => ({
@@ -291,8 +291,8 @@ describe("useVirtualizer — estimateSize callback", () => {
 
 // ─── useVirtualizer — additional options ───────────────────────────────────
 
-describe("useVirtualizer — additional options", () => {
-  it("overscan controls extra items rendered", () => {
+describe('useVirtualizer — additional options', () => {
+  it('overscan controls extra items rendered', () => {
     const container = createScrollContainer(200)
     const { result: noOverscan, unmount: u1 } = mountWith(() =>
       useVirtualizer(() => ({
@@ -320,7 +320,7 @@ describe("useVirtualizer — additional options", () => {
     container.remove()
   })
 
-  it("horizontal mode works", () => {
+  it('horizontal mode works', () => {
     const container = createScrollContainer()
     const { result: virt, unmount } = mountWith(() =>
       useVirtualizer(() => ({
@@ -337,7 +337,7 @@ describe("useVirtualizer — additional options", () => {
     container.remove()
   })
 
-  it("enabled: false produces empty output", () => {
+  it('enabled: false produces empty output', () => {
     const container = createScrollContainer()
     const { result: virt, unmount } = mountWith(() =>
       useVirtualizer(() => ({
@@ -354,7 +354,7 @@ describe("useVirtualizer — additional options", () => {
     container.remove()
   })
 
-  it("isScrolling starts as false", () => {
+  it('isScrolling starts as false', () => {
     const container = createScrollContainer()
     const { result: virt, unmount } = mountWith(() =>
       useVirtualizer(() => ({
@@ -369,7 +369,7 @@ describe("useVirtualizer — additional options", () => {
     container.remove()
   })
 
-  it("exposes instance with scrollToIndex and scrollToOffset", () => {
+  it('exposes instance with scrollToIndex and scrollToOffset', () => {
     const container = createScrollContainer()
     const { result: virt, unmount } = mountWith(() =>
       useVirtualizer(() => ({
@@ -379,9 +379,9 @@ describe("useVirtualizer — additional options", () => {
       })),
     )
 
-    expect(typeof virt.instance.scrollToIndex).toBe("function")
-    expect(typeof virt.instance.scrollToOffset).toBe("function")
-    expect(typeof virt.instance.measureElement).toBe("function")
+    expect(typeof virt.instance.scrollToIndex).toBe('function')
+    expect(typeof virt.instance.scrollToOffset).toBe('function')
+    expect(typeof virt.instance.measureElement).toBe('function')
     unmount()
     container.remove()
   })
@@ -389,26 +389,26 @@ describe("useVirtualizer — additional options", () => {
 
 // ─── useWindowVirtualizer ──────────────────────────────────────────────────
 
-describe("useWindowVirtualizer — comprehensive", () => {
+describe('useWindowVirtualizer — comprehensive', () => {
   beforeEach(() => {
-    Object.defineProperty(window, "innerHeight", {
+    Object.defineProperty(window, 'innerHeight', {
       value: 768,
       writable: true,
       configurable: true,
     })
-    Object.defineProperty(window, "innerWidth", {
+    Object.defineProperty(window, 'innerWidth', {
       value: 1024,
       writable: true,
       configurable: true,
     })
-    Object.defineProperty(window, "scrollY", {
+    Object.defineProperty(window, 'scrollY', {
       value: 0,
       writable: true,
       configurable: true,
     })
   })
 
-  it("returns virtualItems, totalSize, isScrolling signals", () => {
+  it('returns virtualItems, totalSize, isScrolling signals', () => {
     const { result: virt, unmount } = mountWith(() =>
       useWindowVirtualizer(() => ({
         count: 1000,
@@ -416,16 +416,16 @@ describe("useWindowVirtualizer — comprehensive", () => {
       })),
     )
 
-    expect(typeof virt.virtualItems).toBe("function")
-    expect(typeof virt.totalSize).toBe("function")
-    expect(typeof virt.isScrolling).toBe("function")
+    expect(typeof virt.virtualItems).toBe('function')
+    expect(typeof virt.totalSize).toBe('function')
+    expect(typeof virt.isScrolling).toBe('function')
     expect(Array.isArray(virt.virtualItems())).toBe(true)
-    expect(typeof virt.totalSize()).toBe("number")
-    expect(typeof virt.isScrolling()).toBe("boolean")
+    expect(typeof virt.totalSize()).toBe('number')
+    expect(typeof virt.isScrolling()).toBe('boolean')
     unmount()
   })
 
-  it("totalSize equals count * estimateSize", () => {
+  it('totalSize equals count * estimateSize', () => {
     const { result: virt, unmount } = mountWith(() =>
       useWindowVirtualizer(() => ({
         count: 100,
@@ -437,7 +437,7 @@ describe("useWindowVirtualizer — comprehensive", () => {
     unmount()
   })
 
-  it("reactive count updates totalSize", () => {
+  it('reactive count updates totalSize', () => {
     const count = signal(100)
     const { result: virt, unmount } = mountWith(() =>
       useWindowVirtualizer(() => ({
@@ -456,7 +456,7 @@ describe("useWindowVirtualizer — comprehensive", () => {
     unmount()
   })
 
-  it("reactive estimateSize updates totalSize after measure()", () => {
+  it('reactive estimateSize updates totalSize after measure()', () => {
     const size = signal(50)
     const { result: virt, unmount } = mountWith(() =>
       useWindowVirtualizer(() => ({
@@ -473,7 +473,7 @@ describe("useWindowVirtualizer — comprehensive", () => {
     unmount()
   })
 
-  it("SSR-safe — handles missing document/window", () => {
+  it('SSR-safe — handles missing document/window', () => {
     const origDoc = globalThis.document
     const origWin = globalThis.window
     try {
@@ -494,7 +494,7 @@ describe("useWindowVirtualizer — comprehensive", () => {
     }
   })
 
-  it("gap affects totalSize", () => {
+  it('gap affects totalSize', () => {
     const { result: virt, unmount } = mountWith(() =>
       useWindowVirtualizer(() => ({
         count: 10,
@@ -507,7 +507,7 @@ describe("useWindowVirtualizer — comprehensive", () => {
     unmount()
   })
 
-  it("enabled: false produces empty output", () => {
+  it('enabled: false produces empty output', () => {
     const { result: virt, unmount } = mountWith(() =>
       useWindowVirtualizer(() => ({
         count: 100,
@@ -521,7 +521,7 @@ describe("useWindowVirtualizer — comprehensive", () => {
     unmount()
   })
 
-  it("onChange callback is forwarded", () => {
+  it('onChange callback is forwarded', () => {
     const spy = vi.fn()
     const { result: virt, unmount } = mountWith(() =>
       useWindowVirtualizer(() => ({
@@ -540,7 +540,7 @@ describe("useWindowVirtualizer — comprehensive", () => {
     unmount()
   })
 
-  it("overscan controls extra rendered items", () => {
+  it('overscan controls extra rendered items', () => {
     const { result: small, unmount: u1 } = mountWith(() =>
       useWindowVirtualizer(() => ({
         count: 1000,

package/src/tests/virtual.test.tsx

@@ -1,12 +1,12 @@
-import { signal } from "@pyreon/reactivity"
-import { mount } from "@pyreon/runtime-dom"
-import { useVirtualizer, useWindowVirtualizer } from "../index"
+import { signal } from '@pyreon/reactivity'
+import { mount } from '@pyreon/runtime-dom'
+import { useVirtualizer, useWindowVirtualizer } from '../index'
 
 // ─── Helpers ──────────────────────────────────────────────────────────────────
 
 function mountWith<T>(fn: () => T): { result: T; unmount: () => void } {
   let result: T | undefined
-  const el = document.createElement("div")
+  const el = document.createElement('div')
   document.body.appendChild(el)
   const Wrapper = () => {
     result = fn()
@@ -24,20 +24,20 @@ function mountWith<T>(fn: () => T): { result: T; unmount: () => void } {
 
 /** Create a mock scroll container with a known size. */
 function createScrollContainer(height = 200): HTMLDivElement {
-  const container = document.createElement("div")
+  const container = document.createElement('div')
   // happy-dom doesn't have real layout, but we can set properties
-  Object.defineProperty(container, "offsetHeight", { value: height })
-  Object.defineProperty(container, "offsetWidth", { value: 300 })
-  Object.defineProperty(container, "scrollHeight", { value: 10000 })
-  Object.defineProperty(container, "clientHeight", { value: height })
+  Object.defineProperty(container, 'offsetHeight', { value: height })
+  Object.defineProperty(container, 'offsetWidth', { value: 300 })
+  Object.defineProperty(container, 'scrollHeight', { value: 10000 })
+  Object.defineProperty(container, 'clientHeight', { value: height })
   document.body.appendChild(container)
   return container
 }
 
 // ─── useVirtualizer ──────────────────────────────────────────────────────────
 
-describe("useVirtualizer", () => {
-  it("creates a virtualizer with virtual items", () => {
+describe('useVirtualizer', () => {
+  it('creates a virtualizer with virtual items', () => {
     const container = createScrollContainer()
     const { result: virt, unmount } = mountWith(() =>
       useVirtualizer(() => ({
@@ -54,7 +54,7 @@ describe("useVirtualizer", () => {
     container.remove()
   })
 
-  it("returns correct total size", () => {
+  it('returns correct total size', () => {
     const container = createScrollContainer()
     const { result: virt, unmount } = mountWith(() =>
       useVirtualizer(() => ({
@@ -70,7 +70,7 @@ describe("useVirtualizer", () => {
     container.remove()
   })
 
-  it("reactive count — updates when count signal changes", () => {
+  it('reactive count — updates when count signal changes', () => {
     const container = createScrollContainer()
     const count = signal(100)
     const { result: virt, unmount } = mountWith(() =>
@@ -89,7 +89,7 @@ describe("useVirtualizer", () => {
     container.remove()
   })
 
-  it("reactive estimateSize — updates total size", () => {
+  it('reactive estimateSize — updates total size', () => {
     const container = createScrollContainer()
     const itemSize = signal(50)
     const { result: virt, unmount } = mountWith(() =>
@@ -110,7 +110,7 @@ describe("useVirtualizer", () => {
     container.remove()
   })
 
-  it("exposes the virtualizer instance", () => {
+  it('exposes the virtualizer instance', () => {
     const container = createScrollContainer()
     const { result: virt, unmount } = mountWith(() =>
       useVirtualizer(() => ({
@@ -121,14 +121,14 @@ describe("useVirtualizer", () => {
     )
 
     expect(virt.instance).toBeDefined()
-    expect(typeof virt.instance.scrollToIndex).toBe("function")
-    expect(typeof virt.instance.scrollToOffset).toBe("function")
-    expect(typeof virt.instance.measureElement).toBe("function")
+    expect(typeof virt.instance.scrollToIndex).toBe('function')
+    expect(typeof virt.instance.scrollToOffset).toBe('function')
+    expect(typeof virt.instance.measureElement).toBe('function')
     unmount()
     container.remove()
   })
 
-  it("virtual items have correct structure", () => {
+  it('virtual items have correct structure', () => {
     const container = createScrollContainer()
     const { result: virt, unmount } = mountWith(() =>
       useVirtualizer(() => ({
@@ -141,17 +141,17 @@ describe("useVirtualizer", () => {
     const items = virt.virtualItems()
     if (items.length > 0) {
       const item = items[0]!
-      expect(typeof item.index).toBe("number")
-      expect(typeof item.start).toBe("number")
-      expect(typeof item.end).toBe("number")
-      expect(typeof item.size).toBe("number")
+      expect(typeof item.index).toBe('number')
+      expect(typeof item.start).toBe('number')
+      expect(typeof item.end).toBe('number')
+      expect(typeof item.size).toBe('number')
       expect(typeof item.key).toBeDefined()
     }
     unmount()
     container.remove()
   })
 
-  it("overscan controls extra items rendered", () => {
+  it('overscan controls extra items rendered', () => {
     const container = createScrollContainer(200)
     const { result: small, unmount: unmount1 } = mountWith(() =>
       useVirtualizer(() => ({
@@ -178,7 +178,7 @@ describe("useVirtualizer", () => {
     container.remove()
   })
 
-  it("gap option affects total size", () => {
+  it('gap option affects total size', () => {
     const container = createScrollContainer()
     const { result: noGap, unmount: unmount1 } = mountWith(() =>
       useVirtualizer(() => ({
@@ -206,7 +206,7 @@ describe("useVirtualizer", () => {
     container.remove()
   })
 
-  it("horizontal mode works", () => {
+  it('horizontal mode works', () => {
     const container = createScrollContainer()
     const { result: virt, unmount } = mountWith(() =>
       useVirtualizer(() => ({
@@ -223,7 +223,7 @@ describe("useVirtualizer", () => {
     container.remove()
   })
 
-  it("padding affects total size", () => {
+  it('padding affects total size', () => {
     const container = createScrollContainer()
     const { result: virt, unmount } = mountWith(() =>
       useVirtualizer(() => ({
@@ -241,7 +241,7 @@ describe("useVirtualizer", () => {
     container.remove()
   })
 
-  it("isScrolling starts as false", () => {
+  it('isScrolling starts as false', () => {
     const container = createScrollContainer()
     const { result: virt, unmount } = mountWith(() =>
       useVirtualizer(() => ({
@@ -256,7 +256,7 @@ describe("useVirtualizer", () => {
     container.remove()
   })
 
-  it("enabled: false produces empty virtual items", () => {
+  it('enabled: false produces empty virtual items', () => {
     const container = createScrollContainer()
     const { result: virt, unmount } = mountWith(() =>
       useVirtualizer(() => ({
@@ -273,7 +273,7 @@ describe("useVirtualizer", () => {
     container.remove()
   })
 
-  it("onChange callback updates signals when triggered", () => {
+  it('onChange callback updates signals when triggered', () => {
     const container = createScrollContainer()
     const onChangeSpy = vi.fn()
     const { result: virt, unmount } = mountWith(() =>
@@ -293,15 +293,15 @@ describe("useVirtualizer", () => {
     }
 
     expect(virt.virtualItems()).toBeDefined()
-    expect(typeof virt.totalSize()).toBe("number")
-    expect(typeof virt.isScrolling()).toBe("boolean")
+    expect(typeof virt.totalSize()).toBe('number')
+    expect(typeof virt.isScrolling()).toBe('boolean')
     // The user's onChange should have been forwarded
     expect(onChangeSpy).toHaveBeenCalled()
     unmount()
     container.remove()
   })
 
-  it("onChange callback works without user-provided onChange", () => {
+  it('onChange callback works without user-provided onChange', () => {
     const container = createScrollContainer()
     const { result: virt, unmount } = mountWith(() =>
       useVirtualizer(() => ({
@@ -326,27 +326,27 @@ describe("useVirtualizer", () => {
 
 // ─── useWindowVirtualizer ─────────────────────────────────────────────────────
 
-describe("useWindowVirtualizer", () => {
+describe('useWindowVirtualizer', () => {
   beforeEach(() => {
     // Ensure window has layout-like properties for happy-dom
-    Object.defineProperty(window, "innerHeight", {
+    Object.defineProperty(window, 'innerHeight', {
       value: 768,
       writable: true,
       configurable: true,
     })
-    Object.defineProperty(window, "innerWidth", {
+    Object.defineProperty(window, 'innerWidth', {
       value: 1024,
       writable: true,
       configurable: true,
     })
-    Object.defineProperty(window, "scrollY", {
+    Object.defineProperty(window, 'scrollY', {
       value: 0,
       writable: true,
       configurable: true,
     })
   })
 
-  it("creates an instance and returns virtualItems, totalSize, isScrolling signals", () => {
+  it('creates an instance and returns virtualItems, totalSize, isScrolling signals', () => {
     const { result: virt, unmount } = mountWith(() =>
       useWindowVirtualizer(() => ({
         count: 1000,
@@ -357,12 +357,12 @@ describe("useWindowVirtualizer", () => {
     expect(virt.instance).toBeDefined()
     expect(virt.virtualItems()).toBeDefined()
     expect(Array.isArray(virt.virtualItems())).toBe(true)
-    expect(typeof virt.totalSize()).toBe("number")
+    expect(typeof virt.totalSize()).toBe('number')
     expect(virt.isScrolling()).toBe(false)
     unmount()
   })
 
-  it("returns correct total size", () => {
+  it('returns correct total size', () => {
     const { result: virt, unmount } = mountWith(() =>
       useWindowVirtualizer(() => ({
         count: 100,
@@ -374,7 +374,7 @@ describe("useWindowVirtualizer", () => {
     unmount()
   })
 
-  it("reactive count — updates when count signal changes", () => {
+  it('reactive count — updates when count signal changes', () => {
     const count = signal(100)
     const { result: virt, unmount } = mountWith(() =>
       useWindowVirtualizer(() => ({
@@ -390,7 +390,7 @@ describe("useWindowVirtualizer", () => {
     unmount()
   })
 
-  it("reactive estimateSize — updates total size after measure()", () => {
+  it('reactive estimateSize — updates total size after measure()', () => {
     const itemSize = signal(50)
     const { result: virt, unmount } = mountWith(() =>
       useWindowVirtualizer(() => ({
@@ -407,7 +407,7 @@ describe("useWindowVirtualizer", () => {
     unmount()
   })
 
-  it("exposes instance methods (scrollToIndex, scrollToOffset, measureElement)", () => {
+  it('exposes instance methods (scrollToIndex, scrollToOffset, measureElement)', () => {
     const { result: virt, unmount } = mountWith(() =>
       useWindowVirtualizer(() => ({
         count: 50,
@@ -415,13 +415,13 @@ describe("useWindowVirtualizer", () => {
       })),
     )
 
-    expect(typeof virt.instance.scrollToIndex).toBe("function")
-    expect(typeof virt.instance.scrollToOffset).toBe("function")
-    expect(typeof virt.instance.measureElement).toBe("function")
+    expect(typeof virt.instance.scrollToIndex).toBe('function')
+    expect(typeof virt.instance.scrollToOffset).toBe('function')
+    expect(typeof virt.instance.measureElement).toBe('function')
     unmount()
   })
 
-  it("virtual items have correct structure", () => {
+  it('virtual items have correct structure', () => {
     const { result: virt, unmount } = mountWith(() =>
       useWindowVirtualizer(() => ({
         count: 1000,
@@ -432,16 +432,16 @@ describe("useWindowVirtualizer", () => {
     const items = virt.virtualItems()
     if (items.length > 0) {
       const item = items[0]!
-      expect(typeof item.index).toBe("number")
-      expect(typeof item.start).toBe("number")
-      expect(typeof item.end).toBe("number")
-      expect(typeof item.size).toBe("number")
+      expect(typeof item.index).toBe('number')
+      expect(typeof item.start).toBe('number')
+      expect(typeof item.end).toBe('number')
+      expect(typeof item.size).toBe('number')
       expect(typeof item.key).toBeDefined()
     }
     unmount()
   })
 
-  it("gap option affects total size", () => {
+  it('gap option affects total size', () => {
     const { result: noGap, unmount: unmount1 } = mountWith(() =>
       useWindowVirtualizer(() => ({
         count: 10,
@@ -465,7 +465,7 @@ describe("useWindowVirtualizer", () => {
     unmount2()
   })
 
-  it("padding affects total size", () => {
+  it('padding affects total size', () => {
     const { result: virt, unmount } = mountWith(() =>
       useWindowVirtualizer(() => ({
         count: 10,
@@ -480,7 +480,7 @@ describe("useWindowVirtualizer", () => {
     unmount()
   })
 
-  it("horizontal mode works", () => {
+  it('horizontal mode works', () => {
     const { result: virt, unmount } = mountWith(() =>
       useWindowVirtualizer(() => ({
         count: 100,
@@ -494,7 +494,7 @@ describe("useWindowVirtualizer", () => {
     unmount()
   })
 
-  it("enabled: false produces empty virtual items", () => {
+  it('enabled: false produces empty virtual items', () => {
     const { result: virt, unmount } = mountWith(() =>
       useWindowVirtualizer(() => ({
         count: 100,
@@ -508,7 +508,7 @@ describe("useWindowVirtualizer", () => {
     unmount()
   })
 
-  it("calls user-provided onChange callback", () => {
+  it('calls user-provided onChange callback', () => {
     const onChangeSpy = vi.fn()
     const count = signal(10)
     const { result: virt, unmount } = mountWith(() =>
@@ -527,7 +527,7 @@ describe("useWindowVirtualizer", () => {
     unmount()
   })
 
-  it("overscan controls extra items rendered", () => {
+  it('overscan controls extra items rendered', () => {
     const { result: small, unmount: unmount1 } = mountWith(() =>
       useWindowVirtualizer(() => ({
         count: 1000,
@@ -549,7 +549,7 @@ describe("useWindowVirtualizer", () => {
     unmount2()
   })
 
-  it("onChange callback updates signals when triggered directly", () => {
+  it('onChange callback updates signals when triggered directly', () => {
     const onChangeSpy = vi.fn()
     const { result: virt, unmount } = mountWith(() =>
       useWindowVirtualizer(() => ({
@@ -566,13 +566,13 @@ describe("useWindowVirtualizer", () => {
     }
 
     expect(virt.virtualItems()).toBeDefined()
-    expect(typeof virt.totalSize()).toBe("number")
-    expect(typeof virt.isScrolling()).toBe("boolean")
+    expect(typeof virt.totalSize()).toBe('number')
+    expect(typeof virt.isScrolling()).toBe('boolean')
     expect(onChangeSpy).toHaveBeenCalled()
     unmount()
   })
 
-  it("onChange works without user-provided onChange", () => {
+  it('onChange works without user-provided onChange', () => {
     const { result: virt, unmount } = mountWith(() =>
       useWindowVirtualizer(() => ({
         count: 100,
@@ -589,7 +589,7 @@ describe("useWindowVirtualizer", () => {
     unmount()
   })
 
-  it("handles missing document/window gracefully", () => {
+  it('handles missing document/window gracefully', () => {
     const origDoc = globalThis.document
     const origWin = globalThis.window
     try {

package/src/use-virtualizer.ts

@@ -1,6 +1,6 @@
-import { onMount, onUnmount } from "@pyreon/core"
-import type { Signal } from "@pyreon/reactivity"
-import { batch, effect, signal } from "@pyreon/reactivity"
+import { onMount, onUnmount } from '@pyreon/core'
+import type { Signal } from '@pyreon/reactivity'
+import { batch, effect, signal } from '@pyreon/reactivity'
 import {
   elementScroll,
   observeElementOffset,
@@ -8,19 +8,19 @@ import {
   type VirtualItem,
   Virtualizer,
   type VirtualizerOptions,
-} from "@tanstack/virtual-core"
+} from '@tanstack/virtual-core'
 
 export type UseVirtualizerOptions<
   TScrollElement extends Element,
   TItemElement extends Element,
 > = () => Omit<
   VirtualizerOptions<TScrollElement, TItemElement>,
-  "observeElementRect" | "observeElementOffset" | "scrollToFn"
+  'observeElementRect' | 'observeElementOffset' | 'scrollToFn'
 > &
   Partial<
     Pick<
       VirtualizerOptions<TScrollElement, TItemElement>,
-      "observeElementRect" | "observeElementOffset" | "scrollToFn"
+      'observeElementRect' | 'observeElementOffset' | 'scrollToFn'
     >
   >
 

package/src/use-window-virtualizer.ts

@@ -1,6 +1,6 @@
-import { onMount, onUnmount } from "@pyreon/core"
-import type { Signal } from "@pyreon/reactivity"
-import { batch, effect, signal } from "@pyreon/reactivity"
+import { onMount, onUnmount } from '@pyreon/core'
+import type { Signal } from '@pyreon/reactivity'
+import { batch, effect, signal } from '@pyreon/reactivity'
 import {
   observeWindowOffset,
   observeWindowRect,
@@ -8,16 +8,16 @@ import {
   Virtualizer,
   type VirtualizerOptions,
   windowScroll,
-} from "@tanstack/virtual-core"
+} from '@tanstack/virtual-core'
 
 export type UseWindowVirtualizerOptions<TItemElement extends Element> = () => Omit<
   VirtualizerOptions<Window, TItemElement>,
-  "observeElementRect" | "observeElementOffset" | "scrollToFn" | "getScrollElement"
+  'observeElementRect' | 'observeElementOffset' | 'scrollToFn' | 'getScrollElement'
 > &
   Partial<
     Pick<
       VirtualizerOptions<Window, TItemElement>,
-      "observeElementRect" | "observeElementOffset" | "scrollToFn"
+      'observeElementRect' | 'observeElementOffset' | 'scrollToFn'
     >
   >
 
@@ -48,8 +48,8 @@ export function useWindowVirtualizer<TItemElement extends Element>(
     observeElementRect: observeWindowRect,
     observeElementOffset: observeWindowOffset,
     scrollToFn: windowScroll,
-    initialOffset: typeof document !== "undefined" ? window.scrollY : 0,
-    getScrollElement: () => (typeof window !== "undefined" ? window : (null as unknown as Window)),
+    initialOffset: typeof document !== 'undefined' ? window.scrollY : 0,
+    getScrollElement: () => (typeof window !== 'undefined' ? window : (null as unknown as Window)),
     ...options(),
   }