@deijose/nix-js 0.1.0

package/dist/lib/nix-js.js

@@ -0,0 +1,764 @@
+var e = null, t = [], n = null, r = [], i = 0, a = new Set(), o = class {
+	_value;
+	_subs = new Set();
+	constructor(e) {
+		this._value = e;
+	}
+	get value() {
+		return e && (this._subs.add(e), n?.add(this)), this._value;
+	}
+	set value(e) {
+		Object.is(this._value, e) || (this._value = e, this._notify());
+	}
+	update(e) {
+		this.value = e(this._value);
+	}
+	peek() {
+		return this._value;
+	}
+	_removeSub(e) {
+		this._subs.delete(e);
+	}
+	_notify() {
+		let e = [...this._subs];
+		i > 0 ? e.forEach((e) => a.add(e)) : e.forEach((e) => e());
+	}
+	dispose() {
+		this._subs.clear();
+	}
+};
+function s(e) {
+	return new o(e);
+}
+function c(i) {
+	let a, o = new Set(), s = () => {
+		typeof a == "function" && a(), o.forEach((e) => e._removeSub(s)), o = new Set(), t.push(e), r.push(n), e = s, n = o;
+		try {
+			a = i();
+		} finally {
+			e = t.pop() || null, n = r.pop() || null;
+		}
+	};
+	return s(), () => {
+		typeof a == "function" && a(), o.forEach((e) => e._removeSub(s)), o.clear();
+	};
+}
+function l(e) {
+	let t = new o(void 0);
+	return c(() => {
+		t.value = e();
+	}), t;
+}
+function u(e) {
+	i++;
+	try {
+		e();
+	} finally {
+		if (i--, i === 0) {
+			let e = [...a];
+			a.clear(), e.forEach((e) => e());
+		}
+	}
+}
+function d(t) {
+	let r = e, i = n;
+	e = null, n = null;
+	try {
+		return t();
+	} finally {
+		e = r, n = i;
+	}
+}
+function f(e, t, n = {}) {
+	let { immediate: r = !1, once: i = !1 } = n, a = e instanceof o ? () => e.value : e, s, l = !0, u = !1, f = c(() => {
+		let e = a();
+		if (l) {
+			if (l = !1, r && !u) {
+				let n = e;
+				d(() => t(n, void 0)), i && (u = !0, Promise.resolve().then(f));
+			}
+			s = e;
+			return;
+		}
+		if (!u) {
+			let n = e, r = s;
+			s = e, d(() => t(n, r)), i && (u = !0, Promise.resolve().then(f));
+		}
+	});
+	return () => {
+		u = !0, f();
+	};
+}
+function p(e) {
+	return e ? Promise.resolve().then(e) : Promise.resolve();
+}
+var m = class {
+	__isNixComponent = !0;
+};
+function h(e) {
+	return typeof e == "object" && !!e && e.__isNixComponent === !0;
+}
+function g(e) {
+	return Symbol(e);
+}
+var _ = [];
+function v() {
+	return [..._];
+}
+function y() {
+	_.push(new Map());
+}
+function b() {
+	_.pop();
+}
+function x(e, t) {
+	let n = _.splice(0);
+	e.forEach((e) => _.push(e)), _.push(new Map());
+	try {
+		return t();
+	} finally {
+		_.splice(0), n.forEach((e) => _.push(e));
+	}
+}
+function S(e, t) {
+	let n = _[_.length - 1];
+	if (!n) throw Error("[Nix] provide() debe llamarse dentro de onInit() de un NixComponent.");
+	n.set(e, t);
+}
+function C(e) {
+	for (let t = _.length - 1; t >= 0; t--) if (_[t].has(e)) return _[t].get(e);
+}
+function w() {
+	return { el: null };
+}
+function T(e, t, n) {
+	return {
+		__isKeyedList: !0,
+		items: e,
+		keyFn: t,
+		renderFn: n
+	};
+}
+function E(e) {
+	let t = e.lastIndexOf(">"), n = e.lastIndexOf("<");
+	if (n <= t) return { type: "node" };
+	let r = e.slice(n + 1), i = r.match(/@([\w:.-]+)=["']?$/);
+	if (i) {
+		let e = i[1].split(".");
+		return {
+			type: "event",
+			eventName: e[0],
+			modifiers: e.slice(1),
+			hadOpenQuote: i[0].endsWith("\"") || i[0].endsWith("'")
+		};
+	}
+	let a = r.match(/([\w:.-]+)=["']?$/);
+	return a ? {
+		type: "attr",
+		attrName: a[1],
+		hadOpenQuote: a[0].endsWith("\"") || a[0].endsWith("'")
+	} : { type: "node" };
+}
+function D(e, t) {
+	let n = Array(e.length).fill(0), r = "";
+	for (let i = 0; i < e.length; i++) {
+		let a = e[i];
+		if (n[i] === 1 && (a[0] === "\"" || a[0] === "'") && (a = a.slice(1)), i < t.length) {
+			let e = t[i];
+			if (e.type === "node") r += a + `<!--nix-${i}-->`;
+			else if (e.type === "event") {
+				let t = `@${e.modifiers.length ? `${e.eventName}.${e.modifiers.join(".")}` : e.eventName}=`.length + (e.hadOpenQuote ? 1 : 0);
+				r += a.slice(0, -t) + ` data-nix-e-${i}="${e.eventName}"`, e.hadOpenQuote && (n[i + 1] = 1);
+			} else {
+				let t = `${e.attrName}=`.length + (e.hadOpenQuote ? 1 : 0);
+				r += a.slice(0, -t) + ` data-nix-a-${i}="${e.attrName}"`, e.hadOpenQuote && (n[i + 1] = 1);
+			}
+		} else r += a;
+	}
+	return r;
+}
+function O(e) {
+	return typeof e == "object" && !!e && e.__isNixTemplate === !0;
+}
+function k(e) {
+	return typeof e == "object" && !!e && e.__isKeyedList === !0;
+}
+function A(e) {
+	let t = new Map(), n = document.createTreeWalker(e, NodeFilter.SHOW_COMMENT), r;
+	for (; r = n.nextNode();) {
+		let e = r, n = e.nodeValue?.match(/^nix-(\d+)$/);
+		n && t.set(parseInt(n[1]), e);
+	}
+	return t;
+}
+function j(e) {
+	let t = new Map();
+	return e.querySelectorAll("*").forEach((e) => {
+		let n = Array.from(e.attributes);
+		for (let r of n) {
+			let n = r.name.match(/^data-nix-e-(\d+)$/);
+			if (n) {
+				t.set(parseInt(n[1]), {
+					el: e,
+					type: "event",
+					name: r.value
+				}), e.removeAttribute(r.name);
+				continue;
+			}
+			n = r.name.match(/^data-nix-a-(\d+)$/), n && (t.set(parseInt(n[1]), {
+				el: e,
+				type: "attr",
+				name: r.value
+			}), e.removeAttribute(r.name));
+		}
+	}), t;
+}
+function M(e, t, n) {
+	let r = [], i = [], a = A(e), o = j(e);
+	for (let e = 0; e < t.length; e++) {
+		let s = t[e], l = n[e];
+		if (s.type === "event") {
+			let t = o.get(e);
+			if (!t) continue;
+			let { el: n, name: i } = t, a = l, c = s.modifiers, u = {};
+			c.includes("once") && (u.once = !0), c.includes("capture") && (u.capture = !0), c.includes("passive") && (u.passive = !0);
+			let d = {
+				enter: "Enter",
+				escape: "Escape",
+				space: " ",
+				tab: "Tab",
+				delete: "Delete",
+				backspace: "Backspace",
+				up: "ArrowUp",
+				down: "ArrowDown",
+				left: "ArrowLeft",
+				right: "ArrowRight"
+			}, f = (e) => {
+				if (c.includes("prevent") && e.preventDefault(), c.includes("stop") && e.stopPropagation(), !(c.includes("self") && e.target !== e.currentTarget)) {
+					if ("key" in e) {
+						let t = e;
+						for (let e of c) {
+							let n = d[e];
+							if (n !== void 0 && t.key !== n || !d[e] && e.length === 1 && t.key.toLowerCase() !== e) return;
+						}
+					}
+					a(e);
+				}
+			};
+			n.addEventListener(i, f, u), r.push(() => n.removeEventListener(i, f, u));
+			continue;
+		}
+		if (s.type === "attr") {
+			let t = o.get(e);
+			if (!t) continue;
+			let { el: n, name: i } = t;
+			if (i === "ref") {
+				l.el = n, r.push(() => {
+					l.el = null;
+				});
+				continue;
+			}
+			if (typeof l == "function") {
+				let e = c(() => {
+					let e = l();
+					e == null || e === !1 ? n.removeAttribute(i) : n.setAttribute(i, String(e));
+				});
+				r.push(e);
+			} else l != null && l !== !1 && n.setAttribute(i, String(l));
+			continue;
+		}
+		let u = a.get(e);
+		if (!u) continue;
+		if (typeof l != "function") {
+			if (h(l)) {
+				let e = l;
+				y();
+				let t;
+				try {
+					try {
+						e.onInit?.();
+					} catch (t) {
+						if (e.onError) e.onError(t);
+						else throw t;
+					}
+					t = e.render()._render(u.parentNode, u);
+				} finally {
+					b();
+				}
+				let n;
+				i.push(() => {
+					try {
+						let t = e.onMount?.();
+						typeof t == "function" && (n = t);
+					} catch (t) {
+						if (e.onError) e.onError(t);
+						else throw t;
+					}
+				}), r.push(() => {
+					try {
+						e.onUnmount?.();
+					} catch {}
+					try {
+						n?.();
+					} catch {}
+					t();
+				});
+			} else if (O(l)) l._render(u.parentNode, u);
+			else if (Array.isArray(l)) for (let e of l) if (h(e)) {
+				let t;
+				y();
+				try {
+					try {
+						e.onInit?.();
+					} catch (t) {
+						if (e.onError) e.onError(t);
+						else throw t;
+					}
+					t = e.render()._render(u.parentNode, u);
+				} finally {
+					b();
+				}
+				let n;
+				i.push(() => {
+					try {
+						let t = e.onMount?.();
+						typeof t == "function" && (n = t);
+					} catch (t) {
+						if (e.onError) e.onError(t);
+						else throw t;
+					}
+				}), r.push(() => {
+					try {
+						e.onUnmount?.();
+					} catch {}
+					try {
+						n?.();
+					} catch {}
+					t();
+				});
+			} else O(e) ? e._render(u.parentNode, u) : e != null && e !== !1 && u.parentNode.insertBefore(document.createTextNode(String(e)), u);
+			else l != null && l !== !1 && u.parentNode.insertBefore(document.createTextNode(String(l)), u);
+			continue;
+		}
+		let d = null, f = null, p = null, m = v(), g = c(() => {
+			let e = l();
+			if (typeof e == "string" || typeof e == "number") {
+				f &&= (f(), null), d ? d.nodeValue = String(e) : (d = document.createTextNode(String(e)), u.parentNode.insertBefore(d, u));
+				return;
+			}
+			if (d &&= (d.parentNode?.removeChild(d), null), f &&= (f(), null), !(e == null || e === !1)) if (O(e)) f = e._render(u.parentNode, u);
+			else if (h(e)) {
+				let t = e, n;
+				x(m, () => {
+					try {
+						t.onInit?.();
+					} catch (e) {
+						if (t.onError) t.onError(e);
+						else throw e;
+					}
+					n = t.render()._render(u.parentNode, u);
+				});
+				let r;
+				try {
+					let e = t.onMount?.();
+					typeof e == "function" && (r = e);
+				} catch (e) {
+					if (t.onError) t.onError(e);
+					else throw e;
+				}
+				f = () => {
+					try {
+						t.onUnmount?.();
+					} catch {}
+					try {
+						r?.();
+					} catch {}
+					n();
+				};
+			} else if (k(e)) {
+				p ||= new Map();
+				let t = u.parentNode, n = e.items.map((t, n) => e.keyFn(t, n)), r = new Set(n);
+				for (let [e, n] of p) if (!r.has(e)) {
+					n.cleanup();
+					let r = n.start;
+					for (; r !== n.end;) {
+						let e = r.nextSibling;
+						t.removeChild(r), r = e;
+					}
+					t.removeChild(n.end), p.delete(e);
+				}
+				let i = u;
+				for (let r = n.length - 1; r >= 0; r--) {
+					let a = n[r], o = e.items[r];
+					if (p.has(a)) {
+						let e = p.get(a);
+						if (e.end.nextSibling !== i) {
+							let n = [], r = e.start;
+							for (; n.push(r), r !== e.end;) r = r.nextSibling;
+							for (let e of n) t.insertBefore(e, i);
+						}
+						i = e.start;
+					} else {
+						let n = document.createComment("nix-ke"), s = document.createComment("nix-ks");
+						t.insertBefore(n, i), t.insertBefore(s, n);
+						let c, l = e.renderFn(o, r);
+						if (h(l)) {
+							let e;
+							x(m, () => {
+								try {
+									l.onInit?.();
+								} catch (e) {
+									if (l.onError) l.onError(e);
+									else throw e;
+								}
+								e = l.render()._render(t, n);
+							});
+							let r;
+							try {
+								let e = l.onMount?.();
+								typeof e == "function" && (r = e);
+							} catch (e) {
+								if (l.onError) l.onError(e);
+								else throw e;
+							}
+							c = () => {
+								try {
+									l.onUnmount?.();
+								} catch {}
+								try {
+									r?.();
+								} catch {}
+								e();
+							};
+						} else c = l._render(t, n);
+						p.set(a, {
+							start: s,
+							end: n,
+							cleanup: c
+						}), i = s;
+					}
+				}
+			} else if (Array.isArray(e)) {
+				let t = [];
+				for (let n of e) if (h(n)) {
+					try {
+						n.onInit?.();
+					} catch (e) {
+						if (n.onError) n.onError(e);
+						else throw e;
+					}
+					let e = n.render()._render(u.parentNode, u), r;
+					try {
+						let e = n.onMount?.();
+						typeof e == "function" && (r = e);
+					} catch (e) {
+						if (n.onError) n.onError(e);
+						else throw e;
+					}
+					t.push(() => {
+						try {
+							n.onUnmount?.();
+						} catch {}
+						try {
+							r?.();
+						} catch {}
+						e();
+					});
+				} else if (O(n)) t.push(n._render(u.parentNode, u));
+				else if (n != null && n !== !1) {
+					let e = document.createTextNode(String(n));
+					u.parentNode.insertBefore(e, u), t.push(() => e.parentNode?.removeChild(e));
+				}
+				f = () => t.forEach((e) => e());
+			} else d = document.createTextNode(String(e)), u.parentNode.insertBefore(d, u);
+		});
+		r.push(() => {
+			if (g(), f &&= (f(), null), d &&= (d.parentNode?.removeChild(d), null), p) {
+				for (let e of p.values()) e.cleanup();
+				p = null;
+			}
+		});
+	}
+	return {
+		disposes: r,
+		postMountHooks: i
+	};
+}
+function N(e, ...t) {
+	let n = [], r = "";
+	for (let t = 0; t < e.length - 1; t++) {
+		r += e[t];
+		let i = E(r);
+		n.push(i), r += "__nix__";
+	}
+	let i = D(e, n);
+	function a(e, r) {
+		let a = document.createElement("template");
+		a.innerHTML = i;
+		let o = a.content, { disposes: s, postMountHooks: c } = M(o, n, t), l = document.createComment("nix-scope");
+		e.insertBefore(l, r);
+		let u = o.firstChild;
+		for (; u;) {
+			let t = u.nextSibling;
+			e.insertBefore(u, r), u = t;
+		}
+		return c.forEach((e) => e()), () => {
+			s.forEach((e) => e());
+			let e = l.nextSibling;
+			for (; e && e !== r;) {
+				let t = e.nextSibling;
+				e.parentNode?.removeChild(e), e = t;
+			}
+			l.parentNode?.removeChild(l);
+		};
+	}
+	return {
+		__isNixTemplate: !0,
+		_render: a,
+		mount(e) {
+			let t = typeof e == "string" ? document.querySelector(e) : e;
+			if (!t) throw Error(`[Nix] mount: contenedor no encontrado: ${e}`);
+			let n = a(t, null);
+			return { unmount() {
+				n();
+			} };
+		}
+	};
+}
+function P(e, t) {
+	if (h(e)) {
+		let n = typeof t == "string" ? document.querySelector(t) : t;
+		if (!n) throw Error(`[Nix] mount: contenedor no encontrado: ${t}`);
+		y();
+		let r;
+		try {
+			try {
+				e.onInit?.();
+			} catch (t) {
+				if (e.onError) e.onError(t);
+				else throw t;
+			}
+			r = e.render()._render(n, null);
+		} finally {
+			b();
+		}
+		let i;
+		try {
+			let t = e.onMount?.();
+			typeof t == "function" && (i = t);
+		} catch (t) {
+			if (e.onError) e.onError(t);
+			else throw t;
+		}
+		return { unmount() {
+			try {
+				e.onUnmount?.();
+			} catch {}
+			try {
+				i?.();
+			} catch {}
+			r();
+		} };
+	}
+	return e.mount(t);
+}
+function F(e, t) {
+	let n = {};
+	for (let t of Object.keys(e)) n[t] = s(e[t]);
+	let r = n;
+	function i() {
+		for (let t of Object.keys(e)) n[t].value = e[t];
+	}
+	let a = Object.assign(Object.create(null), r, { $reset: i });
+	if (t) {
+		let e = t(r);
+		Object.assign(a, e);
+	}
+	return a;
+}
+var I = null;
+function L() {
+	if (!I) throw Error("[Nix] No hay router activo. Llama a createRouter() antes.");
+	return I;
+}
+function R(e) {
+	let t = {};
+	return new URLSearchParams(e).forEach((e, n) => {
+		t[n] = e;
+	}), t;
+}
+function z(e) {
+	let t = new URLSearchParams();
+	for (let [n, r] of Object.entries(e)) r != null && r !== !1 && t.set(n, String(r));
+	let n = t.toString();
+	return n ? "?" + n : "";
+}
+function B(e) {
+	return e === "*" ? [{ kind: "wildcard" }] : e.split("/").filter(Boolean).map((e) => e === "*" ? { kind: "wildcard" } : e.startsWith(":") ? {
+		kind: "param",
+		name: e.slice(1)
+	} : {
+		kind: "literal",
+		value: e
+	});
+}
+function V(e, t) {
+	return t === "*" ? e === "" ? "*" : e + "/*" : (e + (t.startsWith("/") ? t : "/" + t)).replace(/\/+/g, "/") || "/";
+}
+function H(e, t = "", n = []) {
+	let r = [];
+	for (let i of e) {
+		let e = V(t, i.path), a = [...n, i.component], o = B(e);
+		r.push({
+			fullPath: e,
+			segments: o,
+			chain: a
+		}), i.children?.length && r.push(...H(i.children, e, a));
+	}
+	return r;
+}
+function U(e, t) {
+	let n = e.split("/").filter(Boolean), r = t.segments;
+	if (r.length === 1 && r[0].kind === "wildcard") return {};
+	let i = r.length > 0 && r[r.length - 1].kind === "wildcard", a = i ? r.slice(0, -1) : r;
+	if (i) {
+		if (n.length < a.length) return null;
+	} else if (n.length !== a.length) return null;
+	let o = {};
+	for (let e = 0; e < a.length; e++) {
+		let t = a[e];
+		if (t.kind === "literal") {
+			if (n[e] !== t.value) return null;
+		} else t.kind === "param" && (o[t.name] = decodeURIComponent(n[e] ?? ""));
+	}
+	return o;
+}
+function W(e) {
+	return e.segments.reduce((e, t) => t.kind === "literal" ? e + 2 : t.kind === "param" ? e + 1 : e, 0);
+}
+function G(e, t) {
+	let n, r = {}, i = -1;
+	for (let a of t) {
+		let t = U(e, a);
+		if (t === null) continue;
+		let o = W(a);
+		o > i && (n = a, r = t, i = o);
+	}
+	return n ? {
+		route: n,
+		params: r
+	} : void 0;
+}
+function K(e) {
+	function t() {
+		return window.location.pathname || "/";
+	}
+	let n = t(), r = H(e), i = G(n, r), a = s(n), o = s(i?.params ?? {}), c = s(R(window.location.search));
+	window.addEventListener("popstate", () => {
+		let e = t();
+		o.value = G(e, r)?.params ?? {}, c.value = R(window.location.search), a.value = e;
+	});
+	function l(e, t) {
+		let n = e.indexOf("?"), i = n === -1 ? e : e.slice(0, n), s = n === -1 ? {} : R(e.slice(n)), l = t ? {
+			...s,
+			...t
+		} : s, u = {};
+		for (let [e, t] of Object.entries(l)) t != null && t !== !1 && (u[e] = String(t));
+		o.value = G(i, r)?.params ?? {}, c.value = u, a.value = i;
+		let d = i + z(u);
+		history.pushState(null, "", d);
+	}
+	let u = {
+		current: a,
+		params: o,
+		query: c,
+		navigate: l,
+		routes: e,
+		_flat: r
+	};
+	return I = u, u;
+}
+function q() {
+	return L();
+}
+var J = class extends m {
+	_depth;
+	constructor(e = 0) {
+		super(), this._depth = e;
+	}
+	render() {
+		let e = this._depth;
+		return N`<div class="router-view">${() => {
+			let t = L(), n = G(t.current.value, t._flat);
+			return n ? e >= n.route.chain.length ? N`<span></span>` : n.route.chain[e]() : N`<div style="color:#f87171;padding:16px 0">
+          404 — Ruta no encontrada: <strong>${t.current.value}</strong>
+        </div>`;
+		}}</div>`;
+	}
+}, Y = class extends m {
+	_to;
+	_label;
+	constructor(e, t) {
+		super(), this._to = e, this._label = t;
+	}
+	render() {
+		let e = this._to;
+		return N`<a
+      href=${e}
+      style=${() => L().current.value === e ? "color:#38bdf8;font-weight:700;text-decoration:none;cursor:pointer;padding:4px 10px;border-radius:4px;background:#0c2a3a" : "color:#a3a3a3;text-decoration:none;cursor:pointer;padding:4px 10px;border-radius:4px"}
+      @click=${(t) => {
+			t.preventDefault(), L().navigate(e);
+		}}
+    >${this._label}</a>`;
+	}
+};
+function X(e, t, n = {}) {
+	let { fallback: r, errorFallback: i, resetOnRefresh: a = !1 } = n, o = r ?? N`
+        <span style="color:#52525b;font-size:13px;display:inline-flex;align-items:center;gap:6px">
+            <span class="nix-spinner" style="
+                display:inline-block;width:14px;height:14px;border-radius:50%;
+                border:2px solid #38bdf840;border-top-color:#38bdf8;
+                animation:nix-spin .7s linear infinite
+            "></span>
+            Cargando…
+        </span>
+        <style>@keyframes nix-spin{to{transform:rotate(360deg)}}</style>
+    `, c = i ?? ((e) => N`
+        <span style="color:#f87171;font-size:13px">
+            ⚠ ${e instanceof Error ? e.message : String(e)}
+        </span>
+    `);
+	class l extends m {
+		_state = s({ status: "pending" });
+		onMount() {
+			this._run();
+		}
+		_run() {
+			(a || this._state.value.status === "pending") && (this._state.value = { status: "pending" }), e().then((e) => {
+				this._state.value = {
+					status: "resolved",
+					data: e
+				};
+			}, (e) => {
+				this._state.value = {
+					status: "error",
+					error: e
+				};
+			});
+		}
+		render() {
+			return N`<div class="nix-suspense" style="display:contents">${() => {
+				let e = this._state.value;
+				return e.status === "pending" ? o : e.status === "error" ? c(e.error) : t(e.data);
+			}}</div>`;
+		}
+	}
+	return new l();
+}
+function Z(e, t) {
+	let n = null;
+	return () => n ? new n() : X(async () => (n = (await e()).default, n), (e) => new e(), { fallback: t });
+}
+export { Y as Link, m as NixComponent, J as RouterView, o as Signal, u as batch, l as computed, g as createInjectionKey, K as createRouter, F as createStore, c as effect, N as html, C as inject, Z as lazy, P as mount, p as nextTick, S as provide, w as ref, T as repeat, s as signal, X as suspend, d as untrack, q as useRouter, f as watch };
+
+//# sourceMappingURL=nix-js.js.map