@uploadcare/file-uploader 1.20.0 → 1.20.1-alpha.0

package/abstract/UploaderBlock.d.ts

@@ -31,11 +31,15 @@ export class UploaderBlock extends ActivityBlock {
     /** @returns {TypedCollection<typeof uploadEntrySchema>} */
     get uploadCollection(): TypedCollection<typeof uploadEntrySchema>;
     /** @private */
-    private initCtxOwner;
+    private _initCtxOwner;
+    /** @private */
+    private _observeUploadCollection;
     /** @private */
     private _unobserveCollection;
     /** @private */
     private _unobserveCollectionProperties;
+    /** @private */
+    private _unobserveUploadCollection;
     /**
      * @private
      * @param {import('../types').OutputCollectionState} collectionState

package/abstract/UploaderBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UploaderBlock.d.ts","sourceRoot":"","sources":["UploaderBlock.js"],"names":[],"mappings":"AAmBA;IACE,iBAAiB;IACjB,mCAAwB;IAExB,eAAe;IACf,mBAAmB;IAEnB;;;;;;;;;;;;;;MAA+B;IAE/B,eAAe;IACf,0BAOC;IA2BD;;;OAGG;IACH,mCAHa,iBAAiB,CAQ7B;IAED,mCAAmC;IACnC,WADc,iBAAiB,CAM9B;IAED,4BAEC;IAED,2DAA2D;IAC3D,wBADc,eAAe,CAAC,OAAO,iBAAiB,CAAC,CAMtD;IAkBD,eAAe;IACf,qBAkBC;IAfC,eAAe;IACf,6BAAiG;IAEjG,eAAe;IACf,uCAEC;IAWH;;;OAGG;IACH,qBAkBC;IAED,eAAe;IACf,0BAYQ;IAER;;;OAGG;IACH,gCAkCE;IAEF;;;OAGG;IACH,0CA6FE;IAEF,eAAe;IACf,mCAsBE;IAEF,6BAiBC;IAED,eAAe;IACf,uBAyDC;IAED;;;OAGG;IACH,kCAHW,MAAM,qEAWhB;IAED;;;OAGG;IACH,oCAHa,OAAO,CAAC,OAAO,2BAA2B,EAAE,eAAe,CAAC,CA4BxE;IAED,kEAAkE;IAClE,iBADc,OAAO,sBAAsB,EAAE,eAAe,EAAE,CAK7D;CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8BA/c6B,oBAAoB;qCAWb,2BAA2B;kCAG9B,wBAAwB;kCADxB,wBAAwB;gCAD1B,sBAAsB;kCAGpB,wBAAwB"}
+{"version":3,"file":"UploaderBlock.d.ts","sourceRoot":"","sources":["UploaderBlock.js"],"names":[],"mappings":"AAmBA;IACE,iBAAiB;IACjB,mCAAwB;IAExB,eAAe;IACf,mBAAmB;IAEnB;;;;;;;;;;;;;;MAA+B;IAE/B,eAAe;IACf,0BAOC;IA2BD;;;OAGG;IACH,mCAHa,iBAAiB,CAQ7B;IAED,mCAAmC;IACnC,WADc,iBAAiB,CAM9B;IAED,4BAEC;IAED,2DAA2D;IAC3D,wBADc,eAAe,CAAC,OAAO,iBAAiB,CAAC,CAMtD;IAgCD,eAAe;IACf,sBAYC;IAED,eAAe;IACf,iCAUC;IAPC,eAAe;IACf,6BAAiG;IAEjG,eAAe;IACf,uCAEC;IAGH,eAAe;IACf,mCAMC;IAED;;;OAGG;IACH,qBAkBC;IAED,eAAe;IACf,0BAYQ;IAER;;;OAGG;IACH,gCAkCE;IAEF;;;OAGG;IACH,0CA6FE;IAEF,eAAe;IACf,mCAsBE;IAEF,6BAiBC;IAED,eAAe;IACf,uBAyDC;IAED;;;OAGG;IACH,kCAHW,MAAM,qEAWhB;IAED;;;OAGG;IACH,oCAHa,OAAO,CAAC,OAAO,2BAA2B,EAAE,eAAe,CAAC,CA4BxE;IAED,kEAAkE;IAClE,iBADc,OAAO,sBAAsB,EAAE,eAAe,EAAE,CAK7D;CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8BA7e6B,oBAAoB;qCAWb,2BAA2B;kCAG9B,wBAAwB;kCADxB,wBAAwB;gCAD1B,sBAAsB;kCAGpB,wBAAwB"}

package/abstract/UploaderBlock.js

@@ -57,7 +57,7 @@ export class UploaderBlock extends ActivityBlock {
     }
 
     if (!this.hasCtxOwner && this.couldBeCtxOwner) {
-      this.initCtxOwner();
+      this._initCtxOwner();
     }
   }
 
@@ -94,14 +94,28 @@ export class UploaderBlock extends ActivityBlock {
 
   /** @protected */
   destroyCtxCallback() {
-    this._unobserveCollectionProperties?.();
-    this._unobserveCollection?.();
     this.uploadCollection.destroy();
     this.$['*uploadCollection'] = null;
 
     super.destroyCtxCallback();
   }
 
+  disconnectedCallback() {
+    super.disconnectedCallback();
+
+    if (this.isCtxOwner) {
+      this._unobserveUploadCollection();
+    }
+  }
+
+  connectedCallback() {
+    super.connectedCallback();
+
+    if (this.isCtxOwner) {
+      this._observeUploadCollection();
+    }
+  }
+
   destroyCallback() {
     super.destroyCallback();
 
@@ -109,9 +123,24 @@ export class UploaderBlock extends ActivityBlock {
   }
 
   /** @private */
-  initCtxOwner() {
+  _initCtxOwner() {
     this.isCtxOwner = true;
 
+    this._observeUploadCollection();
+
+    this.subConfigValue('maxConcurrentRequests', (value) => {
+      this.$['*uploadQueue'].concurrency = Number(value) || 1;
+    });
+
+    if (!this.$['*secureUploadsManager']) {
+      this.$['*secureUploadsManager'] = new SecureUploadsManager(this);
+    }
+  }
+
+  /** @private */
+  _observeUploadCollection() {
+    this._unobserveUploadCollection();
+
     /** @private */
     this._unobserveCollection = this.uploadCollection.observeCollection(this._handleCollectionUpdate);
 
@@ -119,14 +148,15 @@ export class UploaderBlock extends ActivityBlock {
     this._unobserveCollectionProperties = this.uploadCollection.observeProperties(
       this._handleCollectionPropertiesUpdate,
     );
+  }
 
-    this.subConfigValue('maxConcurrentRequests', (value) => {
-      this.$['*uploadQueue'].concurrency = Number(value) || 1;
-    });
+  /** @private */
+  _unobserveUploadCollection() {
+    this._unobserveCollectionProperties?.();
+    this._unobserveCollection?.();
 
-    if (!this.$['*secureUploadsManager']) {
-      this.$['*secureUploadsManager'] = new SecureUploadsManager(this);
-    }
+    this._unobserveCollectionProperties = undefined;
+    this._unobserveCollection = undefined;
   }
 
   /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uploadcare/file-uploader",
-  "version": "1.20.0",
+  "version": "1.20.1-alpha.0",
   "description": "Building blocks for Uploadcare products integration",
   "keywords": [
     "web components",
@@ -119,7 +119,7 @@
     "nano-jsx": "^0.1.0",
     "node-watch": "^0.7.3",
     "npm-run-all": "^4.1.5",
-    "playwright": "^1.51.1",
+    "playwright": "^1.55.0",
     "postcss": "^8.4.21",
     "prettier": "^3.2.4",
     "prettier-plugin-jsdoc": "1.3.0",