update

Author: DanielBaumert

crates/bindings-typescript/src/solid-js/SpacetimeDBProvider.ts

@@ -2,7 +2,8 @@ import {
   DbConnectionBuilder,
   type DbConnectionImpl,
 } from '../sdk/db_connection_impl';
-import { createSignal, createEffect, onCleanup, createMemo } from 'solid-js';
+import { createEffect, onCleanup, createMemo } from 'solid-js';
+import { createStore } from 'solid-js/store';
 import { SpacetimeDBContext } from './useSpacetimeDB';
 import type { ConnectionState } from './connection_state';
 import { ConnectionId } from '../lib/connection_id';
@@ -36,8 +37,7 @@ export function SpacetimeDBProvider<
     connectionError: undefined,
   };
 
-  const [state, setState] =
-    createSignal<ManagerConnectionState>(fallbackState);
+  const [state, setState] = createStore<ManagerConnectionState>(fallbackState);
 
   // Subscription to ConnectionManager
   createEffect(() => {
@@ -60,10 +60,14 @@ export function SpacetimeDBProvider<
   const getConnection = () =>
     ConnectionManager.getConnection<DbConnection>(key());
 
-  const contextValue = createMemo<ConnectionState>(() => ({
-    ...state(),
+  const contextValue: ConnectionState = {
+    get isActive() { return state.isActive; },
+    get identity() { return state.identity; },
+    get token() { return state.token; },
+    get connectionId() { return state.connectionId; },
+    get connectionError() { return state.connectionError; },
     getConnection,
-  }));
+  };
 
   // retain / release lifecycle
   createEffect(() => {
@@ -76,7 +80,7 @@ export function SpacetimeDBProvider<
 
 
   return SpacetimeDBContext.Provider({
-      value: contextValue(),
+      value: contextValue,
       children: props.children,
     });
 }

crates/bindings-typescript/src/solid-js/useTable.ts

@@ -4,6 +4,7 @@ import {
   onCleanup,
   createMemo,
 } from 'solid-js';
+import { createStore, reconcile } from 'solid-js/store';
 import { useSpacetimeDB } from './useSpacetimeDB';
 import { type EventContextInterface } from '../sdk/db_connection_impl';
 import type { ConnectionState } from './connection_state';
@@ -55,9 +56,7 @@ export function useTable<TableDef extends UntypedTableDef>(
 
   const connectionState: ConnectionState = useSpacetimeDB();
 
-  const [rows, setRows] = createSignal<
-    readonly Prettify<UseTableRowType>[]
-  >([]);
+  const [rows, setRows] = createStore<Prettify<UseTableRowType>[]>([]);
 
   const [isReady, setIsReady] = createSignal(false);
 
@@ -66,7 +65,7 @@ export function useTable<TableDef extends UntypedTableDef>(
   const computeSnapshot = () => {
     const connection = connectionState.getConnection();
     if (!connection) {
-      setRows([]);
+      setRows(reconcile([]));
       setIsReady(false);
       return;
     }
@@ -79,7 +78,7 @@ export function useTable<TableDef extends UntypedTableDef>(
         )
       : Array.from(table.iter());
 
-    setRows(result as Prettify<UseTableRowType>[]);
+    setRows(reconcile(result as Prettify<UseTableRowType>[]));
     setIsReady(true);
   };
 
@@ -175,5 +174,5 @@ export function useTable<TableDef extends UntypedTableDef>(
     });
   });
 
-  return createMemo(() => [rows(), isReady()] as const);
+  return createMemo(() => [rows, isReady()] as const);
 }