fix(replicache): Wrap persist in a lock. (#3577)

This was triggered in the zero perf benchmark which calls persist.
Sometimes this call got overlapped with the scheduled persist call which
raised the assert.

Instead of asserting in this condition we wait until the current persist
operation is done.

packages/replicache/src/replicache-impl.ts

@@ -1,3 +1,4 @@
+import {Lock} from '@rocicorp/lock';
 import {consoleLogSink, LogContext} from '@rocicorp/logger';
 import {resolver} from '@rocicorp/resolver';
 import {AbortError} from '../../shared/src/abort-error.js';
@@ -291,7 +292,7 @@ export class ReplicacheImpl<MD extends MutatorDefs = {}> {
 
   readonly #closeAbortController = new AbortController();
 
-  #persistIsRunning = false;
+  readonly #persistLock = new Lock();
   readonly #enableScheduledPersist: boolean;
   readonly #enableScheduledRefresh: boolean;
   readonly #enablePullAndPushInOpen: boolean;
@@ -1131,10 +1132,9 @@ export class ReplicacheImpl<MD extends MutatorDefs = {}> {
     return {requestID, syncHead, ok: httpRequestInfo.httpStatusCode === 200};
   }
 
-  async persist(): Promise<void> {
-    assert(!this.#persistIsRunning);
-    this.#persistIsRunning = true;
-    try {
+  persist(): Promise<void> {
+    // Prevent multiple persist calls from running at the same time.
+    return this.#persistLock.withLock(async () => {
       const {clientID} = this;
       await this.#ready;
       if (this.#closed) {
@@ -1147,7 +1147,7 @@ export class ReplicacheImpl<MD extends MutatorDefs = {}> {
           this.memdag,
           this.perdag,
           this.#mutatorRegistry,
-          () => this.closed,
+          () => this.#closed,
           FormatVersion.Latest,
         );
       } catch (e) {
@@ -1159,14 +1159,11 @@ export class ReplicacheImpl<MD extends MutatorDefs = {}> {
           throw e;
         }
       }
-    } finally {
-      this.#persistIsRunning = false;
-    }
 
-    const {clientID} = this;
-    const clientGroupID = await this.#clientGroupIDPromise;
-    assert(clientGroupID);
-    this.#onPersist({clientID, clientGroupID});
+      const clientGroupID = await this.#clientGroupIDPromise;
+      assert(clientGroupID);
+      this.#onPersist({clientID, clientGroupID});
+    });
   }
 
   async refresh(): Promise<void> {

packages/zero-client/src/client/zero.bench.ts

@@ -1,6 +1,5 @@
 import {resolver} from '@rocicorp/resolver';
 import {bench, describe, expect} from 'vitest';
-import {sleep} from '../../../shared/src/sleep.js';
 import type {Row} from '../../../zql/src/query/query.js';
 import {getInternalReplicacheImplForTesting, Zero} from './zero.js';
 
@@ -44,7 +43,6 @@ async function withZero(
   });
   await f(z);
   if (persist) {
-    await sleep(500);
     await getInternalReplicacheImplForTesting(z).persist();
   }
   await z.close();