@poveste/plugin-vue 0.2.1 → 0.3.0

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

@@ -1,104 +1,90 @@
-import { applyState as V } from "@poveste/shared";
-import { defineComponent as x, useAttrs as h, getCurrentInstance as b, inject as p, computed as C, onBeforeUnmount as D } from "vue";
-import { syncVariantAutoProps as A } from "./auto-props.js";
-import { useRenderContext as P } from "./render-context.js";
-import { toRawDeep as g, syncStateBundledAndExternal as m } from "./util.js";
-const $ = x({
-  name: "Variant",
-  __povesteType: "variant",
-  props: {
-    initState: {
-      type: Function,
-      default: void 0
-    },
-    source: {
-      type: String,
-      default: void 0
-    },
-    responsiveDisabled: {
-      type: Boolean,
-      default: !1
-    },
-    autoPropsDisabled: {
-      type: Boolean,
-      default: !1
-    },
-    setupApp: {
-      type: Function,
-      default: void 0
-    },
-    meta: {
-      type: Object,
-      default: void 0
-    },
-    implicit: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  async setup(t) {
-    const l = h(), u = b(), o = p("story"), s = p("implicitState"), e = P();
-    let c, d, a;
-    const r = C(() => l.variant);
-    if (e?.mode !== "render" && typeof t.initState == "function" && r.value) {
-      const n = await t.initState();
-      V(r.value.state, g(n));
-    }
-    e?.mode !== "render" && r.value && s && m(r.value.state, s());
-    function f(n) {
-      Object.assign(n, {
-        slots: () => u.proxy.$slots,
-        source: t.source,
-        responsiveDisabled: t.responsiveDisabled,
-        autoPropsDisabled: t.autoPropsDisabled,
-        setupApp: t.setupApp,
-        meta: t.meta,
-        configReady: !0
-      }), !t.implicit && !o.value?.meta?.hasVariantChildComponents && (o.value.meta || (o.value.meta = {}), Object.assign(o.value.meta, {
-        hasVariantChildComponents: !0
-      }));
-    }
-    function v() {
-      return l.variant ? l.variant : e?.mode !== "render" ? null : (d || (d = o.value?.variants[e.nextVariantIndex.value], e.nextVariantIndex.value++), d);
-    }
-    function y(n) {
-      if (e.slotName === "controls")
-        return u.proxy.$slots.controls?.({
-          state: e.externalState
-        }) ?? null;
-      if (e.slotName !== "default")
-        return null;
-      const i = u.proxy.$slots.default?.({
-        state: e.externalState
-      }) ?? null;
-      return i && !n.autoPropsDisabled && (c = A(
-        n,
-        i,
-        e.externalState,
-        c
-      )), i;
-    }
-    function S(n) {
-      if (!s)
-        return;
-      const i = e?.mode === "render" && e.currentVariant?.id === n.id;
-      i && !a ? a = m(n.state, s()) : !i && a && (a.stop(), a = null);
-    }
-    return r.value && f(r.value), D(() => {
-      a?.stop();
-    }), {
-      renderContext: e,
-      renderVariantSlot: y,
-      resolveVariant: v,
-      syncRenderVariantState: S,
-      updateVariant: f
-    };
-  },
-  render() {
-    const t = this.resolveVariant();
-    return !t || (this.updateVariant(t), this.syncRenderVariantState(t), this.renderContext?.mode !== "render") || this.renderContext.currentVariant?.id !== t.id ? null : this.renderVariantSlot(t);
-  }
+import { useRenderContext as e } from "./render-context.js";
+import { syncVariantAutoProps as t } from "./auto-props.js";
+import { syncStateBundledAndExternal as n, toRawDeep as r } from "./util.js";
+import { computed as i, defineComponent as a, getCurrentInstance as o, inject as s, onBeforeUnmount as c, useAttrs as l } from "vue";
+import { applyState as u } from "@poveste/shared";
+//#region src/client/app/Variant.ts
+var d = a({
+	name: "Variant",
+	__povesteType: "variant",
+	props: {
+		initState: {
+			type: Function,
+			default: void 0
+		},
+		source: {
+			type: String,
+			default: void 0
+		},
+		responsiveDisabled: {
+			type: Boolean,
+			default: !1
+		},
+		autoPropsDisabled: {
+			type: Boolean,
+			default: !1
+		},
+		setupApp: {
+			type: Function,
+			default: void 0
+		},
+		meta: {
+			type: Object,
+			default: void 0
+		},
+		implicit: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	async setup(a) {
+		let d = l(), f = o(), p = s("story"), m = s("implicitState"), h = e(), g, _, v, y;
+		c(() => {
+			v?.stop(), y?.stop();
+		});
+		let b = i(() => d.variant);
+		if (h?.mode !== "render" && typeof a.initState == "function" && b.value) {
+			let e = await a.initState();
+			u(b.value.state, r(e));
+		}
+		h?.mode !== "render" && b.value && m && (y = n(b.value.state, m()));
+		function x(e) {
+			Object.assign(e, {
+				slots: () => f.proxy.$slots,
+				source: a.source,
+				responsiveDisabled: a.responsiveDisabled,
+				autoPropsDisabled: a.autoPropsDisabled,
+				setupApp: a.setupApp,
+				meta: a.meta,
+				configReady: !0
+			}), !a.implicit && !p.value?.meta?.hasVariantChildComponents && (p.value.meta || (p.value.meta = {}), Object.assign(p.value.meta, { hasVariantChildComponents: !0 }));
+		}
+		function S() {
+			return d.variant ? d.variant : h?.mode === "render" ? (_ || (_ = p.value?.variants[h.nextVariantIndex.value], h.nextVariantIndex.value++), _) : null;
+		}
+		function C(e) {
+			if (h.slotName === "controls") return f.proxy.$slots.controls?.({ state: h.externalState }) ?? null;
+			if (h.slotName !== "default") return null;
+			let n = f.proxy.$slots.default?.({ state: h.externalState }) ?? null;
+			return n && !e.autoPropsDisabled && (g = t(e, n, h.externalState, g)), n;
+		}
+		function w(e) {
+			if (!m) return;
+			let t = h?.mode === "render" && h.currentVariant?.id === e.id;
+			t && !v ? v = n(e.state, m()) : !t && v && (v.stop(), v = null);
+		}
+		return b.value && x(b.value), {
+			renderContext: h,
+			renderVariantSlot: C,
+			resolveVariant: S,
+			syncRenderVariantState: w,
+			updateVariant: x
+		};
+	},
+	render() {
+		let e = this.resolveVariant();
+		return !e || (this.updateVariant(e), this.syncRenderVariantState(e), this.renderContext?.mode !== "render") || this.renderContext.currentVariant?.id !== e.id ? null : this.renderVariantSlot(e);
+	}
 });
-export {
-  $ as default
-};
+//#endregion
+export { d as default };

package/dist/bundled/client/app/auto-props.js

@@ -1,66 +1,50 @@
-import { applyState as c } from "@poveste/shared";
-import { getTagName as m } from "../codegen.js";
-function b(t, o, e, p) {
-  const r = h(o, e), i = JSON.stringify(r);
-  return (!p || p !== i) && (c(t.state, {
-    _hPropDefs: r
-  }), t.state._hPropState || c(t.state, {
-    _hPropState: {}
-  })), i;
+import { getTagName as e } from "../codegen.js";
+import { applyState as t } from "@poveste/shared";
+//#region src/client/app/auto-props.ts
+function n(e, n, i, a) {
+	let o = r(n, i), s = JSON.stringify(o);
+	return (!a || a !== s) && (t(e.state, { _hPropDefs: o }), e.state._hPropState || t(e.state, { _hPropState: {} })), s;
 }
-function h(t, o) {
-  const e = [];
-  return y(t, o, {
-    index: 0
-  }, e), e.filter((r) => r.props.length);
+function r(e, t) {
+	let n = [];
+	return i(e, t, { index: 0 }, n), n.filter((e) => e.props.length);
 }
-function y(t, o, e, p) {
-  for (const r of l(t))
-    if (r) {
-      if (typeof r.type == "object") {
-        const i = e.index++, a = [];
-        for (const s in r.type.props) {
-          const n = r.type.props[s];
-          let u, f;
-          n && (u = (Array.isArray(n.type) ? n.type : typeof n == "function" ? [n] : [n.type]).map((d) => {
-            switch (d) {
-              case String:
-                return "string";
-              case Number:
-                return "number";
-              case Boolean:
-                return "boolean";
-              case Object:
-                return "object";
-              case Array:
-                return "array";
-              default:
-                return "unknown";
-            }
-          }), f = typeof n.default == "function" ? n.default.toString() : n.default), a.push({
-            name: s,
-            types: u,
-            required: n?.required,
-            default: f
-          }), o?._hPropState?.[i]?.[s] != null && (r.props || (r.props = {}), r.props[s] = o._hPropState[i][s], r.dynamicProps || (r.dynamicProps = []), r.dynamicProps.includes(s) || r.dynamicProps.push(s));
-        }
-        p.push({
-          name: m(r),
-          index: i,
-          props: a
-        });
-      }
-      Array.isArray(r.children) && y(r.children, o, e, p);
-    }
+function i(t, n, r, o) {
+	for (let s of a(t)) if (s) {
+		if (typeof s.type == "object") {
+			let t = r.index++, i = [];
+			for (let e in s.type.props) {
+				let r = s.type.props[e], a, o;
+				r && (a = (Array.isArray(r.type) ? r.type : typeof r == "function" ? [r] : [r.type]).map((e) => {
+					switch (e) {
+						case String: return "string";
+						case Number: return "number";
+						case Boolean: return "boolean";
+						case Object: return "object";
+						case Array: return "array";
+						default: return "unknown";
+					}
+				}), o = typeof r.default == "function" ? r.default.toString() : r.default), i.push({
+					name: e,
+					types: a,
+					required: r?.required,
+					default: o
+				}), n?._hPropState?.[t]?.[e] != null && (s.props ||= {}, s.props[e] = n._hPropState[t][e], s.dynamicProps ||= [], s.dynamicProps.includes(e) || s.dynamicProps.push(e));
+			}
+			o.push({
+				name: e(s),
+				index: t,
+				props: i
+			});
+		}
+		Array.isArray(s.children) && i(s.children, n, r, o);
+	}
 }
-function l(t) {
-  if (!Array.isArray(t))
-    return t == null ? [] : [t];
-  const o = [];
-  for (const e of t)
-    Array.isArray(e) ? o.push(...l(e)) : e != null && o.push(e);
-  return o;
+function a(e) {
+	if (!Array.isArray(e)) return e == null ? [] : [e];
+	let t = [];
+	for (let n of e) Array.isArray(n) ? t.push(...a(n)) : n != null && t.push(n);
+	return t;
 }
-export {
-  b as syncVariantAutoProps
-};
+//#endregion
+export { n as syncVariantAutoProps };

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

@@ -1,81 +1,65 @@
-import { components as v } from "@poveste/controls";
-import { reactive as y, createApp as E, h as C } from "@poveste/vendors/vue";
-import { defineComponent as g, h as u, ref as d, onBeforeUpdate as $, onMounted as w, onUpdated as U, onBeforeUnmount as b } from "vue";
-import k from "./Story.js";
-import q from "./Variant.js";
-function M(e) {
-  e.component("Story", k), e.component("Variant", q);
-  for (const o in v)
-    e.component(o, A(v[o]));
+import e from "./Variant.js";
+import t from "./Story.js";
+import { createApp as n, h as r, reactive as i } from "@poveste/vendors/vue";
+import { defineComponent as a, h as o, onBeforeUnmount as s, onBeforeUpdate as c, onMounted as l, onUpdated as u, ref as d } from "vue";
+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 in f) n.component(e, m(f[e]));
 }
-function A(e) {
-  return g({
-    name: e.name,
-    inheritAttrs: !1,
-    setup(o, { attrs: n }) {
-      const a = d(), p = d(), m = y({});
-      function c(l) {
-        Object.assign(m, l);
-      }
-      c(n), $(() => {
-        c(n);
-      });
-      let t = [];
-      const r = d([]);
-      function S() {
-        r.value.forEach((l, f) => {
-          const h = p.value.querySelector(`[renderslotid="${f}"]`);
-          if (!h) return;
-          const s = a.value.querySelector(`[slotid="${f}"]`);
-          for (; s.firstChild; )
-            s.removeChild(s.lastChild);
-          s.appendChild(h);
-        });
-      }
-      let i;
-      return w(() => {
-        i = E({
-          mounted() {
-            r.value = t, t = [];
-          },
-          updated() {
-            r.value = t, t = [];
-          },
-          render() {
-            return C(e, {
-              ...m,
-              key: "component"
-            }, {
-              default: (l) => (t.push(l), C("div", {
-                slotId: t.length - 1
-              }))
-            });
-          }
-        }), i.mount(a.value);
-      }), U(() => {
-        S();
-      }), b(() => {
-        i.unmount();
-      }), {
-        el: a,
-        slotEl: p,
-        slotCalls: r
-      };
-    },
-    render() {
-      return [
-        u("div", {
-          ref: "el"
-        }),
-        u("div", {
-          ref: "slotEl"
-        }, this.slotCalls.map((o, n) => u("div", {
-          renderSlotId: n
-        }, this.$slots.default(o))))
-      ];
-    }
-  });
+function m(e) {
+	return a({
+		name: e.name,
+		inheritAttrs: !1,
+		setup(t, { attrs: a }) {
+			let o = d(), f = d(), p = i({});
+			function m(e) {
+				Object.assign(p, e);
+			}
+			m(a), c(() => {
+				m(a);
+			});
+			let h = [], g = d([]);
+			function _() {
+				g.value.forEach((e, t) => {
+					let n = f.value.querySelector(`[renderslotid="${t}"]`);
+					if (!n) return;
+					let r = o.value.querySelector(`[slotid="${t}"]`);
+					for (; r.firstChild;) r.removeChild(r.lastChild);
+					r.appendChild(n);
+				});
+			}
+			let v;
+			return l(() => {
+				v = n({
+					mounted() {
+						g.value = h, h = [];
+					},
+					updated() {
+						g.value = h, h = [];
+					},
+					render() {
+						return r(e, {
+							...p,
+							key: "component"
+						}, { default: (e) => (h.push(e), r("div", { slotId: h.length - 1 })) });
+					}
+				}), v.mount(o.value);
+			}), u(() => {
+				_();
+			}), s(() => {
+				v.unmount();
+			}), {
+				el: o,
+				slotEl: f,
+				slotCalls: g
+			};
+		},
+		render() {
+			return [o("div", { ref: "el" }), o("div", { ref: "slotEl" }, this.slotCalls.map((e, t) => o("div", { renderSlotId: t }, this.$slots.default(e))))];
+		}
+	});
 }
-export {
-  M as registerGlobalComponents
-};
+//#endregion
+export { p as registerGlobalComponents };

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

@@ -1,80 +1,76 @@
-import { getSetupHook as i } from "@poveste/shared";
-import * as d from "virtual:$poveste-generated-global-setup";
+import { provideRenderContext as e } from "./render-context.js";
+import { registerGlobalComponents as t } from "./global-components.js";
+import { RouterLinkStub as n } from "./RouterLinkStub.js";
+import { Suspense as r, createApp as i, defineComponent 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";
-import { defineComponent as y, h as o, createApp as v, Suspense as g } from "vue";
-import { registerGlobalComponents as w } from "./global-components.js";
-import { provideRenderContext as S } from "./render-context.js";
-import { RouterLinkStub as C } from "./RouterLinkStub.js";
-const x = y({
-  name: "PreviewHostRoot",
-  props: {
-    story: {
-      type: Object,
-      required: !0
-    },
-    renderContext: {
-      type: Object,
-      required: !0
-    }
-  },
-  setup(e) {
-    return S(e.renderContext), () => o(e.story.file.component, {
-      story: e.story
-    });
-  }
+//#region src/client/app/host.ts
+var u = a({
+	name: "PreviewHostRoot",
+	props: {
+		story: {
+			type: Object,
+			required: !0
+		},
+		renderContext: {
+			type: Object,
+			required: !0
+		}
+	},
+	setup(t) {
+		return e(t.renderContext), () => o(t.story.file.component, { story: t.story });
+	}
 });
-function F(e) {
-  let t = null, r = null;
-  async function a() {
-    const u = [];
-    r = document.createElement("div"), e.el.appendChild(r), t = v({
-      name: e.name,
-      render: () => {
-        let n = o(x, {
-          story: e.getStory(),
-          renderContext: e.renderContext
-        });
-        for (const s of u) {
-          const f = n;
-          n = o(s, {
-            story: e.getStory(),
-            variant: e.getVariant()
-          }, () => f);
-        }
-        return e.wrapInDiv && (n = o("div", n)), o(g, {}, n);
-      }
-    }), w(t), t.component("RouterLink", C);
-    const m = {
-      app: t,
-      story: e.getStory(),
-      variant: e.getVariant(),
-      addWrapper: (n) => {
-        u.unshift(n);
-      }
-    };
-    await h(m), t.mount(r);
-  }
-  function p() {
-    t?.unmount(), t = null, r && (r.parentNode?.removeChild(r), r = null);
-  }
-  function c() {
-    t?._instance?.proxy?.$forceUpdate();
-  }
-  return {
-    mount: a,
-    unmount: p,
-    forceUpdate: c
-  };
+function d(e) {
+	let a = null, s = null;
+	async function c() {
+		let c = [];
+		s = document.createElement("div"), e.el.appendChild(s), a = i({
+			name: e.name,
+			render: () => {
+				let t = o(u, {
+					story: e.getStory(),
+					renderContext: e.renderContext
+				});
+				for (let n of c) {
+					let r = t;
+					t = o(n, {
+						story: e.getStory(),
+						variant: e.getVariant()
+					}, () => r);
+				}
+				return e.wrapInDiv && (t = o("div", t)), o(r, {}, t);
+			}
+		}), t(a), a.component("RouterLink", n), await f({
+			app: a,
+			story: e.getStory(),
+			variant: e.getVariant(),
+			addWrapper: (e) => {
+				c.unshift(e);
+			}
+		}), a.mount(s);
+	}
+	function l() {
+		a?.unmount(), a = null, s &&= (s.parentNode?.removeChild(s), null);
+	}
+	function d() {
+		a?._instance?.proxy?.$forceUpdate();
+	}
+	return {
+		mount: c,
+		unmount: l,
+		forceUpdate: d
+	};
 }
-async function h(e) {
-  const t = i(d, "setupVue3");
-  t && await t(e);
-  const r = i(l, "setupVue3");
-  if (r && await r(e), typeof e.variant?.setupApp == "function") {
-    const a = e.variant.setupApp;
-    await a(e);
-  }
+async function f(e) {
+	let t = s(c, "setupVue3");
+	t && await t(e);
+	let n = s(l, "setupVue3");
+	if (n && await n(e), typeof e.variant?.setupApp == "function") {
+		let t = e.variant.setupApp;
+		await t(e);
+	}
 }
-export {
-  F as createPreviewHost
-};
+//#endregion
+export { d as createPreviewHost };

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

@@ -1,6 +1,3 @@
-import { default as e } from "./MountStory.js";
-import { default as a } from "./RenderStory.js";
-export {
-  e as MountStory,
-  a as RenderStory
-};
+import e from "./MountStory.js";
+import t from "./RenderStory.js";
+export { e as MountStory, t as RenderStory };

package/dist/bundled/client/app/render-context.js

@@ -1,12 +1,11 @@
-import { provide as n, inject as r } from "vue";
-const e = /* @__PURE__ */ Symbol("poveste-preview-render-context");
-function i(t) {
-  n(e, t);
+import { inject as e, provide as t } from "vue";
+//#region src/client/app/render-context.ts
+var n = Symbol("poveste-preview-render-context");
+function r(e) {
+	t(n, e);
 }
-function p() {
-  return r(e, null);
+function i() {
+	return e(n, null);
 }
-export {
-  i as provideRenderContext,
-  p as useRenderContext
-};
+//#endregion
+export { r as provideRenderContext, i as useRenderContext };