@poveste/plugin-vue 0.19.1 → 0.21.0

package/README.md

@@ -37,6 +37,13 @@ import MyButton from './MyButton.vue'
 
 `<Story>` and `<Variant>` are registered globally — no import needed.
 
+Each story's **Docs** tab shows a props, slots and events table for the `.vue`
+components it imports, read from their types with `vue-component-meta`: descriptions
+and tags from JSDoc, defaults from `withDefaults`, slots from `defineSlots` and events
+from `defineEmits`. It needs `typescript` 6 or earlier in the project
+(`npm i -D typescript@6`); without it, or with 7, it turns itself off and says so once.
+Set `autoDocs: false` in the config to turn it off.
+
 Coming from histoire? The Vue API is unchanged: swap the dependency and your existing
 `.story.vue` files keep working.
 

package/dist/bundled/client/app/MountStory.js

@@ -1,8 +1,9 @@
-import { createPreviewHost as e } from "./host.js";
-import { defineComponent as t, h as n, onMounted as r, onUnmounted as i, ref as a, watch as o } from "@poveste/vendors/vue";
-import { reactive as s } from "vue";
+import { warnIfForeignVue as e } from "./util.js";
+import { createPreviewHost as t } from "./host.js";
+import { defineComponent as n, h as r, onMounted as i, onUnmounted as a, ref as o, watch as s } from "@poveste/vendors/vue";
+import { reactive as c } from "vue";
 //#region src/client/app/MountStory.ts
-var c = t({
+var l = n({
 	name: "MountStory",
 	props: {
 		story: {
@@ -18,43 +19,44 @@ var c = t({
 			default: !0
 		}
 	},
-	setup(t) {
-		let n = a(), c = s({
+	setup(n) {
+		e("MountStory");
+		let r = o(), l = c({
 			mode: "mount",
 			slotName: "default",
 			currentVariant: null,
-			targetVariantId: t.targetVariantId,
-			syncState: t.syncState,
+			targetVariantId: n.targetVariantId,
+			syncState: n.syncState,
 			externalState: null,
 			nextVariantIndex: { value: 0 }
-		}), l = null;
-		async function u() {
-			n.value && (l = e({
+		}), u = null;
+		async function d() {
+			r.value && (u = t({
 				name: "MountStorySubApp",
-				el: n.value,
-				getStory: () => t.story,
+				el: r.value,
+				getStory: () => n.story,
 				getVariant: () => null,
-				renderContext: c
-			}), await l.mount());
+				renderContext: l
+			}), await u.mount());
 		}
-		function d() {
-			l?.unmount(), l = null;
+		function f() {
+			u?.unmount(), u = null;
 		}
-		return o(() => t.story.id, async () => {
-			d(), await u();
-		}), r(async () => {
-			await u();
-		}), o(() => t.story.variants, () => {
-			l?.forceUpdate();
-		}), o(() => t.targetVariantId, (e) => {
-			c.targetVariantId = e;
-		}), i(() => {
-			d();
-		}), { el: n };
+		return s(() => n.story.id, async () => {
+			f(), await d();
+		}), i(async () => {
+			await d();
+		}), s(() => n.story.variants, () => {
+			u?.forceUpdate();
+		}), s(() => n.targetVariantId, (e) => {
+			l.targetVariantId = e;
+		}), a(() => {
+			f();
+		}), { el: r };
 	},
 	render() {
-		return n("div", { ref: "el" });
+		return r("div", { ref: "el" });
 	}
 });
 //#endregion
-export { c as default };
+export { l as default };

package/dist/bundled/client/app/RenderStory.js

@@ -1,9 +1,9 @@
-import { syncStateBundledAndExternal as e } from "./util.js";
-import { createPreviewHost as t } from "./host.js";
-import { defineComponent as n, h as r, onBeforeUnmount as i, onMounted as a, ref as o, watch as s } from "@poveste/vendors/vue";
-import { reactive as c } from "vue";
+import { syncStateBundledAndExternal as e, warnIfForeignVue as t } from "./util.js";
+import { createPreviewHost as n } from "./host.js";
+import { defineComponent as r, h as i, onBeforeUnmount as a, onMounted as o, ref as s, watch as c } from "@poveste/vendors/vue";
+import { reactive as l } from "vue";
 //#region src/client/app/RenderStory.ts
-var l = n({
+var u = r({
 	name: "RenderStory",
 	props: {
 		variant: {
@@ -20,54 +20,49 @@ var l = n({
 		}
 	},
 	emits: { ready: () => !0 },
-	setup(n, { emit: r }) {
-		let l = o(), u = null, d = !1, f = c({}), p = e(n.variant.state, f), m = c({
+	setup(r, { emit: i }) {
+		t("RenderStory");
+		let u = s(), d = null, f = !1, p = l({}), m = e(r.variant.state, p), h = l({
 			mode: "render",
-			slotName: n.slotName,
-			currentVariant: n.variant,
-			externalState: f,
+			slotName: r.slotName,
+			currentVariant: r.variant,
+			externalState: p,
 			nextVariantIndex: { value: 0 }
 		});
-		function h() {
-			u?.unmount(), u = null;
-		}
 		function g() {
-			p?.stop(), p = e(n.variant.state, f);
+			d?.unmount(), d = null;
+		}
+		function _() {
+			m?.stop(), m = e(r.variant.state, p);
 		}
-		async function _() {
-			if (!d) {
-				if (d = !0, h(), m.currentVariant = n.variant, m.slotName = n.slotName, !l.value) {
-					d = !1;
-					return;
-				}
-				u = t({
-					name: "RenderStorySubApp",
-					el: l.value,
-					getStory: () => n.story,
-					getVariant: () => n.variant,
-					renderContext: m,
-					wrapInDiv: !0
-				}), await u.mount(), d = !1, r("ready");
-			}
+		async function v() {
+			f || (f = !0, g(), h.currentVariant = r.variant, h.slotName = r.slotName, u.value ? (d = n({
+				name: "RenderStorySubApp",
+				el: u.value,
+				getStory: () => r.story,
+				getVariant: () => r.variant,
+				renderContext: h,
+				wrapInDiv: !0
+			}), await d.mount(), f = !1, i("ready")) : f = !1);
 		}
-		return a(async () => {
-			n.variant.configReady && await _();
-		}), s(() => n.variant, () => {
-			m.currentVariant = n.variant, g();
-		}), s(() => [
-			n.story.id,
-			n.slotName,
-			n.variant.id,
-			n.variant.configReady
+		return o(async () => {
+			r.variant.configReady && await v();
+		}), c(() => r.variant, () => {
+			h.currentVariant = r.variant, _();
+		}), c(() => [
+			r.story.id,
+			r.slotName,
+			r.variant.id,
+			r.variant.configReady
 		], async ([, e]) => {
-			m.currentVariant = n.variant, m.slotName = e, n.variant.configReady && !d && (u ? u.forceUpdate() : await _());
-		}), i(() => {
-			p?.stop(), h();
-		}), { sandbox: l };
+			h.currentVariant = r.variant, h.slotName = e, r.variant.configReady && !f && (d ? d.forceUpdate() : await v());
+		}), a(() => {
+			m?.stop(), g();
+		}), { sandbox: u };
 	},
 	render() {
-		return r("div", { ref: "sandbox" });
+		return i("div", { ref: "sandbox" });
 	}
 });
 //#endregion
-export { l as default };
+export { u as default };

package/dist/bundled/client/app/Story.js

@@ -1,11 +1,11 @@
 import { implicitStateContext as e, storyContext as t } from "./context.js";
 import { useRenderContext as n } from "./render-context.js";
-import { isWritableBinding as r, useInstance as i } from "./util.js";
-import a from "./Variant.js";
-import { cloneVNode as o, computed as s, defineComponent as c, h as l, isRef as u, reactive as d, useAttrs as f } from "vue";
-import { omitInheritStoryProps as p } from "@poveste/shared";
+import { holdsVueApp as r, isComponentBinding as i, isWritableBinding as a, useInstance as o } from "./util.js";
+import s from "./Variant.js";
+import { cloneVNode as c, computed as l, defineComponent as u, h as d, isRef as f, reactive as p, useAttrs as m } from "vue";
+import { omitInheritStoryProps as h } from "@poveste/shared";
 //#region src/client/app/Story.ts
-var m = c({
+var g = u({
 	name: "Story",
 	__povesteType: "story",
 	inheritAttrs: !1,
@@ -17,97 +17,99 @@ var m = c({
 		meta: {
 			type: Object,
 			default: void 0
+		},
+		autoDocs: {
+			type: [Boolean, Array],
+			default: void 0
+		},
+		component: {
+			type: [
+				Object,
+				Function,
+				Array
+			],
+			default: void 0
 		}
 	},
-	setup(a) {
-		let c = i("Story"), l = f(), m = n(), h = s(() => l.story);
-		t.provide(h);
-		let g = c.parent, _ = d({});
-		Object.defineProperty(_, "$data", {
+	setup(s) {
+		let u = o("Story"), d = m(), g = n(), _ = l(() => d.story);
+		t.provide(_);
+		let v = u.parent, y = p({});
+		Object.defineProperty(y, "$data", {
 			enumerable: !0,
 			configurable: !0,
-			get: () => g.data,
+			get: () => v.data,
 			set: (e) => {
-				Object.assign(g.data, e);
+				Object.assign(v.data, e);
 			}
 		});
-		function v(e, t) {
+		function b(e, t) {
 			let n = e[t];
-			typeof n == "function" || n?.__file || typeof n?.render == "function" || typeof n?.setup == "function" || r(n) && Object.defineProperty(_, t, {
+			i(n) || r(n) || a(n) && Object.defineProperty(y, t, {
 				enumerable: !0,
 				configurable: !0,
 				get: () => {
 					let n = e[t];
-					return u(n) ? n.value : n;
+					return f(n) ? n.value : n;
 				},
 				set: (n) => {
 					let r = e[t];
-					u(r) ? r.value = n : r && typeof r == "object" && n && typeof n == "object" ? Object.assign(r, n) : e[t] = n;
+					f(r) ? r.value = n : r && typeof r == "object" && n && typeof n == "object" ? Object.assign(r, n) : e[t] = n;
 				}
 			});
 		}
-		for (let e in g.exposed) v(g.exposed, e);
-		for (let e in g.devtoolsRawSetupState) v(g.devtoolsRawSetupState, e);
-		for (let e in g.data) v(g.data, e);
-		e.provide(() => _);
-		function y() {
-			a.meta && (l.story.meta || (l.story.meta = {}), Object.assign(l.story.meta, a.meta)), Object.assign(l.story, { slots: () => c.slots });
+		for (let e in v.exposed) b(v.exposed, e);
+		for (let e in v.devtoolsRawSetupState) b(v.devtoolsRawSetupState, e);
+		for (let e in v.data) b(v.data, e);
+		e.provide(() => y);
+		function x() {
+			s.meta && (d.story.meta || (d.story.meta = {}), Object.assign(d.story.meta, s.meta)), Object.assign(d.story, { slots: () => u.slots });
 		}
 		return {
-			renderContext: m,
-			story: h,
-			renderMountStory: x,
-			renderPreviewStory: C,
-			updateStory: y
+			renderContext: g,
+			story: _,
+			renderMountStory: C,
+			renderPreviewStory: T,
+			updateStory: x
 		};
-		function b(e) {
+		function S(e) {
 			let t = {};
-			for (let n in c.attrs) e.props?.[n] === void 0 && (t[n] = c.attrs[n]);
-			for (let n in l.story) !p.includes(n) && e.props?.[n] === void 0 && (t[n] = Reflect.get(l.story, n));
+			for (let n in u.attrs) e.props?.[n] === void 0 && (t[n] = u.attrs[n]);
+			for (let n in d.story) !h.includes(n) && e.props?.[n] === void 0 && (t[n] = Reflect.get(d.story, n));
 			return t;
 		}
-		function x() {
-			let e = 0, t = m?.targetVariantId, n = t ? l.story.variants.findIndex((e) => e.id === t) : -1, r = (t) => {
+		function C() {
+			let e = 0, t = g?.targetVariantId, n = t ? d.story.variants.findIndex((e) => e.id === t) : -1, r = (t) => {
 				let i = [];
-				for (let s of t) {
-					if (s.type?.__povesteType === "variant") {
-						let t = l.story.variants[e];
-						if (e++, !t || n !== -1 && e - 1 !== n) continue;
-						let r = { variant: t };
-						s.key ?? (r.key = t.id), !s.props?.initState && !s.props?.["init-state"] && (r.initState = a.initState), Object.assign(r, b(s)), i.push(o(s, r));
-						continue;
-					}
-					Array.isArray(s.children) && (s.children = r(s.children)), i.push(s);
-				}
+				for (let a of t) if (a.type?.__povesteType === "variant") {
+					let t = d.story.variants[e];
+					if (e++, !t || n !== -1 && e - 1 !== n) continue;
+					let r = { variant: t };
+					a.key ?? (r.key = t.id), !a.props?.initState && !a.props?.["init-state"] && (r.initState = s.initState), Object.assign(r, S(a)), i.push(c(a, r));
+				} else Array.isArray(a.children) && (a.children = r(a.children)), i.push(a);
 				return i;
 			};
-			return r(c.slots.default?.() ?? []);
+			return r(u.slots.default?.() ?? []);
 		}
-		function S(e) {
+		function w(e) {
 			let t = 0;
-			for (let n of e) n?.type?.__povesteType === "variant" ? t++ : Array.isArray(n?.children) && (t += S(n.children));
+			for (let n of e) n?.type?.__povesteType === "variant" ? t++ : Array.isArray(n?.children) && (t += w(n.children));
 			return t;
 		}
-		function C(e) {
+		function T(e) {
 			e.nextVariantIndex.value = 0;
 			let t = { state: e.externalState }, n = [];
-			e.slotName === "controls" && n.push(...c.slots.controls?.(t) ?? []), (e.slotName === "default" || l.story.meta?.hasVariantChildComponents) && n.push(...c.slots.default?.(t) ?? []);
+			e.slotName === "controls" && n.push(...u.slots.controls?.(t) ?? []), (e.slotName === "default" || d.story.meta?.hasVariantChildComponents) && n.push(...u.slots.default?.(t) ?? []);
 			let r = e.currentVariant;
-			if (e.slotName === "default" && r && S(n) === l.story.variants.length) {
-				let t = l.story.variants.findIndex((e) => e.id === r.id);
+			if (e.slotName === "default" && r && w(n) === d.story.variants.length) {
+				let t = d.story.variants.findIndex((e) => e.id === r.id);
 				if (t !== -1) {
 					let r = 0, i = !1, a = (e) => {
 						let n = [];
-						for (let s of e) {
-							if (s?.type?.__povesteType === "variant") {
-								r === t && (n.push(o(s, b(s))), i = !0), r++;
-								continue;
-							}
-							Array.isArray(s?.children) && s.children.length && (s.children = a(s.children)), n.push(s);
-						}
+						for (let o of e) o?.type?.__povesteType === "variant" ? (r === t && (n.push(c(o, S(o))), i = !0), r++) : (Array.isArray(o?.children) && o.children.length && (o.children = a(o.children)), n.push(o));
 						return n;
-					}, s = a(n);
-					if (i) return e.nextVariantIndex.value = t, s;
+					}, o = a(n);
+					if (i) return e.nextVariantIndex.value = t, o;
 				}
 			}
 			return n;
@@ -116,7 +118,7 @@ var m = c({
 	render() {
 		this.updateStory();
 		let [e] = this.story.variants;
-		if (e?.id === "_default") return l(a, {
+		if (e?.id === "_default") return d(s, {
 			variant: e,
 			...this.initState ? { initState: this.initState } : {},
 			implicit: !0,
@@ -127,4 +129,4 @@ var m = c({
 	}
 });
 //#endregion
-export { m as default };
+export { g as default };

package/dist/bundled/client/app/global-components.js

@@ -5,10 +5,12 @@ import { defineComponent as a, h as o, onBeforeUnmount as s, onBeforeUpdate as c
 import { components as f } from "@poveste/controls";
 //#region src/client/app/global-components.ts
 function p(n) {
-	n.component("Story", t), n.component("Variant", e);
-	for (let [e, t] of Object.entries(f)) n.component(e, m(t));
+	n.component("Story", t), n.component("Variant", e), m(n);
 }
 function m(e) {
+	for (let [t, n] of Object.entries(f)) e.component(t, h(n));
+}
+function h(e) {
 	let t = e;
 	return a({
 		...e.name ? { name: e.name } : {},
@@ -63,4 +65,4 @@ function m(e) {
 	});
 }
 //#endregion
-export { p as registerGlobalComponents };
+export { m as registerControlComponents, p as registerGlobalComponents };

package/dist/bundled/client/app/host.js

@@ -28,7 +28,7 @@ function m(e) {
 	let t = null, o = null;
 	async function c() {
 		let c = [];
-		o = document.createElement("div"), e.el.appendChild(o), t = a({
+		if (o = document.createElement("div"), e.el.appendChild(o), t = a({
 			name: e.name,
 			render: () => {
 				let t = s(p, {
@@ -42,21 +42,25 @@ function m(e) {
 						variant: e.getVariant()
 					}, () => r);
 				}
-				return e.wrapInDiv && (t = s("div", t)), s(i, {}, t);
+				return e.wrapInDiv && (t = s("div", t)), s(i, e.onResolve ? { onResolve: e.onResolve } : {}, t);
 			}
 		}), t.config.errorHandler = (t) => {
 			l(t, {
 				storyId: e.getStory()?.id,
 				variantId: e.getVariant()?.id
-			}), console.error(t);
-		}, d && t.use(d), n(t), t.component("RouterLink", r), await h({
+			}), e.onError ? e.onError(t) : console.error(t);
+		}, e.onWarn) {
+			let n = e.onWarn;
+			t.config.warnHandler = (e, t, r) => n(e, r);
+		}
+		d && t.use(d), n(t), t.component("RouterLink", r), await h({
 			app: t,
 			story: e.getStory(),
 			variant: e.getVariant() ?? void 0,
 			addWrapper: (e) => {
 				c.unshift(e);
 			}
-		}), t.mount(o);
+		}), e.configureApp?.(t), t.mount(o);
 	}
 	function u() {
 		t?.unmount(), t = null, o &&= (o.parentNode?.removeChild(o), null);

package/dist/bundled/client/app/util.js

@@ -1,66 +1,66 @@
-import { isRef as e, unref as t, watch as n } from "@poveste/vendors/vue";
-import { getCurrentInstance as r, isReadonly as i, isRef as a, markRaw as o, unref as s, watch as c } from "vue";
-import { applyState as l, createStateBaseline as u, isMarkedRaw as d, isPlainObject as f } from "@poveste/shared";
+import { getCurrentInstance as e, isRef as t, unref as n, watch as r } from "@poveste/vendors/vue";
+import { getCurrentInstance as i, isReadonly as a, isRef as o, markRaw as s, unref as c, watch as l } from "vue";
+import { applyState as u, createStateBaseline as d, isMarkedRaw as f, isPlainObject as p } from "@poveste/shared";
 //#region src/client/app/util.ts
-var p = (e) => typeof e == "object" && !!e;
-function m(e, t = /* @__PURE__ */ new WeakMap()) {
-	let n = a(e) ? s(e) : e;
+var m = (e) => typeof e == "object" && !!e;
+function h(e, t = /* @__PURE__ */ new WeakMap()) {
+	let n = o(e) ? c(e) : e;
 	if (typeof n == "symbol") return n.toString();
-	if (!p(n) || d(n)) return n;
+	if (!m(n) || f(n)) return n;
 	if (t.has(n)) return t.get(n);
-	if (!Array.isArray(n) && !f(n)) return o(n);
+	if (!Array.isArray(n) && !p(n)) return s(n);
 	if (Array.isArray(n)) {
 		let e = [];
-		return t.set(n, e), e.push(...n.map((e) => m(e, t))), e;
+		return t.set(n, e), e.push(...n.map((e) => h(e, t))), e;
 	}
 	{
 		let e = {};
-		return t.set(n, e), h(n, e, t), e;
+		return t.set(n, e), g(n, e, t), e;
 	}
 }
-function h(e, t, n = /* @__PURE__ */ new WeakMap()) {
+function g(e, t, n = /* @__PURE__ */ new WeakMap()) {
 	Object.keys(e).forEach((r) => {
-		t[r] = m(e[r], n);
+		t[r] = h(e[r], n);
 	});
 }
-function g(n, r = /* @__PURE__ */ new WeakMap()) {
-	let i = e(n) ? t(n) : n;
+function _(e, r = /* @__PURE__ */ new WeakMap()) {
+	let i = t(e) ? n(e) : e;
 	if (typeof i == "symbol") return i.toString();
-	if (!p(i) || d(i)) return i;
+	if (!m(i) || f(i)) return i;
 	if (r.has(i)) return r.get(i);
-	if (!Array.isArray(i) && !f(i)) return o(i);
+	if (!Array.isArray(i) && !p(i)) return s(i);
 	if (Array.isArray(i)) {
 		let e = [];
-		return r.set(i, e), e.push(...i.map((e) => g(e, r))), e;
+		return r.set(i, e), e.push(...i.map((e) => _(e, r))), e;
 	}
 	{
 		let e = {};
-		return r.set(i, e), _(i, e, r), e;
+		return r.set(i, e), v(i, e, r), e;
 	}
 }
-function _(e, t, n = /* @__PURE__ */ new WeakMap()) {
+function v(e, t, n = /* @__PURE__ */ new WeakMap()) {
 	Object.keys(e).forEach((r) => {
-		t[r] = g(e[r], n);
+		t[r] = _(e[r], n);
 	});
 }
-function v(e, t) {
+function y(e, t) {
 	if (!t.length) return e;
 	let n = { ...e };
 	for (let e of t) delete n[e];
 	return n;
 }
-function y(e, t, r = []) {
-	let i = u(), a = n(() => e, (e) => {
+function b(e, t, n = []) {
+	let i = d(), a = r(() => e, (e) => {
 		if (e == null) return;
-		let n = i.take(v(g(e), r));
-		n && l(t, n);
+		let r = i.take(y(_(e), n));
+		r && u(t, r);
 	}, {
 		deep: !0,
 		immediate: !0
-	}), o = c(() => t, (t) => {
+	}), o = l(() => t, (t) => {
 		if (t == null) return;
-		let n = i.take(v(m(t), r));
-		n && l(e, n);
+		let r = i.take(y(h(t), n));
+		r && u(e, r);
 	}, {
 		deep: !0,
 		immediate: !0
@@ -69,13 +69,26 @@ function y(e, t, r = []) {
 		a(), o();
 	} };
 }
-function b(e) {
-	return !(a(e) && i(e));
-}
 function x(e) {
-	let t = r();
+	return !(o(e) && a(e));
+}
+function S(e) {
+	return typeof e == "function" ? !0 : m(e) ? "__file" in e && !!e.__file || "render" in e && typeof e.render == "function" || "setup" in e && typeof e.setup == "function" : !1;
+}
+function C(e) {
+	return m(e) && "_context" in e && "_component" in e && "mount" in e;
+}
+function w(e) {
+	return m(e) ? C(e) ? !0 : Object.values(Object.getOwnPropertyDescriptors(e)).some((e) => "value" in e && C(e.value)) : !1;
+}
+function T(e) {
+	let t = i();
 	if (!t) throw Error(`[poveste] <${e}> can only be set up inside a component`);
 	return t;
 }
+var E = !1;
+function D(t) {
+	E || e() || (E = !0, console.warn(`[poveste] ${t} was rendered by a copy of Vue other than \`@poveste/vendors/vue\`, so it renders nothing. Poveste's client components are built against that copy: create the app with \`createApp\` from \`@poveste/vendors/vue\`, not from \`vue\`.`));
+}
 //#endregion
-export { g as _toRawDeep, b as isWritableBinding, y as syncStateBundledAndExternal, m as toRawDeep, x as useInstance };
+export { _ as _toRawDeep, w as holdsVueApp, S as isComponentBinding, x as isWritableBinding, b as syncStateBundledAndExternal, h as toRawDeep, T as useInstance, D as warnIfForeignVue };

package/dist/bundled/client/server/Story.js

@@ -34,6 +34,18 @@ var s = a({
 			type: Boolean,
 			default: !1
 		},
+		autoDocs: {
+			type: [Boolean, Array],
+			default: void 0
+		},
+		component: {
+			type: [
+				Object,
+				Function,
+				Array
+			],
+			default: void 0
+		},
 		meta: {
 			type: Object,
 			default: void 0
@@ -50,6 +62,7 @@ var s = a({
 			icon: i.icon,
 			iconColor: i.iconColor,
 			docsOnly: i.docsOnly,
+			...i.autoDocs === void 0 ? {} : { autoDocs: i.autoDocs },
 			meta: i.meta,
 			variants: []
 		};

package/dist/bundled/client/server/collect.js

@@ -0,0 +1,41 @@
+import { VUE_SETUP_HOOK_NAMES as e } from "../../setup-hooks.js";
+import { addStoryContext as t, storyFileContext as n } from "./context.js";
+import r from "./Story.js";
+import i from "./Variant.js";
+import { createApp as a, h as o } from "vue";
+import { getSetupHook as s } from "@poveste/shared";
+import * as c from "virtual:$poveste-generated-global-setup";
+import * as l from "virtual:$poveste-setup";
+//#region src/client/server/collect.ts
+async function u(u, { file: d, storyData: f, el: p }, m = {}) {
+	let h = a({
+		setup() {
+			t.provide((e) => {
+				f.push(e);
+			}), n.provide(d);
+		},
+		render() {
+			return o(u);
+		}
+	});
+	h.component("Story", r), h.component("Variant", i), m.beforeSetup?.(h);
+	let g = {
+		app: h,
+		story: void 0,
+		variant: void 0,
+		addWrapper: () => {}
+	}, _ = s(c, e);
+	_ && await _(g);
+	let v = s(l, e);
+	if (v && await v(g), m.afterSetup?.(h), h.mount(p), u.doc) {
+		let e = document.createElement("div");
+		e.innerHTML = u.doc;
+		let t = e.textContent;
+		f.forEach((e) => {
+			e.docsText = t;
+		});
+	}
+	h.unmount();
+}
+//#endregion
+export { u as collectComponent };