@stackable-labs/embeddables 1.84.0 → 1.86.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/react.js +24 -18
- package/dist/stackable-widget.external.js +9 -9
- package/dist/stackable-widget.js +24 -24
- package/package.json +1 -1
package/dist/react.js
CHANGED
|
@@ -5,7 +5,7 @@ import * as kn from "react-dom";
|
|
|
5
5
|
import hs from "react-dom";
|
|
6
6
|
const nl = () => {
|
|
7
7
|
try {
|
|
8
|
-
return "
|
|
8
|
+
return "6aa0b7d1-fd27-414e-8bff-45bcdc934657";
|
|
9
9
|
} catch {
|
|
10
10
|
return "dev";
|
|
11
11
|
}
|
|
@@ -16,18 +16,20 @@ const nl = () => {
|
|
|
16
16
|
if (!e.bundleUrl)
|
|
17
17
|
return console.warn(`[SandboxManager] Extension ${e.id} is missing bundleUrl — skipping sandbox creation`), null;
|
|
18
18
|
const o = document.createElement("iframe");
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
19
|
+
o.setAttribute("sandbox", "allow-scripts allow-same-origin"), o.style.display = "none", o.style.width = "0", o.style.height = "0", o.style.border = "none";
|
|
20
|
+
const r = e.bundleUrl.startsWith("http") && !e.bundleUrl.endsWith(".js"), s = r ? new URL(e.bundleUrl).origin : "null";
|
|
21
|
+
if (r) {
|
|
22
|
+
const c = new URL(e.bundleUrl);
|
|
23
|
+
c.searchParams.set("__extensionId", e.id), o.src = c.toString(), console.warn(`[SandboxManager] Creating dev sandbox for ${e.id}, injecting __extensionId via query param, url: ${c.toString()}`);
|
|
22
24
|
} else {
|
|
23
|
-
let
|
|
25
|
+
let c = "";
|
|
24
26
|
try {
|
|
25
|
-
const
|
|
26
|
-
|
|
27
|
-
} catch (
|
|
28
|
-
console.error(`[SandboxManager] Failed to fetch bundle for ${e.id}:`,
|
|
27
|
+
const u = nl();
|
|
28
|
+
c = await (await fetch(`${e.bundleUrl}?_b=${u}`)).text();
|
|
29
|
+
} catch (u) {
|
|
30
|
+
console.error(`[SandboxManager] Failed to fetch bundle for ${e.id}:`, u);
|
|
29
31
|
}
|
|
30
|
-
const
|
|
32
|
+
const d = `<!DOCTYPE html>
|
|
31
33
|
<html>
|
|
32
34
|
<head>
|
|
33
35
|
<meta charset="utf-8">
|
|
@@ -36,30 +38,34 @@ const nl = () => {
|
|
|
36
38
|
<body>
|
|
37
39
|
<div id="extension-root"></div>
|
|
38
40
|
<script>var __STACKABLE_EXTENSION_ID__ = ${JSON.stringify(e.id)}; var process = { env: { NODE_ENV: "production" } };<\/script>
|
|
39
|
-
<script type="module">${
|
|
41
|
+
<script type="module">${c}<\/script>
|
|
40
42
|
</body>
|
|
41
43
|
</html>`;
|
|
42
|
-
o.srcdoc =
|
|
44
|
+
o.srcdoc = d, console.warn(`[SandboxManager] Creating srcdoc sandbox for ${e.id}, srcdoc starts with: ${d.substring(0, 300)}`);
|
|
43
45
|
}
|
|
44
46
|
t.appendChild(o);
|
|
45
|
-
const
|
|
47
|
+
const a = {
|
|
46
48
|
extensionId: e.id,
|
|
47
49
|
iframe: o,
|
|
48
50
|
manifest: e.manifest,
|
|
49
51
|
ready: !1,
|
|
52
|
+
expectedOrigin: s,
|
|
50
53
|
messageHandlers: /* @__PURE__ */ new Set()
|
|
51
|
-
},
|
|
52
|
-
|
|
53
|
-
|
|
54
|
+
}, i = (c) => {
|
|
55
|
+
if (c.origin !== a.expectedOrigin)
|
|
56
|
+
return;
|
|
57
|
+
const d = c.data;
|
|
58
|
+
!d || typeof d != "object" || !("type" in d) || ("extensionId" in d ? d.extensionId : void 0) !== e.id || (d.type === "extension-ready" && (a.ready = !0), a.messageHandlers.forEach((l) => l(d)));
|
|
54
59
|
};
|
|
55
|
-
return window.addEventListener("message",
|
|
60
|
+
return window.addEventListener("message", i), dt.set(e.id, a), a;
|
|
56
61
|
}, $e = (e, t) => {
|
|
57
62
|
const n = dt.get(e);
|
|
58
63
|
if (!(n != null && n.iframe.contentWindow)) {
|
|
59
64
|
console.warn(`Sandbox not found for extension: ${e}`);
|
|
60
65
|
return;
|
|
61
66
|
}
|
|
62
|
-
n.
|
|
67
|
+
const o = n.expectedOrigin === "null" ? "*" : n.expectedOrigin;
|
|
68
|
+
n.iframe.contentWindow.postMessage(t, o);
|
|
63
69
|
}, Nt = (e) => dt.get(e), rl = (e) => {
|
|
64
70
|
const t = dt.get(e);
|
|
65
71
|
t && (t.iframe.remove(), t.messageHandlers.clear(), dt.delete(e));
|