@powersync/web 1.14.2 → 1.15.0

package/dist/worker/SharedSyncImplementation.umd.js

@@ -562,8 +562,10 @@ __webpack_require__.r(__webpack_exports__);
  */
 class WorkerWrappedAsyncDatabaseConnection {
     options;
+    lockAbortController;
     constructor(options) {
         this.options = options;
+        this.lockAbortController = new AbortController();
     }
     get baseConnection() {
         return this.options.baseConnection;
@@ -576,6 +578,38 @@ class WorkerWrappedAsyncDatabaseConnection {
      */
     async shareConnection() {
         const { identifier, remote } = this.options;
+        /**
+         * Hold a navigator lock in order to avoid features such as Chrome's frozen tabs,
+         * or Edge's sleeping tabs from pausing the thread for this connection.
+         * This promise resolves once a lock is obtained.
+         * This lock will be held as long as this connection is open.
+         * The `shareConnection` method should not be called on multiple tabs concurrently.
+         */
+        await new Promise((resolve, reject) => navigator.locks
+            .request(`shared-connection-${this.options.identifier}`, {
+            signal: this.lockAbortController.signal
+        }, async () => {
+            resolve();
+            // Free the lock when the connection is already closed.
+            if (this.lockAbortController.signal.aborted) {
+                return;
+            }
+            // Hold the lock while the shared connection is in use.
+            await new Promise((releaseLock) => {
+                this.lockAbortController.signal.addEventListener('abort', () => {
+                    releaseLock();
+                });
+            });
+        })
+            // We aren't concerned with abort errors here
+            .catch((ex) => {
+            if (ex.name == 'AbortError') {
+                resolve();
+            }
+            else {
+                reject(ex);
+            }
+        }));
         const newPort = await remote[comlink__WEBPACK_IMPORTED_MODULE_0__.createEndpoint]();
         return { port: newPort, identifier };
     }
@@ -587,6 +621,8 @@ class WorkerWrappedAsyncDatabaseConnection {
         return this.baseConnection.registerOnTableChange(comlink__WEBPACK_IMPORTED_MODULE_0__.proxy(callback));
     }
     async close() {
+        // Abort any pending lock requests.
+        this.lockAbortController.abort();
         await this.baseConnection.close();
         this.options.remote[comlink__WEBPACK_IMPORTED_MODULE_0__.releaseProxy]();
         this.options.onClose?.();