@torpor/view 0.4.18 → 1.0.1

package/dist/fromWebSocket-1QOjcrHE.cjs

@@ -0,0 +1,182 @@
+//#region src/watch/symbols.ts
+const proxyDataSymbol = Symbol.for("torp.ProxyData");
+//#endregion
+//#region src/watch/$unwrap.ts
+/**
+* Returns the target object of a proxy
+*
+* @param object The proxy object
+*/
+function $unwrap(object) {
+	return object !== void 0 && object !== null && object[proxyDataSymbol] !== void 0 ? object[proxyDataSymbol].target ?? object : object;
+}
+//#endregion
+//#region src/render/buildClasses.ts
+function buildClasses(value, styleHash) {
+	if (typeof value === "string") {
+		if (styleHash !== void 0) value += " " + styleHash;
+		return value;
+	} else {
+		let classes = [];
+		gatherClasses("", value, classes);
+		if (styleHash !== void 0) classes.push(styleHash);
+		return classes.join(" ");
+	}
+}
+function gatherClasses(name, value, classes) {
+	if (value) {
+		value = $unwrap(value);
+		if (Array.isArray(value)) for (let v of value) gatherClasses(v, v, classes);
+		else if (typeof value === "object") for (const n in value) gatherClasses(n, value[n], classes);
+		else classes.push(name);
+	}
+}
+//#endregion
+//#region src/render/buildStyles.ts
+const CAMEL_TO_DASH = /[A-Z]+(?![a-z])|[A-Z]/g;
+function buildStyles(value) {
+	if (typeof value === "string") return value;
+	else {
+		let styles = [];
+		gatherStyles(value, styles);
+		return styles.join("; ");
+	}
+}
+function gatherStyles(value, styles) {
+	if (value) if (Array.isArray(value)) for (let v of value) gatherStyles(v, styles);
+	else if (typeof value === "object") for (let [n, v] of Object.entries(value)) {
+		if (v === null || v === void 0) continue;
+		const key = n.replace(CAMEL_TO_DASH, (char, i) => (i > 0 ? "-" : "") + char.toLowerCase());
+		styles.push(`${key}: ${v}`);
+	}
+	else styles.push(String(value));
+}
+//#endregion
+//#region src/render/formatText.ts
+function formatText(value) {
+	if (value === void 0 || value === null) return "";
+	if (typeof value === "string") return value;
+	return String($unwrap(value));
+}
+//#endregion
+//#region src/stream/fromElement.ts
+/**
+* Creates a StreamSource that pushes DOM events of the given type from an
+* element.
+*
+* ```torp
+* $stream(fromElement(() => saveButton, "click"), (e) => {
+* 	$state.clicks.push(e);
+* });
+* ```
+*/
+function fromElement(target, type) {
+	return (push) => {
+		const el = typeof target === "function" ? target() : target;
+		if (!el) throw new Error("fromElement: element not found. When passing a &ref variable, wrap it in a getter: fromElement(() => buttonEl, \"click\")");
+		const listener = push;
+		el.addEventListener(type, listener);
+		return () => {
+			el.removeEventListener(type, listener);
+		};
+	};
+}
+//#endregion
+//#region src/stream/fromServer.ts
+/**
+* Creates a StreamSource that receives `message` events from a server-sent
+* events endpoint. The URL may be a getter, so reactive state can be read
+* inside it — when it changes, the connection is closed and re-opened:
+*
+* ```torp
+* $stream(fromServer(`/sse/${$props.id}`), (e) => {
+* 	$state.messages.push(e.data);
+* });
+* ```
+*
+* Reconnection is handled by `EventSource` itself; errors are not pushed —
+* a source that can fail should surface errors as values.
+*/
+function fromServer(url) {
+	return (push) => {
+		const eventSource = new EventSource(typeof url === "function" ? url() : url);
+		eventSource.onmessage = push;
+		return () => {
+			eventSource.close();
+		};
+	};
+}
+//#endregion
+//#region src/stream/fromWebSocket.ts
+/**
+* Creates a StreamSource that receives `message` events from a WebSocket.
+* The URL may be a getter, so reactive state can be read inside it — when
+* it changes, the socket is closed and re-opened:
+*
+* ```torp
+* $stream(fromWebSocket(`/ws/${$props.id}`), (e) => {
+* 	$state.inbox.push(e.data);
+* });
+* ```
+*
+* Errors are not pushed — a source that can fail should surface errors as
+* values and own its own reconnection.
+*/
+function fromWebSocket(url) {
+	return (push) => {
+		const socket = new WebSocket(typeof url === "function" ? url() : url);
+		socket.onmessage = push;
+		return () => {
+			socket.close();
+		};
+	};
+}
+//#endregion
+Object.defineProperty(exports, "$unwrap", {
+	enumerable: true,
+	get: function() {
+		return $unwrap;
+	}
+});
+Object.defineProperty(exports, "buildClasses", {
+	enumerable: true,
+	get: function() {
+		return buildClasses;
+	}
+});
+Object.defineProperty(exports, "buildStyles", {
+	enumerable: true,
+	get: function() {
+		return buildStyles;
+	}
+});
+Object.defineProperty(exports, "formatText", {
+	enumerable: true,
+	get: function() {
+		return formatText;
+	}
+});
+Object.defineProperty(exports, "fromElement", {
+	enumerable: true,
+	get: function() {
+		return fromElement;
+	}
+});
+Object.defineProperty(exports, "fromServer", {
+	enumerable: true,
+	get: function() {
+		return fromServer;
+	}
+});
+Object.defineProperty(exports, "fromWebSocket", {
+	enumerable: true,
+	get: function() {
+		return fromWebSocket;
+	}
+});
+Object.defineProperty(exports, "proxyDataSymbol", {
+	enumerable: true,
+	get: function() {
+		return proxyDataSymbol;
+	}
+});

package/dist/fromWebSocket-B52kN3-W.d.mts

@@ -0,0 +1,91 @@
+import { t as Cleanup } from "./Cleanup-D0wvGW5d.mjs";
+//#region src/types/ClassValue.d.ts
+type ClassValue = string | Record<string, boolean | null | undefined> | Array<ClassValue> | null | undefined;
+//#endregion
+//#region src/render/buildClasses.d.ts
+declare function buildClasses(value: ClassValue, styleHash?: string): string;
+//#endregion
+//#region src/types/StyleValue.d.ts
+type StyleValue = string | Record<string, string | null | undefined> | Array<StyleValue> | null | undefined;
+//#endregion
+//#region src/render/buildStyles.d.ts
+declare function buildStyles(value: StyleValue): string;
+//#endregion
+//#region src/types/StreamSource.d.ts
+/**
+ * A subscription to an external source of events — server-sent events,
+ * WebSockets, DOM events, intervals, or anything else that pushes values
+ * over time.
+ *
+ * The function is called with a `push` callback when the stream is
+ * subscribed to (at mount time, and again whenever reactive state read
+ * inside it changes). It wires the external source up to `push` and returns
+ * a cleanup function that unsubscribes.
+ *
+ * Sources are never invoked during a server render, so browser-only APIs
+ * (`EventSource`, `WebSocket`, DOM elements) are safe to reference inside
+ * them.
+ */
+type StreamSource<T> = (push: (value: T) => void) => Cleanup | void;
+//#endregion
+//#region src/stream/fromElement.d.ts
+/**
+ * The element to listen on, or a getter returning it. Use a getter for
+ * `&ref`-bound variables — they are only assigned once the element is
+ * created, and subscriptions start at mount time:
+ *
+ * ```torp
+ * let saveButton: HTMLButtonElement;
+ *
+ * $stream(fromElement(() => saveButton, "click"), () => save());
+ * ```
+ */
+type EventTargetInput = HTMLElement | (() => HTMLElement | null | undefined);
+/**
+ * Creates a StreamSource that pushes DOM events of the given type from an
+ * element.
+ *
+ * ```torp
+ * $stream(fromElement(() => saveButton, "click"), (e) => {
+ * 	$state.clicks.push(e);
+ * });
+ * ```
+ */
+declare function fromElement<E extends Event = Event>(target: EventTargetInput, type: string): StreamSource<E>;
+//#endregion
+//#region src/stream/fromServer.d.ts
+/**
+ * Creates a StreamSource that receives `message` events from a server-sent
+ * events endpoint. The URL may be a getter, so reactive state can be read
+ * inside it — when it changes, the connection is closed and re-opened:
+ *
+ * ```torp
+ * $stream(fromServer(`/sse/${$props.id}`), (e) => {
+ * 	$state.messages.push(e.data);
+ * });
+ * ```
+ *
+ * Reconnection is handled by `EventSource` itself; errors are not pushed —
+ * a source that can fail should surface errors as values.
+ */
+declare function fromServer(url: string | (() => string)): StreamSource<MessageEvent>;
+//#endregion
+//#region src/stream/fromWebSocket.d.ts
+/**
+ * Creates a StreamSource that receives `message` events from a WebSocket.
+ * The URL may be a getter, so reactive state can be read inside it — when
+ * it changes, the socket is closed and re-opened:
+ *
+ * ```torp
+ * $stream(fromWebSocket(`/ws/${$props.id}`), (e) => {
+ * 	$state.inbox.push(e.data);
+ * });
+ * ```
+ *
+ * Errors are not pushed — a source that can fail should surface errors as
+ * values and own its own reconnection.
+ */
+declare function fromWebSocket(url: string | (() => string)): StreamSource<MessageEvent>;
+//#endregion
+export { buildStyles as a, ClassValue as c, StreamSource as i, fromServer as n, StyleValue as o, fromElement as r, buildClasses as s, fromWebSocket as t };
+//# sourceMappingURL=fromWebSocket-B52kN3-W.d.mts.map

package/dist/fromWebSocket-B52kN3-W.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fromWebSocket-B52kN3-W.d.mts","names":[],"sources":["../src/types/ClassValue.ts","../src/render/buildClasses.ts","../src/types/StyleValue.ts","../src/render/buildStyles.ts","../src/types/StreamSource.ts","../src/stream/fromElement.ts","../src/stream/fromServer.ts","../src/stream/fromWebSocket.ts"],"mappings":";;KAAK,sBAEF,6CACA,MAAM;;;iBCAe,aAAa,OAAO,YAAY;;;KCHnD,sBAEF,4CACA,MAAM;;;iBCCe,YAAY,OAAO;;;;;;;;;;;;;;;;;KCYtC,aAAa,MAAM,OAAO,OAAO,eAAe;;;;;;;;;;;;;;KCHhD,mBAAmB,qBAAqB;;;;;;;;;;;iBAYrB,YAAY,UAAU,QAAQ,OACrD,QAAQ,kBACR,eACE,aAAa;;;;;;;;;;;;;;;;;iBCZQ,WAAW,+BAA+B,aAAa;;;;;;;;;;;;;;;;;iBCAvD,cAAc,+BAA+B,aAAa"}

package/dist/fromWebSocket-DeB35Q4w.d.cts

@@ -0,0 +1,91 @@
+import { t as Cleanup } from "./Cleanup-D0wvGW5d.cjs";
+//#region src/types/ClassValue.d.ts
+type ClassValue = string | Record<string, boolean | null | undefined> | Array<ClassValue> | null | undefined;
+//#endregion
+//#region src/render/buildClasses.d.ts
+declare function buildClasses(value: ClassValue, styleHash?: string): string;
+//#endregion
+//#region src/types/StyleValue.d.ts
+type StyleValue = string | Record<string, string | null | undefined> | Array<StyleValue> | null | undefined;
+//#endregion
+//#region src/render/buildStyles.d.ts
+declare function buildStyles(value: StyleValue): string;
+//#endregion
+//#region src/types/StreamSource.d.ts
+/**
+ * A subscription to an external source of events — server-sent events,
+ * WebSockets, DOM events, intervals, or anything else that pushes values
+ * over time.
+ *
+ * The function is called with a `push` callback when the stream is
+ * subscribed to (at mount time, and again whenever reactive state read
+ * inside it changes). It wires the external source up to `push` and returns
+ * a cleanup function that unsubscribes.
+ *
+ * Sources are never invoked during a server render, so browser-only APIs
+ * (`EventSource`, `WebSocket`, DOM elements) are safe to reference inside
+ * them.
+ */
+type StreamSource<T> = (push: (value: T) => void) => Cleanup | void;
+//#endregion
+//#region src/stream/fromElement.d.ts
+/**
+ * The element to listen on, or a getter returning it. Use a getter for
+ * `&ref`-bound variables — they are only assigned once the element is
+ * created, and subscriptions start at mount time:
+ *
+ * ```torp
+ * let saveButton: HTMLButtonElement;
+ *
+ * $stream(fromElement(() => saveButton, "click"), () => save());
+ * ```
+ */
+type EventTargetInput = HTMLElement | (() => HTMLElement | null | undefined);
+/**
+ * Creates a StreamSource that pushes DOM events of the given type from an
+ * element.
+ *
+ * ```torp
+ * $stream(fromElement(() => saveButton, "click"), (e) => {
+ * 	$state.clicks.push(e);
+ * });
+ * ```
+ */
+declare function fromElement<E extends Event = Event>(target: EventTargetInput, type: string): StreamSource<E>;
+//#endregion
+//#region src/stream/fromServer.d.ts
+/**
+ * Creates a StreamSource that receives `message` events from a server-sent
+ * events endpoint. The URL may be a getter, so reactive state can be read
+ * inside it — when it changes, the connection is closed and re-opened:
+ *
+ * ```torp
+ * $stream(fromServer(`/sse/${$props.id}`), (e) => {
+ * 	$state.messages.push(e.data);
+ * });
+ * ```
+ *
+ * Reconnection is handled by `EventSource` itself; errors are not pushed —
+ * a source that can fail should surface errors as values.
+ */
+declare function fromServer(url: string | (() => string)): StreamSource<MessageEvent>;
+//#endregion
+//#region src/stream/fromWebSocket.d.ts
+/**
+ * Creates a StreamSource that receives `message` events from a WebSocket.
+ * The URL may be a getter, so reactive state can be read inside it — when
+ * it changes, the socket is closed and re-opened:
+ *
+ * ```torp
+ * $stream(fromWebSocket(`/ws/${$props.id}`), (e) => {
+ * 	$state.inbox.push(e.data);
+ * });
+ * ```
+ *
+ * Errors are not pushed — a source that can fail should surface errors as
+ * values and own its own reconnection.
+ */
+declare function fromWebSocket(url: string | (() => string)): StreamSource<MessageEvent>;
+//#endregion
+export { buildStyles as a, ClassValue as c, StreamSource as i, fromServer as n, StyleValue as o, fromElement as r, buildClasses as s, fromWebSocket as t };
+//# sourceMappingURL=fromWebSocket-DeB35Q4w.d.cts.map

package/dist/fromWebSocket-DeB35Q4w.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fromWebSocket-DeB35Q4w.d.cts","names":[],"sources":["../src/types/ClassValue.ts","../src/render/buildClasses.ts","../src/types/StyleValue.ts","../src/render/buildStyles.ts","../src/types/StreamSource.ts","../src/stream/fromElement.ts","../src/stream/fromServer.ts","../src/stream/fromWebSocket.ts"],"mappings":";;KAAK,sBAEF,6CACA,MAAM;;;iBCAe,aAAa,OAAO,YAAY;;;KCHnD,sBAEF,4CACA,MAAM;;;iBCCe,YAAY,OAAO;;;;;;;;;;;;;;;;;KCYtC,aAAa,MAAM,OAAO,OAAO,eAAe;;;;;;;;;;;;;;KCHhD,mBAAmB,qBAAqB;;;;;;;;;;;iBAYrB,YAAY,UAAU,QAAQ,OACrD,QAAQ,kBACR,eACE,aAAa;;;;;;;;;;;;;;;;;iBCZQ,WAAW,+BAA+B,aAAa;;;;;;;;;;;;;;;;;iBCAvD,cAAc,+BAA+B,aAAa"}

package/dist/fromWebSocket-Dxc_uwm1.mjs

@@ -0,0 +1,137 @@
+//#region src/watch/symbols.ts
+const proxyDataSymbol = Symbol.for("torp.ProxyData");
+//#endregion
+//#region src/watch/$unwrap.ts
+/**
+* Returns the target object of a proxy
+*
+* @param object The proxy object
+*/
+function $unwrap(object) {
+	return object !== void 0 && object !== null && object[proxyDataSymbol] !== void 0 ? object[proxyDataSymbol].target ?? object : object;
+}
+//#endregion
+//#region src/render/buildClasses.ts
+function buildClasses(value, styleHash) {
+	if (typeof value === "string") {
+		if (styleHash !== void 0) value += " " + styleHash;
+		return value;
+	} else {
+		let classes = [];
+		gatherClasses("", value, classes);
+		if (styleHash !== void 0) classes.push(styleHash);
+		return classes.join(" ");
+	}
+}
+function gatherClasses(name, value, classes) {
+	if (value) {
+		value = $unwrap(value);
+		if (Array.isArray(value)) for (let v of value) gatherClasses(v, v, classes);
+		else if (typeof value === "object") for (const n in value) gatherClasses(n, value[n], classes);
+		else classes.push(name);
+	}
+}
+//#endregion
+//#region src/render/buildStyles.ts
+const CAMEL_TO_DASH = /[A-Z]+(?![a-z])|[A-Z]/g;
+function buildStyles(value) {
+	if (typeof value === "string") return value;
+	else {
+		let styles = [];
+		gatherStyles(value, styles);
+		return styles.join("; ");
+	}
+}
+function gatherStyles(value, styles) {
+	if (value) if (Array.isArray(value)) for (let v of value) gatherStyles(v, styles);
+	else if (typeof value === "object") for (let [n, v] of Object.entries(value)) {
+		if (v === null || v === void 0) continue;
+		const key = n.replace(CAMEL_TO_DASH, (char, i) => (i > 0 ? "-" : "") + char.toLowerCase());
+		styles.push(`${key}: ${v}`);
+	}
+	else styles.push(String(value));
+}
+//#endregion
+//#region src/render/formatText.ts
+function formatText(value) {
+	if (value === void 0 || value === null) return "";
+	if (typeof value === "string") return value;
+	return String($unwrap(value));
+}
+//#endregion
+//#region src/stream/fromElement.ts
+/**
+* Creates a StreamSource that pushes DOM events of the given type from an
+* element.
+*
+* ```torp
+* $stream(fromElement(() => saveButton, "click"), (e) => {
+* 	$state.clicks.push(e);
+* });
+* ```
+*/
+function fromElement(target, type) {
+	return (push) => {
+		const el = typeof target === "function" ? target() : target;
+		if (!el) throw new Error("fromElement: element not found. When passing a &ref variable, wrap it in a getter: fromElement(() => buttonEl, \"click\")");
+		const listener = push;
+		el.addEventListener(type, listener);
+		return () => {
+			el.removeEventListener(type, listener);
+		};
+	};
+}
+//#endregion
+//#region src/stream/fromServer.ts
+/**
+* Creates a StreamSource that receives `message` events from a server-sent
+* events endpoint. The URL may be a getter, so reactive state can be read
+* inside it — when it changes, the connection is closed and re-opened:
+*
+* ```torp
+* $stream(fromServer(`/sse/${$props.id}`), (e) => {
+* 	$state.messages.push(e.data);
+* });
+* ```
+*
+* Reconnection is handled by `EventSource` itself; errors are not pushed —
+* a source that can fail should surface errors as values.
+*/
+function fromServer(url) {
+	return (push) => {
+		const eventSource = new EventSource(typeof url === "function" ? url() : url);
+		eventSource.onmessage = push;
+		return () => {
+			eventSource.close();
+		};
+	};
+}
+//#endregion
+//#region src/stream/fromWebSocket.ts
+/**
+* Creates a StreamSource that receives `message` events from a WebSocket.
+* The URL may be a getter, so reactive state can be read inside it — when
+* it changes, the socket is closed and re-opened:
+*
+* ```torp
+* $stream(fromWebSocket(`/ws/${$props.id}`), (e) => {
+* 	$state.inbox.push(e.data);
+* });
+* ```
+*
+* Errors are not pushed — a source that can fail should surface errors as
+* values and own its own reconnection.
+*/
+function fromWebSocket(url) {
+	return (push) => {
+		const socket = new WebSocket(typeof url === "function" ? url() : url);
+		socket.onmessage = push;
+		return () => {
+			socket.close();
+		};
+	};
+}
+//#endregion
+export { buildStyles as a, proxyDataSymbol as c, formatText as i, fromServer as n, buildClasses as o, fromElement as r, $unwrap as s, fromWebSocket as t };
+
+//# sourceMappingURL=fromWebSocket-Dxc_uwm1.mjs.map

package/dist/fromWebSocket-Dxc_uwm1.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"fromWebSocket-Dxc_uwm1.mjs","names":[],"sources":["../src/watch/symbols.ts","../src/watch/$unwrap.ts","../src/render/buildClasses.ts","../src/render/buildStyles.ts","../src/render/formatText.ts","../src/stream/fromElement.ts","../src/stream/fromServer.ts","../src/stream/fromWebSocket.ts"],"sourcesContent":["const proxyDataSymbol: unique symbol = Symbol.for(\"torp.ProxyData\");\n\nexport { proxyDataSymbol };\n","import { proxyDataSymbol } from \"./symbols\";\n\n/**\n * Returns the target object of a proxy\n *\n * @param object The proxy object\n */\nexport default function $unwrap<T extends Record<PropertyKey, any>>(object: T): T {\n\treturn object !== undefined && object !== null && object[proxyDataSymbol] !== undefined\n\t\t? (object[proxyDataSymbol].target ?? object)\n\t\t: object;\n}\n","import ClassValue from \"../types/ClassValue\";\nimport $unwrap from \"../watch/$unwrap\";\n\nexport default function buildClasses(value: ClassValue, styleHash?: string): string {\n\tif (typeof value === \"string\") {\n\t\tif (styleHash !== undefined) {\n\t\t\tvalue += \" \" + styleHash;\n\t\t}\n\t\treturn value;\n\t} else {\n\t\tlet classes: string[] = [];\n\t\tgatherClasses(\"\", value, classes);\n\t\tif (styleHash !== undefined) {\n\t\t\tclasses.push(styleHash);\n\t\t}\n\t\treturn classes.join(\" \");\n\t}\n}\n\nfunction gatherClasses(name: string, value: unknown, classes: string[]) {\n\tif (value) {\n\t\t// Unwrap watched values before iterating: component props are\n\t\t// deep-wrapped, and iterating a watched array disables the active\n\t\t// effect (see the array iterator in proxyGet), which would break\n\t\t// tracking of reads later in the same effect. Per-element tracking is\n\t\t// unnecessary here anyway -- the caller has already subscribed to the\n\t\t// property read that produced the value\n\t\tvalue = $unwrap(value as Record<PropertyKey, any>);\n\t\tif (Array.isArray(value)) {\n\t\t\tfor (let v of value) {\n\t\t\t\tgatherClasses(v as string, v, classes);\n\t\t\t}\n\t\t} else if (typeof value === \"object\") {\n\t\t\t// Use `for-in` instead of `Object.entries(value)`. The entries\n\t\t\t// call allocates a new array (plus a [k, v] pair per entry) on\n\t\t\t// every invocation; `for-in` allocates nothing. Object literals\n\t\t\t// (the dominant case — e.g. `{ danger: bool }` in the row\n\t\t\t// template) have no inherited enumerable properties, so the two\n\t\t\t// are equivalent for our usage. This is on the per-effect re-run\n\t\t\t// hot path: a `select` op re-runs every row effect, each calling\n\t\t\t// `buildClasses({ danger: ... })`.\n\t\t\tfor (const n in value) {\n\t\t\t\tgatherClasses(n, (value as Record<string, unknown>)[n], classes);\n\t\t\t}\n\t\t} else {\n\t\t\tclasses.push(name);\n\t\t}\n\t}\n}\n","import type StyleValue from \"../types/StyleValue\";\n\nconst CAMEL_TO_DASH = /[A-Z]+(?![a-z])|[A-Z]/g;\n\nexport default function buildStyles(value: StyleValue): string {\n\tif (typeof value === \"string\") {\n\t\treturn value;\n\t} else {\n\t\tlet styles: string[] = [];\n\t\tgatherStyles(value, styles);\n\t\treturn styles.join(\"; \");\n\t}\n}\n\nfunction gatherStyles(value: unknown, styles: string[]) {\n\tif (value) {\n\t\tif (Array.isArray(value)) {\n\t\t\tfor (let v of value) {\n\t\t\t\tgatherStyles(v, styles);\n\t\t\t}\n\t\t} else if (typeof value === \"object\") {\n\t\t\tfor (let [n, v] of Object.entries(value)) {\n\t\t\t\tif (v === null || v === undefined) continue;\n\t\t\t\tconst key = n.replace(CAMEL_TO_DASH, (char, i) => (i > 0 ? \"-\" : \"\") + char.toLowerCase());\n\t\t\t\tstyles.push(`${key}: ${v}`);\n\t\t\t}\n\t\t} else {\n\t\t\t// oxlint-disable-next-line typescript/no-base-to-string\n\t\t\tstyles.push(String(value));\n\t\t}\n\t}\n}\n","import $unwrap from \"../watch/$unwrap\";\n\nexport default function formatText(value: any): string {\n\t// We could have anything in value, so we need to\n\t// - use String(...) because Symbols can't be implicitly converted\n\t// - use $unwrap because Proxies can't be converted to a string\n\tif (value === undefined || value === null) {\n\t\treturn \"\";\n\t}\n\t// Fast path: strings already satisfy both concerns above. Skipping the\n\t// `String($unwrap(value))` pair saves two function calls per text\n\t// interpolation on the dominant `typeof value === \"string\"` branch —\n\t// e.g. row labels in js-framework-bench hit this on every effect run.\n\tif (typeof value === \"string\") {\n\t\treturn value;\n\t}\n\treturn String($unwrap(value));\n}\n","import type StreamSource from \"../types/StreamSource\";\n\n/**\n * The element to listen on, or a getter returning it. Use a getter for\n * `&ref`-bound variables — they are only assigned once the element is\n * created, and subscriptions start at mount time:\n *\n * ```torp\n * let saveButton: HTMLButtonElement;\n *\n * $stream(fromElement(() => saveButton, \"click\"), () => save());\n * ```\n */\ntype EventTargetInput = HTMLElement | (() => HTMLElement | null | undefined);\n\n/**\n * Creates a StreamSource that pushes DOM events of the given type from an\n * element.\n *\n * ```torp\n * $stream(fromElement(() => saveButton, \"click\"), (e) => {\n * \t$state.clicks.push(e);\n * });\n * ```\n */\nexport default function fromElement<E extends Event = Event>(\n\ttarget: EventTargetInput,\n\ttype: string,\n): StreamSource<E> {\n\treturn (push) => {\n\t\tconst el = typeof target === \"function\" ? target() : target;\n\t\tif (!el) {\n\t\t\tthrow new Error(\n\t\t\t\t'fromElement: element not found. When passing a &ref variable, wrap it in a getter: fromElement(() => buttonEl, \"click\")',\n\t\t\t);\n\t\t}\n\t\tconst listener = push as EventListener;\n\t\tel.addEventListener(type, listener);\n\t\treturn () => {\n\t\t\tel.removeEventListener(type, listener);\n\t\t};\n\t};\n}\n","import type StreamSource from \"../types/StreamSource\";\n\n/**\n * Creates a StreamSource that receives `message` events from a server-sent\n * events endpoint. The URL may be a getter, so reactive state can be read\n * inside it — when it changes, the connection is closed and re-opened:\n *\n * ```torp\n * $stream(fromServer(`/sse/${$props.id}`), (e) => {\n * \t$state.messages.push(e.data);\n * });\n * ```\n *\n * Reconnection is handled by `EventSource` itself; errors are not pushed —\n * a source that can fail should surface errors as values.\n */\nexport default function fromServer(url: string | (() => string)): StreamSource<MessageEvent> {\n\treturn (push) => {\n\t\tconst eventSource = new EventSource(typeof url === \"function\" ? url() : url);\n\t\teventSource.onmessage = push;\n\t\treturn () => {\n\t\t\teventSource.close();\n\t\t};\n\t};\n}\n","import type StreamSource from \"../types/StreamSource\";\n\n/**\n * Creates a StreamSource that receives `message` events from a WebSocket.\n * The URL may be a getter, so reactive state can be read inside it — when\n * it changes, the socket is closed and re-opened:\n *\n * ```torp\n * $stream(fromWebSocket(`/ws/${$props.id}`), (e) => {\n * \t$state.inbox.push(e.data);\n * });\n * ```\n *\n * Errors are not pushed — a source that can fail should surface errors as\n * values and own its own reconnection.\n */\nexport default function fromWebSocket(url: string | (() => string)): StreamSource<MessageEvent> {\n\treturn (push) => {\n\t\tconst socket = new WebSocket(typeof url === \"function\" ? url() : url);\n\t\tsocket.onmessage = push;\n\t\treturn () => {\n\t\t\tsocket.close();\n\t\t};\n\t};\n}\n"],"mappings":";AAAA,MAAM,kBAAiC,OAAO,IAAI,gBAAgB;;;;;;;;ACOlE,SAAwB,QAA4C,QAAc;CACjF,OAAO,WAAW,KAAA,KAAa,WAAW,QAAQ,OAAO,qBAAqB,KAAA,IAC1E,OAAO,gBAAgB,CAAC,UAAU,SACnC;AACJ;;;ACRA,SAAwB,aAAa,OAAmB,WAA4B;CACnF,IAAI,OAAO,UAAU,UAAU;EAC9B,IAAI,cAAc,KAAA,GACjB,SAAS,MAAM;EAEhB,OAAO;CACR,OAAO;EACN,IAAI,UAAoB,CAAC;EACzB,cAAc,IAAI,OAAO,OAAO;EAChC,IAAI,cAAc,KAAA,GACjB,QAAQ,KAAK,SAAS;EAEvB,OAAO,QAAQ,KAAK,GAAG;CACxB;AACD;AAEA,SAAS,cAAc,MAAc,OAAgB,SAAmB;CACvE,IAAI,OAAO;EAOV,QAAQ,QAAQ,KAAiC;EACjD,IAAI,MAAM,QAAQ,KAAK,GACtB,KAAK,IAAI,KAAK,OACb,cAAc,GAAa,GAAG,OAAO;OAEhC,IAAI,OAAO,UAAU,UAS3B,KAAK,MAAM,KAAK,OACf,cAAc,GAAI,MAAkC,IAAI,OAAO;OAGhE,QAAQ,KAAK,IAAI;CAEnB;AACD;;;AC9CA,MAAM,gBAAgB;AAEtB,SAAwB,YAAY,OAA2B;CAC9D,IAAI,OAAO,UAAU,UACpB,OAAO;MACD;EACN,IAAI,SAAmB,CAAC;EACxB,aAAa,OAAO,MAAM;EAC1B,OAAO,OAAO,KAAK,IAAI;CACxB;AACD;AAEA,SAAS,aAAa,OAAgB,QAAkB;CACvD,IAAI,OACH,IAAI,MAAM,QAAQ,KAAK,GACtB,KAAK,IAAI,KAAK,OACb,aAAa,GAAG,MAAM;MAEjB,IAAI,OAAO,UAAU,UAC3B,KAAK,IAAI,CAAC,GAAG,MAAM,OAAO,QAAQ,KAAK,GAAG;EACzC,IAAI,MAAM,QAAQ,MAAM,KAAA,GAAW;EACnC,MAAM,MAAM,EAAE,QAAQ,gBAAgB,MAAM,OAAO,IAAI,IAAI,MAAM,MAAM,KAAK,YAAY,CAAC;EACzF,OAAO,KAAK,GAAG,IAAI,IAAI,GAAG;CAC3B;MAGA,OAAO,KAAK,OAAO,KAAK,CAAC;AAG5B;;;AC7BA,SAAwB,WAAW,OAAoB;CAItD,IAAI,UAAU,KAAA,KAAa,UAAU,MACpC,OAAO;CAMR,IAAI,OAAO,UAAU,UACpB,OAAO;CAER,OAAO,OAAO,QAAQ,KAAK,CAAC;AAC7B;;;;;;;;;;;;;ACQA,SAAwB,YACvB,QACA,MACkB;CAClB,QAAQ,SAAS;EAChB,MAAM,KAAK,OAAO,WAAW,aAAa,OAAO,IAAI;EACrD,IAAI,CAAC,IACJ,MAAM,IAAI,MACT,2HACD;EAED,MAAM,WAAW;EACjB,GAAG,iBAAiB,MAAM,QAAQ;EAClC,aAAa;GACZ,GAAG,oBAAoB,MAAM,QAAQ;EACtC;CACD;AACD;;;;;;;;;;;;;;;;;AC1BA,SAAwB,WAAW,KAA0D;CAC5F,QAAQ,SAAS;EAChB,MAAM,cAAc,IAAI,YAAY,OAAO,QAAQ,aAAa,IAAI,IAAI,GAAG;EAC3E,YAAY,YAAY;EACxB,aAAa;GACZ,YAAY,MAAM;EACnB;CACD;AACD;;;;;;;;;;;;;;;;;ACRA,SAAwB,cAAc,KAA0D;CAC/F,QAAQ,SAAS;EAChB,MAAM,SAAS,IAAI,UAAU,OAAO,QAAQ,aAAa,IAAI,IAAI,GAAG;EACpE,OAAO,YAAY;EACnB,aAAa;GACZ,OAAO,MAAM;EACd;CACD;AACD"}