webim-adapter 0.13.0 → 0.15.0

package/build/webim-ssr.js

@@ -2196,27 +2196,27 @@ function yt({ items: e = [], separator: t = "/", style: n, nodeRef: r }) {
 		})
 	}) : null;
 }
-function bt({ pages: e = 5, current: t = 1, prevNext: n = !0, href: r = "#", source: o, pageSize: s = 6, align: c, style: u, nodeRef: p }) {
-	let { tenant: m, apiUrl: h } = i(H), g = i(U), [_, v] = l(null), y = o ? Number(g?.[`${o}:total`]) : NaN;
+function bt({ pages: e = 5, current: t = 1, prevNext: n = !0, href: r = "#", source: o, pageSize: s = 6, align: c, hideEmpty: u, inert: p, style: m, nodeRef: h }) {
+	let { tenant: g, apiUrl: _ } = i(H), v = i(U), [y, b] = l(null), x = o ? Number(v?.[`${o}:total`]) : NaN;
 	a(() => {
-		if (!o || Number.isFinite(y)) return;
-		let e = !0, t = o.startsWith("api:") ? `${h}/data/${encodeURIComponent(o.slice(4))}` : `${h}/dynamic/${encodeURIComponent(o)}?limit=1`;
-		return fetch(t, { headers: m ? { "x-tenant": m } : {} }).then((e) => e.json()).then((t) => {
+		if (!o || Number.isFinite(x)) return;
+		let e = !0, t = o.startsWith("api:") ? `${_}/data/${encodeURIComponent(o.slice(4))}` : `${_}/dynamic/${encodeURIComponent(o)}?limit=1`;
+		return fetch(t, { headers: g ? { "x-tenant": g } : {} }).then((e) => e.json()).then((t) => {
 			if (!e) return;
 			let n = t?.payload, r = Array.isArray(n) ? n.length : Number(n?.total?.filtered ?? n?.total?.all ?? (Array.isArray(n?.data) ? n.data.length : 0));
-			v(Number.isFinite(r) ? r : 0);
-		}).catch(() => e && v(0)), () => {
+			b(Number.isFinite(r) ? r : 0);
+		}).catch(() => e && b(0)), () => {
 			e = !1;
 		};
 	}, [
 		o,
-		m,
-		h,
-		y
+		g,
+		_,
+		x
 	]);
-	let b = Math.max(1, Number(s) || 6), x = Number.isFinite(y) ? y : _;
-	if (o && x === null) return null;
-	let S = Math.min(Math.max(o ? Math.ceil(x / b) : Number(e) || 1, 1), 50), w = Math.min(Math.max(o ? W(g) : Number(t) || 1, 1), S), T = (e) => {
+	let S = Math.max(1, Number(s) || 6), w = Number.isFinite(x) ? x : y;
+	if (o && w === null || o && u && !(w > 0)) return null;
+	let T = Math.min(Math.max(o ? Math.ceil(w / S) : Number(e) || 1, 1), 50), E = Math.min(Math.max(o ? W(v) : Number(t) || 1, 1), T), D = (e) => {
 		if (o) {
 			if (typeof window < "u") {
 				let t = new URLSearchParams(window.location.search);
@@ -2225,7 +2225,7 @@ function bt({ pages: e = 5, current: t = 1, prevNext: n = !0, href: r = "#", sou
 			return `?page=${e}`;
 		}
 		return r && r !== "#" ? r.replace("{page}", String(e)) : "#";
-	}, E = c === "center" ? "center" : c === "right" ? "flex-end" : "flex-start", D = (e) => ({
+	}, O = c === "center" ? "center" : c === "right" ? "flex-end" : "flex-start", k = p ? (e) => e.preventDefault() : void 0, A = (e) => ({
 		display: "inline-flex",
 		alignItems: "center",
 		justifyContent: "center",
@@ -2240,38 +2240,41 @@ function bt({ pages: e = 5, current: t = 1, prevNext: n = !0, href: r = "#", sou
 		border: e ? "1px solid transparent" : "1px solid rgba(148, 163, 184, 0.4)"
 	});
 	return /* @__PURE__ */ f("nav", {
-		ref: p,
+		ref: h,
 		"aria-label": "Pagination",
 		style: {
 			display: "flex",
 			flexWrap: "wrap",
 			gap: 8,
 			alignItems: "center",
-			justifyContent: E,
-			...C(u)
+			justifyContent: O,
+			...C(m)
 		},
 		children: [
 			n && /* @__PURE__ */ d("a", {
-				href: w > 1 ? T(w - 1) : "#",
+				href: E > 1 ? D(E - 1) : "#",
+				onClick: k,
 				"aria-label": "Previous",
 				style: {
-					...D(!1),
-					opacity: w > 1 ? 1 : .4
+					...A(!1),
+					opacity: E > 1 ? 1 : .4
 				},
 				children: "‹"
 			}),
-			Array.from({ length: S }, (e, t) => t + 1).map((e) => /* @__PURE__ */ d("a", {
-				href: T(e),
-				"aria-current": e === w ? "page" : void 0,
-				style: D(e === w),
+			Array.from({ length: T }, (e, t) => t + 1).map((e) => /* @__PURE__ */ d("a", {
+				href: D(e),
+				onClick: k,
+				"aria-current": e === E ? "page" : void 0,
+				style: A(e === E),
 				children: e
 			}, e)),
 			n && /* @__PURE__ */ d("a", {
-				href: w < S ? T(w + 1) : "#",
+				href: E < T ? D(E + 1) : "#",
+				onClick: k,
 				"aria-label": "Next",
 				style: {
-					...D(!1),
-					opacity: w < S ? 1 : .4
+					...A(!1),
+					opacity: E < T ? 1 : .4
 				},
 				children: "›"
 			})
@@ -3143,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];
@@ -3158,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,
@@ -3176,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;
@@ -3253,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 }),
@@ -3270,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,
@@ -3288,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 ?? {}
@@ -3312,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,
@@ -3331,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, []]])));
@@ -3351,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\"/>",
@@ -3375,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.13.0",
+  "version": "0.15.0",
   "description": "Render WebIM builder pages inside any React app",
   "author": "Orhan POLAT",
   "license": "ISC",