ilha 0.14.2 → 0.14.4

package/README.md

@@ -55,7 +55,9 @@ import * as Atom from "effect/unstable/reactivity/Atom";
 import { atom } from "ilha";
 
 const items = atom([{ n: 1 }, { n: 2 }]);
-const total = atom(Atom.map(items.atom, (list) => list.reduce((sum, item) => sum + item.n, 0)));
+const total = atom(
+  Atom.map(items.atom, (list) => list.reduce((sum, item) => sum + item.n, 0))
+);
 ```
 
 Wrap multiple writes in `batch()`. Derived and mutation atoms use Effect's `Atom.map`, `Atom.transform`, and `Atom.fn` — pass `handle.atom`, then wrap in `atom()`. Use `watch(source, fn)` for side effects on atom changes.

package/dist/define.d.ts

@@ -1,5 +1,5 @@
-import { n as Component } from "./types-Cie0Ihl6.js";
+import { n as Component } from "./types-DQVTD0ts.js";
 //#region src/define.d.ts
-declare function define(name: string, component: Component): void;
+declare const define: (name: string, component: Component) => void;
 //#endregion
 export { define };

package/dist/define.js

@@ -1,18 +1,18 @@
-import { t as mount } from "./mount-CCMOkDSb.js";
+import { t as mount } from "./mount-hD-OyLIo.js";
 
 //#region src/define.ts
-function define(name, component) {
+const define = (name, component) => {
 	customElements.define(name, class extends HTMLElement {
 		#unmount;
 		connectedCallback() {
-			this.#unmount = mount(this, component, { hydrate: this.hasAttribute("data-ilha") });
+			this.#unmount = mount(this, component, { hydrate: this.matches("[data-ilha]") });
 		}
 		disconnectedCallback() {
 			this.#unmount?.();
 			this.#unmount = void 0;
 		}
 	});
-}
+};
 
 //#endregion
 export { define };

package/dist/index.d.ts

@@ -1,37 +1,42 @@
-import { i as Instruction, n as Component, o as View, r as Fragment, s as Yielded, t as AtomHandle } from "./types-Cie0Ihl6.js";
-import { t as h } from "./vnode-DyFwtMVw.js";
+import { a as Instruction, c as View, i as Fragment, l as Yielded, n as Component, t as AtomHandle } from "./types-DQVTD0ts.js";
+import { t as h } from "./vnode-DHBqDHtZ.js";
 import * as Effect from "effect/Effect";
 import * as Stream from "effect/Stream";
 import * as Atom from "effect/unstable/reactivity/Atom";
 import "effect/Scope";
 import { AtomRegistry } from "effect/unstable/reactivity/AtomRegistry";
 //#region src/watch.d.ts
+/** Values delivered to watch callbacks. */
+type WatchValue = string | number | boolean | bigint | null | undefined | readonly WatchValue[] | WatchRecord;
+interface WatchRecord {
+  readonly [key: string]: WatchValue | undefined;
+}
 /** Run `fn` when `source` changes — and once on mount. Sync, async, and generator components. */
-declare function watch<A>(source: AtomHandle<A> | Atom.Atom<A> | Stream.Stream<A, any, any>, fn: (value: A) => void): Instruction<void>;
+declare const watch: <A extends WatchValue>(source: AtomHandle<A> | Atom.Atom<A> | Stream.Stream<A, unknown, unknown>, fn: (value: A) => void) => Instruction<undefined>;
 //#endregion
 //#region src/atom.d.ts
 interface AtomFn {
-  <A>(init: A | Atom.Atom<A> | Effect.Effect<A, any, any> | Stream.Stream<A, any, any>): AtomHandle<A>;
-  lazy<A>(init: () => A): AtomHandle<A>;
+  <A>(init: A | Atom.Atom<A> | Effect.Effect<A, unknown, AtomRegistry> | Stream.Stream<A, unknown, AtomRegistry>): AtomHandle<A>;
+  lazy: <A>(init: () => A) => AtomHandle<A>;
 }
 declare const atom: AtomFn;
 declare const batch: (f: () => void) => void;
 //#endregion
 //#region src/when.d.ts
-declare function when<A, E = never, R = never>(stream: Stream.Stream<A, E, R>, body: (value: A) => Generator<Yielded, View | void, unknown>): Instruction<void, E>;
+declare const when: <A, E = never, R = never>(stream: Stream.Stream<A, E, R>, body: (value: A) => Generator<Yielded, View | undefined, View>) => Instruction<undefined, E>;
 //#endregion
 //#region src/mount.d.ts
-type RenderToStringOptions = {
+interface RenderToStringOptions {
   snapshot?: boolean;
   markers?: boolean;
   timeout?: number;
   captureActions?: boolean;
-};
-type MountOptions = {
+}
+interface MountOptions {
   hydrate?: boolean;
-  onError?: (error: unknown) => void;
-};
-declare function mount(el: Element, fn: Component, opts?: MountOptions): () => void;
-declare function renderToString(fn: Component, opts?: RenderToStringOptions): Promise<string>;
+  onError?: <E>(error: E) => void;
+}
+declare const mount: (el: Element, fn: Component, opts?: MountOptions) => (() => void);
+declare const renderToString: (fn: Component, opts?: RenderToStringOptions) => Promise<string>;
 //#endregion
 export { type AtomHandle, type Component, Fragment, type MountOptions, type RenderToStringOptions, type View, atom, batch, h, mount, renderToString, watch, when };

package/dist/index.js

@@ -1,5 +1,5 @@
-import { a as atom, c as instr, d as getFiber, f as makeFiber, i as interpret, l as isAtomHandle, n as renderToString, o as batch, r as paint, s as handleOwner, t as mount, u as closeFiber } from "./mount-CCMOkDSb.js";
-import { i as Fragment, t as h } from "./vnode-DHN2EFHi.js";
+import { a as batch, c as isAtomHandle, d as makeFiber, i as atom, l as closeFiber, n as renderToString, o as handleOwner, r as interpret, s as instr, t as mount, u as getFiber } from "./mount-hD-OyLIo.js";
+import { i as Fragment, t as h } from "./vnode-DP76Gn-b.js";
 import * as Effect from "effect/Effect";
 import * as Stream from "effect/Stream";
 import * as Exit from "effect/Exit";
@@ -8,7 +8,7 @@ import * as Scope from "effect/Scope";
 import * as Registry from "effect/unstable/reactivity/AtomRegistry";
 
 //#region src/watch.ts
-function runStreamWatch(fiber, effect) {
+const runStreamWatch = (fiber, effect) => {
 	const scope = Scope.forkUnsafe(fiber.scope);
 	const provided = effect.pipe(Effect.provideService(Registry.AtomRegistry, fiber.registry));
 	const fork = Effect.runFork(provided);
@@ -16,31 +16,32 @@ function runStreamWatch(fiber, effect) {
 	return () => {
 		Effect.runFork(Scope.close(scope, Exit.void));
 	};
-}
-function useWatchSlot(fiber, key, mount, fn) {
+};
+const useWatchSlot = (fiber, key, mount, fn) => {
 	const i = fiber.watchI ?? 0;
 	fiber.watchI = i + 1;
 	fiber.watchSlots ??= [];
 	const existing = fiber.watchSlots[i];
 	if (existing) {
-		if (existing.key !== key) {
-			existing.dispose();
-			fiber.watchSlots[i] = void 0;
-		} else {
+		if (existing.key === key) {
 			existing.fnRef.current = fn;
 			return;
 		}
+		existing.dispose();
+		fiber.watchSlots[i] = void 0;
 	}
 	const fnRef = { current: fn };
-	const unsub = mount((value) => fnRef.current(value));
+	const unsub = mount((value) => {
+		fnRef.current(value);
+	});
 	const dispose = () => unsub();
 	fiber.watchSlots[i] = {
-		key,
+		dispose,
 		fnRef,
-		dispose
+		key
 	};
-}
-function registerWatch(fiber, source, fn) {
+};
+const registerWatch = (fiber, source, fn) => {
 	if (Stream.isStream(source)) {
 		useWatchSlot(fiber, source, (run) => {
 			let active = true;
@@ -56,32 +57,31 @@ function registerWatch(fiber, source, fn) {
 	}
 	const atom = isAtomHandle(source) ? source.atom : source;
 	useWatchSlot(fiber, atom, (run) => fiber.registry.subscribe(atom, run, { immediate: true }), fn);
-}
+};
 /** Run `fn` when `source` changes — and once on mount. Sync, async, and generator components. */
-function watch(source, fn) {
-	registerWatch((isAtomHandle(source) ? handleOwner.get(source) : void 0) ?? getFiber(), source, fn);
+const watch = (source, fn) => {
+	const fiber = (isAtomHandle(source) ? handleOwner.get(source) : void 0) ?? getFiber();
+	registerWatch(fiber, source, fn);
 	return instr(Effect.void);
-}
+};
 
 //#endregion
 //#region src/when.ts
-function when(stream, body) {
-	return instr(Effect.gen(function* () {
-		const parent = getFiber();
-		let child;
-		parent.holes.push({ dispose() {
-			if (child) closeFiber(child);
-			child = void 0;
-		} });
-		const base = stream;
-		const src = parent.runtime.ssr ? base.pipe(Stream.take(1)) : base;
-		yield* Stream.runForEach(src, (value) => Effect.sync(() => {
-			if (child) closeFiber(child);
-			child = makeFiber(parent.runtime, parent.root, paint, { onFail: parent.fail });
-			interpret((() => body(value)), child);
-		}));
+const when = (stream, body) => instr(Effect.gen(function* whenBody() {
+	const parent = getFiber();
+	let child;
+	parent.holes.push({ dispose() {
+		if (child) closeFiber(child);
+		child = void 0;
+	} });
+	const base = stream;
+	const src = parent.runtime.ssr ? base.pipe(Stream.take(1)) : base;
+	yield* Stream.runForEach(src, (value) => Effect.sync(() => {
+		if (child) closeFiber(child);
+		child = makeFiber(parent.runtime, parent.root, parent.paintFn, { onFail: parent.fail });
+		interpret((() => body(value)), child);
 	}));
-}
+}));
 
 //#endregion
 export { Fragment, atom, batch, h, mount, renderToString, watch, when };

package/dist/jsx-dev-runtime.d.ts

@@ -1,4 +1,4 @@
-import { r as Fragment } from "./types-Cie0Ihl6.js";
-import { n as JSX } from "./vnode-DyFwtMVw.js";
+import { i as Fragment } from "./types-DQVTD0ts.js";
+import { n as JSX } from "./vnode-DHBqDHtZ.js";
 import { jsx, jsxDEV, jsxs } from "./jsx-runtime.js";
 export { Fragment, type JSX, jsx, jsxDEV, jsxs };

package/dist/jsx-dev-runtime.js

@@ -1,4 +1,4 @@
-import { i as Fragment } from "./vnode-DHN2EFHi.js";
+import { i as Fragment } from "./vnode-DP76Gn-b.js";
 import { jsx, jsxDEV, jsxs } from "./jsx-runtime.js";
 
 export { Fragment, jsx, jsxDEV, jsxs };

package/dist/jsx-runtime.d.ts

@@ -1,8 +1,8 @@
-import { o as View, r as Fragment } from "./types-Cie0Ihl6.js";
-import { n as JSX, t as h } from "./vnode-DyFwtMVw.js";
+import { c as View, i as Fragment, o as PropBag, r as ComponentFn } from "./types-DQVTD0ts.js";
+import { n as JSX, t as h } from "./vnode-DHBqDHtZ.js";
 //#region src/jsx-runtime.d.ts
-declare const jsx: (type: string | typeof Fragment | ((p: Record<string, unknown>) => unknown), props: Record<string, unknown> | null, key?: string | number) => ReturnType<typeof h>;
-declare const jsxs: (type: string | typeof Fragment | ((p: Record<string, unknown>) => unknown), props: Record<string, unknown> | null, key?: string | number) => ReturnType<typeof h>;
-declare const jsxDEV: (type: string | typeof Fragment | ((p: Record<string, unknown>) => unknown), props: Record<string, unknown> | null, key?: string | number) => ReturnType<typeof h>;
+declare const jsx: (type: string | Fragment | ComponentFn, props: PropBag | null, key?: string | number) => ReturnType<typeof h>;
+declare const jsxs: (type: string | Fragment | ComponentFn, props: PropBag | null, key?: string | number) => ReturnType<typeof h>;
+declare const jsxDEV: (type: string | Fragment | ComponentFn, props: PropBag | null, key?: string | number) => ReturnType<typeof h>;
 //#endregion
 export { Fragment, type JSX, type View, h, jsx, jsxDEV, jsxs };

package/dist/jsx-runtime.js

@@ -1,4 +1,4 @@
-import { i as Fragment, t as h } from "./vnode-DHN2EFHi.js";
+import { i as Fragment, t as h } from "./vnode-DP76Gn-b.js";
 
 //#region src/jsx-runtime.ts
 const jsx = (type, props, key) => h(type, key === void 0 ? props : {