@innovastudio/contentbox 1.5.36 → 1.5.37

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbox",
   "type": "module",
-  "version": "1.5.36",
+  "version": "1.5.37",
   "description": "",
   "main": "public/contentbox/contentbox.esm.js",
   "files": [
@@ -46,7 +46,7 @@
     "webpack-dev-server": "^4.0.0"
   },
   "dependencies": {
-    "@innovastudio/contentbuilder": "^1.4.26",
+    "@innovastudio/contentbuilder": "^1.4.27",
     "js-beautify": "^1.14.0"
   }
 }

package/public/contentbox/contentbox.esm.js

@@ -91617,7 +91617,12 @@ class LivePreview {
 
       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)
+
       };
     }
   }
@@ -91703,6 +91708,15 @@ class LivePreview {
         }
       } else {
         // ContentBox
+        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) {
           iframe.src = this.builder.previewURL + '?' + Math.floor(Date.now() / 1000);
         } else {
@@ -91788,6 +91802,8 @@ class LivePreview {
             iframe.src = this.builder.previewURL + '?' + Math.floor(Date.now() / 1000);
           }
         }
+
+        this.builder.livePreviewAlwaysReload = oriVal;
       }
 
       iframe.onload = () => {
@@ -91923,6 +91939,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:
@@ -104639,6 +104657,7 @@ class ContentBox {
       previewStyle: 'top:auto;bottom:30px;left:90px;right:auto;',
       livePreviewOpen: false,
       livePreviewAlwaysReload: false,
+      livePreviewReloadEvery: 30,
       sectionTemplate: `
             <div class="is-section is-box is-section-100 type-poppins">
                 <div class="is-overlay"></div>
@@ -107157,6 +107176,7 @@ class ContentBox {
       previewStyle: this.settings.previewStyle,
       livePreviewOpen: this.settings.livePreviewOpen,
       livePreviewAlwaysReload: this.settings.livePreviewAlwaysReload,
+      livePreviewReloadEvery: this.settings.livePreviewReloadEvery,
       iframe: this.settings.iframe,
       imageAdjust: 1,
       // ContentBuilder