@elurjs/core 3.5.0

package/dist/lib/form.js

@@ -0,0 +1,315 @@
+import { batch as e, computed as t, effect as n, signal as r } from "./signals.js";
+//#region src/elur/form.ts
+function i(e = "Required") {
+	return (t) => t == null || t === "" || Array.isArray(t) && t.length === 0 ? e : null;
+}
+function a(e, t) {
+	return (n) => typeof n == "string" && n.length < e ? t ?? `Minimum ${e} characters` : null;
+}
+function o(e, t) {
+	return (n) => typeof n == "string" && n.length > e ? t ?? `Maximum ${e} characters` : null;
+}
+function s(e, t = "Invalid format") {
+	return (n) => typeof n == "string" && !e.test(n) ? t : null;
+}
+function c(e = "Invalid email") {
+	return s(/^[^\s@]+@[^\s@]+\.[^\s@]+$/, e);
+}
+function l(e, t) {
+	return (n) => typeof n == "number" && n < e ? t ?? `Minimum value is ${e}` : null;
+}
+function u(e, t) {
+	return (n) => typeof n == "number" && n > e ? t ?? `Maximum value is ${e}` : null;
+}
+function d(e) {
+	return e;
+}
+var f = {
+	required: i,
+	minLength: a,
+	maxLength: o,
+	email: c,
+	pattern: s,
+	min: l,
+	max: u
+};
+function p(e, t) {
+	return {
+		...e,
+		...t
+	};
+}
+function m(i, a = [], o = "blur", s) {
+	let c = r(i), l = r(!1), u = r(!1), d = r(null), f = r(!1), p = i, m = !0, h = n(() => {
+		if (c.value, m) {
+			m = !1;
+			return;
+		}
+		d.peek() !== null && (d.value = null);
+	}), g = t(() => {
+		if (d.value) return d.value;
+		let e = s?.();
+		for (let t of a) {
+			let n = t(c.value, e);
+			if (n) return n;
+		}
+		return null;
+	}), _ = t(() => (o === "input" ? u.value || l.value : o === "submit" ? f.value : l.value) ? g.value : null);
+	function v(e) {
+		return e.type === "checkbox" || e.type === "radio";
+	}
+	function y(e) {
+		if (!e || !("value" in e)) return i;
+		let t = e, n = t.value;
+		return typeof i == "boolean" ? t.checked === !0 ? !0 : v(t) ? !1 : n === "true" || n === "1" ? !0 : n === "false" || n === "0" || n === "" ? !1 : i : typeof i == "number" ? n === "" ? NaN : Number(n) : n;
+	}
+	let b = (e) => {
+		c.value = y(e.target), u.value = !0;
+	}, x = () => {
+		l.value = !0;
+	};
+	function S() {
+		e(() => {
+			c.value = p, l.value = !1, u.value = !1, d.value = null, f.value = !1;
+		});
+	}
+	function C(t, n = {}) {
+		let { shouldTouch: r = !1, shouldDirty: i = !0, shouldValidate: a = !0 } = n;
+		e(() => {
+			c.value = t, i && (u.value = !0), r && (l.value = !0), a && (f.value = !0);
+		});
+	}
+	function w(e) {
+		d.value = e, e && (l.value = !0);
+	}
+	function T() {
+		l.value = !0, f.value = !0;
+	}
+	function E(e) {
+		p = e;
+	}
+	function D() {
+		h(), _.dispose(), g.dispose();
+	}
+	return {
+		value: c,
+		error: _,
+		rawError: g,
+		touched: l,
+		dirty: u,
+		onInput: b,
+		onBlur: x,
+		reset: S,
+		setValue: C,
+		_setExternalError: w,
+		_forceVisible: T,
+		_setInitialValue: E,
+		_dispose: D
+	};
+}
+function h(e, n = {}, i = "blur") {
+	function a(e) {
+		let t = {};
+		for (let r in e) {
+			let a = n[r] ?? [];
+			t[r] = m(e[r], a, i);
+		}
+		return t;
+	}
+	let o = r(e.map(a)), s = e, c = t(() => o.value.length);
+	function l(e) {
+		o.value = [...o.value, a(e)];
+	}
+	function u(e) {
+		let t = o.value;
+		if (!(e < 0 || e >= t.length)) {
+			for (let n in t[e]) t[e][n]._dispose();
+			o.value = t.filter((t, n) => n !== e);
+		}
+	}
+	function d(e, t) {
+		let n = [...o.value];
+		if (e < 0 || e >= n.length || t < 0 || t >= n.length || e === t) return;
+		let [r] = n.splice(e, 1);
+		n.splice(t, 0, r), o.value = n;
+	}
+	function f(e, t) {
+		let n = [...o.value];
+		if (!(e < 0 || e >= n.length)) {
+			for (let t in n[e]) n[e][t]._dispose();
+			n[e] = a(t), o.value = n;
+		}
+	}
+	function p(e) {
+		for (let e of o.value) for (let t in e) e[t]._dispose();
+		o.value = e.map(a);
+	}
+	function h(e) {
+		let t = [...o.value];
+		for (let n = 0; n < e.length; n++) {
+			let r = e[n];
+			if (n >= t.length) {
+				t.push(a(r));
+				continue;
+			}
+			let i = t[n];
+			for (let [e, t] of Object.entries(r)) i[e] && i[e].setValue(t, {
+				shouldDirty: !1,
+				shouldTouch: !1,
+				shouldValidate: !1
+			});
+		}
+		o.value = t;
+	}
+	function g(e) {
+		e && (s = e);
+		for (let e of o.value) for (let t in e) e[t]._dispose();
+		o.value = s.map(a);
+	}
+	function _() {
+		for (let e of o.value) for (let t in e) e[t]._dispose();
+		c.dispose();
+	}
+	return {
+		fields: o,
+		append: l,
+		remove: u,
+		move: d,
+		replace: f,
+		length: c,
+		setValues: p,
+		patchValues: h,
+		reset: g,
+		_dispose: _
+	};
+}
+function g(e) {
+	return typeof e == "object" && !!e && !Array.isArray(e);
+}
+function _(e, t = "", n = []) {
+	for (let [r, i] of Object.entries(e)) {
+		let e = t ? `${t}.${r}` : r;
+		if (g(i) && Object.keys(i).length > 0) {
+			_(i, e, n);
+			continue;
+		}
+		n.push([e, i]);
+	}
+	return n;
+}
+function v(e, t, n) {
+	let r = t.split("."), i = e;
+	for (let e = 0; e < r.length - 1; e++) {
+		let t = r[e], n = i[t];
+		g(n) || (i[t] = {}), i = i[t];
+	}
+	i[r[r.length - 1]] = n;
+}
+function y(n, i = {}) {
+	let a = i.validateOn ?? "blur", o = {}, s = i.validators;
+	function c() {
+		let e = {};
+		for (let t in o) v(e, t, o[t].value.value);
+		return e;
+	}
+	for (let [e, t] of _(n)) o[e] = m(t, s?.[e] ?? [], a, c);
+	let l = r(!1), u = r(0), d = t(() => c()), f = t(() => {
+		let e = {};
+		for (let t in o) {
+			let n = o[t].error.value;
+			n && (e[t] = n);
+		}
+		return e;
+	}), p = t(() => {
+		for (let e in o) if (o[e].rawError.value) return !1;
+		return !0;
+	}), h = t(() => {
+		for (let e in o) if (o[e].error.value) return !1;
+		return !0;
+	}), g = t(() => {
+		for (let e in o) if (o[e].dirty.value) return !0;
+		return !1;
+	}), y = t(() => {
+		for (let e in o) if (o[e].touched.value) return !0;
+		return !1;
+	});
+	function b(e) {
+		for (let t in e) o[t]?._setExternalError(e[t] ?? null);
+	}
+	function x(e, t, n = {}) {
+		let r = o[e];
+		r && r.setValue(t, n);
+	}
+	function S(t, n = {}) {
+		let { keepDirty: r = !1, keepTouched: i = !1, keepErrors: a = !0 } = n;
+		e(() => {
+			for (let [e, n] of _(t)) {
+				let t = o[e];
+				t && (t.setValue(n, {
+					shouldDirty: !r,
+					shouldTouch: !1,
+					shouldValidate: !a
+				}), i || (t.touched.value = !1));
+			}
+		});
+	}
+	function C(e) {
+		if (e) for (let [t, n] of _(e)) {
+			let e = o[t];
+			e && e._setInitialValue(n);
+		}
+		for (let e in o) o[e].reset();
+		l.value = !1, u.value = 0;
+	}
+	function w() {
+		d.dispose(), f.dispose(), p.dispose(), h.dispose(), g.dispose(), y.dispose();
+		for (let e in o) o[e]._dispose();
+	}
+	function T(e) {
+		return (t) => {
+			t.preventDefault(), u.value++;
+			for (let e in o) o[e]._forceVisible();
+			let n = d.value;
+			if (i.validate) {
+				let e = i.validate(n);
+				if (e) {
+					let t = {}, n = !1;
+					for (let r in e) {
+						let i = e[r], a = Array.isArray(i) ? i[0] ?? null : i ?? null;
+						a && (t[r] = a, n = !0);
+					}
+					if (n) {
+						b(t);
+						return;
+					}
+				}
+			}
+			for (let e in o) if (o[e].rawError.value) return;
+			let r = e(n);
+			r instanceof Promise && (l.value = !0, r.finally(() => {
+				l.value = !1;
+			}).catch(() => {}));
+		};
+	}
+	return {
+		fields: o,
+		values: d,
+		errors: f,
+		canSubmit: p,
+		valid: h,
+		dirty: g,
+		touched: y,
+		isSubmitting: l,
+		submitCount: u,
+		handleSubmit: T,
+		reset: C,
+		setValue: x,
+		setValues: S,
+		setErrors: b,
+		dispose: w
+	};
+}
+//#endregion
+export { y as createForm, d as createValidator, m as elurField, h as elurFieldArray, c as email, p as extendValidators, u as max, o as maxLength, l as min, a as minLength, s as pattern, i as required, f as validators };
+
+//# sourceMappingURL=form.js.map

package/dist/lib/hydrate.cjs

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./signals.cjs`),t=require(`./elur/template/types.cjs`),n=require(`./lifecycle.cjs`),r=require(`./context.cjs`),i=require(`./elur/template/keyed.cjs`),a=require(`./elur/template/keyed-diff.cjs`),o=require(`./elur/template/sanitize.cjs`),s=require(`./elur/template/bindings.cjs`);function c(e,r,i={}){try{if(n.isElurComponent(e))return l(e,r,i);let a=e[t.ELUR_TEMPLATE_DESCRIPTOR];return a||S(i,-1,`descriptor`,`Template has no hydration descriptor`),{unmount:u(a,r,i)}}catch(t){if(i.mismatch===`throw`)throw t;return i.mismatch!==`remount`&&console.warn(`[elur] Hydration mismatch; remounting root:`,t),r.replaceChildren(),{unmount:n.isElurComponent(e)?e.render()._render(r,null):e._render(r,null)}}}function l(e,n,i){r._pushComponentContext();let a=()=>{};try{try{e.onInit?.()}catch(t){if(e.onError)e.onError(t);else throw t}let r=e.render()[t.ELUR_TEMPLATE_DESCRIPTOR];r||S(i,-1,`descriptor`,`Component template has no hydration descriptor`),a=u(r,n,i)}finally{r._popComponentContext()}let o=e.onMount?.();return{unmount(){e.onUnmount?.(),typeof o==`function`&&o(),a()}}}function u(e,t,n,r){let i=d(t,r),a=[];for(let t=0;t<e.contexts.length;t++){let r=e.contexts[t],o=e.values[t];if(r.type===`event`){let e=i.events.get(t);e||S(n,t,`event`,`Missing event marker ${t}`),e.removeAttribute(`data-elur-e-${t}`),a.push(p(e,r.eventName,r.modifiers,o));continue}if(r.type===`attr`){let e=i.attributes.get(t);e||S(n,t,`attribute`,`Missing attribute marker ${t}`),e.removeAttribute(`data-elur-a-${t}`),a.push(m(e,r.attrName,r.url===!0,o));continue}let s=i.nodes.get(t);s||S(n,t,`node`,`Missing node marker ${t}`);let c=h(s,o,n,i.keyed.get(t),i.arrayItems.get(t));c&&a.push(c)}return()=>{for(let e=a.length-1;e>=0;e--)a[e]()}}function d(e,t){let n=new Map,r=new Map,i=new Map,a=new Map,o=new Map,s=new Map,c=[],l=[],u=[],d=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT|NodeFilter.SHOW_COMMENT),p;for(;p=d.nextNode();){if(t&&!f(p,t))continue;if(p.nodeType===Node.COMMENT_NODE){let e=p,t=/^elur-(\d+)$/.exec(e.data);if(t){let n=Number(t[1]);c.length===0&&r.set(n,e),c.push(n);continue}let i=/^elur-end-(\d+)$/.exec(e.data);if(i){let t=Number(i[1]);if(c.pop()===t&&c.length===0){let i=r.get(t);i&&n.set(t,{start:i,end:e})}continue}let a=/^elur-ki:(.+)$/.exec(e.data);if(a){let t=a[1];l.length===0&&c.length===1?l.push({start:e,serializedKey:t,parentIndex:c[c.length-1]}):l.push({start:e,serializedKey:t,parentIndex:-1});continue}if(e.data===`elur-ke`){let t=l.pop();if(t){if(t.parentIndex>=0){let n=o.get(t.parentIndex)??[];n.push({start:t.start,end:e,serializedKey:t.serializedKey}),o.set(t.parentIndex,n)}}else throw Error(`[elur] Hydration marker mismatch: orphan keyed end marker (elur-ke)`);continue}if(e.data===`elur-ai`){u.length===0&&c.length===1?u.push({start:e,parentIndex:c[c.length-1]}):u.push({start:e,parentIndex:-1});continue}if(e.data===`elur-aiend`){let t=u.pop();if(t&&t.parentIndex>=0){let n=s.get(t.parentIndex)??[];n.push({start:t.start,end:e}),s.set(t.parentIndex,n)}continue}continue}if(c.length>0)continue;let e=p;for(let t of Array.from(e.attributes)){let n=/^data-elur-e-(\d+)$/.exec(t.name);n&&a.set(Number(n[1]),e);let r=/^data-elur-a-(\d+)$/.exec(t.name);r&&i.set(Number(r[1]),e)}}return{nodes:n,attributes:i,events:a,keyed:o,arrayItems:s}}function f(e,t){let n=document.createRange();return n.setStartAfter(t.start),n.setEndBefore(t.end),n.intersectsNode(e)}function p(e,t,n,r){if(typeof r!=`function`)throw TypeError(`Event "${t}" requires a function`);let i=r;if(s.isDelegableEvent(t)&&!n.includes(`capture`)&&!n.includes(`once`)&&document.body.contains(e))return s.activateDelegatedEvent(e,t,n,i);let a={once:n.includes(`once`),capture:n.includes(`capture`),passive:n.includes(`passive`)},o=e=>{n.includes(`prevent`)&&e.preventDefault(),n.includes(`stop`)&&e.stopPropagation(),!(n.includes(`self`)&&e.target!==e.currentTarget)&&i(e)};return e.addEventListener(t,o,a),()=>e.removeEventListener(t,o,a)}function m(t,n,r,i){if(n===`ref`){let e=i;return e.el=t,()=>{e.el=null}}let a=(n===`value`||n===`checked`||n===`selected`)&&n in t,s=!0,c=!1,l=e=>{if(a)if(!s)t[n]=e??``;else{let r=t[n];if(String(r)!==String(e??``)&&!c){c=!0;let e=n===`checked`||n===`selected`?`change`:`input`;queueMicrotask(()=>{c=!1,t.dispatchEvent(new Event(e,{bubbles:!0}))})}}else if(e==null||e===!1)t.removeAttribute(n);else{let i=r?o.sanitizeUrl(String(e)):String(e);t.setAttribute(n,i)}s=!1};return typeof i==`function`?e.effect(()=>l(i())):(l(i),()=>{})}function h(n,i,o,s,c){if(typeof i!=`function`)return g(n,i,o,s,c);let l=!0,u,d=b(n),f=null,p=r._captureContextSnapshot(),m=a.createKeyedMount(p),h=e=>{console.warn(`[elur] repeat(): duplicate key "${e}". Keys must be unique; the previous entry leaks (orphaned nodes + live effects).`)},v=e.effect(()=>{let e=i();if(t.isKeyedList(e)){if(l&&!f){let t=_(e,s,o);f={state:t.state,prevOrder:t.prevOrder},u=t.cleanup,a.reconcileKeyedList({zoneStart:n.start,anchor:n.end,state:f.state,prevOrder:f.prevOrder,list:e,mount:m,ctxSnapshot:p,onDuplicateKey:h}),d=null,l=!1;return}f||(u?.(),x(n),f={state:new Map,prevOrder:[]},u=()=>{for(let e of f.state.values())e.cleanup()}),a.reconcileKeyedList({zoneStart:n.start,anchor:n.end,state:f.state,prevOrder:f.prevOrder,list:e,mount:m,ctxSnapshot:p,onDuplicateKey:h}),d=null,l=!1;return}f&&(u?.(),x(n),f=null,u=void 0),typeof e==`string`||typeof e==`number`||typeof e==`bigint`?d?d.nodeValue!==String(e)&&(d.nodeValue=String(e)):(d=document.createTextNode(String(e)),n.end.parentNode.insertBefore(d,n.end)):l?u=g(n,e,o,s,c):(u?.(),x(n),u=y(n,e),d=b(n)),l=!1});return()=>{v(),u?.()}}function g(e,i,o,s,c){if(t.isKeyedList(i)){let t=r._captureContextSnapshot(),n=_(i,s,o);return a.reconcileKeyedList({zoneStart:e.start,anchor:e.end,state:n.state,prevOrder:n.prevOrder,list:i,mount:a.createKeyedMount(t),ctxSnapshot:t,onDuplicateKey:e=>{console.warn(`[elur] repeat(): duplicate key "${e}". Keys must be unique; the previous entry leaks (orphaned nodes + live effects).`)}}),n.cleanup}if(Array.isArray(i)){let t=[],n=c!==void 0&&c.length>0;for(let r=0;r<i.length;r++){let a=i[r],s=c?.[r];if(n&&s){let e=g(s,a,o);e&&t.push(e)}else if(n){let n=y(e,a);n&&t.push(n)}else{let n=g(e,a,o);n&&t.push(n)}}return t.length?()=>{for(let e=t.length-1;e>=0;e--)t[e]()}:void 0}if(t.isElurTemplate(i)){let n=i[t.ELUR_TEMPLATE_DESCRIPTOR];return n||S(o,-1,`descriptor`,`Nested template has no hydration descriptor`),u(n,e.start.parentNode,o,e)}if(n.isElurComponent(i)){r._pushComponentContext();let n;try{try{i.onInit?.()}catch(e){if(i.onError)i.onError(e);else throw e}let r=i.render()[t.ELUR_TEMPLATE_DESCRIPTOR];r||S(o,-1,`descriptor`,`Nested component has no hydration descriptor`);let a=u(r,e.start.parentNode,o,e),s=i.onMount?.();n=()=>{i.onUnmount?.(),typeof s==`function`&&s(),a()}}finally{r._popComponentContext()}return n}if(typeof i==`object`&&i){let n=i[t.ELUR_RENDER_PROTOCOL];if(n?.hydrateDom)return n.hydrateDom({parent:e.start.parentNode,bounds:e,context:o.context,render:t=>g(e,t,o)})??void 0}}function _(e,t,n){let r=new Map,a=[];if(!t||t.length===0)return{state:r,prevOrder:a,cleanup:()=>{}};let o=new Map;for(let t=0;t<e.items.length;t++){let n=i.normalizeRepeatKey(e.keyFn(e.items[t],t),t),r=i.serializeRepeatKey(n);o.has(r)&&console.warn(`[elur] repeat(): duplicate client key "${n}" during hydration. Keys must be unique; entries after the first leak.`),o.set(r,t)}for(let s of t){let t=o.get(s.serializedKey);if(t===void 0){v(s);continue}let c=e.items[t],l=i.normalizeRepeatKey(e.keyFn(c,t),t);if(i.serializeRepeatKey(l)!==s.serializedKey&&console.warn(`[elur] repeat(): hydration key mismatch at index ${t} (${i.deserializeRepeatKey(s.serializedKey)} != ${l}). The SSR item is adopted by position.`),r.has(l)){console.warn(`[elur] repeat(): duplicate key "${l}" during hydration; removing duplicate SSR node.`),v(s);continue}let u=e.renderFn(c,t),d=g({start:s.start,end:s.end},u,n);r.set(l,{start:s.start,end:s.end,cleanup:d??(()=>{})}),a.push(l)}return{state:r,prevOrder:a,cleanup:()=>{for(let e of r.values())e.cleanup()}}}function v(e){let t=e.start.nextSibling;for(;t&&t!==e.end;){let e=t.nextSibling;t.parentNode?.removeChild(t),t=e}e.start.parentNode?.removeChild(e.start),e.end.parentNode?.removeChild(e.end)}function y(e,r){if(r==null||r===!1||r===!0)return;if(Array.isArray(r)){let t=[];for(let n of r){let r=y(e,n);r&&t.push(r)}return t.length?()=>{for(let e=t.length-1;e>=0;e--)t[e]()}:void 0}if(t.isElurTemplate(r))return r._render(e.end.parentNode,e.end);if(n.isElurComponent(r))return r.render()._render(e.end.parentNode,e.end);let i=document.createTextNode(String(r));return e.end.parentNode.insertBefore(i,e.end),()=>i.parentNode?.removeChild(i)}function b(e){let t=e.start.nextSibling;for(;t&&t!==e.end;){if(t.nodeType===Node.TEXT_NODE)return t;t=t.nextSibling}return null}function x(e){let t=e.start.nextSibling;for(;t&&t!==e.end;){let e=t.nextSibling;t.parentNode?.removeChild(t),t=e}}function S(e,t,n,r){let i={index:t,kind:n,message:r};e.onMismatch?.(i);let a=Error(`[elur] Hydration marker mismatch: ${r}`);throw Object.assign(a,{mismatch:i}),a}exports.hydrate=c;
+//# sourceMappingURL=hydrate.cjs.map