@innovastudio/contentbuilder 1.4.26 → 1.4.28

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbuilder",
   "type": "module",
-  "version": "1.4.26",
+  "version": "1.4.28",
   "description": "",
   "main": "public/contentbuilder/contentbuilder.esm.js",
   "files": [

package/public/contentbuilder/contentbuilder.esm.js

@@ -77219,14 +77219,19 @@ class LivePreview {
       });
       const btnModalRefresh = modal.querySelector('.is-modal-refresh');
       btnModalRefresh.addEventListener('click', () => {
-        this.previewRefresh();
+        this.previewRefresh(false, true);
       }); //Extend onChange
 
       let old2 = this.builder.settings.onChange;
 
       this.builder.settings.onChange = () => {
         old2.call(this);
-        this.previewRefresh();
+
+        if (!this.builder.doc.querySelector('.is-wrapper')) {
+          // ContentBuilder
+          this.previewRefresh();
+        } // For ContentBox, this onChange will trigger ContentBox onChange (which has previewRefresh called)
+
       };
     }
   }
@@ -77272,7 +77277,7 @@ class LivePreview {
     this.previewRefresh(true);
   }
 
-  previewRefresh(disableOnContentLoad) {
+  previewRefresh(disableOnContentLoad, hardReload) {
     if (this.modal.classList.contains('active')) {
       // let html = this.builder.html();
       // localStorage.setItem('preview-html', html); 
@@ -77312,7 +77317,16 @@ class LivePreview {
         }
       } else {
         // ContentBox
-        if (this.builder.livePreviewAlwaysReload) {
+        if (!this.builder.count) this.builder.count = 0;
+        this.builder.count++;
+        let oriVal = this.builder.livePreviewAlwaysReload;
+
+        if (this.builder.count === this.builder.livePreviewReloadEvery) {
+          this.builder.livePreviewAlwaysReload = true;
+          this.builder.count = 0;
+        }
+
+        if (this.builder.livePreviewAlwaysReload || hardReload) {
           iframe.src = this.builder.previewURL + '?' + Math.floor(Date.now() / 1000);
         } else {
           let iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
@@ -77397,6 +77411,8 @@ class LivePreview {
             iframe.src = this.builder.previewURL + '?' + Math.floor(Date.now() / 1000);
           }
         }
+
+        this.builder.livePreviewAlwaysReload = oriVal;
       }
 
       iframe.onload = () => {
@@ -77532,6 +77548,8 @@ class ContentBuilder {
       previewStyle: 'top:auto;bottom:50px;left:50px;right:auto;',
       livePreviewOpen: false,
       livePreviewAlwaysReload: false,
+      livePreviewReloadEvery: 30,
+      // always reload every 30 onChange triggered (to clearup iframe resource for faster performance)
       scriptPath: '',
       // Deprecated
       // Old way: