@viamedici-spc/configurator-framer-host 1.2.0-alpha0003 → 1.2.1

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export declare class EmbeddedConfiguratorNative extends HTMLElement {
-    static readonly proxyBaseUrl = "https://spc.cloud.ceventis.de/framer/host-proxy";
+    static readonly proxyBaseUrl = "https://spc.viamedici.io/framer/host-proxy";
     static readonly attributeNames: string[];
     static get observedAttributes(): string[];
     private src;

package/dist/index.mjs

@@ -1,4 +1,4 @@
-function x(s) {
+function E(s) {
   var e = [];
   if (s.length === 0)
     return "";
@@ -20,28 +20,28 @@ function x(s) {
   var a = n.split("?");
   return n = a.shift() + (a.length > 0 ? "?" : "") + a.join("&"), n;
 }
-function S() {
+function w() {
   var s;
-  return typeof arguments[0] == "object" ? s = arguments[0] : s = [].slice.call(arguments), x(s);
+  return typeof arguments[0] == "object" ? s = arguments[0] : s = [].slice.call(arguments), E(s);
 }
-const m = class u extends HTMLElement {
+const m = class d extends HTMLElement {
   constructor() {
-    super(), this.src = null, this.proxyBaseUrl = u.proxyBaseUrl, this.hasConnected = !1;
+    super(), this.src = null, this.proxyBaseUrl = d.proxyBaseUrl, this.hasConnected = !1;
   }
   static get observedAttributes() {
-    return u.attributeNames;
+    return d.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 ?? u.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 ?? d.proxyBaseUrl);
   }
   async bootstrapApp() {
     try {
       let e;
       try {
-        const i = S(this.proxyBaseUrl, `?url=${this.src}`);
+        const i = w(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,23 +49,27 @@ const m = class u 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"]'), f = t.querySelector('script[type="importmap"][data-framer-importmap]');
+      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"]'), u = 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);
+        const i = [
+          "html,body,#main",
+          "h1,h2,h3,h4,h5,h6,p,figure",
+          "body,input,textarea,select,button",
+          "*"
+        ], h = r.textContent.split("}").filter((c) => {
+          const x = c.trim().replace(/,\s+/g, ",");
+          return !i.some((S) => x.startsWith(S));
+        }).map((c) => c.trim()).join(`}
+`), f = document.createElement("style");
+        for (const c of r.attributes)
+          f.setAttribute(c.name, c.value);
+        f.textContent = h, this.appendChild(f);
       } 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);
+        for (const h of n.attributes)
+          i.setAttribute(h.name, h.value);
         i.textContent = n.textContent, this.appendChild(i);
       } else
         console.warn("[Configurator] Bootstrapping configurator app: Could not find the fonts style element.");
@@ -80,16 +84,16 @@ const m = class u extends HTMLElement {
           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) {
+      if (u && u.textContent) {
         const i = document.createElement("script");
-        i.type = "importmap", i.textContent = f.textContent, this.appendChild(i);
+        i.type = "importmap", i.textContent = u.textContent, this.appendChild(i);
       }
     } catch (e) {
       console.error("[Configurator] Failed to bootstrap configurator app", e);
     }
   }
 };
-m.proxyBaseUrl = "https://spc.cloud.ceventis.de/framer/host-proxy";
+m.proxyBaseUrl = "https://spc.viamedici.io/framer/host-proxy";
 m.attributeNames = ["src", "proxy-base-url"];
 let g = m;
 const C = class b extends HTMLElement {
@@ -172,11 +176,11 @@ const v = class p extends HTMLElement {
   }
 };
 v.childAttributes = [...g.attributeNames, ...y.attributeNames];
-let E = v;
-customElements.define("spc-embedded-configurator", E);
+let H = v;
+customElements.define("spc-embedded-configurator", H);
 customElements.define("spc-embedded-configurator-native", g);
 customElements.define("spc-embedded-configurator-iframe", y);
 export {
   g as EmbeddedConfiguratorNative,
-  E as EmbeddedConfiguratorStrategy
+  H as EmbeddedConfiguratorStrategy
 };

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@viamedici-spc/configurator-framer-host",
-  "version": "1.2.0-alpha0003",
+  "version": "1.2.1",
   "description": "Provides a Web Component for host applications to embed a Framer based Viamedici SPC configurator.",
   "repository": {
     "type": "git",
-    "url": "https://github.com/viamedici-spc/configurator-framer-host.git"
+    "url": "git+https://github.com/viamedici-spc/configurator-framer-host.git"
   },
   "publishConfig": {
     "access": "public"