@modular-vue/journeys 1.0.0 → 1.2.0

package/dist/index.js

@@ -1,7 +1,7 @@
 import { Suspense as e, computed as t, defineComponent as n, h as r, inject as i, onErrorCaptured as a, onMounted as o, onUnmounted as s, provide as c, ref as l, shallowRef as u, toRaw as d, toValue as f, watch as p, watchEffect as m } from "vue";
-import { ModuleErrorBoundary as h, ModuleExitProvider as g, resolveEntryComponent as _, useModuleExit as v } from "@modular-vue/vue";
-import { JourneyHydrationError as y, JourneyValidationError as b, JourneyValidationError as x, UnknownJourneyError as S, createJourneyRuntime as ee, createJourneyRuntime as te, createJourneySync as ne, createJourneySync as re, createMemoryJourneySyncPort as ie, createMemoryPersistence as ae, createWebStoragePersistence as oe, defaultStepPath as se, defaultStepPath as ce, defineJourney as le, defineJourneyHandle as ue, defineJourneyPersistence as de, defineTransition as fe, getInternals as pe, invoke as me, isAnnotatedTransition as he, isAnnotatedTransition as C, isTerminalSentinel as ge, journeyStepPath as w, resolveJourneySyncAction as T, selectModule as E, selectModuleOrDefault as D, validateJourneyContracts as O, validateJourneyContracts as k, validateJourneyDefinition as A, validateJourneyDefinition as j, validateJourneyGraph as M } from "@modular-frontend/journeys-engine";
-import { SemverParseError as N, compareVersions as P, isDevEnv as F, isJourneySystemAbort as I, satisfies as L } from "@modular-frontend/core";
+import { ModuleErrorBoundary as h, ModuleExitProvider as g, provideBinding as _, resolveEntryComponent as v, useModuleExit as y } from "@modular-vue/vue";
+import { JourneyHydrationError as b, JourneyValidationError as x, JourneyValidationError as S, UnknownJourneyError as ee, createJourneyRuntime as te, createJourneyRuntime as ne, createJourneySync as re, createJourneySync as ie, createMemoryJourneySyncPort as ae, createMemoryPersistence as oe, createWebStoragePersistence as se, defaultStepPath as ce, defaultStepPath as le, defineJourney as ue, defineJourneyHandle as de, defineJourneyPersistence as fe, defineTransition as pe, getInternals as me, invoke as he, isAnnotatedTransition as ge, isAnnotatedTransition as C, isTerminalSentinel as w, journeyStepPath as T, resolveJourneySyncAction as E, selectModule as D, selectModuleOrDefault as O, validateJourneyContracts as k, validateJourneyContracts as A, validateJourneyDefinition as j, validateJourneyDefinition as M, validateJourneyGraph as N } from "@modular-frontend/journeys-engine";
+import { SemverParseError as P, compareVersions as F, isDevEnv as I, isJourneySystemAbort as L, satisfies as _e } from "@modular-frontend/core";
 //#region src/provider.ts
 var R = Symbol("modular-vue.journey"), z = n({
 	name: "JourneyProvider",
@@ -29,7 +29,7 @@ function B() {
 }
 //#endregion
 //#region src/instance-hooks.ts
-var _e = 64, V = Object.freeze([]);
+var ve = 64, V = Object.freeze([]);
 function H(e, t) {
 	let n = u(null), r = () => {
 		let n = f(t);
@@ -60,7 +60,7 @@ function U(e, t, n) {
 		let s = /* @__PURE__ */ new Map(), c = !1, l = () => {
 			if (c) return;
 			let t = /* @__PURE__ */ new Set(), n = [], r = i, u = 0;
-			for (; r && u < _e && !t.has(r);) {
+			for (; r && u < ve && !t.has(r);) {
 				t.add(r), n.push(r), s.has(r) || s.set(r, e.subscribe(r, l));
 				let i = e.getInstance(r);
 				r = o && i ? i.activeChildId : null, u += 1;
@@ -81,14 +81,14 @@ function W(e, n, r) {
 }
 //#endregion
 //#region src/use-journey-state.ts
-function ve(e) {
+function ye(e) {
 	let n = G(e);
 	return t(() => n.value ? n.value.state : null);
 }
 function G(e) {
 	return H(B()?.runtime ?? null, e);
 }
-function ye(e) {
+function be(e) {
 	let n = K(e);
 	return t(() => n.value ? n.value.state : null);
 }
@@ -147,7 +147,7 @@ var q = n({
 	setup(n) {
 		let a = i(R, null), c = d(n.runtime ?? a?.runtime ?? void 0) ?? null;
 		if (!c) throw Error("[@modular-vue/journeys] <JourneyOutlet> needs a runtime. Either pass `runtime` or mount a <JourneyProvider>.");
-		let u = pe(c), f = () => d(n.modules ?? u.__moduleMap), m = H(c, () => n.instanceId), h = W(c, () => n.instanceId, () => n.leafOnly), g = H(c, h), v = t(() => h.value === n.instanceId ? m.value : g.value), y = l(0);
+		let u = me(c), f = () => d(n.modules ?? u.__moduleMap), m = H(c, () => n.instanceId), h = W(c, () => n.instanceId, () => n.leafOnly), g = H(c, h), _ = t(() => h.value === n.instanceId ? m.value : g.value), y = l(0);
 		s(() => {
 			let e = n.instanceId;
 			queueMicrotask(() => {
@@ -165,7 +165,7 @@ var q = n({
 			})));
 		}, { immediate: !0 }), o(() => {
 			p(() => {
-				let e = v.value;
+				let e = _.value;
 				return [
 					n.preload,
 					e?.status === "active",
@@ -177,19 +177,19 @@ var q = n({
 				if (e === !1 || !t || !n || !r || !i) return;
 				let s = u.__getRegistered(i);
 				if (!s) return;
-				let c = e === "aggressive" ? "aggressive" : "precise", l = be(s.definition, f(), n, r, c);
+				let c = e === "aggressive" ? "aggressive" : "precise", l = xe(s.definition, f(), n, r, c);
 				if (l.length === 0) return;
 				let d = !1, p = () => {
 					if (!d) for (let e of l) try {
-						_(e).preload().catch(() => {});
+						v(e).preload().catch(() => {});
 					} catch {}
-				}, m = globalThis.requestIdleCallback, h = globalThis.cancelIdleCallback, g, v;
-				typeof m == "function" ? g = m(p, { timeout: 2e3 }) : v = setTimeout(p, 0), o(() => {
-					d = !0, g !== void 0 && typeof h == "function" && h(g), v !== void 0 && clearTimeout(v);
+				}, m = globalThis.requestIdleCallback, h = globalThis.cancelIdleCallback, g, _;
+				typeof m == "function" ? g = m(p, { timeout: 2e3 }) : _ = setTimeout(p, 0), o(() => {
+					d = !0, g !== void 0 && typeof h == "function" && h(g), _ !== void 0 && clearTimeout(_);
 				});
 			}, { immediate: !0 });
 		}), () => {
-			let t = v.value;
+			let t = _.value;
 			if (!t) return null;
 			if (t.status === "loading") {
 				let e = n.loadingFallback;
@@ -199,11 +199,11 @@ var q = n({
 			let i = t.step;
 			if (!i) return null;
 			let a = f()[i.moduleId], o = a?.entryPoints?.[i.entry];
-			if (!a || !o) return r(n.notFoundComponent ?? Se, {
+			if (!a || !o) return r(n.notFoundComponent ?? Ce, {
 				moduleId: i.moduleId,
 				entry: i.entry
 			});
-			if (!xe(o)) return r(n.errorComponent ?? J, {
+			if (!Se(o)) return r(n.errorComponent ?? J, {
 				moduleId: i.moduleId,
 				error: /* @__PURE__ */ Error(`[@modular-vue/journeys] Entry "${i.moduleId}.${i.entry}" declares mountKinds=${JSON.stringify(o.mountKinds)} which does not include "journey". Journey steps cannot mount composition-only entries — either widen the entry's mountKinds, or pick a different module-entry in the transition.`)
 			});
@@ -220,8 +220,8 @@ var q = n({
 					return;
 				}
 				r === "retry" && (y.value += 1);
-			}, { Component: g } = _(o), b = `${s.stepToken}:${y.value}`, x = o.fallback, S = n.loadingFallback;
-			return r(Ce, {
+			}, { Component: g } = v(o), b = `${s.stepToken}:${y.value}`, x = o.fallback, S = n.loadingFallback;
+			return r(we, {
 				key: b,
 				moduleId: i.moduleId,
 				onError: h,
@@ -241,7 +241,7 @@ var q = n({
 		};
 	}
 });
-function be(e, t, n, r, i) {
+function xe(e, t, n, r, i) {
 	let a = /* @__PURE__ */ new Set(), o = [], s = e.transitions;
 	if (!s) return o;
 	let c = (e, i) => {
@@ -265,10 +265,10 @@ function be(e, t, n, r, i) {
 	}
 	return o;
 }
-function xe(e) {
+function Se(e) {
 	return Array.isArray(e.mountKinds) ? e.mountKinds.includes("journey") : !0;
 }
-var Se = n({
+var Ce = n({
 	name: "JourneyOutletNotFound",
 	props: {
 		moduleId: {
@@ -320,7 +320,7 @@ var Se = n({
 			} }, n)]);
 		};
 	}
-}), Ce = n({
+}), we = n({
 	name: "JourneyStepErrorBoundary",
 	props: {
 		moduleId: {
@@ -344,12 +344,12 @@ var Se = n({
 		});
 	}
 });
-function we(e, t) {
+function Te(e, t) {
 	return U(e, t, !0);
 }
 //#endregion
 //#region src/mount-adapter.ts
-function Y(e) {
+function Ee(e) {
 	return {
 		start(t, n) {
 			return e.start(t, n);
@@ -381,25 +381,25 @@ function Y(e) {
 }
 //#endregion
 //#region src/journey-host.ts
-var X = /* @__PURE__ */ new WeakMap();
-function Z(e) {
-	let t = X.get(e);
-	return t || (t = /* @__PURE__ */ new Map(), X.set(e, t)), t;
+var Y = /* @__PURE__ */ new WeakMap();
+function X(e) {
+	let t = Y.get(e);
+	return t || (t = /* @__PURE__ */ new Map(), Y.set(e, t)), t;
 }
-function Q(e, n, r = {}) {
+function Z(e, n, r = {}) {
 	let i = B(), a = d(r.runtime ?? i?.runtime ?? void 0) ?? null;
 	if (!a) throw Error("[@modular-vue/journeys] useJourneyHost needs a runtime. Either pass `runtime` or mount a <JourneyProvider>.");
 	let c = u(null), l = Symbol("journey-host");
 	o(() => {
 		let t = a.start(e.id, n);
 		c.value = t;
-		let r = Z(a), i = r.get(t);
+		let r = X(a), i = r.get(t);
 		i || (i = /* @__PURE__ */ new Set(), r.set(t, i)), i.add(l);
 	}), s(() => {
 		let e = c.value;
 		if (!e) return;
 		c.value = null;
-		let t = Z(a);
+		let t = X(a);
 		queueMicrotask(() => {
 			let n = t.get(e);
 			n && (n.delete(l), !(n.size > 0) && (t.delete(e), a.end(e, { reason: "unmounted" }, { force: !0 }), a.forget(e)));
@@ -413,10 +413,10 @@ function Q(e, n, r = {}) {
 		stepIndex: t(() => f.value ? f.value.history.length : 0)
 	};
 }
-function Te(e) {
+function De(e) {
 	return e.loadingFallback ?? e["loading-fallback"];
 }
-var Ee = n({
+var Oe = n({
 	name: "JourneyHost",
 	inheritAttrs: !1,
 	props: {
@@ -434,30 +434,34 @@ var Ee = n({
 		}
 	},
 	setup(e, { slots: t, attrs: n }) {
-		let { instanceId: i, instance: a, runtime: o, stepIndex: s } = Q(e.handle, e.input, { runtime: e.runtime });
-		return () => {
-			let e = i.value, c = a.value;
-			if (!e || !c) {
-				let e = Te(n);
-				return e ? typeof e == "function" ? e() : e : null;
-			}
-			let l = r(q, {
+		let { instanceId: i, instance: a, runtime: o, stepIndex: s } = Z(e.handle, e.input, { runtime: e.runtime }), c = () => {
+			let e = i.value;
+			return e ? r(q, {
 				...n,
 				runtime: o,
 				instanceId: e
-			}), u = t.default;
+			}) : null;
+		}, l = () => c();
+		return () => {
+			let e = i.value, r = a.value;
+			if (!e || !r) {
+				let e = De(n);
+				return e ? typeof e == "function" ? e() : e : null;
+			}
+			let u = t.default;
 			return u ? u({
 				instanceId: e,
-				instance: c,
+				instance: r,
+				runtime: o,
 				stepIndex: s.value,
 				outlet: l
-			}) : l;
+			}) : c();
 		};
 	}
 });
 //#endregion
 //#region src/use-journey-sync.ts
-function De(e, t, n = {}) {
+function ke(e, t, n = {}) {
 	let r = B(), i = d(f(n).runtime ?? r?.runtime ?? void 0) ?? null, a = {
 		port: f(t),
 		options: f(n)
@@ -476,7 +480,7 @@ function De(e, t, n = {}) {
 	};
 	p(() => f(e), (e, t, n) => {
 		if (!i || !e) return;
-		let r = a.options.stepToPath ?? ce, s = re(i, e, o, {
+		let r = a.options.stepToPath ?? le, s = ie(i, e, o, {
 			stepToPath: r,
 			onUnresolved: (e) => a.options.onUnresolved?.(e),
 			onBlocked: (e) => a.options.onBlocked?.(e)
@@ -486,20 +490,20 @@ function De(e, t, n = {}) {
 }
 //#endregion
 //#region src/module-tab.ts
-function Oe(e, t) {
+function Ae(e, t) {
 	let n = e.entryPoints, r = n ? Object.keys(n) : [], i = t, a = null;
 	return t === void 0 ? r.length === 1 ? i = r[0] : r.length > 1 && (a = `Module "${e.id}" exposes multiple entries (${r.join(", ")}); pass the \`entry\` prop to disambiguate.`) : n && !Object.prototype.hasOwnProperty.call(n, t) ? a = `Module "${e.id}" has no entry "${t}". Registered: ${r.join(", ") || "(none)"}.` : n || (i = void 0, a = `Module "${e.id}" has no entry points; \`entry="${t}"\` cannot be resolved.`), {
 		resolvedName: i,
 		missingEntryNotice: a
 	};
 }
-function $(e) {
+function Q(e) {
 	return r("div", { style: {
 		padding: "1rem",
 		color: "#c53030"
 	} }, e);
 }
-var ke = n({
+var $ = n({
 	name: "ModuleTab",
 	inheritAttrs: !1,
 	props: {
@@ -521,18 +525,18 @@ var ke = n({
 		}
 	},
 	setup(n, { attrs: i }) {
-		let a = () => d(n.module), o = t(() => Oe(a(), n.entry)), s = v(() => n.module.id, () => o.value.resolvedName ?? "", {
+		let a = () => d(n.module), o = t(() => Ae(a(), n.entry)), s = y(() => n.module.id, () => o.value.resolvedName ?? "", {
 			tabId: () => n.tabId,
 			localOnExit: () => n.onExit
 		});
 		return () => {
 			let t = a(), { resolvedName: c, missingEntryNotice: l } = o.value, u = c ? t.entryPoints?.[c] : void 0, d;
-			if (l) d = $(l);
+			if (l) d = Q(l);
 			else if (u) {
 				let n = "input" in i, a = i.input;
-				if (a === void 0 && !n) d = $(`Module "${t.id}" entry "${c ?? ""}" was rendered without an \`input\` prop. Pass \`input={undefined}\` explicitly if the entry accepts no input.`);
+				if (a === void 0 && !n) d = Q(`Module "${t.id}" entry "${c ?? ""}" was rendered without an \`input\` prop. Pass \`input={undefined}\` explicitly if the entry accepts no input.`);
 				else {
-					let { Component: t } = _(u), n = u.fallback;
+					let { Component: t } = v(u), n = u.fallback;
 					d = r(e, null, {
 						default: () => r(t, {
 							input: a,
@@ -547,14 +551,14 @@ var ke = n({
 					input: a,
 					tabId: n.tabId
 				});
-			} else d = $(`Module "${t.id}" has no entry points and no component.`);
+			} else d = Q(`Module "${t.id}" has no entry points and no component.`);
 			return r(h, { moduleId: t.id }, () => d);
 		};
 	}
 });
 //#endregion
 //#region src/use-wait-for-exit.ts
-function Ae(e, t) {
+function je(e, t) {
 	let n = {
 		exit: void 0,
 		subscribe: void 0,
@@ -570,7 +574,7 @@ function Ae(e, t) {
 			try {
 				e();
 			} catch (e) {
-				F() && console.warn("[useWaitForExit] channel teardown threw:", e);
+				I() && console.warn("[useWaitForExit] channel teardown threw:", e);
 			}
 		}, p = () => {
 			let e = u.splice(0);
@@ -620,15 +624,57 @@ function Ae(e, t) {
 	}, { immediate: !0 });
 }
 //#endregion
+//#region src/provide-journey-runtime.ts
+function Me(e, t, n) {
+	let r = {
+		runtime: t,
+		onModuleExit: n?.onModuleExit
+	};
+	e.provide(R, r);
+}
+//#endregion
+//#region src/pinia-persistence.ts
+function Ne(e) {
+	let { keyFor: t } = e, n = e.stateKey ?? "journeys", r = e.clone !== !1, i = (e) => r ? JSON.parse(JSON.stringify(e)) : e, a = () => (typeof e.store == "function" ? e.store() : e.store) ?? null, o = (e) => {
+		let t = e.$state[n];
+		return t && typeof t == "object" ? t : void 0;
+	};
+	return {
+		keyFor: t,
+		load: (e) => {
+			let t = a();
+			if (!t) return null;
+			let n = o(t)?.[e];
+			return n ? i(n) : null;
+		},
+		save: (e, t) => {
+			let r = a();
+			if (!r) return;
+			let o = i(t);
+			r.$patch((t) => {
+				let r = t[n], i = r && typeof r == "object" ? r : t[n] = {};
+				i[e] = o;
+			});
+		},
+		remove: (e) => {
+			let t = a();
+			t && t.$patch((t) => {
+				let r = t[n];
+				r && delete r[e];
+			});
+		}
+	};
+}
+//#endregion
 //#region src/plugin.ts
-function je(e = {}) {
+function Pe(e = {}) {
 	let t = [];
 	return {
 		name: "journeys",
 		extend() {
 			return { registerJourney(e, n) {
-				let r = e, i = j(r);
-				if (i.length > 0) throw new x(i);
+				let r = e, i = M(r);
+				if (i.length > 0) throw new S(i);
 				t.push({
 					definition: r,
 					options: n
@@ -636,10 +682,10 @@ function je(e = {}) {
 			} };
 		},
 		validate({ modules: e }) {
-			t.length > 0 && k(t, e);
+			t.length > 0 && A(t, e);
 		},
 		onResolve({ moduleDescriptors: n, debug: r }) {
-			return te(t, {
+			return ne(t, {
 				modules: n,
 				debug: e.debug ?? r
 			});
@@ -681,10 +727,16 @@ function je(e = {}) {
 					}, () => n.default?.());
 				}
 			})];
+		},
+		appProvides({ runtime: t }) {
+			return [_(R, {
+				runtime: t,
+				onModuleExit: e.onModuleExit
+			})];
 		}
 	};
 }
 //#endregion
-export { Ee as JourneyHost, y as JourneyHydrationError, q as JourneyOutlet, z as JourneyProvider, b as JourneyValidationError, ke as ModuleTab, N as SemverParseError, S as UnknownJourneyError, P as compareVersions, Y as createJourneyMountAdapter, ee as createJourneyRuntime, ne as createJourneySync, ie as createMemoryJourneySyncPort, ae as createMemoryPersistence, oe as createWebStoragePersistence, se as defaultStepPath, le as defineJourney, ue as defineJourneyHandle, de as defineJourneyPersistence, fe as defineTransition, me as invoke, he as isAnnotatedTransition, I as isJourneySystemAbort, ge as isTerminalSentinel, R as journeyKey, w as journeyStepPath, je as journeysPlugin, T as resolveJourneySyncAction, L as satisfies, E as selectModule, D as selectModuleOrDefault, K as useActiveLeafJourneyInstance, ye as useActiveLeafJourneyState, U as useCallChain, H as useInstanceSnapshot, we as useJourneyCallStack, B as useJourneyContext, Q as useJourneyHost, G as useJourneyInstance, ve as useJourneyState, De as useJourneySync, W as useLeafId, Ae as useWaitForExit, O as validateJourneyContracts, A as validateJourneyDefinition, M as validateJourneyGraph };
+export { Oe as JourneyHost, b as JourneyHydrationError, q as JourneyOutlet, z as JourneyProvider, x as JourneyValidationError, $ as ModuleTab, P as SemverParseError, ee as UnknownJourneyError, F as compareVersions, Ee as createJourneyMountAdapter, te as createJourneyRuntime, re as createJourneySync, ae as createMemoryJourneySyncPort, oe as createMemoryPersistence, Ne as createPiniaJourneyPersistence, se as createWebStoragePersistence, ce as defaultStepPath, ue as defineJourney, de as defineJourneyHandle, fe as defineJourneyPersistence, pe as defineTransition, he as invoke, ge as isAnnotatedTransition, L as isJourneySystemAbort, w as isTerminalSentinel, R as journeyKey, T as journeyStepPath, Pe as journeysPlugin, Me as provideJourneyRuntime, E as resolveJourneySyncAction, _e as satisfies, D as selectModule, O as selectModuleOrDefault, K as useActiveLeafJourneyInstance, be as useActiveLeafJourneyState, U as useCallChain, H as useInstanceSnapshot, Te as useJourneyCallStack, B as useJourneyContext, Z as useJourneyHost, G as useJourneyInstance, ye as useJourneyState, ke as useJourneySync, W as useLeafId, je as useWaitForExit, k as validateJourneyContracts, j as validateJourneyDefinition, N as validateJourneyGraph };
 
 //# sourceMappingURL=index.js.map