@viamedici-spc/configurator-framer-host 1.2.0-alpha0002 → 1.2.0

package/dist/index.mjs

@@ -1,4 +1,4 @@
-function S(s) {
+function x(s) {
   var e = [];
   if (s.length === 0)
     return "";
@@ -20,28 +20,28 @@ function S(s) {
   var a = n.split("?");
   return n = a.shift() + (a.length > 0 ? "?" : "") + a.join("&"), n;
 }
-function E() {
+function S() {
   var s;
-  return typeof arguments[0] == "object" ? s = arguments[0] : s = [].slice.call(arguments), S(s);
+  return typeof arguments[0] == "object" ? s = arguments[0] : s = [].slice.call(arguments), x(s);
 }
-const m = class h extends HTMLElement {
+const m = class u extends HTMLElement {
   constructor() {
-    super(), this.src = null, this.proxyBaseUrl = h.proxyBaseUrl, this.hasConnected = !1;
+    super(), this.src = null, this.proxyBaseUrl = u.proxyBaseUrl, this.hasConnected = !1;
   }
   static get observedAttributes() {
-    return h.attributeNames;
+    return u.attributeNames;
   }
   connectedCallback() {
     this.hasConnected = !0, this.src && (console.log("[Configurator] Web Component connected -> reinitialize the configurator app."), this.bootstrapApp());
   }
   attributeChangedCallback(e, o, t) {
-    e === "src" && t !== o ? (this.src = t, this.hasConnected && this.isConnected && this.src && (console.log("[Configurator] The URL was changed -> reinitialize the configurator app."), this.bootstrapApp())) : e === "proxy-base-url" && t !== o && (this.proxyBaseUrl = t ?? h.proxyBaseUrl);
+    e === "src" && t !== o ? (this.src = t, this.hasConnected && this.isConnected && this.src && (console.log("[Configurator] The URL was changed -> reinitialize the configurator app."), this.bootstrapApp())) : e === "proxy-base-url" && t !== o && (this.proxyBaseUrl = t ?? u.proxyBaseUrl);
   }
   async bootstrapApp() {
     try {
       let e;
       try {
-        const i = E(this.proxyBaseUrl, `?url=${this.src}`);
+        const i = S(this.proxyBaseUrl, `?url=${this.src}`);
         e = await fetch(i);
       } catch (i) {
         console.error("[Configurator] Failed to bootstrap configurator app: Failed to load index.html.", i);
@@ -49,47 +49,41 @@ const m = class h extends HTMLElement {
       }
       for (; this.firstChild; )
         this.removeChild(this.firstChild);
-      const o = await e.text(), t = new DOMParser().parseFromString(o, "text/html"), r = t.querySelector("style[data-framer-css-ssr-minified]") || t.querySelector("style[data-framer-css-ssr]"), n = t.querySelector("style[data-framer-fonts-ssr-minified]") || t.querySelector("style[data-framer-font-css]"), a = t.querySelector("div#main"), l = t.querySelector('script[data-framer-bundle="main"]'), d = t.querySelector('script[type="importmap"][data-framer-importmap]');
-      if (!r || !r.textContent) {
-        console.error("[Configurator] Failed to bootstrap configurator app: Could not find the CSS style element.");
-        return;
-      }
-      if (!n || !n.textContent) {
-        console.error("[Configurator] Failed to bootstrap configurator app: Could not find the fonts style element.");
-        return;
-      }
-      if (!a) {
-        console.error("[Configurator] Failed to bootstrap configurator app: Could not find the main div.");
-        return;
-      }
-      if (!l || !(l instanceof HTMLScriptElement)) {
-        console.error("[Configurator] Failed to bootstrap configurator app: Could not find the main entry script.");
-        return;
-      }
-      const x = r.textContent.split("}").filter((i) => {
-        const c = i.trim();
-        return !// Remove some rules that may interfere too much with the host
-        (c.startsWith("html,body,#main") || c.startsWith("h1,h2,h3,h4,h5,h6,p,figure") || c.startsWith("body,input,textarea,select,button") || c.startsWith("*"));
-      }).map((i) => i.trim()).join(`}
-`), u = document.createElement("style");
-      for (const i of r.attributes)
-        u.setAttribute(i.name, i.value);
-      u.textContent = x, this.appendChild(u);
-      const f = document.createElement("style");
-      for (const i of n.attributes)
-        f.setAttribute(i.name, i.value);
-      if (f.textContent = n.textContent, this.appendChild(f), this.appendChild(a.cloneNode()), d && d.textContent) {
+      const o = await e.text(), t = new DOMParser().parseFromString(o, "text/html"), r = t.querySelector("style[data-framer-css-ssr-minified]") || t.querySelector("style[data-framer-css-ssr]"), n = t.querySelector("style[data-framer-fonts-ssr-minified]") || t.querySelector("style[data-framer-font-css]"), a = t.querySelector("div#main"), l = t.querySelector('script[data-framer-bundle="main"]'), f = t.querySelector('script[type="importmap"][data-framer-importmap]');
+      if (r && r.textContent) {
+        const i = r.textContent.split("}").filter((h) => {
+          const d = h.trim();
+          return !// Remove some rules that may interfere too much with the host
+          (d.startsWith("html,body,#main") || d.startsWith("h1,h2,h3,h4,h5,h6,p,figure") || d.startsWith("body,input,textarea,select,button") || d.startsWith("*"));
+        }).map((h) => h.trim()).join(`}
+`), c = document.createElement("style");
+        for (const h of r.attributes)
+          c.setAttribute(h.name, h.value);
+        c.textContent = i, this.appendChild(c);
+      } else
+        console.warn("[Configurator] Bootstrapping configurator app: Could not find the CSS style element.");
+      if (n && n.textContent) {
+        const i = document.createElement("style");
+        for (const c of n.attributes)
+          i.setAttribute(c.name, c.value);
+        i.textContent = n.textContent, this.appendChild(i);
+      } else
+        console.warn("[Configurator] Bootstrapping configurator app: Could not find the fonts style element.");
+      if (a ? this.appendChild(a.cloneNode()) : console.warn("[Configurator] Bootstrapping configurator app: Could not find the main div."), l && l instanceof HTMLScriptElement)
+        if (l.src) {
+          const i = document.createElement("script");
+          i.type = "module", i.src = l.src, i.setAttribute("async", ""), this.appendChild(i);
+        } else if (l.textContent) {
+          const i = document.createElement("script");
+          i.type = "module", i.textContent = l.textContent, this.appendChild(i);
+        } else
+          console.error("[Configurator] Script tag found, but no src or content available.");
+      else
+        console.warn("[Configurator] Bootstrapping configurator app: Could not find the main entry script.");
+      if (f && f.textContent) {
         const i = document.createElement("script");
-        i.type = "importmap", i.textContent = d.textContent, this.appendChild(i);
+        i.type = "importmap", i.textContent = f.textContent, this.appendChild(i);
       }
-      if (l.src) {
-        const i = document.createElement("script");
-        i.type = "module", i.src = l.src, i.setAttribute("async", ""), this.appendChild(i);
-      } else if (l.textContent) {
-        const i = document.createElement("script");
-        i.type = "module", i.textContent = l.textContent, this.appendChild(i);
-      } else
-        console.error("[Configurator] Script tag found, but no src or content available.");
     } catch (e) {
       console.error("[Configurator] Failed to bootstrap configurator app", e);
     }
@@ -98,12 +92,12 @@ const m = class h extends HTMLElement {
 m.proxyBaseUrl = "https://spc.cloud.ceventis.de/framer/host-proxy";
 m.attributeNames = ["src", "proxy-base-url"];
 let g = m;
-const b = class C extends HTMLElement {
+const C = class b extends HTMLElement {
   constructor() {
     super(), this.src = null, this.hasConnected = !1, this.iframe = null, this.autoHeightHandler = null, this.allowedOrigin = null;
   }
   static get observedAttributes() {
-    return C.attributeNames;
+    return b.attributeNames;
   }
   connectedCallback() {
     this.hasConnected = !0, this.src && (console.log("[Configurator] Web Component connected -> reinitialize the configurator app."), this.bootstrapApp());
@@ -139,8 +133,8 @@ const b = class C extends HTMLElement {
     this.autoHeightHandler && (window.removeEventListener("message", this.autoHeightHandler), this.autoHeightHandler = null);
   }
 };
-b.attributeNames = ["src", "no-auto-height"];
-let y = b;
+C.attributeNames = ["src", "no-auto-height"];
+let y = C;
 const v = class p extends HTMLElement {
   constructor() {
     super(), this.child = null, this.isIsolated = !1;
@@ -178,11 +172,11 @@ const v = class p extends HTMLElement {
   }
 };
 v.childAttributes = [...g.attributeNames, ...y.attributeNames];
-let w = v;
-customElements.define("spc-embedded-configurator", w);
+let E = v;
+customElements.define("spc-embedded-configurator", E);
 customElements.define("spc-embedded-configurator-native", g);
 customElements.define("spc-embedded-configurator-iframe", y);
 export {
   g as EmbeddedConfiguratorNative,
-  w as EmbeddedConfiguratorStrategy
+  E as EmbeddedConfiguratorStrategy
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viamedici-spc/configurator-framer-host",
-  "version": "1.2.0-alpha0002",
+  "version": "1.2.0",
   "description": "Provides a Web Component for host applications to embed a Framer based Viamedici SPC configurator.",
   "repository": {
     "type": "git",