@tanstack/svelte-table 8.0.0-beta.3 → 8.0.0-beta.4

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tanstack/svelte-table",
   "author": "Tanner Linsley",
-  "version": "8.0.0-beta.3",
+  "version": "8.0.0-beta.4",
   "description": "Headless UI for building powerful tables & datagrids for Svelte.",
   "license": "MIT",
   "homepage": "https://github.com/tanstack/table#readme",
@@ -34,7 +34,7 @@
     "src"
   ],
   "dependencies": {
-    "@tanstack/table-core": "8.0.0-beta.3"
+    "@tanstack/table-core": "8.0.0-beta.4"
   },
   "peerDependencies": {
     "svelte": "^3.48.0"

package/src/index.ts

@@ -7,7 +7,7 @@ import {
   TableOptions,
   TableOptionsResolved,
 } from '@tanstack/table-core'
-import Placeholder from './placeholder.svelte'
+import Placeholder from './placeholder'
 import { SvelteComponent } from 'svelte/internal'
 import { readable, writable, derived, Readable, get } from 'svelte/store'
 import { renderComponent } from './render-component'
@@ -25,7 +25,14 @@ function isSvelteServerComponent(component: any) {
 }
 
 function isSvelteClientComponent(component: any) {
-  return component.prototype instanceof SvelteComponent
+  let isHMR = '__SVELTE_HMR' in window
+
+  return (
+    component.prototype instanceof SvelteComponent ||
+    (isHMR &&
+      component.name?.startsWith('Proxy<') &&
+      component.name?.endsWith('>'))
+  )
 }
 
 function isSvelteComponent(component: any) {
@@ -81,6 +88,7 @@ export function createTableInstance<TGenerics extends TableGenerics>(
     state: {}, // Dummy state
     onStateChange: () => {}, // noop
     render,
+    renderFallbackValue: null,
     ...get(optionsStore),
   }
 

package/src/placeholder.ts

@@ -0,0 +1,15 @@
+import type { SvelteComponentDev } from 'svelte/internal'
+import { create_ssr_component, escape } from 'svelte/internal'
+import PlaceholderClient from './placeholder.svelte'
+
+type X = typeof PlaceholderClient
+
+const PlaceholderServer = create_ssr_component(
+  ($$result: any, $$props: any, $$bindings: any, slots: any) => {
+    return `${escape($$props.content)}`
+  }
+) as any as typeof SvelteComponentDev
+
+export default typeof document === 'undefined'
+  ? PlaceholderServer
+  : PlaceholderClient

package/src/render-component.ts

@@ -1,5 +1,6 @@
 import {
   SvelteComponent,
+  claim_component,
   create_component,
   destroy_component,
   init,
@@ -21,6 +22,9 @@ function create_fragment(ctx: any, Comp: any, props: any) {
     c() {
       create_component(c.$$.fragment)
     },
+    l(nodes: any) {
+      claim_component(c.$$.fragment, nodes)
+    },
     m(target: any, anchor: any) {
       // @ts-ignore
       mount_component(c, target, anchor)
@@ -62,7 +66,7 @@ function renderClient(Comp: any, props: any): any {
 function renderServer(Comp: any, props: any) {
   const WrapperComp = create_ssr_component(
     ($$result: any, $$props: any, $$bindings: any, slots: any) => {
-      return `${validate_component(Comp, 'Comp').$$render(
+      return `${validate_component(Comp, 'TableComponent').$$render(
         $$result,
         props,
         {},