@svgrid/grid 2.0.0 → 2.0.1

package/src/virtualization/column-virtualizer.ts

@@ -1,30 +1,30 @@
-import { createVirtualizer } from './virtualizer'
-
-export type ColumnSizeEstimator = (index: number) => number
-
-export function createColumnVirtualizer(input: {
-  count: number
-  viewportWidth: number
-  scrollOffset?: number
-  overscan?: number
-  /** Either a uniform size (number) or a per-column size function. */
-  estimateSize?: number | ColumnSizeEstimator
-}) {
-  const virtualizer = createVirtualizer({
-    count: input.count,
-    estimateSize: input.estimateSize ?? 140,
-    viewportHeight: input.viewportWidth,
-    scrollOffset: input.scrollOffset ?? 0,
-    overscan: input.overscan ?? 4,
-  })
-
-  return {
-    ...virtualizer,
-    setViewportWidth(viewportWidth: number) {
-      virtualizer.setViewportHeight(viewportWidth)
-    },
-    setHorizontalOffset(scrollOffset: number) {
-      virtualizer.setScrollOffset(scrollOffset)
-    },
-  }
-}
+import { createVirtualizer } from './virtualizer'
+
+export type ColumnSizeEstimator = (index: number) => number
+
+export function createColumnVirtualizer(input: {
+  count: number
+  viewportWidth: number
+  scrollOffset?: number
+  overscan?: number
+  /** Either a uniform size (number) or a per-column size function. */
+  estimateSize?: number | ColumnSizeEstimator
+}) {
+  const virtualizer = createVirtualizer({
+    count: input.count,
+    estimateSize: input.estimateSize ?? 140,
+    viewportHeight: input.viewportWidth,
+    scrollOffset: input.scrollOffset ?? 0,
+    overscan: input.overscan ?? 4,
+  })
+
+  return {
+    ...virtualizer,
+    setViewportWidth(viewportWidth: number) {
+      virtualizer.setViewportHeight(viewportWidth)
+    },
+    setHorizontalOffset(scrollOffset: number) {
+      virtualizer.setScrollOffset(scrollOffset)
+    },
+  }
+}

package/src/virtualization/svelte-virtualizer.svelte.ts

@@ -1,26 +1,26 @@
-import { createVirtualizer } from './virtualizer'
-import type { VirtualizerOptions } from './types'
-
-export function createSvelteVirtualizer(options: VirtualizerOptions) {
-  const virtualizer = createVirtualizer(options)
-  let version = $state(0)
-
-  virtualizer.subscribe(() => {
-    version += 1
-  })
-
-  return {
-    get version() {
-      return version
-    },
-    setOptions: virtualizer.setOptions,
-    setScrollOffset: virtualizer.setScrollOffset,
-    setViewportHeight: virtualizer.setViewportHeight,
-    scrollToIndex: virtualizer.scrollToIndex,
-    getVirtualItems: virtualizer.getVirtualItems,
-    getTotalSize: virtualizer.getTotalSize,
-    getOffsetForIndex: virtualizer.getOffsetForIndex,
-    getSizeForIndex: virtualizer.getSizeForIndex,
-    getState: virtualizer.getState,
-  }
-}
+import { createVirtualizer } from './virtualizer'
+import type { VirtualizerOptions } from './types'
+
+export function createSvelteVirtualizer(options: VirtualizerOptions) {
+  const virtualizer = createVirtualizer(options)
+  let version = $state(0)
+
+  virtualizer.subscribe(() => {
+    version += 1
+  })
+
+  return {
+    get version() {
+      return version
+    },
+    setOptions: virtualizer.setOptions,
+    setScrollOffset: virtualizer.setScrollOffset,
+    setViewportHeight: virtualizer.setViewportHeight,
+    scrollToIndex: virtualizer.scrollToIndex,
+    getVirtualItems: virtualizer.getVirtualItems,
+    getTotalSize: virtualizer.getTotalSize,
+    getOffsetForIndex: virtualizer.getOffsetForIndex,
+    getSizeForIndex: virtualizer.getSizeForIndex,
+    getState: virtualizer.getState,
+  }
+}

package/src/virtualization/types.ts

@@ -1,30 +1,30 @@
-export type VirtualItem = {
-  index: number
-  start: number
-  size: number
-  end: number
-  key: string
-}
-
-export type VirtualizerOptions = {
-  count: number
-  /**
-   * Per-item size. Pass a number for a uniform layout (fast path) or a
-   * function for variable sizing - the virtualizer will build cumulative
-   * offsets and use binary lookup to find the visible window. The function
-   * receives the item index and must return its pixel size.
-   */
-  estimateSize: number | ((index: number) => number)
-  overscan?: number
-  viewportHeight: number
-  scrollOffset?: number
-}
-
-export type VirtualizerState = {
-  items: Array<VirtualItem>
-  totalSize: number
-  startIndex: number
-  endIndex: number
-  scrollOffset: number
-  viewportHeight: number
-}
+export type VirtualItem = {
+  index: number
+  start: number
+  size: number
+  end: number
+  key: string
+}
+
+export type VirtualizerOptions = {
+  count: number
+  /**
+   * Per-item size. Pass a number for a uniform layout (fast path) or a
+   * function for variable sizing - the virtualizer will build cumulative
+   * offsets and use binary lookup to find the visible window. The function
+   * receives the item index and must return its pixel size.
+   */
+  estimateSize: number | ((index: number) => number)
+  overscan?: number
+  viewportHeight: number
+  scrollOffset?: number
+}
+
+export type VirtualizerState = {
+  items: Array<VirtualItem>
+  totalSize: number
+  startIndex: number
+  endIndex: number
+  scrollOffset: number
+  viewportHeight: number
+}

package/src/virtualization/virtualizer.test.ts

@@ -1,47 +1,47 @@
-import { describe, expect, it } from 'vitest'
-import { createVirtualizer } from './virtualizer'
-
-describe('virtualizer', () => {
-  it('computes bounded virtual range with overscan', () => {
-    const v = createVirtualizer({
-      count: 100_000,
-      estimateSize: 36,
-      overscan: 8,
-      viewportHeight: 360,
-      scrollOffset: 0,
-    })
-
-    const items = v.getVirtualItems()
-    expect(items.length).toBeGreaterThan(0)
-    expect(items[0]?.index).toBe(0)
-    expect(items[items.length - 1]?.index).toBe(18)
-  })
-
-  it('updates range when scroll offset changes', () => {
-    const v = createVirtualizer({
-      count: 100_000,
-      estimateSize: 40,
-      overscan: 5,
-      viewportHeight: 400,
-      scrollOffset: 0,
-    })
-
-    v.setScrollOffset(4_000)
-    const state = v.getState()
-    expect(state.startIndex).toBeLessThanOrEqual(100)
-    expect(state.endIndex).toBeGreaterThanOrEqual(110)
-  })
-
-  it('scrollToIndex clamps target offset', () => {
-    const v = createVirtualizer({
-      count: 100,
-      estimateSize: 30,
-      overscan: 2,
-      viewportHeight: 300,
-      scrollOffset: 0,
-    })
-
-    v.scrollToIndex(9_999)
-    expect(v.getState().scrollOffset).toBe(2_700)
-  })
-})
+import { describe, expect, it } from 'vitest'
+import { createVirtualizer } from './virtualizer'
+
+describe('virtualizer', () => {
+  it('computes bounded virtual range with overscan', () => {
+    const v = createVirtualizer({
+      count: 100_000,
+      estimateSize: 36,
+      overscan: 8,
+      viewportHeight: 360,
+      scrollOffset: 0,
+    })
+
+    const items = v.getVirtualItems()
+    expect(items.length).toBeGreaterThan(0)
+    expect(items[0]?.index).toBe(0)
+    expect(items[items.length - 1]?.index).toBe(18)
+  })
+
+  it('updates range when scroll offset changes', () => {
+    const v = createVirtualizer({
+      count: 100_000,
+      estimateSize: 40,
+      overscan: 5,
+      viewportHeight: 400,
+      scrollOffset: 0,
+    })
+
+    v.setScrollOffset(4_000)
+    const state = v.getState()
+    expect(state.startIndex).toBeLessThanOrEqual(100)
+    expect(state.endIndex).toBeGreaterThanOrEqual(110)
+  })
+
+  it('scrollToIndex clamps target offset', () => {
+    const v = createVirtualizer({
+      count: 100,
+      estimateSize: 30,
+      overscan: 2,
+      viewportHeight: 300,
+      scrollOffset: 0,
+    })
+
+    v.scrollToIndex(9_999)
+    expect(v.getState().scrollOffset).toBe(2_700)
+  })
+})