@instantdb/core 0.22.56 → 0.22.57

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instantdb/core",
-  "version": "v0.22.56",
+  "version": "v0.22.57",
   "description": "Instant's core local abstraction",
   "homepage": "https://github.com/instantdb/instant/tree/main/client/packages/core",
   "repository": {
@@ -53,7 +53,7 @@
   "dependencies": {
     "mutative": "^1.0.10",
     "uuid": "^11.1.0",
-    "@instantdb/version": "v0.22.56"
+    "@instantdb/version": "v0.22.57"
   },
   "scripts": {
     "test": "vitest",

package/src/Reactor.js

@@ -29,6 +29,7 @@ import { InstantError } from './InstantError.ts';
 import { InstantAPIError } from './utils/fetch.ts';
 import { validate as validateUUID } from 'uuid';
 import { WSConnection, SSEConnection } from './Connection.ts';
+import { SyncTable } from './SyncTable.ts';
 
 /** @typedef {import('./utils/log.ts').Logger} Logger */
 /** @typedef {import('./Connection.ts').Connection} Connection */
@@ -272,6 +273,23 @@ export default class Reactor {
 
     this._initStorage(Storage);
 
+    this._syncTable = new SyncTable(
+      this._trySendAuthed.bind(this),
+      this._persister,
+      {
+        useDateObjects: this.config.useDateObjects,
+      },
+      this._log,
+      (triples) =>
+        s.createStore(
+          this.attrs,
+          triples,
+          this.config.enableCardinalityInference,
+          this._linkIndex,
+          this.config.useDateObjects,
+        ),
+    );
+
     this._oauthCallbackResponse = this._oauthLoginInit();
 
     // kick off a request to cache it
@@ -360,6 +378,7 @@ export default class Reactor {
     for (const cb of this._beforeUnloadCbs) {
       cb();
     }
+    this._syncTable.beforeUnload();
   }
 
   /**
@@ -501,7 +520,7 @@ export default class Reactor {
       this._log.info('[receive]', connId, msg.op, msg);
     }
     switch (msg.op) {
-      case 'init-ok':
+      case 'init-ok': {
         this._setStatus(STATUS.AUTHENTICATED);
         this._reconnectTimeoutMs = 0;
         this._setAttrs(msg.attrs);
@@ -515,10 +534,12 @@ export default class Reactor {
           this._tryJoinRoom(roomId, enqueuedUserPresence);
         }
         break;
-      case 'add-query-exists':
+      }
+      case 'add-query-exists': {
         this.notifyOneQueryOnce(weakHash(msg.q));
         break;
-      case 'add-query-ok':
+      }
+      case 'add-query-ok': {
         const { q, result } = msg;
         const hash = weakHash(q);
         const pageInfo = result?.[0]?.data?.['page-info'];
@@ -545,7 +566,24 @@ export default class Reactor {
         this.notifyOneQueryOnce(hash);
         this._cleanupPendingMutationsTimeout();
         break;
-      case 'refresh-ok':
+      }
+      case 'start-sync-ok': {
+        this._syncTable.onStartSyncOk(msg);
+        break;
+      }
+      case 'sync-load-batch': {
+        this._syncTable.onSyncLoadBatch(msg);
+        break;
+      }
+      case 'sync-init-finish': {
+        this._syncTable.onSyncInitFinish(msg);
+        break;
+      }
+      case 'sync-update-triples': {
+        this._syncTable.onSyncUpdateTriples(msg);
+        break;
+      }
+      case 'refresh-ok': {
         const { computations, attrs } = msg;
         const processedTxId = msg['processed-tx-id'];
         if (attrs) {
@@ -604,6 +642,7 @@ export default class Reactor {
           this.notifyOne(hash);
         });
         break;
+      }
       case 'transact-ok': {
         const { 'client-event-id': eventId, 'tx-id': txId } = msg;
 
@@ -696,6 +735,7 @@ export default class Reactor {
         this._handleReceiveError(msg);
         break;
       default:
+        this._log.info('Uknown op', msg.op, msg);
         break;
     }
   }
@@ -772,6 +812,16 @@ export default class Reactor {
       this.notifyAll();
       return;
     }
+
+    if (msg['original-event']?.op === 'resync-table') {
+      this._syncTable.onResyncError(msg);
+      return;
+    }
+
+    if (msg['original-event']?.op === 'start-sync') {
+      this._syncTable.onStartSyncError(msg);
+      return;
+    }
     // We've caught some error which has no corresponding listener.
     // Let's console.error to let the user know.
     const errorObj = { ...msg };
@@ -822,6 +872,10 @@ export default class Reactor {
     return eventId;
   }
 
+  subscribeTable(q, cb) {
+    return this._syncTable.subscribe(q, cb);
+  }
+
   /**
    *  When a user subscribes to a query the following side effects occur:
    *
@@ -1294,6 +1348,8 @@ export default class Reactor {
         this._sendMutation(eventId, mut);
       }
     });
+
+    this._syncTable.flushPending();
   }
 
   /**