@innovastudio/contentbuilder 1.4.24 → 1.4.25

package/package.json

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

package/public/contentbuilder/contentbuilder.esm.js

@@ -77187,7 +77187,28 @@ class LivePreview {
       if (!this.builder.doc.querySelector('.is-wrapper')) {
         // ContentBuilder
         if (this.builder.previewURL) {
-          iframe.src = this.builder.previewURL + '?' + Math.floor(Date.now() / 1000);
+          if (this.builder.livePreviewAlwaysReload) {
+            iframe.src = this.builder.previewURL + '?' + Math.floor(Date.now() / 1000);
+          } else {
+            let iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
+
+            if (iframeDocument) {
+              if (iframeDocument.body.innerHTML === '') {
+                iframe.src = this.builder.previewURL + '?' + Math.floor(Date.now() / 1000);
+              } else {
+                // sync. html
+                let html = this.builder.html();
+                let container = iframeDocument.querySelector('.container');
+                if (!container) container = iframeDocument.querySelector('.is-container');
+
+                if (container) {
+                  container.innerHTML = html;
+                } else {
+                  iframe.src = this.builder.previewURL + '?' + Math.floor(Date.now() / 1000);
+                }
+              }
+            }
+          }
         } else {
           try {
             this.writeHtml(iframe);
@@ -77196,87 +77217,90 @@ class LivePreview {
         }
       } else {
         // ContentBox
-        // iframe.src = this.builder.previewURL + '?' + Math.floor(Date.now() / 1000);
-        let iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
+        if (this.builder.livePreviewAlwaysReload) {
+          iframe.src = this.builder.previewURL + '?' + Math.floor(Date.now() / 1000);
+        } else {
+          let iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
 
-        if (iframeDocument) {
-          if (iframeDocument.body.innerHTML === '') {
-            iframe.src = this.builder.previewURL + '?' + Math.floor(Date.now() / 1000);
-          } else {
-            // sync. html
-            let html = localStorage.getItem('preview-html');
-            let wrapper = iframeDocument.querySelector('.is-wrapper');
-            wrapper.innerHTML = html; // sync. styles
-            // let mainCss = localStorage.getItem('preview-maincss'); 
-            // let sectionCss = localStorage.getItem('preview-sectioncss');
-
-            let elms = iframeDocument.querySelectorAll('link');
-            let links = this.builder.doc.getElementsByTagName('link');
-            Array.from(links).map(link => {
-              let href = link.href.toLowerCase();
-
-              if (href.indexOf('/basetype-') !== -1 || href.indexOf('/type-') !== -1) {
-                // check
-                let exist = false;
-                elms.forEach(elm => {
-                  let elmHref = elm.href.toLowerCase();
-
-                  if (elmHref) {
-                    if (elmHref.indexOf('/basetype-') !== -1 || elmHref.indexOf('/type-') !== -1) {
-                      if (href === elmHref) {
-                        exist = true;
+          if (iframeDocument) {
+            if (iframeDocument.body.innerHTML === '') {
+              iframe.src = this.builder.previewURL + '?' + Math.floor(Date.now() / 1000);
+            } else {
+              // sync. html
+              let html = localStorage.getItem('preview-html');
+              let wrapper = iframeDocument.querySelector('.is-wrapper');
+              wrapper.innerHTML = html; // sync. styles
+              // let mainCss = localStorage.getItem('preview-maincss'); 
+              // let sectionCss = localStorage.getItem('preview-sectioncss');
+
+              let elms = iframeDocument.querySelectorAll('link');
+              let links = this.builder.doc.getElementsByTagName('link');
+              Array.from(links).map(link => {
+                let href = link.href.toLowerCase();
+
+                if (href.indexOf('/basetype-') !== -1 || href.indexOf('/type-') !== -1) {
+                  // check
+                  let exist = false;
+                  elms.forEach(elm => {
+                    let elmHref = elm.href.toLowerCase();
+
+                    if (elmHref) {
+                      if (elmHref.indexOf('/basetype-') !== -1 || elmHref.indexOf('/type-') !== -1) {
+                        if (href === elmHref) {
+                          exist = true;
+                        }
                       }
                     }
-                  }
-                });
+                  });
 
-                if (!exist) {
-                  // clone is needed, otherwise, parent resource may dissapear when loading on iframe
-                  const clone = link.cloneNode(true);
-                  iframeDocument.head.appendChild(clone); // ADD
+                  if (!exist) {
+                    // clone is needed, otherwise, parent resource may dissapear when loading on iframe
+                    const clone = link.cloneNode(true);
+                    iframeDocument.head.appendChild(clone); // ADD
+                  }
                 }
-              }
-            });
-            elms.forEach(elm => {
-              let href = elm.href.toLowerCase();
-
-              if (href.indexOf('/basetype-') !== -1 || href.indexOf('/type-') !== -1) {
-                // check
-                let exist = false;
-                Array.from(links).map(link => {
-                  let elmHref = link.href.toLowerCase();
-
-                  if (elmHref) {
-                    if (elmHref.indexOf('/basetype-') !== -1 || elmHref.indexOf('/type-') !== -1) {
-                      if (href === elmHref) {
-                        exist = true;
+              });
+              elms.forEach(elm => {
+                let href = elm.href.toLowerCase();
+
+                if (href.indexOf('/basetype-') !== -1 || href.indexOf('/type-') !== -1) {
+                  // check
+                  let exist = false;
+                  Array.from(links).map(link => {
+                    let elmHref = link.href.toLowerCase();
+
+                    if (elmHref) {
+                      if (elmHref.indexOf('/basetype-') !== -1 || elmHref.indexOf('/type-') !== -1) {
+                        if (href === elmHref) {
+                          exist = true;
+                        }
                       }
                     }
-                  }
-                });
+                  });
 
-                if (!exist) {
-                  iframeDocument.head.removeChild(elm); // REMOVE
+                  if (!exist) {
+                    iframeDocument.head.removeChild(elm); // REMOVE
+                  }
                 }
-              }
-            }); // reload box js
-
-            elms = iframeDocument.querySelectorAll('script');
-            elms.forEach(elm => {
-              let src = elm.getAttribute('src');
-
-              if (src) {
-                if (src.indexOf('box-flex.js') !== -1 || src.indexOf('box.js') !== -1) {
-                  elm.parentElement.removeChild(elm);
-                  let scriptElm = document.createElement('script');
-                  scriptElm.setAttribute('src', src);
-                  iframeDocument.body.appendChild(scriptElm);
+              }); // reload box js
+
+              elms = iframeDocument.querySelectorAll('script');
+              elms.forEach(elm => {
+                let src = elm.getAttribute('src');
+
+                if (src) {
+                  if (src.indexOf('box-flex.js') !== -1 || src.indexOf('box.js') !== -1) {
+                    elm.parentElement.removeChild(elm);
+                    let scriptElm = document.createElement('script');
+                    scriptElm.setAttribute('src', src);
+                    iframeDocument.body.appendChild(scriptElm);
+                  }
                 }
-              }
-            });
+              });
+            }
+          } else {
+            iframe.src = this.builder.previewURL + '?' + Math.floor(Date.now() / 1000);
           }
-        } else {
-          iframe.src = this.builder.previewURL + '?' + Math.floor(Date.now() / 1000);
         }
       }
 
@@ -77412,6 +77436,7 @@ class ContentBuilder {
       // onPreviewClose: ()=>{},
       previewStyle: 'top:auto;bottom:50px;left:50px;right:auto;',
       livePreviewOpen: false,
+      livePreviewAlwaysReload: false,
       scriptPath: '',
       // Deprecated
       // Old way: