ilha 0.15.2 → 0.16.0

package/dist/mount-DKY_jSsG.js

@@ -1,513 +0,0 @@
-import { _ as isString, c as KEEP, d as defer, g as isObject, m as isFunction, r as isVNode, u as SLOT_ATTR, y as unwrap } from "./vnode-BHUY61Rm.js";
-import { E as makeRuntime, S as closeFiber, T as makeRootFiber, a as markControlled, c as standInFor, d as runSetup, i as insertRendered, l as bindEvents, o as morphInner, r as committedElement, s as placeChildren, t as createPainter, u as eventTypeFromProp } from "./paint-core-B7jENZwS.js";
-
-//#region src/paint.ts
-const noopDisconnect = () => {};
-const core$1 = createPainter({
-	appendRoot: (root, node) => insertRendered(root, node, null),
-	asElement: (el) => el,
-	asNode: (host) => host,
-	asRoot: (el) => el,
-	bindEvents,
-	committed: committedElement,
-	createElement: (tag, ns) => ns ? document.createElementNS(ns, tag) : document.createElement(tag),
-	createRaw: (html, parent) => {
-		const range = document.createRange();
-		range.selectNodeContents(parent);
-		return [...range.createContextualFragment(html).childNodes];
-	},
-	createSlotHost: (slotId) => {
-		const host = document.createElement("span");
-		if (slotId !== null) host.setAttribute(SLOT_ATTR, slotId);
-		host.style.display = "contents";
-		return host;
-	},
-	createText: (text) => document.createTextNode(text),
-	disconnect: noopDisconnect,
-	placeChildren: (root, nodes) => {
-		if (root instanceof Element) placeChildren(root, nodes);
-	},
-	reuseNode: (host) => host instanceof Element && host.isConnected ? standInFor(host) : host,
-	setFormControl: (el, key, v) => {
-		const node = el;
-		if (v !== null && v !== void 0) markControlled(el, key);
-		if (key === "value") {
-			const text = v === null || v === void 0 ? "" : String(v);
-			if (el.localName === "textarea") {
-				node.defaultValue = text;
-				node.value = text;
-			} else if (el.localName === "select") node.value = text;
-			else if (v === null || v === void 0) {
-				el.removeAttribute("value");
-				node.value = "";
-			} else {
-				el.setAttribute("value", text);
-				node.value = text;
-			}
-		} else if (key === "checked") {
-			node.checked = Boolean(v);
-			if (v) el.setAttribute("checked", "");
-			else el.removeAttribute("checked");
-		} else {
-			node.selected = Boolean(v);
-			if (v) el.setAttribute("selected", "");
-			else el.removeAttribute("selected");
-		}
-	},
-	setStyle: (el, css) => {
-		el.style.cssText = css;
-	}
-});
-const refreshAtomHost = (fiber, atom, host, hole) => {
-	if (hole.closed || !host.isConnected) return;
-	const next = unwrap(fiber.registry.get(atom));
-	if (next === KEEP) return;
-	core$1.paintHole(hole, next);
-};
-const refreshAllAtomHosts = (fiber) => {
-	for (const h of fiber.holes) if (h.atom && h.host && h.holeFiber) refreshAtomHost(fiber, h.atom, h.host, h.holeFiber);
-};
-const pruneDisconnectedAtomHoles = (fiber) => {
-	fiber.holes = fiber.holes.filter((h) => {
-		if (!h.atom || !h.host || !h.holeFiber) return true;
-		if (h.host.isConnected) return true;
-		h.dispose();
-		return false;
-	});
-};
-const canHydrate = (fiber, view) => {
-	if (!isVNode(view) || !isString(view.type)) return false;
-	const el = fiber.root.firstElementChild;
-	return !!el && el.tagName === view.type.toUpperCase();
-};
-const paintHydrate = (fiber, view) => {
-	const el = fiber.root.firstElementChild;
-	if (!el) return;
-	fiber.hydrate = false;
-	fiber.liveEl = el;
-	core$1.applyProps(el, view.props, fiber);
-	const childFiber = {
-		...fiber,
-		holes: fiber.holes,
-		root: el
-	};
-	el.replaceChildren();
-	for (const c of view.children) for (const n of core$1.materialize(c, childFiber)) insertRendered(el, n, null);
-};
-const paintMorphLive = (fiber, view) => {
-	if (!fiber.liveEl) return;
-	core$1.disposeHoles(fiber, { morph: true });
-	core$1.applyProps(fiber.liveEl, view.props, fiber);
-	const liveNs = fiber.liveEl.namespaceURI;
-	const tmp = liveNs && liveNs !== "http://www.w3.org/1999/xhtml" ? document.createElementNS(liveNs, fiber.liveEl.localName) : document.createElement(fiber.liveEl.localName);
-	const childFiber = {
-		...fiber,
-		holes: fiber.holes,
-		root: tmp
-	};
-	for (const c of view.children) for (const n of core$1.materialize(c, childFiber)) tmp.append(n);
-	morphInner(fiber.liveEl, tmp);
-	refreshAllAtomHosts(fiber);
-	pruneDisconnectedAtomHoles(fiber);
-};
-const paintRoot = (fiber, view) => {
-	fiber.islandFrame ??= {
-		i: 0,
-		slots: []
-	};
-	if (fiber.hydrate) {
-		if (canHydrate(fiber, view)) {
-			paintHydrate(fiber, view);
-			return;
-		}
-		console.warn("[ilha] hydrate mismatch, full mount");
-		fiber.hydrate = false;
-		if (fiber.root instanceof Element) fiber.root.replaceChildren();
-	}
-	if (fiber.liveEl && isVNode(view) && isString(view.type) && fiber.liveEl.localName === view.type) {
-		paintMorphLive(fiber, view);
-		return;
-	}
-	core$1.disposeHoles(fiber, { morph: true });
-	if (fiber.root instanceof Element && fiber.root.childNodes.length > 0) {
-		const tmp = document.createElement("div");
-		for (const n of core$1.materialize(view, fiber)) tmp.append(n);
-		morphInner(fiber.root, tmp);
-		const first = fiber.root.firstElementChild;
-		if (first) fiber.liveEl = first;
-		return;
-	}
-	core$1.insert(fiber, core$1.materialize(view, fiber));
-	const first = fiber.root instanceof Element ? fiber.root.firstElementChild : null;
-	if (first) fiber.liveEl = first;
-};
-const paint$1 = (fiber, view) => {
-	core$1.commit(() => {
-		core$1.pass(fiber, () => {
-			paintRoot(fiber, view);
-		});
-	});
-};
-
-//#endregion
-//#region src/snapshot.ts
-const MAX_SNAPSHOT_CHARS = 262144;
-const MAX_SNAPSHOT_DEPTH = 32;
-const exceedsMaxDepth = (value, depth) => {
-	if (depth > MAX_SNAPSHOT_DEPTH) return true;
-	if (value === null || !isObject(value)) {
-		if (Array.isArray(value)) {
-			for (const item of value) if (exceedsMaxDepth(item, depth + 1)) return true;
-		}
-		return false;
-	}
-	const obj = value;
-	for (const key of Object.keys(obj)) if (exceedsMaxDepth(obj[key], depth + 1)) return true;
-	return false;
-};
-const deleteUnsafeKey = (obj, key) => {
-	if (Object.hasOwn(obj, key)) Reflect.deleteProperty(obj, key);
-};
-const stripUnsafeKeys = (value) => {
-	if (Array.isArray(value)) {
-		for (const item of value) stripUnsafeKeys(item);
-		return;
-	}
-	if (value === null || !isObject(value)) return;
-	const obj = value;
-	deleteUnsafeKey(obj, "__proto__");
-	deleteUnsafeKey(obj, "constructor");
-	deleteUnsafeKey(obj, "prototype");
-	for (const key of Object.getOwnPropertyNames(obj)) stripUnsafeKeys(obj[key]);
-};
-const safeParseSnapshot = (raw) => {
-	if (raw.length > MAX_SNAPSHOT_CHARS) return;
-	let parsed;
-	try {
-		parsed = JSON.parse(raw);
-	} catch {
-		return;
-	}
-	if (exceedsMaxDepth(parsed, 1)) return;
-	if (!isObject(parsed) || Array.isArray(parsed)) return;
-	stripUnsafeKeys(parsed);
-	return parsed;
-};
-const encodeSnapshot = (values) => JSON.stringify({ v: values });
-const decodeSnapshot = (raw) => {
-	const values = safeParseSnapshot(raw)?.v;
-	return Array.isArray(values) ? values : void 0;
-};
-
-//#endregion
-//#region src/ssr-dom.ts
-const VOID = /* @__PURE__ */ new Set([
-	"area",
-	"base",
-	"br",
-	"col",
-	"embed",
-	"hr",
-	"img",
-	"input",
-	"link",
-	"meta",
-	"param",
-	"source",
-	"track",
-	"wbr"
-]);
-/** Tags whose children are raw text — do not HTML-escape content. */
-const RAW_TEXT = /* @__PURE__ */ new Set(["script", "style"]);
-const escapeText = (s) => s.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;");
-const escapeAttr = (s) => escapeText(s).replaceAll("\"", "&quot;");
-const createSsrRaw = (html) => ({
-	html,
-	kind: "raw"
-});
-const createSsrText = (text) => ({
-	kind: "text",
-	text
-});
-const serializeRawText = (tag, text) => {
-	if (new RegExp(`</${tag}\\b`, "iu").test(text)) throw new Error(`ilha: unsafe raw text in <${tag}> (contains "</${tag}")`);
-	return text;
-};
-const serializeNode = (node) => {
-	if (node.kind === "text") return escapeText(node.text);
-	if (node.kind === "raw") return node.html;
-	const parts = [];
-	for (const [name, value] of node.attrs) parts.push(`${name}="${escapeAttr(value)}"`);
-	const attr = parts.length > 0 ? ` ${parts.join(" ")}` : "";
-	const { tag } = node;
-	if (VOID.has(tag)) return `<${tag}${attr}>`;
-	if (RAW_TEXT.has(tag)) return `<${tag}${attr}>${serializeRawText(tag, node.textContent)}</${tag}>`;
-	return `<${tag}${attr}>${node.children.map(serializeNode).join("")}</${tag}>`;
-};
-const toDataAttr = (key) => `data-${key.replaceAll(/[A-Z]/gu, (ch) => `-${ch.toLowerCase()}`)}`;
-const isSymbolKey = (value) => Object.prototype.toString.call(value) === "[object Symbol]";
-const createSsrElement = (tag) => {
-	const lower = tag.toLowerCase();
-	const children = [];
-	const el = {
-		append: (...nodes) => {
-			children.push(...nodes);
-		},
-		appendChild: (node) => {
-			children.push(node);
-		},
-		attrs: /* @__PURE__ */ new Map(),
-		children,
-		dataset: new Proxy({}, {
-			get: (_t, prop) => {
-				if (prop === "undefined" || isSymbolKey(prop)) return;
-				return el.getAttribute(toDataAttr(prop)) ?? void 0;
-			},
-			set: (_t, prop, value) => {
-				if (isSymbolKey(prop)) return false;
-				const attr = toDataAttr(prop);
-				if (value === void 0 || value === null) el.removeAttribute(attr);
-				else el.setAttribute(attr, String(value));
-				return true;
-			}
-		}),
-		getAttribute: (name) => {
-			const value = el.attrs.get(name);
-			return value === void 0 ? null : value;
-		},
-		hasAttribute: (name) => el.attrs.has(name),
-		isConnected: true,
-		kind: "element",
-		localName: lower,
-		removeAttribute: (name) => {
-			el.attrs.delete(name);
-		},
-		replaceChildren: (...nodes) => {
-			children.length = 0;
-			children.push(...nodes);
-		},
-		setAttribute: (name, value) => {
-			el.attrs.set(name, value);
-		},
-		tag: lower,
-		tagName: lower.toUpperCase(),
-		get textContent() {
-			return children.map((n) => {
-				if (n.kind === "text") return n.text;
-				if (n.kind === "raw") return n.html;
-				return n.textContent;
-			}).join("");
-		},
-		set textContent(value) {
-			children.length = 0;
-			children.push(createSsrText(value));
-		}
-	};
-	return el;
-};
-const createSsrRoot = () => {
-	const children = [];
-	return {
-		append: (...nodes) => {
-			children.push(...nodes);
-		},
-		appendChild: (node) => {
-			children.push(node);
-		},
-		children,
-		get innerHTML() {
-			return children.map(serializeNode).join("");
-		},
-		kind: "root",
-		replaceChildren: () => {
-			children.length = 0;
-		}
-	};
-};
-
-//#endregion
-//#region src/ssr-paint.ts
-const ssrAs = (n) => n;
-const ACTION_CALL = Symbol.for("ilha.actionCall");
-const bindSsrEvents = (el, props, fiber) => {
-	const seen = /* @__PURE__ */ new Set();
-	for (const key of Object.keys(props)) {
-		const type = eventTypeFromProp(key);
-		if (!type || seen.has(type)) continue;
-		seen.add(type);
-		const fn = props[key];
-		if (!isFunction(fn)) continue;
-		const branded = fn[ACTION_CALL];
-		const rec = branded?.k ? {
-			a: branded.a ?? [],
-			k: branded.k
-		} : void 0;
-		if (!rec) continue;
-		const id = `${type}:${fiber.runtime.ssrEventI}`;
-		fiber.runtime.ssrEventI += 1;
-		fiber.runtime.ssrActions[id] = rec;
-		const existing = el.dataset.ilhaOn;
-		el.dataset.ilhaOn = existing ? `${existing},${id}` : id;
-	}
-};
-const WHITESPACE_RUN = /\s+/gu;
-/**
-* Mark the first option whose value is `value` selected and clear the rest,
-* as setting a live select's `.value` does. Returns whether one matched.
-*/
-const selectOption = (parent, value, found) => {
-	let matched = found;
-	for (const child of parent.children) {
-		if (child.kind !== "element") continue;
-		if (child.localName === "optgroup") matched = selectOption(child, value, matched);
-		else if (child.localName === "option") {
-			const optionValue = child.getAttribute("value") ?? child.textContent.trim().replaceAll(WHITESPACE_RUN, " ");
-			if (!matched && optionValue === value) {
-				child.setAttribute("selected", "");
-				matched = true;
-			} else child.removeAttribute("selected");
-		}
-	}
-	return matched;
-};
-const core = createPainter({
-	appendRoot: (root, node) => ssrAs(root).append(node),
-	asElement: (el) => ssrAs(el),
-	asNode: (host) => ssrAs(host),
-	asRoot: (el) => ssrAs(el),
-	bindEvents: bindSsrEvents,
-	committed: (el) => el,
-	createElement: createSsrElement,
-	createRaw: (html, _parent) => [createSsrRaw(html)],
-	createSlotHost: (slotId) => {
-		const host = createSsrElement("span");
-		if (slotId !== null) host.setAttribute(SLOT_ATTR, slotId);
-		host.setAttribute("style", "display:contents");
-		return host;
-	},
-	createText: createSsrText,
-	disconnect: (el) => {
-		el.isConnected = false;
-	},
-	placeChildren: (root, nodes) => {
-		const host = ssrAs(root);
-		host.replaceChildren();
-		for (const n of nodes) host.append(n);
-	},
-	reuseNode: (host) => ssrAs(host),
-	setFormControl: (el, key, v) => {
-		if (key === "value") {
-			const text = String(v ?? "");
-			if (el.localName === "textarea") el.textContent = text;
-			else if (el.localName === "select") {
-				if (v !== null && v !== void 0) selectOption(el, text, false);
-			} else el.setAttribute("value", text);
-		} else if (v) el.setAttribute(key, "");
-		else el.removeAttribute(key);
-	},
-	setStyle: (el, css) => el.setAttribute("style", css)
-});
-const paint = (fiber, view) => {
-	fiber.islandFrame ??= {
-		i: 0,
-		slots: []
-	};
-	core.pass(fiber, () => {
-		core.disposeHoles(fiber);
-		ssrAs(fiber.root).replaceChildren();
-		core.insert(fiber, core.materialize(view, fiber));
-	});
-};
-const attachSsr = (fn, opts) => {
-	const root = createSsrRoot();
-	const runtime = makeRuntime({
-		onError: opts?.onError,
-		ssr: true,
-		ssrCapture: opts?.ssrCapture === true
-	});
-	const { promise: ready, resolve } = defer();
-	const fiber = makeRootFiber({
-		paint,
-		root: ssrAs(root),
-		runtime,
-		settle: resolve
-	});
-	runtime.begin();
-	runtime.setIdle(resolve);
-	runSetup(fiber, fn);
-	runtime.end();
-	return {
-		ready,
-		root,
-		runtime,
-		unmount: () => {
-			closeFiber(fiber);
-			runtime.close();
-			root.replaceChildren();
-		}
-	};
-};
-
-//#endregion
-//#region src/mount.ts
-const readHydrate = (el) => {
-	const raw = (el.matches("[data-ilha]") ? el : el.querySelector("[data-ilha]"))?.dataset.ilhaState;
-	if (raw) return decodeSnapshot(raw);
-	const first = el.firstElementChild;
-	if (first?.tagName === "TEMPLATE" && first.matches("[data-ilha-state]")) {
-		const tplRaw = first.dataset.ilhaState;
-		first.remove();
-		return tplRaw ? decodeSnapshot(tplRaw) : void 0;
-	}
-};
-const delay = (ms) => {
-	const { promise, resolve } = defer();
-	setTimeout(resolve, ms);
-	return promise;
-};
-const attach = (el, fn, opts) => {
-	if (!opts?.hydrate) el.innerHTML = "";
-	const runtime = makeRuntime({
-		hydrate: opts?.hydrate ? readHydrate(el) : void 0,
-		onError: opts?.onError
-	});
-	const { promise: ready, resolve } = defer();
-	const fiber = makeRootFiber({
-		paint: paint$1,
-		root: el,
-		runtime,
-		settle: resolve
-	});
-	if (opts?.hydrate) fiber.hydrate = true;
-	runtime.begin();
-	runtime.setIdle(resolve);
-	runSetup(fiber, fn);
-	runtime.end();
-	return {
-		ready,
-		runtime,
-		unmount: () => {
-			closeFiber(fiber);
-			runtime.close();
-			if (!opts?.hydrate) el.innerHTML = "";
-		}
-	};
-};
-const mount = (el, fn, opts) => attach(el, fn, opts).unmount;
-const renderToString = async (fn, opts) => {
-	const snapshot = opts?.snapshot !== false;
-	const markers = opts?.markers !== false;
-	const { unmount, ready, runtime, root } = attachSsr(fn, { ssrCapture: opts?.captureActions === true });
-	const timeout = opts?.timeout;
-	await (timeout === void 0 ? ready : Promise.race([ready, delay(timeout)]));
-	let inner = root.innerHTML;
-	const actions = runtime.ssrActions;
-	if (Object.keys(actions).length > 0) inner = `<template data-ilha-actions="${escapeAttr(JSON.stringify(actions))}"></template>${inner}`;
-	const snap = snapshot ? encodeSnapshot(runtime.ssrValues) : void 0;
-	unmount();
-	if (!markers) return snap ? `<template data-ilha-state="${escapeAttr(snap)}"></template>${inner}` : inner;
-	return `<div data-ilha${snap ? ` data-ilha-state="${escapeAttr(snap)}"` : ""}>${inner}</div>`;
-};
-
-//#endregion
-export { renderToString as n, mount as t };