@tanstack/svelte-table 9.0.0-alpha.49 → 9.0.0-alpha.50

package/dist/createTable.svelte.js

@@ -1,7 +1,7 @@
 import { constructTable } from '@tanstack/table-core';
 import { useSelector } from '@tanstack/svelte-store';
 import { untrack } from 'svelte';
-import { mergeObjects } from './merge-objects';
+import { flatMerge, mergeObjects } from './merge-objects';
 import { svelteReactivity } from './reactivity.svelte';
 /**
  * Creates a Svelte 5 table instance backed by rune-aware TanStack Store atoms.
@@ -39,7 +39,7 @@ export function createTable(tableOptions, selector) {
     // 2. Set up resolved options with mergeOptions handler
     const resolvedOptions = mergeObjects({
         mergeOptions: (defaultOptions, newOptions) => {
-            return mergeObjects(defaultOptions, newOptions);
+            return flatMerge(defaultOptions, newOptions);
         },
     }, mergedOptions);
     // 3. Construct table
@@ -62,7 +62,7 @@ export function createTable(tableOptions, selector) {
         void mergedOptions.data;
         untrack(() => {
             table.setOptions((prev) => {
-                return mergeObjects(prev, mergedOptions);
+                return flatMerge(prev, mergedOptions);
             });
         });
     });

package/dist/merge-objects.d.ts

@@ -6,3 +6,19 @@ export declare function mergeObjects<T>(source: T): T;
 export declare function mergeObjects<T, U>(source: T, source1: U): T & U;
 export declare function mergeObjects<T, U, V>(source: T, source1: U, source2: V): T & U & V;
 export declare function mergeObjects<T, U, V, W>(source: T, source1: U, source2: V, source3: W): T & U & V & W;
+/**
+ * Merges objects together by eagerly resolving all values into a flat object.
+ *
+ * Unlike `mergeObjects`, this does NOT preserve getters — values are read once
+ * and stored as plain data properties. This prevents the getter-chain
+ * accumulation that causes O(N) lookups when the result is repeatedly passed
+ * back as a source in subsequent merges (e.g., inside `$effect.pre` loops).
+ *
+ * Later sources take precedence; `undefined` values do not override.
+ *
+ * @see https://github.com/TanStack/table/issues/6235
+ */
+export declare function flatMerge<T>(source: T): T;
+export declare function flatMerge<T, U>(source: T, source1: U): T & U;
+export declare function flatMerge<T, U, V>(source: T, source1: U, source2: V): T & U & V;
+export declare function flatMerge<T, U, V, W>(source: T, source1: U, source2: V, source3: W): T & U & V & W;

package/dist/merge-objects.js

@@ -27,3 +27,19 @@ export function mergeObjects(...sources) {
     }
     return target;
 }
+export function flatMerge(...sources) {
+    const result = {};
+    for (let source of sources) {
+        if (typeof source === 'function')
+            source = source();
+        if (!source)
+            continue;
+        for (const key of Reflect.ownKeys(source)) {
+            const value = source[key];
+            if (value !== undefined) {
+                result[key] = value;
+            }
+        }
+    }
+    return result;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/svelte-table",
-  "version": "9.0.0-alpha.49",
+  "version": "9.0.0-alpha.50",
   "description": "Headless UI for building powerful tables & datagrids for Svelte.",
   "author": "Tanner Linsley",
   "license": "MIT",

package/src/createTable.svelte.ts

@@ -1,7 +1,7 @@
 import { constructTable } from '@tanstack/table-core'
 import { useSelector } from '@tanstack/svelte-store'
 import { untrack } from 'svelte'
-import { mergeObjects } from './merge-objects'
+import { flatMerge, mergeObjects } from './merge-objects'
 import { svelteReactivity } from './reactivity.svelte'
 import type {
   RowData,
@@ -75,7 +75,7 @@ export function createTable<
         defaultOptions: TableOptions<TFeatures, TData>,
         newOptions: Partial<TableOptions<TFeatures, TData>>,
       ) => {
-        return mergeObjects(defaultOptions, newOptions)
+        return flatMerge(defaultOptions, newOptions)
       },
     },
     mergedOptions,
@@ -107,7 +107,7 @@ export function createTable<
 
     untrack(() => {
       table.setOptions((prev) => {
-        return mergeObjects(prev, mergedOptions)
+        return flatMerge(prev, mergedOptions)
       })
     })
   })

package/src/merge-objects.ts

@@ -41,3 +41,39 @@ export function mergeObjects(...sources: any): any {
   }
   return target
 }
+
+/**
+ * Merges objects together by eagerly resolving all values into a flat object.
+ *
+ * Unlike `mergeObjects`, this does NOT preserve getters — values are read once
+ * and stored as plain data properties. This prevents the getter-chain
+ * accumulation that causes O(N) lookups when the result is repeatedly passed
+ * back as a source in subsequent merges (e.g., inside `$effect.pre` loops).
+ *
+ * Later sources take precedence; `undefined` values do not override.
+ *
+ * @see https://github.com/TanStack/table/issues/6235
+ */
+export function flatMerge<T>(source: T): T
+export function flatMerge<T, U>(source: T, source1: U): T & U
+export function flatMerge<T, U, V>(source: T, source1: U, source2: V): T & U & V
+export function flatMerge<T, U, V, W>(
+  source: T,
+  source1: U,
+  source2: V,
+  source3: W,
+): T & U & V & W
+export function flatMerge(...sources: any): any {
+  const result: Record<PropertyKey, unknown> = {}
+  for (let source of sources) {
+    if (typeof source === 'function') source = source()
+    if (!source) continue
+    for (const key of Reflect.ownKeys(source)) {
+      const value = (source as Record<PropertyKey, unknown>)[key]
+      if (value !== undefined) {
+        result[key as string] = value
+      }
+    }
+  }
+  return result
+}