Upgrade to Replicache 8.0.

backend/push.ts

@@ -21,7 +21,7 @@ export async function handlePushRequest(
 
   const t0 = Date.now();
   await transact(async (executor) => {
-    const tx = new WriteTransactionImpl(executor, docID);
+    const tx = new WriteTransactionImpl(executor, clientID, docID);
 
     let lastMutationID = await getLastMutationID(executor, clientID);
     console.log("lastMutationID:", lastMutationID);

backend/write-transaction-impl.test.ts

@@ -11,7 +11,7 @@ setup(async () => {
 
 test("WriteTransactionImpl", async () => {
   await transact(async (tx) => {
-    const writeTx = new WriteTransactionImpl(tx, "foo");
+    const writeTx = new WriteTransactionImpl(tx, "c1", "foo");
 
     expect(await writeTx.has("foo")).to.be.false;
     expect(await writeTx.get("foo")).to.be.undefined;
@@ -21,15 +21,15 @@ test("WriteTransactionImpl", async () => {
     expect(await writeTx.get("foo")).to.equal("bar");
 
     // They don't overlap until one flushes and the other is reloaded.
-    const writeTx2 = new WriteTransactionImpl(tx, "foo");
+    const writeTx2 = new WriteTransactionImpl(tx, "c1", "foo");
     expect(await writeTx2.has("foo")).to.be.false;
     expect(await writeTx2.get("foo")).to.be.undefined;
 
     // TODO: scan, isEmpty
 
     // Go ahead and flush one
     await writeTx.flush();
-    const writeTx3 = new WriteTransactionImpl(tx, "foo");
+    const writeTx3 = new WriteTransactionImpl(tx, "c1", "foo");
     expect(await writeTx3.has("foo")).to.be.true;
     expect(await writeTx3.get("foo")).to.equal("bar");
   });

backend/write-transaction-impl.ts

@@ -7,18 +7,24 @@ import { Executor } from "./db";
  * transaction.
  */
 export class WriteTransactionImpl implements WriteTransaction {
+  private _clientID: string;
   private _docID: string;
   private _executor: Executor;
   private _cache: Map<
     string,
     { value: JSONValue | undefined; dirty: boolean }
   > = new Map();
 
-  constructor(executor: Executor, docID: string) {
+  constructor(executor: Executor, clientID: string, docID: string) {
+    this._clientID = clientID;
     this._docID = docID;
     this._executor = executor;
   }
 
+  get clientID(): string {
+    return this._clientID;
+  }
+
   async put(key: string, value: JSONValue): Promise<void> {
     this._cache.set(key, { value, dirty: true });
   }

package.json

@@ -23,8 +23,8 @@
     "react-dom": "17.0.2",
     "react-draggable": "^4.4.3",
     "react-hotkeys": "^1.1.4",
-    "replicache": "^7.0.0",
-    "replicache-react": "^2.0.0",
+    "replicache": "^8.0.0",
+    "replicache-react": "^2.4.0",
     "ws": "^8.2.3",
     "zod": "^3.11.6"
   },