@voltro/web 0.51.0 → 0.52.0

package/dist/islands.js

@@ -0,0 +1,60 @@
+import { createElement as e } from "react";
+import { createRoot as t, hydrateRoot as n } from "react-dom/client";
+//#region src/islands.tsx
+var r = /* @__PURE__ */ new Map(), i = (t, n) => {
+	r.set(n.name, t);
+	let i = n.hydrate ?? "visible", a = (r) => e("div", {
+		"data-voltro-island": "",
+		"data-island-name": n.name,
+		"data-island-hydrate": i,
+		"data-island-props": o(r, n.name)
+	}, i === "only" ? null : e(t, r));
+	return a.displayName = `Island(${n.name})`, a;
+}, a = (e) => r.get(e), o = (e, t) => {
+	if (process.env.NODE_ENV !== "production" && typeof e == "object" && e) for (let [n, r] of Object.entries(e)) {
+		let e = typeof r == "function" ? "a function" : r instanceof Date ? "a Date (arrives as an ISO string)" : r instanceof Map || r instanceof Set ? "a Map/Set (arrives as {})" : void 0;
+		e !== void 0 && console.warn(`[voltro] island "${t}" prop "${n}" is ${e} — island props cross an HTML attribute as JSON. Pass a JSON shape (string/number/boolean/array/plain object) and reconstruct richer types inside the island.`);
+	}
+	return JSON.stringify(e ?? {}).replace(/</g, "\\u003c");
+}, s = (e) => {
+	if (!e) return {};
+	try {
+		return JSON.parse(e);
+	} catch {
+		return {};
+	}
+}, c = (i) => {
+	let a = document.querySelectorAll("[data-voltro-island]:not([data-voltro-hydrated])");
+	for (let o of a) {
+		let a = o.dataset.islandName ?? "", c = r.get(a);
+		if (!c) {
+			console.warn(`[voltro] island "${a}" referenced in DOM but not registered. Did the island file get imported in this bundle?`);
+			continue;
+		}
+		let l = s(o.dataset.islandProps ?? null), u = o.dataset.islandHydrate ?? "visible";
+		o.setAttribute("data-voltro-hydrated", "pending");
+		let d = () => {
+			if (o.getAttribute("data-voltro-hydrated") === "done") return;
+			o.setAttribute("data-voltro-hydrated", "done");
+			let r = i?.wrap === void 0 ? e(c, l) : i.wrap(e(c, l));
+			u === "only" ? t(o).render(r) : n(o, r);
+		};
+		if (u === "load" || u === "only") d();
+		else if (u === "idle") {
+			let e = globalThis.requestIdleCallback;
+			e ? e(d) : setTimeout(d, 0);
+		} else if (u === "visible") {
+			let e = new IntersectionObserver((t) => {
+				t.some((e) => e.isIntersecting) && (e.disconnect(), d());
+			}, { rootMargin: "64px" });
+			e.observe(o);
+		} else if (u === "interaction") {
+			let e = () => {
+				o.removeEventListener("pointerdown", e), o.removeEventListener("keydown", e), d();
+			};
+			o.addEventListener("pointerdown", e, { passive: !0 }), o.addEventListener("keydown", e);
+		}
+	}
+};
+//#endregion
+export { a as getIslandComponent, c as hydrateIslandsOnPage, i as island };

package/dist/mount.js

@@ -1,2 +1,37 @@
-import { n as e, t } from "./mount-nudb4UCl.js";
-export { t as mount, e as noticeIslandsShipTheFullBundle };
+import { t as e } from "./frameworkBoot-CnE9vzLQ.js";
+import { hydrateIslandsOnPage as t } from "./islands.js";
+import { o as n, r, t as i } from "./routerState-DAT472IC.js";
+import { StrictMode as a } from "react";
+import { createRoot as o, hydrateRoot as s } from "react-dom/client";
+import { applyPreloadSeeds as c, applyStoreSeeds as l } from "@voltro/client";
+import { jsx as u } from "react/jsx-runtime";
+//#region src/mount.tsx
+var d = () => !1, f = "__voltroIslandsBundleNoticeShown", p = (e) => {
+	if (!e) return;
+	let t = globalThis;
+	t[f] !== !0 && (t[f] = !0, console.info("[voltro] islands mode: hydration is scoped to this page's islands, but the JS payload is NOT reduced — the full app bundle is still downloaded and evaluated. Islands buy CPU, not bytes, today. See the \"Render modes\" docs page."));
+}, m = (e) => `${window.location.protocol === "https:" ? "wss:" : "ws:"}//${window.location.host}/ws/${e}`, h = (f, h) => {
+	let g = document.getElementById(h.rootId ?? "root");
+	if (!g) throw Error(`@voltro/web: no #${h.rootId ?? "root"} element in the document`);
+	let _ = Object.entries(h.apis).map(([e, t]) => ({
+		name: e,
+		group: t.group,
+		descriptors: t.descriptors ?? {},
+		wsUrl: t.wsUrl ?? m(e),
+		headers: t.headers
+	})), v = document.getElementById(i), y = r(v?.textContent, window.location.pathname), b = y !== null && g.children.length > 0, x = document.querySelector("meta[name=\"voltro-interactive\"]")?.getAttribute("content") ?? "full";
+	if (x === "none") return;
+	if (x === "islands") {
+		p(d()), t();
+		return;
+	}
+	b && n(y), l(y?.storeSeeds), c(y?.preloadSeeds);
+	let S = /* @__PURE__ */ u(a, { children: /* @__PURE__ */ u(e, {
+		App: f,
+		apis: _,
+		...h.Devtools ? { Devtools: h.Devtools } : {}
+	}) });
+	b ? s(g, S) : o(g).render(S);
+};
+//#endregion
+export { h as mount, p as noticeIslandsShipTheFullBundle };