@yoyaflow/yoya-ui 0.1.0

package/dist/yoya.ssr.js

@@ -0,0 +1,491 @@
+//#region src/core/node.js
+function e(e) {
+	return typeof e == "string" ? document.querySelector(e) : e;
+}
+function t(e) {
+	return String(e).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
+var n = class t {
+	constructor(e = null) {
+		this._children = [], this._events = /* @__PURE__ */ new Map(), this._cleanup = [], this._states = {}, this._stateTypes = {}, this._stateHandlers = /* @__PURE__ */ new Map(), this._pendingRemovals = /* @__PURE__ */ new Set(), this._childrenDirty = !1, this._deleted = !1, e !== null && this.setup(e);
+	}
+	setup(e) {
+		return typeof e == "function" ? e(this) : e instanceof t ? this.child(e) : typeof e == "string" || typeof e == "number" ? this.text(e) : e && typeof e == "object" && this._setupObject(e), this;
+	}
+	_setupObject(e) {
+		e.children && this.child(e.children);
+	}
+	children() {
+		return [...this._children];
+	}
+	clearChildren() {
+		return this._children.forEach((e) => {
+			this._pendingRemovals.add(e);
+		}), this._children = [], this._childrenDirty = !0, this;
+	}
+	child(...e) {
+		return e.flat(Infinity).forEach((e) => {
+			if (e == null) return;
+			let t = a(e);
+			this._pendingRemovals.delete(t), this._children.push(t), this._childrenDirty = !0;
+		}), this;
+	}
+	text(e) {
+		return this.child(new r(e));
+	}
+	on(e, t, n) {
+		return this._events.has(e) || this._events.set(e, []), this._events.get(e).push({
+			handler: t,
+			options: n
+		}), this._el && (this._el.addEventListener(e, t, n), this._cleanup.push(() => this._el.removeEventListener(e, t, n))), this;
+	}
+	registerStateAttrs(...e) {
+		return e.forEach((e) => {
+			if (typeof e == "string") {
+				this._stateTypes[e] = "boolean";
+				return;
+			}
+			e && typeof e == "object" && Object.entries(e).forEach(([e, t]) => {
+				this._stateTypes[e] = t || "boolean";
+			});
+		}), this;
+	}
+	registerStateHandler(e, t) {
+		return this._stateHandlers.has(e) || this._stateHandlers.set(e, []), this._stateHandlers.get(e).push(t), this;
+	}
+	setState(e, t = !0) {
+		let n = this._states[e];
+		return this._states[e] = t, (this._stateHandlers.get(e) || []).forEach((e) => e(t, this, n)), this;
+	}
+	getState(e) {
+		return this._states[e];
+	}
+	getBooleanState(e) {
+		return !!this.getState(e);
+	}
+	getStringState(e) {
+		let t = this.getState(e);
+		return t == null ? "" : String(t);
+	}
+	getNumberState(e) {
+		return Number(this.getState(e) || 0);
+	}
+	renderDom() {
+		return null;
+	}
+	commit() {
+		return this.renderDom();
+	}
+	_commitChildren() {
+		this._pendingRemovals.forEach((e) => e.destroy()), this._pendingRemovals.clear(), this._childrenDirty = !1;
+	}
+	bindTo(t) {
+		let n = e(t), r = this.renderDom();
+		return n && r && n.appendChild(r), this;
+	}
+	destroy() {
+		return this._deleted = !0, this._cleanup.forEach((e) => e()), this._cleanup = [], this._children.forEach((e) => e.destroy()), this._pendingRemovals.forEach((e) => e.destroy()), this._pendingRemovals.clear(), this._children = [], this._el?.parentNode && this._el.parentNode.removeChild(this._el), this;
+	}
+	toHTML() {
+		return "";
+	}
+	hydrateSnapshot() {
+		return this;
+	}
+}, r = class extends n {
+	constructor(e = "") {
+		super(null), this._content = String(e), this._textNode = null;
+	}
+	textContent(e) {
+		return e === void 0 ? this._content : (this._content = String(e), this._textNode && (this._textNode.textContent = this._content), this);
+	}
+	renderDom() {
+		return this._deleted ? null : (this._textNode || (this._textNode = document.createTextNode(this._content), this._el = this._textNode), this._textNode);
+	}
+	toHTML() {
+		return this._deleted ? "" : t(this._content);
+	}
+}, i = class extends n {
+	constructor(e) {
+		super(null), this._component = e, this._resolved = null;
+	}
+	_resolve() {
+		if (this._resolved) return this._resolved;
+		let e = typeof this._component == "function" ? this._component() : this._component.render();
+		if (!(e instanceof n)) throw TypeError("Component render must return a ViewNode");
+		return this._resolved = e, e;
+	}
+	children() {
+		return this._resolved ? this._resolved.children() : [];
+	}
+	textContent() {
+		let e = this._resolve();
+		return typeof e.textContent == "function" ? e.textContent() : "";
+	}
+	renderDom() {
+		if (this._deleted) return null;
+		let e = this._resolve().renderDom();
+		return this._el = e, e;
+	}
+	toHTML() {
+		return this._deleted ? "" : this._resolve().toHTML();
+	}
+	destroy() {
+		return this._resolved && this._resolved.destroy(), super.destroy();
+	}
+};
+function a(e) {
+	if (e instanceof n) return e;
+	if (typeof e == "function" || e && typeof e == "object" && typeof e.render == "function") return new i(e);
+	if (typeof e == "string" || typeof e == "number") return new r(e);
+	throw TypeError("ViewNode child must be a ViewNode, component, string, or number");
+}
+//#endregion
+//#region src/core/id.js
+var o = null;
+function s() {
+	let e = 0;
+	return { next() {
+		return e += 1, e;
+	} };
+}
+function c(e, t) {
+	let n = o;
+	o = e;
+	try {
+		return t();
+	} finally {
+		o = n;
+	}
+}
+//#endregion
+//#region src/core/i18n.js
+var l = "yoya-ui:i18n", u = /* @__PURE__ */ new Map(), d = class {
+	constructor(e = {}) {
+		let t = e.language || "zh-CN";
+		this._key = e.key || null, this._storage = k(e.storage), this._storageKey = e.storageKey || null, this._sharedStorageKey = this._key ? l : null, this._fallbackLanguage = e.fallbackLanguage || t, this._language = this._readStoredLanguage(t), this._messages = {}, this._listeners = /* @__PURE__ */ new Set(), this.registerMessages(e.messages || {}), this._key && y(this);
+	}
+	key() {
+		return this._key;
+	}
+	getLanguage() {
+		return this._language;
+	}
+	setLanguage(e) {
+		return !e || e === this._language ? this : (this._language = e, this._persistLanguage(), this._notify(), this);
+	}
+	getFallbackLanguage() {
+		return this._fallbackLanguage;
+	}
+	setFallbackLanguage(e) {
+		return e ? (this._fallbackLanguage = e, this._notify(), this) : this;
+	}
+	clearPersistedLanguage() {
+		if (!this._storageKey) {
+			if (!this._sharedStorageKey) return this;
+			let e = x(this._storage, this._sharedStorageKey);
+			return delete e[this._key], S(this._storage, this._sharedStorageKey, e), this;
+		}
+		try {
+			this._storage.removeItem(this._storageKey);
+		} catch {}
+		return this;
+	}
+	register(e, t = {}) {
+		return e ? (O(t).forEach((t) => {
+			this._messages[e] = T(this._messages[e] || {}, t);
+		}), this._notify(), this) : this;
+	}
+	registerMessages(e = {}) {
+		return D(e).forEach((e) => {
+			if (e.language) {
+				this.register(e.language, e.messages || {});
+				return;
+			}
+			Object.entries(e).forEach(([e, t]) => {
+				this.register(e, t);
+			});
+		}), this;
+	}
+	t(e, t = {}, n = void 0) {
+		let r = C(this._messages[this._language], e) ?? C(this._messages[this._fallbackLanguage], e) ?? n ?? e;
+		return w(typeof r == "function" ? r(t, this) : r, t);
+	}
+	text(e, t = {}, n = void 0) {
+		return new f(this, e, t, n);
+	}
+	subscribe(e) {
+		return this._listeners.add(e), () => {
+			this._listeners.delete(e);
+		};
+	}
+	_readStoredLanguage(e) {
+		if (this._storageKey) try {
+			return this._storage.getItem(this._storageKey) || e;
+		} catch {
+			return e;
+		}
+		return this._sharedStorageKey && x(this._storage, this._sharedStorageKey)[this._key] || e;
+	}
+	_persistLanguage() {
+		if (this._storageKey) {
+			try {
+				this._storage.setItem(this._storageKey, this._language);
+			} catch {}
+			return;
+		}
+		if (this._sharedStorageKey) {
+			let e = x(this._storage, this._sharedStorageKey);
+			e[this._key] = this._language, S(this._storage, this._sharedStorageKey, e);
+		}
+	}
+	_notify() {
+		this._listeners.forEach((e) => e(this));
+	}
+}, f = class extends r {
+	constructor(e, t, n = {}, r = void 0) {
+		super(e.t(t, n, r)), this._i18n = e, this._key = t, this._params = n || {}, this._defaultValue = r, this._unsubscribe = e.subscribe(() => this.refresh());
+	}
+	key(e) {
+		return e === void 0 ? this._key : (this._key = e, this.refresh());
+	}
+	params(e) {
+		return e === void 0 ? { ...this._params } : (this._params = e || {}, this.refresh());
+	}
+	defaultValue(e) {
+		return e === void 0 ? this._defaultValue : (this._defaultValue = e, this.refresh());
+	}
+	refresh() {
+		return this.textContent(this._i18n.t(this._key, this._params, this._defaultValue)), this;
+	}
+	destroy() {
+		return this._unsubscribe &&= (this._unsubscribe(), null), super.destroy();
+	}
+};
+function p(e = {}) {
+	return new d(e);
+}
+var m = p(), h = m;
+function g(e = m) {
+	return h = e, String.prototype._yoyaUiStringShortcutInstalled ? e : (Object.defineProperty(String.prototype, "_yoyaUiStringShortcutInstalled", {
+		configurable: !0,
+		enumerable: !1,
+		value: !0
+	}), Object.defineProperty(String.prototype, "s", {
+		configurable: !0,
+		enumerable: !1,
+		value: function(e, t, n) {
+			let r = String(this), i = {}, a = h;
+			return v(t) ? a = t : typeof t == "string" ? a = b(t) || h : (i = t || {}, v(n) ? a = n : typeof n == "string" && (a = b(n) || h)), a.text(e || r, i, r);
+		}
+	}), e);
+}
+function _(e, t) {
+	let n = h;
+	h = e || n;
+	try {
+		return t();
+	} finally {
+		h = n;
+	}
+}
+function v(e) {
+	return !!(e && typeof e.text == "function");
+}
+function y(e) {
+	let t = e?.key?.();
+	return t ? (u.set(t, e), () => {
+		u.get(t) === e && u.delete(t);
+	}) : () => {};
+}
+function b(e) {
+	return e && u.get(e) || null;
+}
+function x(e, t) {
+	if (!e) return {};
+	try {
+		let n = e.getItem(t);
+		if (!n) return {};
+		let r = JSON.parse(n);
+		return r && typeof r == "object" ? r : {};
+	} catch {
+		return {};
+	}
+}
+function S(e, t, n) {
+	if (e) try {
+		e.setItem(t, JSON.stringify(n));
+	} catch {}
+}
+g(m);
+function C(e, t) {
+	if (!(!e || !t)) return Object.prototype.hasOwnProperty.call(e, t) ? e[t] : String(t).split(".").reduce((e, t) => {
+		if (e && typeof e == "object" && Object.prototype.hasOwnProperty.call(e, t)) return e[t];
+	}, e);
+}
+function w(e, t) {
+	return String(e).replace(/\{([^{}]+)\}/g, (e, n) => {
+		let r = t?.[n.trim()];
+		return r == null ? e : String(r);
+	});
+}
+function T(e, t) {
+	let n = { ...e };
+	return Object.entries(t || {}).forEach(([e, t]) => {
+		E(t) && E(n[e]) ? n[e] = T(n[e], t) : n[e] = t;
+	}), n;
+}
+function E(e) {
+	return Object.prototype.toString.call(e) === "[object Object]";
+}
+function D(e) {
+	return Array.isArray(e) ? e.flatMap((e) => D(e)) : [e || {}];
+}
+function O(e) {
+	return Array.isArray(e) ? e.flatMap((e) => O(e)) : [e || {}];
+}
+function k(e) {
+	if (e) return e;
+	try {
+		if (typeof globalThis < "u" && globalThis.localStorage) return globalThis.localStorage;
+	} catch {}
+	return j();
+}
+var A = /* @__PURE__ */ new Map();
+function j() {
+	return {
+		getItem(e) {
+			return A.has(e) ? A.get(e) : null;
+		},
+		setItem(e, t) {
+			A.set(e, String(t));
+		},
+		removeItem(e) {
+			A.delete(e);
+		}
+	};
+}
+//#endregion
+//#region src/core/ssr.js
+function M(e = {}, t = {}) {
+	let { cookie: n = "", url: r = "", acceptLanguage: i = "" } = e || {}, { cookieKey: a = "yoya-lang", queryKey: o = "locale", defaultLanguage: s = "zh-CN" } = t;
+	return N(n, a) || P(r, o) || F(i) || s;
+}
+function N(e, t) {
+	if (!e || !t) return null;
+	for (let n of String(e).split(";")) {
+		let e = n.indexOf("=");
+		if (e === -1 || n.slice(0, e).trim() !== t) continue;
+		let r = n.slice(e + 1).trim();
+		if (!r) return null;
+		try {
+			return decodeURIComponent(r);
+		} catch {
+			return r;
+		}
+	}
+	return null;
+}
+function P(e, t) {
+	if (!e || !t) return null;
+	let n = String(e).indexOf("?");
+	return n === -1 ? null : new URLSearchParams(String(e).slice(n + 1)).get(t) || null;
+}
+function F(e) {
+	if (!e) return null;
+	let t = String(e).split(",")[0];
+	return t && t.split(";")[0].trim() || null;
+}
+function I(e, t, n) {
+	return e ? _(typeof e == "function" ? e(t) : e, n) : n();
+}
+function L(e, t = null) {
+	if (e instanceof n) return e;
+	if (typeof e == "function") return L(e(t), t);
+	if (e && typeof e.render == "function") return L(e.render(), t);
+	throw TypeError("renderToString/mount requires a ViewNode, a component object with render(), or a factory function");
+}
+function R(e) {
+	let t = 1;
+	return typeof e.children == "function" && e.children().forEach((e) => {
+		t += R(e instanceof i ? e._resolve() : e);
+	}), t;
+}
+function z(e, t = {}) {
+	let { maxNodes: n = Infinity, state: r = null, i18n: i = null } = t || {}, a = B(r);
+	return c(s(), () => I(i, r, () => {
+		let t = typeof e == "function", i = L(e, r), o;
+		try {
+			o = R(i) > n ? {
+				exceeded: !0,
+				html: "",
+				state: a
+			} : {
+				exceeded: !1,
+				html: i.toHTML(),
+				state: a
+			};
+		} finally {
+			t && i.destroy();
+		}
+		return o;
+	}));
+}
+function B(e) {
+	return e == null ? null : JSON.stringify(e).replace(/</g, "\\u003c");
+}
+function V(e) {
+	return e == null || e === "" ? null : JSON.parse(e);
+}
+function H(t, n, r = null, i = {}) {
+	return c(s(), () => I(i.i18n, r, () => {
+		let i = L(t, r), a = e(n);
+		return a && (a.replaceChildren(), a.appendChild(i.renderDom())), i;
+	}));
+}
+function U(t, n, r = null, i = {}) {
+	return c(s(), () => I(i.i18n, r, () => {
+		let i = L(t, r), a = e(n);
+		if (a) {
+			let e = a.firstElementChild;
+			e ? (W(i, e), K(i), G(i), i.renderDom()) : a.appendChild(i.renderDom());
+		}
+		return i;
+	}));
+}
+function W(e, t) {
+	if (e instanceof i) {
+		W(e._resolve(), t);
+		return;
+	}
+	if (e instanceof r) {
+		t && t.nodeType === 3 ? (e._textNode = t, e._el = t, t.textContent !== e._content && (t.textContent = e._content)) : q(t, e.renderDom());
+		return;
+	}
+	if (t && t.nodeType === 1 && t.tagName.toLowerCase() === e._tagName) {
+		e._el = t, e._hydrated = !0;
+		let n = Array.from(t.childNodes);
+		e.children().forEach((e, t) => W(e, n[t]));
+		return;
+	}
+	q(t, e.renderDom());
+}
+function G(e) {
+	if (e instanceof i) {
+		G(e._resolve());
+		return;
+	}
+	e instanceof r || (e._el && e._hydrated && e._applyBindingsToElement(), e.children().forEach(G));
+}
+function K(e) {
+	if (e instanceof i) {
+		K(e._resolve());
+		return;
+	}
+	e instanceof r || (e.children().forEach(K), typeof e.hydrateSnapshot == "function" && e.hydrateSnapshot());
+}
+function q(e, t) {
+	e && e.parentNode && e.parentNode.replaceChild(t, e);
+}
+//#endregion
+export { U as hydrate, H as mount, V as parseState, z as renderToString, M as resolveLocale, B as serializeState };