@powersync/web 0.0.0-dev-20251126195153 → 0.0.0-dev-20251127205344

package/dist/index.umd.js

@@ -40046,11 +40046,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var comlink__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! comlink */ "comlink");
 /* harmony import */ var comlink__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(comlink__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _worker_sync_AbstractSharedSyncClientProvider__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../worker/sync/AbstractSharedSyncClientProvider */ "./lib/src/worker/sync/AbstractSharedSyncClientProvider.js");
-/* harmony import */ var _worker_sync_SharedSyncImplementation__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../worker/sync/SharedSyncImplementation */ "./lib/src/worker/sync/SharedSyncImplementation.js");
-/* harmony import */ var _adapters_web_sql_flags__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../adapters/web-sql-flags */ "./lib/src/db/adapters/web-sql-flags.js");
-/* harmony import */ var _WebStreamingSyncImplementation__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./WebStreamingSyncImplementation */ "./lib/src/db/sync/WebStreamingSyncImplementation.js");
-/* harmony import */ var _shared_navigator__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../shared/navigator */ "./lib/src/shared/navigator.js");
+/* harmony import */ var _shared_navigator__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../shared/navigator */ "./lib/src/shared/navigator.js");
+/* harmony import */ var _worker_sync_AbstractSharedSyncClientProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../worker/sync/AbstractSharedSyncClientProvider */ "./lib/src/worker/sync/AbstractSharedSyncClientProvider.js");
+/* harmony import */ var _worker_sync_SharedSyncImplementation__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../worker/sync/SharedSyncImplementation */ "./lib/src/worker/sync/SharedSyncImplementation.js");
+/* harmony import */ var _adapters_web_sql_flags__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../adapters/web-sql-flags */ "./lib/src/db/adapters/web-sql-flags.js");
+/* harmony import */ var _WebStreamingSyncImplementation__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./WebStreamingSyncImplementation */ "./lib/src/db/sync/WebStreamingSyncImplementation.js");
 
 
 
@@ -40061,7 +40061,7 @@ __webpack_require__.r(__webpack_exports__);
  * The shared worker will trigger methods on this side of the message port
  * via this client provider.
  */
-class SharedSyncClientProvider extends _worker_sync_AbstractSharedSyncClientProvider__WEBPACK_IMPORTED_MODULE_1__.AbstractSharedSyncClientProvider {
+class SharedSyncClientProvider extends _worker_sync_AbstractSharedSyncClientProvider__WEBPACK_IMPORTED_MODULE_2__.AbstractSharedSyncClientProvider {
     options;
     statusChanged;
     webDB;
@@ -40132,7 +40132,7 @@ class SharedSyncClientProvider extends _worker_sync_AbstractSharedSyncClientProv
 /**
  * The local part of the sync implementation on the web, which talks to a sync implementation hosted in a shared worker.
  */
-class SharedWebStreamingSyncImplementation extends _WebStreamingSyncImplementation__WEBPACK_IMPORTED_MODULE_4__.WebStreamingSyncImplementation {
+class SharedWebStreamingSyncImplementation extends _WebStreamingSyncImplementation__WEBPACK_IMPORTED_MODULE_5__.WebStreamingSyncImplementation {
     syncManager;
     clientProvider;
     messagePort;
@@ -40148,10 +40148,10 @@ class SharedWebStreamingSyncImplementation extends _WebStreamingSyncImplementati
          */
         const resolvedWorkerOptions = {
             dbFilename: this.options.identifier,
-            temporaryStorage: _adapters_web_sql_flags__WEBPACK_IMPORTED_MODULE_3__.TemporaryStorageOption.MEMORY,
-            cacheSizeKb: _adapters_web_sql_flags__WEBPACK_IMPORTED_MODULE_3__.DEFAULT_CACHE_SIZE_KB,
+            temporaryStorage: _adapters_web_sql_flags__WEBPACK_IMPORTED_MODULE_4__.TemporaryStorageOption.MEMORY,
+            cacheSizeKb: _adapters_web_sql_flags__WEBPACK_IMPORTED_MODULE_4__.DEFAULT_CACHE_SIZE_KB,
             ...options,
-            flags: (0,_adapters_web_sql_flags__WEBPACK_IMPORTED_MODULE_3__.resolveWebSQLFlags)(options.flags)
+            flags: (0,_adapters_web_sql_flags__WEBPACK_IMPORTED_MODULE_4__.resolveWebSQLFlags)(options.flags)
         };
         const syncWorker = options.sync?.worker;
         if (syncWorker) {
@@ -40183,6 +40183,19 @@ class SharedWebStreamingSyncImplementation extends _WebStreamingSyncImplementati
          */
         const { crudUploadThrottleMs, identifier, retryDelayMs } = this.options;
         const flags = { ...this.webOptions.flags, workers: undefined };
+        // Request a random lock until this client is disposed. The name of the lock is sent to the shared worker, which
+        // will also attempt to acquire it. Since the lock is returned when the tab is closed, this allows the share worker
+        // to free resources associated with this tab.
+        // We take hold of this lock as soon-as-possible in order to cater for potentially closed tabs.
+        (0,_shared_navigator__WEBPACK_IMPORTED_MODULE_1__.getNavigatorLocks)().request(`tab-close-signal-${crypto.randomUUID()}`, async (lock) => {
+            if (!this.abortOnClose.signal.aborted) {
+                // Awaiting here ensures the worker is waiting for the lock
+                await this.syncManager.addLockBasedCloseSignal(lock.name);
+                await new Promise((r) => {
+                    this.abortOnClose.signal.onabort = () => r();
+                });
+            }
+        });
         this.isInitialized = this.syncManager.setParams({
             dbParams: this.dbAdapter.getConfiguration(),
             streamOptions: {
@@ -40204,17 +40217,6 @@ class SharedWebStreamingSyncImplementation extends _WebStreamingSyncImplementati
          * This performs bi-directional method calling.
          */
         comlink__WEBPACK_IMPORTED_MODULE_0__.expose(this.clientProvider, this.messagePort);
-        // Request a random lock until this client is disposed. The name of the lock is sent to the shared worker, which
-        // will also attempt to acquire it. Since the lock is returned when the tab is closed, this allows the share worker
-        // to free resources associated with this tab.
-        (0,_shared_navigator__WEBPACK_IMPORTED_MODULE_5__.getNavigatorLocks)().request(`tab-close-signal-${crypto.randomUUID()}`, async (lock) => {
-            if (!this.abortOnClose.signal.aborted) {
-                this.syncManager.addLockBasedCloseSignal(lock.name);
-                await new Promise((r) => {
-                    this.abortOnClose.signal.onabort = () => r();
-                });
-            }
-        });
     }
     /**
      * Starts the sync process, this effectively acts as a call to
@@ -40242,13 +40244,13 @@ class SharedWebStreamingSyncImplementation extends _WebStreamingSyncImplementati
             // Listen for the close acknowledgment from the worker
             this.messagePort.addEventListener('message', (event) => {
                 const payload = event.data;
-                if (payload?.event === _worker_sync_SharedSyncImplementation__WEBPACK_IMPORTED_MODULE_2__.SharedSyncClientEvent.CLOSE_ACK) {
+                if (payload?.event === _worker_sync_SharedSyncImplementation__WEBPACK_IMPORTED_MODULE_3__.SharedSyncClientEvent.CLOSE_ACK) {
                     resolve();
                 }
             });
             // Signal the shared worker that this client is closing its connection to the worker
             const closeMessagePayload = {
-                event: _worker_sync_SharedSyncImplementation__WEBPACK_IMPORTED_MODULE_2__.SharedSyncClientEvent.CLOSE_CLIENT,
+                event: _worker_sync_SharedSyncImplementation__WEBPACK_IMPORTED_MODULE_3__.SharedSyncClientEvent.CLOSE_CLIENT,
                 data: {}
             };
             this.messagePort.postMessage(closeMessagePayload);
@@ -40955,6 +40957,20 @@ class SharedSyncImplementation extends _powersync_common__WEBPACK_IMPORTED_MODUL
                 }
             });
             const shouldReconnect = !!this.connectionManager.syncStreamImplementation && this.ports.length > 0;
+            /**
+             * If the current database adapter is the one that is being closed, we need to disconnect from the backend.
+             * We can disconnect in the portMutex lock. This ensures the disconnect is not affected by potential other
+             * connect operations coming from other tabs.
+             */
+            if (this.dbAdapter && this.dbAdapter == trackedPort.db) {
+                this.logger.debug(`Disconnecting due to closed database: should reconnect: ${shouldReconnect}`);
+                this.dbAdapter = null;
+                // Unconditionally close the connection because the database it's writing to has just been closed.
+                // The connection has been closed previously, this might throw. We should be able to ignore it.
+                await this.connectionManager
+                    .disconnect()
+                    .catch((ex) => this.logger.warn('Error while disconnecting. Will attempt to reconnect.', ex));
+            }
             return {
                 shouldReconnect,
                 trackedPort
@@ -40967,17 +40983,8 @@ class SharedSyncImplementation extends _powersync_common__WEBPACK_IMPORTED_MODUL
         for (const closeListener of trackedPort.closeListeners) {
             await closeListener();
         }
-        if (this.dbAdapter && this.dbAdapter == trackedPort.db) {
-            // Unconditionally close the connection because the database it's writing to has just been closed.
-            // The connection has been closed previously, this might throw. We should be able to ignore it.
-            await this.connectionManager
-                .disconnect()
-                .catch((ex) => this.logger.warn('Error while disconnecting. Will attempt to reconnect.', ex));
-            // Clearing the adapter will result in a new one being opened in connect
-            this.dbAdapter = null;
-            if (shouldReconnect) {
-                await this.connectionManager.connect(CONNECTOR_PLACEHOLDER, this.lastConnectOptions ?? {});
-            }
+        if (shouldReconnect) {
+            await this.connectionManager.connect(CONNECTOR_PLACEHOLDER, this.lastConnectOptions ?? {});
         }
         // Re-index subscriptions, the subscriptions of the removed port would no longer be considered.
         this.collectActiveSubscriptions();
@@ -41103,6 +41110,11 @@ class SharedSyncImplementation extends _powersync_common__WEBPACK_IMPORTED_MODUL
                 });
                 lastClient.closeListeners.push(async () => {
                     this.logger.info('Aborting open connection because associated tab closed.');
+                    /**
+                     * Don't await this close operation. It might never resolve if the tab is closed.
+                     * We run the close operation first, before marking the remote as closed. This gives the database some chance
+                     * to close the connection.
+                     */
                     wrapped.close().catch((ex) => this.logger.warn('error closing database connection', ex));
                     wrapped.markRemoteClosed();
                 });