@picked/client 0.0.1-dev.1778561735098 → 0.0.1-dev.1778730134956

package/dist/esm/plugins/create-experience/index.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../id-CRqy981z.js";
+import { t as e } from "../../../id-n2yrHvNo.js";
 //#region src/plugins/create-experience/serialization.ts
 var t = {
 	serialize(e) {

package/dist/esm/plugins/dom-observer/index.js

@@ -0,0 +1,87 @@
+import "../../../logger-6z_gb4rA.js";
+import { d as e, r as t } from "../../../supports-0XIfd4-R.js";
+import { r as n } from "../../../dom-DGePXPpM.js";
+import { createEffect as r, createEvent as i, createStore as a, sample as o } from "effector";
+//#region src/plugins/dom-observer/plugin.ts
+var s = /* @__PURE__ */ new WeakSet(), c = () => ({
+	name: "dom-observer",
+	setup: (e) => {
+		l() && (s.has(e) || (s.add(e), u(e)));
+	}
+});
+function l() {
+	return !(!e() || !t() || typeof MutationObserver != "function" || typeof requestAnimationFrame != "function");
+}
+function u(e) {
+	n().then(() => {
+		document.body && d(e);
+	});
+}
+function d(e) {
+	let t = i(), n = a(/* @__PURE__ */ new Map()).on(t, (e, { id: t, selectors: n }) => {
+		let r = new Map(e);
+		return n.length > 0 ? r.set(t, n) : r.delete(t), r;
+	}), s = /* @__PURE__ */ new Map();
+	e.experiences.listStore.watch((e) => {
+		for (let n of e) {
+			if (s.has(n.id)) continue;
+			let e = n.configStore.watch((e) => {
+				t({
+					id: n.id,
+					selectors: f(e.targetSelectors)
+				});
+			});
+			s.set(n.id, e);
+		}
+	});
+	let c = r(async (e) => {
+		await Promise.all(e.map(async (e) => {
+			await e.shouldInitialiseFx() && await e.initialiseFx(void 0);
+		}));
+	});
+	c.fail.watch(({ error: e }) => {});
+	let l = i();
+	o({
+		clock: l,
+		source: {
+			selectorsById: n,
+			experiences: e.experiences.listStore
+		},
+		fn: ({ selectorsById: e, experiences: t }, n) => t.filter((t) => {
+			let r = e.get(t.id);
+			return r ? r.some((e) => p(n, e)) : !1;
+		}),
+		target: c
+	});
+	let u = [], d, m = () => {
+		d = void 0;
+		let e = u;
+		u = [], l(e);
+	};
+	new MutationObserver((e) => {
+		let t = !1;
+		for (let n of e) if (n.type === "childList") for (let e of n.addedNodes) e instanceof Element && (u.push(e), t = !0);
+		t && (d ??= requestAnimationFrame(m));
+	}).observe(document.body, {
+		childList: !0,
+		subtree: !0
+	});
+}
+function f(e) {
+	let t = [];
+	for (let n of e) {
+		let e = n.selector.trim();
+		e.length > 0 && t.push(e);
+	}
+	return t;
+}
+function p(e, t) {
+	for (let n of e) try {
+		if (n.matches(t) || n.querySelector(t) !== null) return !0;
+	} catch {
+		return !1;
+	}
+	return !1;
+}
+//#endregion
+export { c as domObserverPlugin };

package/dist/esm/plugins/dynamic-experiences/index.js

@@ -1,5 +1,5 @@
 import "../../../logger-6z_gb4rA.js";
-import { i as e, t } from "../../../api-Bzb9pR2r.js";
+import { i as e, t } from "../../../api-B-CbCRqb.js";
 import { attach as n } from "effector";
 //#region src/plugins/dynamic-experiences/hash.ts
 function r(e) {
@@ -50,12 +50,17 @@ function u(e, t) {
 			}
 			t.push(i);
 		}
+		let i = r.layoutContentId ? e.contents.getById(r.layoutContentId) : null;
 		e.registerStep({
 			id: r.id,
 			key: r.key,
 			name: r.name,
 			fieldKeys: t,
-			layoutName: r.layoutName
+			layoutName: r.layoutName,
+			...r.layoutContentId !== void 0 && {
+				layoutContentId: r.layoutContentId,
+				layoutContentStore: i
+			}
 		});
 	}
 }
@@ -87,24 +92,7 @@ function h(e, t, n, r) {
 		decide: () => t.enabled ? a(r, t.weight) : !1
 	});
 }
-function g() {
-	let e;
-	try {
-		e = __PICKED_PROJECT_CONFIG__;
-	} catch {
-		return;
-	}
-	if (e === void 0) return;
-	let t;
-	if (typeof e == "string") try {
-		t = JSON.parse(e);
-	} catch {
-		return;
-	}
-	else t = e;
-	if (o(t)) return t;
-}
-function _(e) {
+function g(e) {
 	try {
 		let t = new URL(e).hostname;
 		return t === "localhost" || t === "127.0.0.1" || t === "::1";
@@ -112,17 +100,17 @@ function _(e) {
 		return !1;
 	}
 }
-function v(e) {
+function _(e) {
 	if (typeof e != "object" || !e || !("cause" in e)) return !1;
 	let { cause: t } = e;
 	return typeof t != "object" || !t || !("code" in t) ? !1 : t.code === "ECONNREFUSED";
 }
-async function y(e, n, r) {
+async function v(e, n, r) {
 	let i = r?.previewToken ? `projects/${n}?preview_token=${encodeURIComponent(r.previewToken)}` : `projects/${n}`, a;
 	try {
 		a = await t(e, i, r?.headers);
 	} catch (t) {
-		return _(e) && v(t), null;
+		return g(e) && _(t), null;
 	}
 	if (!a.ok) return `${a.status.toString()}`, null;
 	let s;
@@ -133,7 +121,97 @@ async function y(e, n, r) {
 	}
 	return o(s) ? s : null;
 }
-function b(e) {
+function y(e) {
+	return typeof e != "object" || !e || !("experienceId" in e) || !("content" in e) ? !1 : Array.isArray(e.content);
+}
+async function b(e, n, r, i) {
+	let a = i?.previewToken ? `projects/${n}/experiences/${r}/content?preview_token=${encodeURIComponent(i.previewToken)}` : `projects/${n}/experiences/${r}/content`, o;
+	try {
+		o = await t(e, a, i?.headers);
+	} catch (t) {
+		return g(e) && _(t) || `${r}`, null;
+	}
+	if (!o.ok) return `${r}${o.status.toString()}`, null;
+	let s;
+	try {
+		s = await o.json();
+	} catch {
+		return `${r}`, null;
+	}
+	return y(s) ? s : (`${r}`, null);
+}
+function x(e, t) {
+	for (let n of t.content) e.registerContent({
+		id: n.id,
+		data: n.data
+	});
+}
+function S(e) {
+	if (typeof e != "object" || !e || !("projectConfig" in e) || !("experienceContent" in e) || !("manifestMetadata" in e)) return !1;
+	let { experienceContent: t } = e;
+	return typeof t == "function";
+}
+async function C() {
+	try {
+		let e = await import("virtual:picked/data");
+		return S(e) ? e : null;
+	} catch {
+		return null;
+	}
+}
+function w(e, t, n) {
+	return (r) => b(e, t, r.id, n ? { previewToken: n } : void 0);
+}
+function T(e, t) {
+	return (n) => e(n, t ? { previewToken: t } : void 0);
+}
+function E(e) {
+	return (t, n) => e.experienceContent(t, n);
+}
+function D(e, t) {
+	let n = /* @__PURE__ */ new Map();
+	return (r, i) => {
+		let a = n.get(r.id);
+		if (a) return a;
+		let o = (async () => {
+			try {
+				let n = await t(r, i);
+				return n && x(e, n), n;
+			} finally {
+				n.delete(r.id);
+			}
+		})();
+		return n.set(r.id, o), o;
+	};
+}
+async function O(e) {
+	let { client: t, apiUrl: n, options: r } = e, i = f(t), a = !!i, o = r?.projectConfig ?? null, s = r?.getContent ? T(r.getContent, i) : null, c = null;
+	if (i) return o ??= await v(n, t.projectId, { previewToken: i }), s ??= w(n, t.projectId, i), {
+		config: o,
+		contentLoader: s,
+		dataSource: c,
+		isPreview: a
+	};
+	if (o && s) return {
+		config: o,
+		contentLoader: s,
+		dataSource: c,
+		isPreview: a
+	};
+	let l = await C();
+	return l ? (o ??= l.projectConfig, s ??= E(l), c = l.manifestMetadata, {
+		config: o,
+		contentLoader: s,
+		dataSource: c,
+		isPreview: a
+	}) : (o ??= await v(n, t.projectId), s ??= w(n, t.projectId), {
+		config: o,
+		contentLoader: s,
+		dataSource: c,
+		isPreview: a
+	});
+}
+function k(e) {
 	return {
 		name: "dynamic-experiences",
 		setup: (t) => {
@@ -141,23 +219,16 @@ function b(e) {
 			return { onStart: n({
 				source: t.session.store.map((e) => e.id),
 				effect: async (n) => {
-					let i = f(t);
-					if (i) {
-						let e = await y(r, t.projectId, { previewToken: i });
-						e && (m(t, e, !0, n), s(t, e), l(t, e), u(t, e), d(t, e));
-						return;
-					}
-					let a = e?.projectConfig ?? g();
-					if (a) {
-						m(t, a, !1, n), s(t, a), l(t, a), u(t, a), d(t, a);
-						return;
-					}
-					let o = await y(r, t.projectId);
-					o && (m(t, o, !1, n), s(t, o), l(t, o), u(t, o), d(t, o));
+					let { config: i, contentLoader: a, dataSource: o, isPreview: c } = await O({
+						client: t,
+						apiUrl: r,
+						options: e
+					});
+					a && (t.contentLoader = D(t, a)), t.dataSource = o, i && (m(t, i, c, n), s(t, i), l(t, i), u(t, i), d(t, i));
 				}
 			}) };
 		}
 	};
 }
 //#endregion
-export { e as createClientHeaders, b as dynamicExperiencesPlugin, y as fetchProject };
+export { e as createClientHeaders, k as dynamicExperiencesPlugin, b as fetchExperienceContent, v as fetchProject };

package/dist/esm/plugins/experience-browser-storage/index.js

@@ -1,6 +1,6 @@
 import "../../../logger-6z_gb4rA.js";
 import { d as e } from "../../../supports-0XIfd4-R.js";
-import { n as t, r as n, t as r } from "../../../storage-6Xk0uAxB.js";
+import { n as t, r as n, t as r } from "../../../storage-hOHCCXvP.js";
 import { createEffect as i, sample as a } from "effector";
 //#region src/plugins/experience-browser-storage/plugin.ts
 var o = ({ storage: o = "local" } = {}) => ({

package/dist/esm/plugins/history-browser-storage/index.js

@@ -1,65 +1,26 @@
-import "../../../logger-6z_gb4rA.js";
 import { d as e } from "../../../supports-0XIfd4-R.js";
-import { n as t, r as n, t as r } from "../../../storage-6Xk0uAxB.js";
+import { n as t, r as n, t as r } from "../../../storage-hOHCCXvP.js";
 import { createEffect as i, sample as a } from "effector";
 //#region src/plugins/history-browser-storage/plugin.ts
-var o = r("history", "global"), s = 150, c = "__legacy__", l = (e) => Array.isArray(e), u = (e) => !(typeof e != "object" || !e || !("id" in e) || typeof e.id != "string" || !("at" in e) || typeof e.at != "number" || !("experienceId" in e) || typeof e.experienceId != "string" || !("node" in e) || typeof e.node != "object" || e.node === null), d = (e) => !(!u(e) || !("instanceId" in e) || typeof e.instanceId != "string"), f = (e) => {
-	if (typeof e != "object" || !e || Array.isArray(e)) return !1;
-	for (let t of Object.values(e)) {
-		if (!Array.isArray(t)) return !1;
-		for (let e of t) if (!d(e)) return !1;
-	}
-	return !0;
-}, p = (e) => {
-	let t = {};
-	for (let n of e) {
-		if (!u(n)) continue;
-		let e = t[n.experienceId] ?? [];
-		e.push({
-			...n,
-			instanceId: c
-		}), t[n.experienceId] = e;
-	}
-	return t;
-}, m = ({ storage: r = "local" } = {}) => ({
+var o = r("history", "global"), s = ({ storage: r = "local" } = {}) => ({
 	name: "history-browser-storage-plugin",
-	setup: (c) => {
+	setup: (s) => {
 		if (!e()) return;
-		let u = r === "local" ? t : n, d = i(() => {
-			let e;
-			try {
-				e = u.get(o).json();
-			} catch {
-				return;
-			}
-			if (e != null) {
-				if (l(e)) {
-					c.history.restoreSnapshots({ snapshots: p(e) });
-					return;
-				}
-				if (f(e)) {
-					c.history.restoreSnapshots({ snapshots: e });
-					return;
-				}
-			}
-		}), m = null, h = null, g = () => {
-			m = null;
-			let e = h;
-			if (h = null, e !== null) try {
-				u.set(o, e);
-			} catch {}
-		}, _ = i((e) => {
-			h = e, m === null && (m = setTimeout(g, s));
+		let c = r === "local" ? t : n, l = i(async () => {
+			let e = c.get(o).json();
+			e && s.history.restore({ entries: e });
+		}), u = i(async (e) => {
+			c.set(o, e);
 		});
 		a({
-			source: c.eventBus,
+			source: s.eventBus,
 			filter: (e) => e.type === "load",
-			target: d
+			target: l
 		}), a({
-			source: c.history.snapshotStore,
-			target: _
-		}), d();
+			source: s.history.entriesStore,
+			target: u
+		});
 	}
 });
 //#endregion
-export { m as historyBrowserStoragePlugin };
+export { s as historyBrowserStoragePlugin };

package/dist/esm/plugins/responses-browser-storage/index.js

@@ -1,5 +1,5 @@
 import { d as e } from "../../../supports-0XIfd4-R.js";
-import { n as t, r as n, t as r } from "../../../storage-6Xk0uAxB.js";
+import { n as t, r as n, t as r } from "../../../storage-hOHCCXvP.js";
 import { attach as i, createEffect as a, sample as o } from "effector";
 //#region src/plugins/responses-browser-storage/plugin.ts
 var s = r("responses", "global");

package/dist/esm/server/index.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../experience-instance-CZC0uPuv.js";
+import { t as e } from "../../experience-instance-BOhvCj_F.js";
 import { attach as t, createEffect as n, createEvent as r, createStore as i, sample as a } from "effector";
 //#region src/server/index.ts
 function o() {