webim-adapter 0.14.0 → 0.15.0

package/build/webim-ssr.js

@@ -3146,10 +3146,92 @@ var Vt = [Pt], Ht = {
 };
 new Set(Vt.filter((e) => e.ssr === "shell").flatMap((e) => e.keys));
 //#endregion
+//#region ../ui/src/components/builder/plugins/runtime.js
+var Ut = /* @__PURE__ */ new Map();
+function Wt(e) {
+	if (Ut.has(e)) return Ut.get(e);
+	let t = URL.createObjectURL(new Blob([e], { type: "text/javascript" })), n = import(
+		/* @vite-ignore */
+		t
+).finally(() => URL.revokeObjectURL(t));
+	return Ut.set(e, n), n;
+}
+function Gt(e) {
+	let t = e && typeof e == "object" ? e.builder_plugins : null, n = t && typeof t == "object" ? t.plugins : null;
+	return n && typeof n == "object" ? n : {};
+}
+//#endregion
+//#region ../ui/src/components/builder/plugins/view.jsx
+async function Kt(e, t) {
+	let n = await Wt(e);
+	return (Array.isArray(n?.default?.blocks) ? n.default.blocks : []).find((e) => e?.id === t && typeof e.mount == "function") ?? null;
+}
+var qt = {
+	padding: "10px 12px",
+	border: "1px dashed rgba(148, 163, 184, 0.5)",
+	borderRadius: 8,
+	fontSize: 12,
+	opacity: .6
+};
+function Jt({ pluginId: e, blockId: t, props: n, style: r, nodeRef: o }) {
+	let s = i(H), l = Gt(s?.settings)[e], u = c(null), p = c(null), m = {
+		tenant: s?.tenant ?? "",
+		apiUrl: s?.apiUrl ?? "/api",
+		locale: s?.locale ?? "",
+		settings: s?.settings ?? null
+	}, h = c(m);
+	h.current = m;
+	let g = JSON.stringify(n ?? {});
+	return a(() => {
+		let e = u.current;
+		if (!l?.code || !e) return;
+		let n = !0;
+		return Kt(l.code, t).then((e) => {
+			if (!(!n || !e || !u.current)) {
+				p.current = e;
+				try {
+					e.mount(u.current, JSON.parse(g), h.current);
+				} catch {
+					p.current = null;
+				}
+			}
+		}).catch(() => {}), () => {
+			n = !1;
+			let t = p.current;
+			p.current = null;
+			try {
+				t?.unmount?.(e);
+			} catch {}
+			e && (e.innerHTML = "");
+		};
+	}, [l?.code, t]), a(() => {
+		let e = p.current, t = u.current;
+		if (!(!e || !t)) try {
+			e.update ? e.update(t, JSON.parse(g), h.current) : (e.unmount?.(t), t.innerHTML = "", e.mount(t, JSON.parse(g), h.current));
+		} catch {}
+	}, [g]), l ? /* @__PURE__ */ d("div", {
+		ref: o,
+		style: C(r),
+		children: /* @__PURE__ */ d("div", { ref: u })
+	}) : /* @__PURE__ */ f("div", {
+		ref: o,
+		style: {
+			...qt,
+			...C(r)
+		},
+		children: [
+			"Plugin “",
+			e,
+			"” is not installed"
+		]
+	});
+}
+//#endregion
 //#region ../ui/src/components/builder/render.jsx
-var Ut = {
+var Yt = {
 	...Nt,
-	...Ht
+	...Ht,
+	PluginBlock: Jt
 };
 function Q(e, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 	let o = n[e];
@@ -3161,7 +3243,7 @@ function Q(e, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 		let c = new Set(i).add(n);
 		return /* @__PURE__ */ d(t, { children: Q(s.template.rootId, s.template.nodes, r, c, a) }, e);
 	}
-	let l = Ut[s];
+	let l = Yt[s];
 	if (!l) return null;
 	let u = (o.nodes ?? []).map((e) => Q(e, n, r, i, a)).filter(Boolean), f = Object.entries(o.linkedNodes ?? {}), p = f.length ? Object.fromEntries(f.map(([e, t]) => [e, Q(t, n, r, i)])) : void 0, m = /* @__PURE__ */ d(l, {
 		...c,
@@ -3179,8 +3261,8 @@ function Q(e, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 }
 //#endregion
 //#region ../ui/src/components/builder/PageRenderer.jsx
-var Wt = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" ");
-function Gt({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, custom: o, tenant: c, apiUrl: l, datasets: u, locale: p, direction: m, settings: g, siteUser: v }) {
+var Xt = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" ");
+function Zt({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, custom: o, tenant: c, apiUrl: l, datasets: u, locale: p, direction: m, settings: g, siteUser: v }) {
 	let b = o?.js?.trim();
 	if (a(() => {
 		if (!b) return;
@@ -3256,8 +3338,8 @@ function Gt({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, cu
 							...i
 						},
 						children: [
-							/* @__PURE__ */ d("style", { children: `.webim-page { ${Wt(V(A.light))} }
-@media (prefers-color-scheme: dark) { .webim-page { ${Wt(V(A.dark))} } }` }),
+							/* @__PURE__ */ d("style", { children: `.webim-page { ${Xt(V(A.light))} }
+@media (prefers-color-scheme: dark) { .webim-page { ${Xt(V(A.dark))} } }` }),
 							k,
 							/* @__PURE__ */ d("style", { children: S }),
 							E && /* @__PURE__ */ d("style", { children: E }),
@@ -3273,8 +3355,8 @@ function Gt({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, cu
 }
 //#endregion
 //#region src/WebimContent.jsx
-function Kt({ bundle: e, mode: t = "auto", style: n }) {
-	return e?.blocks?.ROOT ? /* @__PURE__ */ d(Gt, {
+function Qt({ bundle: e, mode: t = "auto", style: n }) {
+	return e?.blocks?.ROOT ? /* @__PURE__ */ d(Zt, {
 		blocks: e.blocks,
 		theme: e.theme,
 		components: e.components,
@@ -3291,7 +3373,7 @@ function Kt({ bundle: e, mode: t = "auto", style: n }) {
 }
 //#endregion
 //#region src/bundle.js
-function qt({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
+function $t({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
 	let a = {
 		...t?.global ?? {},
 		...t?.tenant ?? {}
@@ -3315,18 +3397,18 @@ function qt({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
 }
 //#endregion
 //#region src/fetchPage.js
-var Jt = async (e) => {
+var en = async (e) => {
 	let t = await e.json().catch(() => null);
 	if (!e.ok || t?.success === !1) throw Error(t?.error?.message || `Request failed (${e.status})`);
 	return t?.payload ?? t;
 };
-async function Yt({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token: a, page: o, fetch: s }) {
+async function tn({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token: a, page: o, fetch: s }) {
 	if (!e) throw Error("fetchPage: apiUrl is required");
 	if (!n) throw Error("fetchPage: slug is required");
 	let c = s ?? fetch, l = e.replace(/\/$/, ""), u = {
 		...t ? { "x-tenant": t } : {},
 		...a ? { authorization: `Bearer ${a}` } : {}
-	}, [d, f] = await Promise.all([c(`${l}/render/${encodeURIComponent(n)}${i ? `?preview=${encodeURIComponent(i)}` : ""}`, { headers: u }).then(Jt), c(`${l}/settings/public`, { headers: u }).then(Jt)]), p = qt({
+	}, [d, f] = await Promise.all([c(`${l}/render/${encodeURIComponent(n)}${i ? `?preview=${encodeURIComponent(i)}` : ""}`, { headers: u }).then(en), c(`${l}/settings/public`, { headers: u }).then(en)]), p = $t({
 		page: d,
 		settings: f,
 		tenant: t,
@@ -3334,7 +3416,7 @@ async function Yt({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token:
 		locale: r
 	}), m = [...new Set(Object.values(p.blocks ?? {}).map((e) => e?.type?.resolvedName === "CollectionList" ? e.props?.collection : e?.type?.resolvedName === "TableBlock" || e?.type?.resolvedName === "OrgChartBlock" ? e.props?.source : null).filter(Boolean))];
 	if (m.length) {
-		let e = (e) => e.startsWith("api:") ? `${l}/data/${encodeURIComponent(e.slice(4))}` : `${l}/dynamic/${encodeURIComponent(e)}?all=1${r ? `&locale=${encodeURIComponent(r)}` : ""}`, t = await Promise.all(m.map((t) => c(e(t), { headers: u }).then(Jt).then((e) => {
+		let e = (e) => e.startsWith("api:") ? `${l}/data/${encodeURIComponent(e.slice(4))}` : `${l}/dynamic/${encodeURIComponent(e)}?all=1${r ? `&locale=${encodeURIComponent(r)}` : ""}`, t = await Promise.all(m.map((t) => c(e(t), { headers: u }).then(en).then((e) => {
 			let n = Array.isArray(e) ? e : Array.isArray(e?.data) ? e.data : [], r = Number(e?.total?.filtered ?? e?.total?.all ?? n.length);
 			return [[t, n], [`${t}:total`, Number.isFinite(r) ? r : n.length]];
 		}).catch(() => [[t, []]])));
@@ -3354,14 +3436,14 @@ var $ = (e) => String(e ?? "").replace(/[&<>"]/g, (e) => ({
 	">": "&gt;",
 	"\"": "&quot;"
 })[e]);
-function Xt(t, { mode: n = "auto", style: r } = {}) {
-	return e(/* @__PURE__ */ d(Kt, {
+function nn(t, { mode: n = "auto", style: r } = {}) {
+	return e(/* @__PURE__ */ d(Qt, {
 		bundle: t,
 		mode: n,
 		style: r
 	}));
 }
-function Zt(e, { mode: t = "auto", lang: n } = {}) {
+function rn(e, { mode: t = "auto", lang: n } = {}) {
 	let r = e.seo ?? {}, i = n || e.locale || "en", a = h(e.direction, i), o = r.title || e.title || e.slug || "Page", s = e.custom?.js?.trim(), c = [
 		"<meta charset=\"utf-8\"/>",
 		"<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"/>",
@@ -3378,10 +3460,10 @@ function Zt(e, { mode: t = "auto", lang: n } = {}) {
 ${c}
 </head>
 <body>
-${Xt(e, { mode: t })}
+${nn(e, { mode: t })}
 ${s ? `<script>${s.replaceAll("<\/script", "<\\/script")}<\/script>` : ""}
 </body>
 </html>`;
 }
 //#endregion
-export { qt as assembleBundle, Yt as fetchPage, Xt as renderBundleHtml, Zt as renderPageDocument };
+export { $t as assembleBundle, tn as fetchPage, nn as renderBundleHtml, rn as renderPageDocument };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "webim-adapter",
-  "version": "0.14.0",
+  "version": "0.15.0",
   "description": "Render WebIM builder pages inside any React app",
   "author": "Orhan POLAT",
   "license": "ISC",