@poveste/plugin-vue 0.2.1 → 0.3.1

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

@@ -1,70 +1,73 @@
-import { applyState as f } from "@poveste/shared";
-import { isRef as c, unref as p, watch as l } from "@poveste/vendors/vue";
-import { isRef as m, unref as w, watch as y } from "vue";
-const i = (n) => n !== null && typeof n == "object";
-function o(n, e = /* @__PURE__ */ new WeakMap()) {
-  const t = m(n) ? w(n) : n;
-  if (typeof t == "symbol")
-    return t.toString();
-  if (!i(t))
-    return t;
-  if (e.has(t))
-    return e.get(t);
-  if (Array.isArray(t)) {
-    const r = [];
-    return e.set(t, r), r.push(...t.map((u) => o(u, e))), r;
-  } else {
-    const r = {};
-    return e.set(t, r), h(t, r, e), r;
-  }
+import { isRef as e, unref as t, watch as n } from "@poveste/vendors/vue";
+import { isRef as r, unref as i, watch as a } from "vue";
+import { applyState as o } from "@poveste/shared";
+//#region src/client/app/util.ts
+var s = (e) => typeof e == "object" && !!e;
+function c(e, t = /* @__PURE__ */ new WeakMap()) {
+	let n = r(e) ? i(e) : e;
+	if (typeof n == "symbol") return n.toString();
+	if (!s(n)) return n;
+	if (t.has(n)) return t.get(n);
+	if (Array.isArray(n)) {
+		let e = [];
+		return t.set(n, e), e.push(...n.map((e) => c(e, t))), e;
+	}
+	{
+		let e = {};
+		return t.set(n, e), l(n, e, t), e;
+	}
 }
-function h(n, e, t = /* @__PURE__ */ new WeakMap()) {
-  Object.keys(n).forEach((r) => {
-    e[r] = o(n[r], t);
-  });
+function l(e, t, n = /* @__PURE__ */ new WeakMap()) {
+	Object.keys(e).forEach((r) => {
+		t[r] = c(e[r], n);
+	});
 }
-function a(n, e = /* @__PURE__ */ new WeakMap()) {
-  const t = c(n) ? p(n) : n;
-  if (typeof t == "symbol")
-    return t.toString();
-  if (!i(t))
-    return t;
-  if (e.has(t))
-    return e.get(t);
-  if (Array.isArray(t)) {
-    const r = [];
-    return e.set(t, r), r.push(...t.map((u) => a(u, e))), r;
-  } else {
-    const r = {};
-    return e.set(t, r), d(t, r, e), r;
-  }
+function u(n, r = /* @__PURE__ */ new WeakMap()) {
+	let i = e(n) ? t(n) : n;
+	if (typeof i == "symbol") return i.toString();
+	if (!s(i)) return i;
+	if (r.has(i)) return r.get(i);
+	if (Array.isArray(i)) {
+		let e = [];
+		return r.set(i, e), e.push(...i.map((e) => u(e, r))), e;
+	}
+	{
+		let e = {};
+		return r.set(i, e), d(i, e, r), e;
+	}
 }
-function d(n, e, t = /* @__PURE__ */ new WeakMap()) {
-  Object.keys(n).forEach((r) => {
-    e[r] = o(n[r], t);
-  });
+function d(e, t, n = /* @__PURE__ */ new WeakMap()) {
+	Object.keys(e).forEach((r) => {
+		t[r] = c(e[r], n);
+	});
 }
-function A(n, e) {
-  let t = !1;
-  const r = l(() => n, (s) => {
-    s != null && (t ? t = !1 : (t = !0, f(e, a(s))));
-  }, {
-    deep: !0,
-    immediate: !0
-  }), u = y(() => e, (s) => {
-    s != null && (t ? t = !1 : (t = !0, f(n, o(s))));
-  }, {
-    deep: !0,
-    immediate: !0
-  });
-  return {
-    stop() {
-      r(), u();
-    }
-  };
+function f(e, t) {
+	let r = !1, i = n(() => e, (e) => {
+		if (e != null) {
+			if (r) {
+				r = !1;
+				return;
+			}
+			r = o(t, u(e));
+		}
+	}, {
+		deep: !0,
+		immediate: !0
+	}), s = a(() => t, (t) => {
+		if (t != null) {
+			if (r) {
+				r = !1;
+				return;
+			}
+			r = o(e, c(t));
+		}
+	}, {
+		deep: !0,
+		immediate: !0
+	});
+	return { stop() {
+		i(), s();
+	} };
 }
-export {
-  a as _toRawDeep,
-  A as syncStateBundledAndExternal,
-  o as toRawDeep
-};
+//#endregion
+export { u as _toRawDeep, f as syncStateBundledAndExternal, c as toRawDeep };

package/dist/bundled/client/client.js

@@ -1,10 +1,5 @@
+import { generateSourceCode as e, getTagName as t } from "./codegen.js";
+import n from "./app/MountStory.js";
+import r from "./app/RenderStory.js";
 import "./app/index.js";
-import { generateSourceCode as o, getTagName as a } from "./codegen.js";
-import { default as m } from "./app/MountStory.js";
-import { default as d } from "./app/RenderStory.js";
-export {
-  m as MountStory,
-  d as RenderStory,
-  o as generateSourceCode,
-  a as getTagName
-};
+export { n as MountStory, r as RenderStory, e as generateSourceCode, t as getTagName };

package/dist/bundled/client/codegen.js

@@ -1,196 +1,149 @@
-import { createAutoBuildingObject as K, indent as _, voidElements as N, serializeJs as P } from "@poveste/shared";
-import { camelCase as M, pascalCase as U } from "change-case";
-import { Text as W, vModelText as z, vModelSelect as D, vModelRadio as F, vModelCheckbox as E, vModelDynamic as J } from "vue";
-async function I(t) {
-  const o = t.slots().default?.({ state: t.state ?? {} }) ?? [], a = Array.isArray(o) ? o : [o], b = [];
-  for (const L in a) {
-    const g = a[L];
-    b.push(...(await x(g, t.state?._hPropState?.[L])).lines);
-  }
-  return b.join(`
-`);
+import { Text as e, vModelCheckbox as t, vModelDynamic as n, vModelRadio as r, vModelSelect as i, vModelText as a } from "vue";
+import { createAutoBuildingObject as o, indent as s, serializeJs as c, voidElements as l } from "@poveste/shared";
+import { camelCase as u, pascalCase as d } from "change-case";
+//#region src/client/codegen.ts
+async function f(e) {
+	let t = e.slots().default?.({ state: e.state ?? {} }) ?? [], n = Array.isArray(t) ? t : [t], r = [];
+	for (let t in n) {
+		let i = n[t];
+		r.push(...(await p(i, e.state?._hPropState?.[t])).lines);
+	}
+	return r.join("\n");
 }
-async function x(t, o = null) {
-  if (t.type === W)
-    return {
-      // @ts-expect-error TODO
-      lines: [t.children],
-      isText: !0
-    };
-  const a = [];
-  if (typeof t.type == "object" || typeof t.type == "string") {
-    let g = function(e, s, i = null) {
-      let n = "";
-      for (const y in s.modifiers)
-        s.modifiers[y] && (n += `.${y}`);
-      let u = "";
-      s.arg && (u = `:${s.arg}`), i && (i = i.replace(/^\$(setup|props|data)\./g, ""));
-      const r = i ? [i] : V(s.value), l = [], f = `v-${e}${u}${n}="`;
-      r.length > 1 ? (l.push(`${f}${r[0]}`), l.push(...r.slice(1, r.length - 1)), l.push(`${r[r.length - 1]}"`), $ = !0) : l.push(`${f}${r[0] ?? ""}"`), p.push(l);
-    }, S = function(e, s) {
-      if (typeof s != "string" || t.dynamicProps?.includes(e)) {
-        let i = ":";
-        e.startsWith("on") && (i = "@");
-        const n = i === "@" ? `${e[2].toLowerCase()}${e.slice(3)}` : e, r = [`onUpdate:${e}`, `onUpdate:${M(e)}`].find((f) => t.dynamicProps?.includes(f) || t.props && f in t.props);
-        if (i === ":" && r) {
-          m.push(r);
-          const y = t.props[r].toString();
-          let C;
-          const w = /\(\$event\) => (.*?) = \$event/.exec(y);
-          w && (C = w[1]);
-          const T = `${e === "modelValue" ? "model" : e}Modifiers`, B = t.props[T] ?? {};
-          m.push(T), g("model", {
-            arg: e === "modelValue" ? null : e,
-            modifiers: B,
-            value: s
-          }, C);
-          return;
-        }
-        if (typeof s > "u")
-          return;
-        let l;
-        if (typeof s == "string" && s.startsWith("{{") && s.endsWith("}}"))
-          l = A(s.substring(2, s.length - 2).trim()).split(`
-`);
-        else if (typeof s == "function") {
-          let f = A(s.toString().replace(/'/g, "\\'").replace(/"/g, "'"));
-          const y = /function (\S+)\(/.exec(f);
-          y ? l = [y[1]] : (f.startsWith("($event) => ") && (f = f.substring(12)), l = f.split(`
-`));
-        } else
-          l = V(s);
-        if (l.length > 1) {
-          $ = !0;
-          const f = [`${i}${n}="${l[0]}`];
-          f.push(...l.slice(1, l.length - 1)), f.push(`${l[l.length - 1]}"`), p.push(f);
-        } else
-          p.push([`${i}${n}="${l[0]}"`]);
-      } else t.type?.props?.[e]?.type === Boolean ? p.push([e]) : p.push([`${e}="${s}"`]);
-    };
-    var b = g, L = S;
-    t.type?.__asyncLoader && !t.type.__asyncResolved && await t.type.__asyncLoader();
-    const p = [];
-    let $ = !1;
-    const m = [
-      "key"
-    ];
-    if (t.dirs) {
-      for (const e of t.dirs)
-        if (e.dir === z || e.dir === D || e.dir === F || e.dir === E || e.dir === J) {
-          const i = [`onUpdate:${e.arg ?? "modelValue"}`, `onUpdate:${M(e.arg ?? "modelValue")}`].find((r) => t.props[r]), n = t.props[i];
-          let u = null;
-          if (n) {
-            m.push(i);
-            const r = n.toString(), l = /\(\$event\) => (.*?) = \$event/.exec(r);
-            l && (u = l[1]);
-          }
-          g("model", e, u);
-        } else if (e.instance._ || e.instance.$) {
-          const s = e.instance.$ ?? e.instance._;
-          let i;
-          for (const n of [s.directives, s.appContext.directives]) {
-            for (const u in n)
-              if (n[u] === e.dir) {
-                i = u;
-                break;
-              }
-            if (i) break;
-          }
-          if (!i) {
-            for (const n in s.setupState)
-              if (s.setupState[n] === e.dir) {
-                i = n.replace(/^v(\w)/, (u, r) => r.toLowerCase());
-                break;
-              }
-          }
-          i && g(i, e);
-        }
-    }
-    for (const e in t.props) {
-      if (m.includes(e) || o && e in o)
-        continue;
-      const s = t.props[e];
-      S(e, s);
-    }
-    if (o)
-      for (const e in o)
-        S(e, o[e]);
-    p.length > 1 && ($ = !0);
-    const d = O(t);
-    let j = !1;
-    const c = [];
-    if (typeof t.children == "string")
-      d === "pre" ? c.push(t.children) : c.push(...t.children.split(`
-`)), j = !0;
-    else if (Array.isArray(t.children)) {
-      let e;
-      for (const s of t.children) {
-        const i = await x(s);
-        if (i.isText) {
-          e === void 0 && (e = !0);
-          const n = i.lines[0];
-          !c.length || /^\s/.test(n) ? c.push(n.trim()) : c[c.length - 1] += n;
-        } else
-          e === void 0 && (e = !1), c.push(...i.lines);
-      }
-      e !== void 0 && (j = e);
-    }
-    if (t.children && typeof t.children == "object" && !Array.isArray(t.children)) {
-      for (const e in t.children)
-        if (typeof t.children[e] == "function") {
-          const s = K((r) => `{{ ${r} }}`, (r, l) => {
-            if (l === "__v_isRef")
-              return () => !1;
-          }), i = t.children[e](s.proxy), n = [];
-          for (const r of i)
-            n.push(...(await x(r)).lines);
-          const u = Object.keys(s.cache);
-          u.length ? (c.push(`<template #${e}="{ ${u.join(", ")} }">`), c.push(..._(n)), c.push("</template>")) : e === "default" ? c.push(...n) : (c.push(`<template #${e}>`), c.push(..._(n)), c.push("</template>"));
-        }
-    }
-    const h = [`<${d}`];
-    if ($) {
-      for (const e of p)
-        h.push(..._(e));
-      c.length > 0 && h.push(">");
-    } else
-      p.length === 1 && (h[0] += ` ${p[0]}`), c.length > 0 && (h[0] += ">");
-    const k = N.includes(d.toLowerCase());
-    c.length > 0 ? c.length === 1 && h.length === 1 && !p.length && j ? a.push(`${h[0]}${c[0]}</${d}>`) : (a.push(...h), a.push(..._(c)), a.push(`</${d}>`)) : h.length > 1 ? (a.push(...h), a.push(k ? ">" : "/>")) : a.push(`${h[0]}${k ? "" : " /"}>`);
-  } else if (t?.shapeFlag & 16)
-    for (const g of t.children)
-      a.push(...(await x(g)).lines);
-  return {
-    lines: a
-  };
+async function p(c, d = null) {
+	if (c.type === e) return {
+		lines: [c.children],
+		isText: !0
+	};
+	let f = [];
+	if (typeof c.type == "object" || typeof c.type == "string") {
+		c.type?.__asyncLoader && !c.type.__asyncResolved && await c.type.__asyncLoader();
+		let e = [], h = !1, v = ["key"];
+		function y(t, n, r = null) {
+			let i = "";
+			for (let e in n.modifiers) n.modifiers[e] && (i += `.${e}`);
+			let a = "";
+			n.arg && (a = `:${n.arg}`), r &&= r.replace(/^\$(?:setup|props|data)\./g, "");
+			let o = r ? [r] : g(n.value), s = [], c = `v-${t}${a}${i}="`;
+			o.length > 1 ? (s.push(`${c}${o[0]}`), s.push(...o.slice(1, o.length - 1)), s.push(`${o[o.length - 1]}"`), h = !0) : s.push(`${c}${o[0] ?? ""}"`), e.push(s);
+		}
+		if (c.dirs) {
+			for (let e of c.dirs) if (e.dir === a || e.dir === i || e.dir === r || e.dir === t || e.dir === n) {
+				let t = [`onUpdate:${e.arg ?? "modelValue"}`, `onUpdate:${u(e.arg ?? "modelValue")}`].find((e) => c.props[e]), n = c.props[t], r = null;
+				if (n) {
+					v.push(t);
+					let e = n.toString(), i = /\(\$event\) => (.*?) = \$event/.exec(e);
+					i && (r = i[1]);
+				}
+				y("model", e, r);
+			} else if (e.instance._ || e.instance.$) {
+				let t = e.instance.$ ?? e.instance._, n;
+				for (let r of [t.directives, t.appContext.directives]) {
+					for (let t in r) if (r[t] === e.dir) {
+						n = t;
+						break;
+					}
+					if (n) break;
+				}
+				if (!n) {
+					for (let r in t.setupState) if (t.setupState[r] === e.dir) {
+						n = r.replace(/^v(\w)/, (e, t) => t.toLowerCase());
+						break;
+					}
+				}
+				n && y(n, e);
+			}
+		}
+		function b(t, n) {
+			if (typeof n != "string" || c.dynamicProps?.includes(t)) {
+				let r = ":";
+				t.startsWith("on") && (r = "@");
+				let i = r === "@" ? `${t[2].toLowerCase()}${t.slice(3)}` : t, a = [`onUpdate:${t}`, `onUpdate:${u(t)}`].find((e) => c.dynamicProps?.includes(e) || c.props && e in c.props);
+				if (r === ":" && a) {
+					v.push(a);
+					let e = c.props[a].toString(), r, i = /\(\$event\) => (.*?) = \$event/.exec(e);
+					i && (r = i[1]);
+					let o = `${t === "modelValue" ? "model" : t}Modifiers`, s = c.props[o] ?? {};
+					v.push(o), y("model", {
+						arg: t === "modelValue" ? null : t,
+						modifiers: s,
+						value: n
+					}, r);
+					return;
+				}
+				if (n === void 0) return;
+				let o;
+				if (typeof n == "string" && n.startsWith("{{") && n.endsWith("}}")) o = _(n.substring(2, n.length - 2).trim()).split("\n");
+				else if (typeof n == "function") {
+					let e = _(n.toString().replace(/'/g, "\\'").replace(/"/g, "'")), t = /function (\S+)\(/.exec(e);
+					t ? o = [t[1]] : (e.startsWith("($event) => ") && (e = e.substring(12)), o = e.split("\n"));
+				} else o = g(n);
+				if (o.length > 1) {
+					h = !0;
+					let t = [`${r}${i}="${o[0]}`];
+					t.push(...o.slice(1, o.length - 1)), t.push(`${o[o.length - 1]}"`), e.push(t);
+				} else e.push([`${r}${i}="${o[0]}"`]);
+			} else c.type?.props?.[t]?.type === Boolean ? e.push([t]) : e.push([`${t}="${n}"`]);
+		}
+		for (let e in c.props) {
+			if (v.includes(e) || d && e in d) continue;
+			let t = c.props[e];
+			b(e, t);
+		}
+		if (d) for (let e in d) b(e, d[e]);
+		e.length > 1 && (h = !0);
+		let x = m(c), S = !1, C = [];
+		if (typeof c.children == "string") x === "pre" ? C.push(c.children) : C.push(...c.children.split("\n")), S = !0;
+		else if (Array.isArray(c.children)) {
+			let e;
+			for (let t of c.children) {
+				let n = await p(t);
+				if (n.isText) {
+					e === void 0 && (e = !0);
+					let t = n.lines[0];
+					!C.length || /^\s/.test(t) ? C.push(t.trim()) : C[C.length - 1] += t;
+				} else e === void 0 && (e = !1), C.push(...n.lines);
+			}
+			e !== void 0 && (S = e);
+		}
+		if (c.children && typeof c.children == "object" && !Array.isArray(c.children)) {
+			for (let e in c.children) if (typeof c.children[e] == "function") {
+				let t = o((e) => `{{ ${e} }}`, (e, t) => {
+					if (t === "__v_isRef") return () => !1;
+				}), n = c.children[e](t.proxy), r = [];
+				for (let e of n) r.push(...(await p(e)).lines);
+				let i = Object.keys(t.cache);
+				i.length ? (C.push(`<template #${e}="{ ${i.join(", ")} }">`), C.push(...s(r)), C.push("</template>")) : e === "default" ? C.push(...r) : (C.push(`<template #${e}>`), C.push(...s(r)), C.push("</template>"));
+			}
+		}
+		let w = [`<${x}`];
+		if (h) {
+			for (let t of e) w.push(...s(t));
+			C.length > 0 && w.push(">");
+		} else e.length === 1 && (w[0] += ` ${e[0]}`), C.length > 0 && (w[0] += ">");
+		let T = l.includes(x.toLowerCase());
+		C.length > 0 ? C.length === 1 && w.length === 1 && !e.length && S ? f.push(`${w[0]}${C[0]}</${x}>`) : (f.push(...w), f.push(...s(C)), f.push(`</${x}>`)) : w.length > 1 ? (f.push(...w), f.push(T ? ">" : "/>")) : f.push(`${w[0]}${T ? "" : " /"}>`);
+	} else if (c?.shapeFlag & 16) for (let e of c.children) f.push(...(await p(e)).lines);
+	return { lines: f };
 }
-function O(t) {
-  if (typeof t.type == "string")
-    return t.type;
-  if (t.type?.__asyncResolved) {
-    const o = t.type?.__asyncResolved;
-    return o.name ?? R(o.__file);
-  } else {
-    if (t.type?.name)
-      return t.type.name;
-    if (t.type?.__file)
-      return R(t.type.__file);
-  }
-  return "Anonymous";
+function m(e) {
+	if (typeof e.type == "string") return e.type;
+	if (e.type?.__asyncResolved) {
+		let t = e.type?.__asyncResolved;
+		return t.name ?? h(t.__file);
+	}
+	return e.type?.name ? e.type.name : e.type?.__file ? h(e.type.__file) : "Anonymous";
 }
-function R(t) {
-  const o = /([^/]+)\.vue$/.exec(t);
-  return o ? U(o[1]) : "Anonymous";
+function h(e) {
+	let t = /([^/]+)\.vue$/.exec(e);
+	return t ? d(t[1]) : "Anonymous";
 }
-function V(t) {
-  const o = !!t?.__autoBuildingObject, a = P(t);
-  return o ? [A(a.__autoBuildingObjectGetKey)] : A(a).split(`
-`);
+function g(e) {
+	let t = !!e?.__autoBuildingObject, n = c(e);
+	return t ? [_(n.__autoBuildingObjectGetKey)] : _(n).split("\n");
 }
-function A(t) {
-  return t.replace(/\$setup\./g, "");
+function _(e) {
+	return e.replace(/\$setup\./g, "");
 }
-export {
-  I as generateSourceCode,
-  O as getTagName
-};
+//#endregion
+export { f as generateSourceCode, m as getTagName };