@poveste/plugin-vue 0.2.1 → 0.3.0

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

@@ -1,55 +1,46 @@
-import { defineComponent as i, h as l, ref as m, watch as a, onMounted as s, onUnmounted as c } from "@poveste/vendors/vue";
-import { reactive as y } from "vue";
-import { createPreviewHost as d } from "./host.js";
-const v = i({
-  name: "MountStory",
-  props: {
-    story: {
-      type: Object,
-      required: !0
-    }
-  },
-  setup(e) {
-    const n = m(), u = y({
-      mode: "mount",
-      slotName: "default",
-      currentVariant: null,
-      externalState: null,
-      nextVariantIndex: {
-        value: 0
-      }
-    });
-    let t;
-    async function o() {
-      t = d({
-        name: "MountStorySubApp",
-        el: n.value,
-        getStory: () => e.story,
-        getVariant: () => null,
-        renderContext: u
-      }), await t.mount();
-    }
-    function r() {
-      t?.unmount(), t = null;
-    }
-    return a(() => e.story.id, async () => {
-      r(), await o();
-    }), s(async () => {
-      await o();
-    }), a(() => e.story.variants, () => {
-      t?.forceUpdate();
-    }), c(() => {
-      r();
-    }), {
-      el: n
-    };
-  },
-  render() {
-    return l("div", {
-      ref: "el"
-    });
-  }
+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";
+//#region src/client/app/MountStory.ts
+var c = t({
+	name: "MountStory",
+	props: { story: {
+		type: Object,
+		required: !0
+	} },
+	setup(t) {
+		let n = a(), c = s({
+			mode: "mount",
+			slotName: "default",
+			currentVariant: null,
+			externalState: null,
+			nextVariantIndex: { value: 0 }
+		}), l;
+		async function u() {
+			l = e({
+				name: "MountStorySubApp",
+				el: n.value,
+				getStory: () => t.story,
+				getVariant: () => null,
+				renderContext: c
+			}), await l.mount();
+		}
+		function d() {
+			l?.unmount(), l = null;
+		}
+		return o(() => t.story.id, async () => {
+			d(), await u();
+		}), r(async () => {
+			await u();
+		}), o(() => t.story.variants, () => {
+			l?.forceUpdate();
+		}), i(() => {
+			d();
+		}), { el: n };
+	},
+	render() {
+		return n("div", { ref: "el" });
+	}
 });
-export {
-  v as default
-};
+//#endregion
+export { c as default };

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

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

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

@@ -1,40 +1,39 @@
-import { defineComponent as r, computed as e, h as a } from "vue";
-const s = {
-  path: "/",
-  name: void 0,
-  redirectedFrom: void 0,
-  params: {},
-  query: {},
-  hash: "",
-  fullPath: "/",
-  matched: [],
-  meta: {},
-  href: "/"
-}, n = r({
-  name: "RouterLinkStub",
-  compatConfig: { MODE: 3 },
-  props: {
-    to: {
-      type: [String, Object],
-      required: !0
-    },
-    custom: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  render() {
-    const t = e(() => s), o = this.$slots?.default?.({
-      route: t,
-      href: e(() => t.value.href),
-      isActive: e(() => !1),
-      isExactActive: e(() => !1),
-      navigate: async () => {
-      }
-    });
-    return this.custom ? o : a("a", void 0, o);
-  }
+import { computed as e, defineComponent as t, h as n } from "vue";
+//#region src/client/app/RouterLinkStub.ts
+var r = {
+	path: "/",
+	name: void 0,
+	redirectedFrom: void 0,
+	params: {},
+	query: {},
+	hash: "",
+	fullPath: "/",
+	matched: [],
+	meta: {},
+	href: "/"
+}, i = t({
+	name: "RouterLinkStub",
+	compatConfig: { MODE: 3 },
+	props: {
+		to: {
+			type: [String, Object],
+			required: !0
+		},
+		custom: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	render() {
+		let t = e(() => r), i = this.$slots?.default?.({
+			route: t,
+			href: e(() => t.value.href),
+			isActive: e(() => !1),
+			isExactActive: e(() => !1),
+			navigate: async () => {}
+		});
+		return this.custom ? i : n("a", void 0, i);
+	}
 });
-export {
-  n as RouterLinkStub
-};
+//#endregion
+export { i as RouterLinkStub };

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

@@ -1,112 +1,99 @@
-import { omitInheritStoryProps as g } from "@poveste/shared";
-import { defineComponent as j, h as $, getCurrentInstance as C, useAttrs as O, computed as P, provide as S, reactive as _, isRef as h, cloneVNode as A } from "vue";
-import { useRenderContext as I } from "./render-context.js";
-import R from "./Variant.js";
-const F = j({
-  name: "Story",
-  __povesteType: "story",
-  inheritAttrs: !1,
-  props: {
-    initState: {
-      type: Function,
-      default: void 0
-    },
-    meta: {
-      type: Object,
-      default: void 0
-    }
-  },
-  setup(p) {
-    const a = C(), n = O(), f = I(), y = P(() => n.story);
-    S("story", y);
-    const s = a.parent, d = _({});
-    Object.defineProperty(d, "$data", {
-      enumerable: !0,
-      configurable: !0,
-      get: () => s.data,
-      set: (t) => {
-        Object.assign(s.data, t);
-      }
-    });
-    function l(t, o) {
-      const c = t[o];
-      typeof c == "function" || c?.__file || typeof c?.render == "function" || typeof c?.setup == "function" || Object.defineProperty(d, o, {
-        enumerable: !0,
-        configurable: !0,
-        get: () => {
-          const r = t[o];
-          return h(r) ? r.value : r;
-        },
-        set: (r) => {
-          const e = t[o];
-          h(e) ? e.value = r : e && typeof e == "object" && r && typeof r == "object" ? Object.assign(e, r) : t[o] = r;
-        }
-      });
-    }
-    for (const t in s.exposed)
-      l(s.exposed, t);
-    for (const t in s.devtoolsRawSetupState)
-      l(s.devtoolsRawSetupState, t);
-    for (const t in s.data)
-      l(s.data, t);
-    S("implicitState", () => d);
-    function v() {
-      p.meta && (n.story.meta || (n.story.meta = {}), Object.assign(n.story.meta, p.meta)), Object.assign(n.story, {
-        slots: () => a.proxy.$slots
-      });
-    }
-    return {
-      renderContext: f,
-      story: y,
-      renderMountStory: x,
-      renderPreviewStory: b,
-      updateStory: v
-    };
-    function x() {
-      let t = 0;
-      const o = (c) => {
-        const r = [];
-        for (const e of c) {
-          if (e.type?.__povesteType === "variant") {
-            const m = n.story.variants[t];
-            if (t++, !m)
-              continue;
-            const u = {
-              variant: m
-            };
-            !e.props?.initState && !e.props?.["init-state"] && (u.initState = p.initState);
-            for (const i in a.proxy.$attrs)
-              typeof e.props?.[i] > "u" && (u[i] = a.proxy.$attrs[i]);
-            for (const i in n.story)
-              !g.includes(i) && typeof e.props?.[i] > "u" && (u[i] = n.story[i]);
-            r.push(A(e, u));
-            continue;
-          }
-          Array.isArray(e.children) && (e.children = o(e.children)), r.push(e);
-        }
-        return r;
-      };
-      return o(a.proxy.$slots.default?.() ?? []);
-    }
-    function b() {
-      f.nextVariantIndex.value = 0;
-      const t = {
-        state: f.externalState
-      }, o = [];
-      return f.slotName === "controls" && o.push(...a.proxy.$slots.controls?.(t) ?? []), (f.slotName === "default" || n.story.meta?.hasVariantChildComponents) && o.push(...a.proxy.$slots.default?.(t) ?? []), o;
-    }
-  },
-  render() {
-    this.updateStory();
-    const [p] = this.story.variants;
-    return p?.id === "_default" ? $(R, {
-      variant: p,
-      initState: this.initState,
-      implicit: !0,
-      ...this.$attrs
-    }, this.$slots) : this.renderContext?.mode === "render" ? this.renderPreviewStory() : this.renderMountStory();
-  }
+import { useRenderContext as e } from "./render-context.js";
+import t from "./Variant.js";
+import { cloneVNode as n, computed as r, defineComponent as i, getCurrentInstance as a, h as o, isRef as s, provide as c, reactive as l, useAttrs as u } from "vue";
+import { omitInheritStoryProps as d } from "@poveste/shared";
+//#region src/client/app/Story.ts
+var f = i({
+	name: "Story",
+	__povesteType: "story",
+	inheritAttrs: !1,
+	props: {
+		initState: {
+			type: Function,
+			default: void 0
+		},
+		meta: {
+			type: Object,
+			default: void 0
+		}
+	},
+	setup(t) {
+		let i = a(), o = u(), f = e(), p = r(() => o.story);
+		c("story", p);
+		let m = i.parent, h = l({});
+		Object.defineProperty(h, "$data", {
+			enumerable: !0,
+			configurable: !0,
+			get: () => m.data,
+			set: (e) => {
+				Object.assign(m.data, e);
+			}
+		});
+		function g(e, t) {
+			let n = e[t];
+			typeof n == "function" || n?.__file || typeof n?.render == "function" || typeof n?.setup == "function" || Object.defineProperty(h, t, {
+				enumerable: !0,
+				configurable: !0,
+				get: () => {
+					let n = e[t];
+					return s(n) ? n.value : n;
+				},
+				set: (n) => {
+					let r = e[t];
+					s(r) ? r.value = n : r && typeof r == "object" && n && typeof n == "object" ? Object.assign(r, n) : e[t] = n;
+				}
+			});
+		}
+		for (let e in m.exposed) g(m.exposed, e);
+		for (let e in m.devtoolsRawSetupState) g(m.devtoolsRawSetupState, e);
+		for (let e in m.data) g(m.data, e);
+		c("implicitState", () => h);
+		function _() {
+			t.meta && (o.story.meta || (o.story.meta = {}), Object.assign(o.story.meta, t.meta)), Object.assign(o.story, { slots: () => i.proxy.$slots });
+		}
+		return {
+			renderContext: f,
+			story: p,
+			renderMountStory: v,
+			renderPreviewStory: y,
+			updateStory: _
+		};
+		function v() {
+			let e = 0, r = (a) => {
+				let s = [];
+				for (let c of a) {
+					if (c.type?.__povesteType === "variant") {
+						let r = o.story.variants[e];
+						if (e++, !r) continue;
+						let a = { variant: r };
+						!c.props?.initState && !c.props?.["init-state"] && (a.initState = t.initState);
+						for (let e in i.proxy.$attrs) c.props?.[e] === void 0 && (a[e] = i.proxy.$attrs[e]);
+						for (let e in o.story) !d.includes(e) && c.props?.[e] === void 0 && (a[e] = o.story[e]);
+						s.push(n(c, a));
+						continue;
+					}
+					Array.isArray(c.children) && (c.children = r(c.children)), s.push(c);
+				}
+				return s;
+			};
+			return r(i.proxy.$slots.default?.() ?? []);
+		}
+		function y() {
+			f.nextVariantIndex.value = 0;
+			let e = { state: f.externalState }, t = [];
+			return f.slotName === "controls" && t.push(...i.proxy.$slots.controls?.(e) ?? []), (f.slotName === "default" || o.story.meta?.hasVariantChildComponents) && t.push(...i.proxy.$slots.default?.(e) ?? []), t;
+		}
+	},
+	render() {
+		this.updateStory();
+		let [e] = this.story.variants;
+		return e?.id === "_default" ? o(t, {
+			variant: e,
+			initState: this.initState,
+			implicit: !0,
+			...this.$attrs
+		}, this.$slots) : this.renderContext?.mode === "render" ? this.renderPreviewStory() : this.renderMountStory();
+	}
 });
-export {
-  F as default
-};
+//#endregion
+export { f as default };