foldkit-primitives 0.1.0

package/dist/events/index.mjs

@@ -0,0 +1,287 @@
+import { Effect, Queue, Schema, Stream } from "effect";
+import { defineMessageUnion } from "foldkit/message";
+import * as Subscription from "foldkit/subscription";
+import { Bundle } from "foldkit-bundle";
+//#region src/events/active-element.ts
+/**
+* Focused element as an entry — not a bundle, because elements are not
+* Model facts: this reports the active element's tag and id (both
+* serializable), and the parent stores what matters. Starts with the
+* current answer, then follows `focusin`/`focusout`.
+*/
+const ActiveElementMessage = defineMessageUnion({ Changed: {
+	tag: Schema.String,
+	id: Schema.NullOr(Schema.String)
+} });
+/**
+* Focus changes on the document. Without a document the stream is empty
+* instead of throwing. Lift with `Subscription.persistent`, mapping into
+* the parent's Message.
+*/
+const activeElementEvents = () => {
+	if (typeof document === "undefined") return Stream.empty;
+	const read = () => {
+		const element = document.activeElement;
+		return ActiveElementMessage.Changed({
+			tag: element?.tagName ?? "",
+			id: element?.id !== void 0 && element.id !== "" ? element.id : null
+		});
+	};
+	const changes = Stream.mergeAll([Stream.fromEventListener(document, "focusin").pipe(Stream.map(read)), Stream.fromEventListener(document, "focusout").pipe(Stream.map(read))], { concurrency: "unbounded" });
+	return Stream.concat(Stream.make(read()), changes);
+};
+//#endregion
+//#region src/events/hotkeys.ts
+const modifierOf = (part) => {
+	switch (part) {
+		case "ctrl":
+		case "control": return "ctrl";
+		case "shift": return "shift";
+		case "alt":
+		case "option": return "alt";
+		case "meta":
+		case "cmd":
+		case "command": return "meta";
+		default: return null;
+	}
+};
+const keyNameOf = (part) => {
+	switch (part) {
+		case "spacebar":
+		case " ": return "space";
+		case "esc": return "escape";
+		default: return part;
+	}
+};
+const matchHotkey = (pattern, press) => {
+	if (press.repeat) return false;
+	const trimmed = pattern.split("+").map((part) => part.trim().toLowerCase()).filter((part) => part !== "");
+	const parts = trimmed.length === 0 && pattern.length > 0 ? ["space"] : trimmed;
+	const keys = parts.filter((part) => modifierOf(part) === null);
+	if (keys.length !== 1) return false;
+	if (keyNameOf(keys[0]) !== keyNameOf(press.key.toLowerCase())) return false;
+	const required = {
+		ctrl: false,
+		shift: false,
+		alt: false,
+		meta: false
+	};
+	for (const part of parts) {
+		const modifier = modifierOf(part);
+		if (modifier !== null) required[modifier] = true;
+	}
+	return required.ctrl === press.ctrl && required.shift === press.shift && required.alt === press.alt && required.meta === press.meta;
+};
+//#endregion
+//#region src/events/idle.ts
+/**
+* Idleness as a bundle: `idle` in the Model, flipped by activity and
+* silence. While active, activity debounced past `timeoutMs` settles to
+* `BecameIdle`; while idle, the first activity wakes to `BecameActive` and
+* the dependency flip restarts the watch. Starts active — a lurker idles
+* when the timeout elapses. The clock is Effect's, so tests drive it with
+* TestClock.
+*/
+const IdleModel = Schema.Struct({ idle: Schema.Boolean });
+const IdleMessage = defineMessageUnion({
+	BecameIdle: {},
+	BecameActive: {}
+});
+const activity = () => {
+	if (typeof window === "undefined") return Stream.empty;
+	const senses = [
+		Stream.fromEventListener(window, "mousemove"),
+		Stream.fromEventListener(window, "keydown"),
+		Stream.fromEventListener(window, "pointerdown"),
+		Stream.fromEventListener(window, "scroll")
+	];
+	return Stream.mergeAll(senses, { concurrency: "unbounded" });
+};
+const Idle = Bundle.make("Idle", {
+	Model: IdleModel,
+	Message: IdleMessage,
+	args: Schema.Struct({ timeoutMs: Schema.Number.pipe(Schema.check(Schema.isGreaterThan(0)), Schema.check(Schema.isFinite())) }),
+	init: () => ({ model: { idle: false } }),
+	update: (model, message) => IdleMessage.match(message, {
+		BecameIdle: () => ({ model: {
+			...model,
+			idle: true
+		} }),
+		BecameActive: () => ({ model: {
+			...model,
+			idle: false
+		} })
+	}),
+	subscriptions: ({ timeoutMs }) => Subscription.make()((entry) => ({ watch: entry({ idle: Schema.Boolean }, {
+		modelToDependencies: (model) => ({ idle: model.idle }),
+		dependenciesToStream: ({ idle }) => idle ? activity().pipe(Stream.take(1), Stream.map(() => IdleMessage.BecameActive())) : Stream.concat(Stream.make(null), activity()).pipe(Stream.debounce(timeoutMs), Stream.map(() => IdleMessage.BecameIdle()))
+	}) }))
+});
+//#endregion
+//#region src/events/keyboard.ts
+/**
+* Keyboard as an entry — not a bundle, because the parent owns whatever key
+* state it keeps (a held-keys set, a shortcut map, a focused field): this
+* reports presses and releases, including auto-repeat, and the parent
+* stores what matters. Hotkey matching stays application policy.
+*/
+const KeyboardMessage = defineMessageUnion({
+	Pressed: {
+		key: Schema.String,
+		repeat: Schema.Boolean,
+		ctrl: Schema.Boolean,
+		shift: Schema.Boolean,
+		alt: Schema.Boolean,
+		meta: Schema.Boolean
+	},
+	Released: { key: Schema.String }
+});
+/**
+* Key presses and releases on the window. Without a window the stream is
+* empty instead of throwing. Lift with `Subscription.persistent`, mapping
+* into the parent's Message.
+*/
+const keyboardEvents = () => {
+	if (typeof window === "undefined") return Stream.empty;
+	const downs = Stream.fromEventListener(window, "keydown").pipe(Stream.map((event) => KeyboardMessage.Pressed({
+		key: event.key,
+		repeat: event.repeat,
+		ctrl: event.ctrlKey,
+		shift: event.shiftKey,
+		alt: event.altKey,
+		meta: event.metaKey
+	})));
+	const ups = Stream.fromEventListener(window, "keyup").pipe(Stream.map((event) => KeyboardMessage.Released({ key: event.key })));
+	return Stream.mergeAll([downs, ups], { concurrency: "unbounded" });
+};
+//#endregion
+//#region src/events/pointer.ts
+/**
+* Pointer position as an entry — not a bundle, because the parent owns what
+* it keeps (a cursor, a drag anchor, hover state): this reports moves, and
+* the parent stores what matters. Element-scoped pointer needs are Mounts,
+* not this window-level entry.
+*/
+const PointerMessage = defineMessageUnion({ Moved: {
+	x: Schema.Number,
+	y: Schema.Number
+} });
+/**
+* Pointer moves on the window. Without a window the stream is empty instead
+* of throwing. Lift with `Subscription.persistent`, mapping into the
+* parent's Message.
+*/
+const pointerEvents = () => {
+	if (typeof window === "undefined") return Stream.empty;
+	return Stream.fromEventListener(window, "pointermove").pipe(Stream.map((event) => PointerMessage.Moved({
+		x: event.clientX,
+		y: event.clientY
+	})));
+};
+//#endregion
+//#region src/events/scroll.ts
+/**
+* Window scroll position as an entry — not a bundle, because the parent
+* owns what it keeps (a stuck header, a back-to-top gate, restore-on-back):
+* this reports positions, and the parent stores what matters.
+* Element-scoped scrolling needs a Mount, not this window-level entry.
+*/
+const ScrollMessage = defineMessageUnion({ Scrolled: {
+	x: Schema.Number,
+	y: Schema.Number
+} });
+/**
+* Scrolls on the window, in the capture phase so container scrolls (which
+* do not bubble) report too. Without a window the stream is empty instead
+* of throwing. Lift with `Subscription.persistent`, mapping into the
+* parent's Message.
+*/
+const scrollEvents = () => {
+	if (typeof window === "undefined") return Stream.empty;
+	return Stream.fromEventListener(window, "scroll", { capture: true }).pipe(Stream.map(() => ScrollMessage.Scrolled({
+		x: window.scrollX,
+		y: window.scrollY
+	})));
+};
+//#endregion
+//#region src/events/visibility.ts
+/**
+* Page visibility as a bundle: `visible` in the Model, read from the
+* document at startup and kept current by `visibilitychange`. A hidden page
+* is the application's cue to pause polling, animations, and realtime
+* streams; the decision stays in application `update`, not here.
+*/
+const VisibilityModel = Schema.Struct({ visible: Schema.Boolean });
+const VisibilityMessage = defineMessageUnion({ Changed: { visible: Schema.Boolean } });
+const isVisible = () => typeof document === "undefined" || document.visibilityState !== "hidden";
+const visibilityStream = () => {
+	if (typeof document === "undefined" || typeof document.addEventListener !== "function") return Stream.empty;
+	return Stream.concat(Stream.make(VisibilityMessage.Changed({ visible: isVisible() })), Stream.fromEventListener(document, "visibilitychange").pipe(Stream.map(() => VisibilityMessage.Changed({ visible: isVisible() }))));
+};
+const Visibility = Bundle.make("Visibility", {
+	Model: VisibilityModel,
+	Message: VisibilityMessage,
+	init: () => ({ model: { visible: isVisible() } }),
+	update: (model, message) => ({ model: { visible: message.visible } }),
+	subscriptions: () => Subscription.make()(() => ({ changes: Subscription.persistent(visibilityStream()) }))
+});
+//#endregion
+//#region src/events/window-size.ts
+/**
+* Window size as a bundle: `{ width, height }` in the Model, read from the
+* window at startup and kept current by one `resize` listener. Breakpoints
+* owns its own listener and derives names; place this one when views need
+* the raw pixels. Placing both doubles resize listeners — pick the one the
+* view reads.
+*/
+const WindowSizeModel = Schema.Struct({
+	width: Schema.Number,
+	height: Schema.Number
+});
+const WindowSizeMessage = defineMessageUnion({ Changed: {
+	width: Schema.Number,
+	height: Schema.Number
+} });
+const readSize = () => ({
+	width: window.innerWidth,
+	height: window.innerHeight
+});
+const sizeStream = () => {
+	if (typeof window === "undefined" || typeof window.addEventListener !== "function") return Stream.empty;
+	return Stream.unwrap(Effect.gen(function* () {
+		const queue = yield* Queue.unbounded();
+		const onResize = () => {
+			const size = readSize();
+			Effect.runFork(Queue.offer(queue, WindowSizeMessage.Changed({
+				width: size.width,
+				height: size.height
+			})));
+		};
+		window.addEventListener("resize", onResize);
+		yield* Effect.addFinalizer(() => Effect.sync(() => {
+			window.removeEventListener("resize", onResize);
+		}));
+		const size = readSize();
+		return Stream.concat(Stream.make(WindowSizeMessage.Changed({
+			width: size.width,
+			height: size.height
+		})), Stream.fromQueue(queue));
+	}));
+};
+const WindowSize = Bundle.make("WindowSize", {
+	Model: WindowSizeModel,
+	Message: WindowSizeMessage,
+	init: () => ({ model: {
+		width: 0,
+		height: 0
+	} }),
+	update: (model, message) => ({ model: {
+		width: message.width,
+		height: message.height
+	} }),
+	subscriptions: () => Subscription.make()(() => ({ changes: Subscription.persistent(sizeStream()) }))
+});
+//#endregion
+export { ActiveElementMessage, Idle, IdleMessage, IdleModel, KeyboardMessage, PointerMessage, ScrollMessage, Visibility, VisibilityMessage, VisibilityModel, WindowSize, WindowSizeMessage, WindowSizeModel, activeElementEvents, keyboardEvents, matchHotkey, pointerEvents, scrollEvents };
+
+//# sourceMappingURL=index.mjs.map

package/dist/events/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../src/events/active-element.ts","../../src/events/hotkeys.ts","../../src/events/idle.ts","../../src/events/keyboard.ts","../../src/events/pointer.ts","../../src/events/scroll.ts","../../src/events/visibility.ts","../../src/events/window-size.ts"],"sourcesContent":["/**\n * Focused element as an entry — not a bundle, because elements are not\n * Model facts: this reports the active element's tag and id (both\n * serializable), and the parent stores what matters. Starts with the\n * current answer, then follows `focusin`/`focusout`.\n */\nimport { Schema, Stream } from 'effect'\nimport { defineMessageUnion } from 'foldkit/message'\n\nexport const ActiveElementMessage = defineMessageUnion({\n  Changed: { tag: Schema.String, id: Schema.NullOr(Schema.String) },\n})\nexport type ActiveElementMessage = typeof ActiveElementMessage.Type\n\n/**\n * Focus changes on the document. Without a document the stream is empty\n * instead of throwing. Lift with `Subscription.persistent`, mapping into\n * the parent's Message.\n */\nexport const activeElementEvents = (): Stream.Stream<ActiveElementMessage> => {\n  if (typeof document === 'undefined') return Stream.empty\n  const read = (): ActiveElementMessage => {\n    const element = document.activeElement as Element | null | undefined\n    return ActiveElementMessage.Changed({\n      tag: element?.tagName ?? '',\n      id: element?.id !== undefined && element.id !== '' ? element.id : null,\n    })\n  }\n  const changes: Stream.Stream<ActiveElementMessage> = Stream.mergeAll(\n    [\n      Stream.fromEventListener(document, 'focusin').pipe(Stream.map(read)),\n      Stream.fromEventListener(document, 'focusout').pipe(Stream.map(read)),\n    ],\n    { concurrency: 'unbounded' },\n  )\n  return Stream.concat(Stream.make(read()), changes)\n}\n","/**\n * Hotkey matching as a pure function over a `Pressed` payload: `matchHotkey`\n * answers whether a press is the shortcut, so `update` stays a table of\n * chords instead of a nest of modifier checks. Patterns read like\n * `\"ctrl+shift+k\"`: modifiers first (any order), the key last,\n * case-insensitive, with `cmd`/`command` and `option` as the Mac names for\n * meta and alt. Matching is exact — unlisted modifiers must be up — and\n * auto-repeat never matches, so holding a chord fires once. `space` (or a\n * bare space) means the space key; `esc` means escape. A pattern with\n * no key, or two keys, matches nothing: predicates return false, they do\n * not throw on the hot path.\n */\n\nexport interface KeyPress {\n  readonly key: string\n  readonly repeat: boolean\n  readonly ctrl: boolean\n  readonly shift: boolean\n  readonly alt: boolean\n  readonly meta: boolean\n}\n\nconst modifierOf = (part: string): 'ctrl' | 'shift' | 'alt' | 'meta' | null => {\n  switch (part) {\n    case 'ctrl':\n    case 'control':\n      return 'ctrl'\n    case 'shift':\n      return 'shift'\n    case 'alt':\n    case 'option':\n      return 'alt'\n    case 'meta':\n    case 'cmd':\n    case 'command':\n      return 'meta'\n    default:\n      return null\n  }\n}\n\nconst keyNameOf = (part: string): string => {\n  switch (part) {\n    case 'spacebar':\n    case ' ':\n      return 'space'\n    case 'esc':\n      return 'escape'\n    default:\n      return part\n  }\n}\n\nexport const matchHotkey = (pattern: string, press: KeyPress): boolean => {\n  if (press.repeat) return false\n  const trimmed = pattern\n    .split('+')\n    .map(part => part.trim().toLowerCase())\n    .filter(part => part !== '')\n  // A bare whitespace pattern means the space key; an empty pattern is malformed.\n  const parts = trimmed.length === 0 && pattern.length > 0 ? ['space'] : trimmed\n  const keys = parts.filter(part => modifierOf(part) === null)\n  if (keys.length !== 1) return false\n  if (keyNameOf(keys[0]!) !== keyNameOf(press.key.toLowerCase())) return false\n  const required: Record<'ctrl' | 'shift' | 'alt' | 'meta', boolean> = {\n    ctrl: false,\n    shift: false,\n    alt: false,\n    meta: false,\n  }\n  for (const part of parts) {\n    const modifier = modifierOf(part)\n    if (modifier !== null) required[modifier] = true\n  }\n  return (\n    required.ctrl === press.ctrl &&\n    required.shift === press.shift &&\n    required.alt === press.alt &&\n    required.meta === press.meta\n  )\n}\n","/**\n * Idleness as a bundle: `idle` in the Model, flipped by activity and\n * silence. While active, activity debounced past `timeoutMs` settles to\n * `BecameIdle`; while idle, the first activity wakes to `BecameActive` and\n * the dependency flip restarts the watch. Starts active — a lurker idles\n * when the timeout elapses. The clock is Effect's, so tests drive it with\n * TestClock.\n */\nimport { Schema, Stream } from 'effect'\nimport { defineMessageUnion } from 'foldkit/message'\nimport * as Subscription from 'foldkit/subscription'\nimport type * as Update from 'foldkit/update'\nimport { Bundle } from 'foldkit-bundle'\n\nexport const IdleModel = Schema.Struct({ idle: Schema.Boolean })\nexport type IdleModel = typeof IdleModel.Type\n\nexport const IdleMessage = defineMessageUnion({ BecameIdle: {}, BecameActive: {} })\nexport type IdleMessage = typeof IdleMessage.Type\n\nconst activity = (): Stream.Stream<unknown> => {\n  if (typeof window === 'undefined') return Stream.empty\n  // One stream per sense; the merge fans into the debounce below.\n  const senses: Array<Stream.Stream<unknown>> = [\n    Stream.fromEventListener(window, 'mousemove'),\n    Stream.fromEventListener(window, 'keydown'),\n    Stream.fromEventListener(window, 'pointerdown'),\n    Stream.fromEventListener(window, 'scroll'),\n  ]\n  return Stream.mergeAll(senses, { concurrency: 'unbounded' })\n}\n\nexport const Idle = Bundle.make('Idle', {\n  Model: IdleModel,\n  Message: IdleMessage,\n  args: Schema.Struct({\n    timeoutMs: Schema.Number.pipe(\n      Schema.check(Schema.isGreaterThan(0)),\n      Schema.check(Schema.isFinite()),\n    ),\n  }),\n  init: () => ({ model: { idle: false } }),\n  update: (model, message) =>\n    IdleMessage.match<Update.ReturnWithOutMessage<IdleModel, IdleMessage, never>>(message, {\n      BecameIdle: () => ({ model: { ...model, idle: true } }),\n      BecameActive: () => ({ model: { ...model, idle: false } }),\n    }),\n  subscriptions: ({ timeoutMs }): Subscription.Subscriptions<IdleModel, IdleMessage> =>\n    Subscription.make<IdleModel, IdleMessage>()(entry => ({\n      watch: entry(\n        { idle: Schema.Boolean },\n        {\n          modelToDependencies: model => ({ idle: model.idle }),\n          dependenciesToStream: ({ idle }) =>\n            idle\n              ? activity().pipe(\n                  Stream.take(1),\n                  Stream.map(() => IdleMessage.BecameActive()),\n                )\n              : // Seeded with subscribe time as last-known-alive: silence from\n                // here still settles, so a lurker idles without moving first.\n                Stream.concat(Stream.make(null), activity()).pipe(\n                  Stream.debounce(timeoutMs),\n                  Stream.map(() => IdleMessage.BecameIdle()),\n                ),\n        },\n      ),\n    })),\n})\n","/**\n * Keyboard as an entry — not a bundle, because the parent owns whatever key\n * state it keeps (a held-keys set, a shortcut map, a focused field): this\n * reports presses and releases, including auto-repeat, and the parent\n * stores what matters. Hotkey matching stays application policy.\n */\nimport { Schema, Stream } from 'effect'\nimport { defineMessageUnion } from 'foldkit/message'\n\nexport const KeyboardMessage = defineMessageUnion({\n  Pressed: {\n    key: Schema.String,\n    repeat: Schema.Boolean,\n    ctrl: Schema.Boolean,\n    shift: Schema.Boolean,\n    alt: Schema.Boolean,\n    meta: Schema.Boolean,\n  },\n  Released: { key: Schema.String },\n})\nexport type KeyboardMessage = typeof KeyboardMessage.Type\n\n/**\n * Key presses and releases on the window. Without a window the stream is\n * empty instead of throwing. Lift with `Subscription.persistent`, mapping\n * into the parent's Message.\n */\nexport const keyboardEvents = (): Stream.Stream<KeyboardMessage> => {\n  if (typeof window === 'undefined') return Stream.empty\n  const downs: Stream.Stream<KeyboardMessage> = Stream.fromEventListener<KeyboardEvent>(\n    window,\n    'keydown',\n  ).pipe(\n    Stream.map(event =>\n      KeyboardMessage.Pressed({\n        key: event.key,\n        repeat: event.repeat,\n        ctrl: event.ctrlKey,\n        shift: event.shiftKey,\n        alt: event.altKey,\n        meta: event.metaKey,\n      }),\n    ),\n  )\n  const ups: Stream.Stream<KeyboardMessage> = Stream.fromEventListener<KeyboardEvent>(\n    window,\n    'keyup',\n  ).pipe(Stream.map(event => KeyboardMessage.Released({ key: event.key })))\n  return Stream.mergeAll([downs, ups], { concurrency: 'unbounded' })\n}\n","/**\n * Pointer position as an entry — not a bundle, because the parent owns what\n * it keeps (a cursor, a drag anchor, hover state): this reports moves, and\n * the parent stores what matters. Element-scoped pointer needs are Mounts,\n * not this window-level entry.\n */\nimport { Schema, Stream } from 'effect'\nimport { defineMessageUnion } from 'foldkit/message'\n\nexport const PointerMessage = defineMessageUnion({\n  Moved: { x: Schema.Number, y: Schema.Number },\n})\nexport type PointerMessage = typeof PointerMessage.Type\n\n/**\n * Pointer moves on the window. Without a window the stream is empty instead\n * of throwing. Lift with `Subscription.persistent`, mapping into the\n * parent's Message.\n */\nexport const pointerEvents = (): Stream.Stream<PointerMessage> => {\n  if (typeof window === 'undefined') return Stream.empty\n  return Stream.fromEventListener<PointerEvent>(window, 'pointermove').pipe(\n    Stream.map(event => PointerMessage.Moved({ x: event.clientX, y: event.clientY })),\n  )\n}\n","/**\n * Window scroll position as an entry — not a bundle, because the parent\n * owns what it keeps (a stuck header, a back-to-top gate, restore-on-back):\n * this reports positions, and the parent stores what matters.\n * Element-scoped scrolling needs a Mount, not this window-level entry.\n */\nimport { Schema, Stream } from 'effect'\nimport { defineMessageUnion } from 'foldkit/message'\n\nexport const ScrollMessage = defineMessageUnion({\n  Scrolled: { x: Schema.Number, y: Schema.Number },\n})\nexport type ScrollMessage = typeof ScrollMessage.Type\n\n/**\n * Scrolls on the window, in the capture phase so container scrolls (which\n * do not bubble) report too. Without a window the stream is empty instead\n * of throwing. Lift with `Subscription.persistent`, mapping into the\n * parent's Message.\n */\nexport const scrollEvents = (): Stream.Stream<ScrollMessage> => {\n  if (typeof window === 'undefined') return Stream.empty\n  return Stream.fromEventListener(window, 'scroll', { capture: true }).pipe(\n    Stream.map(() => ScrollMessage.Scrolled({ x: window.scrollX, y: window.scrollY })),\n  )\n}\n","/**\n * Page visibility as a bundle: `visible` in the Model, read from the\n * document at startup and kept current by `visibilitychange`. A hidden page\n * is the application's cue to pause polling, animations, and realtime\n * streams; the decision stays in application `update`, not here.\n */\nimport { Schema, Stream } from 'effect'\nimport { defineMessageUnion } from 'foldkit/message'\nimport * as Subscription from 'foldkit/subscription'\nimport { Bundle } from 'foldkit-bundle'\n\nexport const VisibilityModel = Schema.Struct({ visible: Schema.Boolean })\nexport type VisibilityModel = typeof VisibilityModel.Type\n\nexport const VisibilityMessage = defineMessageUnion({ Changed: { visible: Schema.Boolean } })\nexport type VisibilityMessage = typeof VisibilityMessage.Type\n\nconst isVisible = (): boolean =>\n  typeof document === 'undefined' || document.visibilityState !== 'hidden'\n\nconst visibilityStream = (): Stream.Stream<VisibilityMessage> => {\n  if (typeof document === 'undefined' || typeof document.addEventListener !== 'function') {\n    return Stream.empty\n  }\n  return Stream.concat(\n    Stream.make(VisibilityMessage.Changed({ visible: isVisible() })),\n    Stream.fromEventListener(document, 'visibilitychange').pipe(\n      Stream.map(() => VisibilityMessage.Changed({ visible: isVisible() })),\n    ),\n  )\n}\n\nexport const Visibility = Bundle.make('Visibility', {\n  Model: VisibilityModel,\n  Message: VisibilityMessage,\n  // No document (SSR): assume visible; the stream corrects on subscribe.\n  init: () => ({ model: { visible: isVisible() } }),\n  update: (model, message) => ({ model: { visible: message.visible } }),\n  subscriptions: (): Subscription.Subscriptions<VisibilityModel, VisibilityMessage> =>\n    Subscription.make<VisibilityModel, VisibilityMessage>()(() => ({\n      changes: Subscription.persistent(visibilityStream()),\n    })),\n})\n","/**\n * Window size as a bundle: `{ width, height }` in the Model, read from the\n * window at startup and kept current by one `resize` listener. Breakpoints\n * owns its own listener and derives names; place this one when views need\n * the raw pixels. Placing both doubles resize listeners — pick the one the\n * view reads.\n */\nimport { Effect, Queue, Schema, Stream } from 'effect'\nimport { defineMessageUnion } from 'foldkit/message'\nimport * as Subscription from 'foldkit/subscription'\nimport { Bundle } from 'foldkit-bundle'\n\nexport const WindowSizeModel = Schema.Struct({ width: Schema.Number, height: Schema.Number })\nexport type WindowSizeModel = typeof WindowSizeModel.Type\n\nexport const WindowSizeMessage = defineMessageUnion({\n  Changed: { width: Schema.Number, height: Schema.Number },\n})\nexport type WindowSizeMessage = typeof WindowSizeMessage.Type\n\nconst readSize = (): { readonly width: number; readonly height: number } => ({\n  width: window.innerWidth,\n  height: window.innerHeight,\n})\n\nconst sizeStream = (): Stream.Stream<WindowSizeMessage> => {\n  if (typeof window === 'undefined' || typeof window.addEventListener !== 'function') {\n    return Stream.empty\n  }\n  return Stream.unwrap(\n    Effect.gen(function* () {\n      const queue = yield* Queue.unbounded<WindowSizeMessage>()\n      const onResize = () => {\n        const size = readSize()\n        Effect.runFork(\n          Queue.offer(queue, WindowSizeMessage.Changed({ width: size.width, height: size.height })),\n        )\n      }\n      window.addEventListener('resize', onResize)\n      yield* Effect.addFinalizer(() =>\n        Effect.sync(() => {\n          window.removeEventListener('resize', onResize)\n        }),\n      )\n      const size = readSize()\n      return Stream.concat(\n        Stream.make(WindowSizeMessage.Changed({ width: size.width, height: size.height })),\n        Stream.fromQueue(queue),\n      )\n    }),\n  )\n}\n\nexport const WindowSize = Bundle.make('WindowSize', {\n  Model: WindowSizeModel,\n  Message: WindowSizeMessage,\n  init: () => ({ model: { width: 0, height: 0 } }),\n  update: (model, message) => ({ model: { width: message.width, height: message.height } }),\n  subscriptions: (): Subscription.Subscriptions<WindowSizeModel, WindowSizeMessage> =>\n    Subscription.make<WindowSizeModel, WindowSizeMessage>()(() => ({\n      changes: Subscription.persistent(sizeStream()),\n    })),\n})\n"],"mappings":"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"}

package/dist/index.d.mts

@@ -0,0 +1,10 @@
+import { Coordinates, FullscreenMessage, Geolocation, GeolocationMessage, GeolocationModel, LiveStream, LiveStreamService, MediaDevice, MediaDevicesHandle, MediaDevicesMessage, MediaDevicesModel, MediaStreamConstraints, MediaStreamHandle, MediaStreamMessage, MediaStreamModel, MediaTrackHandle, PermissionState, PermissionStatusHandle, PermissionsHandle, PermissionsMessage, PermissionsModel, Watch, WatchService, enterFullscreen, exitFullscreen, fullscreenChanges, mediaDevices, mediaStream, permissions } from "./device/index.mjs";
+import { Autofocus, ClipboardMessage, Focused, Input, InputMask, ScriptMessage, ShareData, ShareMessage, applyMask, copyText, loadScript, share } from "./dom/index.mjs";
+import { ActiveElementMessage, Idle, IdleMessage, IdleModel, KeyPress, KeyboardMessage, PointerMessage, ScrollMessage, Visibility, VisibilityMessage, VisibilityModel, WindowSize, WindowSizeMessage, WindowSizeModel, activeElementEvents, keyboardEvents, matchHotkey, pointerEvents, scrollEvents } from "./events/index.mjs";
+import { Breakpoints, BreakpointsMessage, BreakpointsModel, MediaQuery, MediaQueryMessage, MediaQueryModel, Platform, PrefersDark, PrefersReducedMotion, breakpointFor, isBrowser, isServer, platformFromUA } from "./media/index.mjs";
+import { Presence, PresenceMessage, PresenceModel, Spring, SpringMessage, SpringModel, Tween, TweenMessage, TweenModel, isVisible } from "./motion/index.mjs";
+import { Acquired, AcquiredSource, BroadcastChannelHandle, BroadcastMessage, Online, OnlineMessage, OnlineModel, Socket, SocketHandle, SocketService, Source, SourceHandle, SourceService, SseMessage, SseModel, WebSocketMessage, WebSocketModel, broadcastMessages, postBroadcast, sse, websocket } from "./net/index.mjs";
+import { Bounds, Intersection, IntersectionChanged, Measured, Mutated, Mutation, Resize, Resized } from "./observers/index.mjs";
+import { HistoryModel, Locale, LocaleMessage, LocaleModel, MasonryPlacement, MeasureRow, Pagination, PaginationMessage, PaginationModel, RowMeasured, SelectionSet, SelectionSetMessage, SelectionSetModel, Viewport, ViewportScrolled, Virtual, VirtualLayout, VirtualMessage, VirtualModel, VirtualWindow, canRedo, canUndo, history, isAtEnd, isSelected, masonry, offset, offsetFor, pageCount, range, stickyHeader, totalHeight, visibleRange, windowFor } from "./state/index.mjs";
+import { Interval, IntervalMessage, IntervalModel, Throttle, ThrottleMessage, ThrottleModel, Throttled, Timer, TimerMessage, TimerModel, debounce, formatRelativeTime } from "./time/index.mjs";
+export { Acquired, AcquiredSource, ActiveElementMessage, Autofocus, Bounds, Breakpoints, BreakpointsMessage, BreakpointsModel, BroadcastChannelHandle, BroadcastMessage, ClipboardMessage, Coordinates, Focused, FullscreenMessage, Geolocation, GeolocationMessage, GeolocationModel, HistoryModel, Idle, IdleMessage, IdleModel, Input, InputMask, Intersection, IntersectionChanged, Interval, IntervalMessage, IntervalModel, KeyPress, KeyboardMessage, LiveStream, LiveStreamService, Locale, LocaleMessage, LocaleModel, MasonryPlacement, MeasureRow, Measured, MediaDevice, MediaDevicesHandle, MediaDevicesMessage, MediaDevicesModel, MediaQuery, MediaQueryMessage, MediaQueryModel, MediaStreamConstraints, MediaStreamHandle, MediaStreamMessage, MediaStreamModel, MediaTrackHandle, Mutated, Mutation, Online, OnlineMessage, OnlineModel, Pagination, PaginationMessage, PaginationModel, PermissionState, PermissionStatusHandle, PermissionsHandle, PermissionsMessage, PermissionsModel, Platform, PointerMessage, PrefersDark, PrefersReducedMotion, Presence, PresenceMessage, PresenceModel, Resize, Resized, RowMeasured, ScriptMessage, ScrollMessage, SelectionSet, SelectionSetMessage, SelectionSetModel, ShareData, ShareMessage, Socket, SocketHandle, SocketService, Source, SourceHandle, SourceService, Spring, SpringMessage, SpringModel, SseMessage, SseModel, Throttle, ThrottleMessage, ThrottleModel, Throttled, Timer, TimerMessage, TimerModel, Tween, TweenMessage, TweenModel, Viewport, ViewportScrolled, Virtual, VirtualLayout, VirtualMessage, VirtualModel, VirtualWindow, Visibility, VisibilityMessage, VisibilityModel, Watch, WatchService, WebSocketMessage, WebSocketModel, WindowSize, WindowSizeMessage, WindowSizeModel, activeElementEvents, applyMask, breakpointFor, broadcastMessages, canRedo, canUndo, copyText, debounce, enterFullscreen, exitFullscreen, formatRelativeTime, fullscreenChanges, history, isAtEnd, isBrowser, isSelected, isServer, isVisible, keyboardEvents, loadScript, masonry, matchHotkey, mediaDevices, mediaStream, offset, offsetFor, pageCount, permissions, platformFromUA, pointerEvents, postBroadcast, range, scrollEvents, share, sse, stickyHeader, totalHeight, visibleRange, websocket, windowFor };

package/dist/index.mjs

@@ -0,0 +1,10 @@
+import { Autofocus, ClipboardMessage, Focused, Input, InputMask, ScriptMessage, ShareData, ShareMessage, applyMask, copyText, loadScript, share } from "./dom/index.mjs";
+import { Coordinates, FullscreenMessage, Geolocation, GeolocationMessage, GeolocationModel, LiveStream, MediaDevice, MediaDevicesMessage, MediaDevicesModel, MediaStreamMessage, MediaStreamModel, PermissionState, PermissionsMessage, PermissionsModel, Watch, enterFullscreen, exitFullscreen, fullscreenChanges, mediaDevices, mediaStream, permissions } from "./device/index.mjs";
+import { ActiveElementMessage, Idle, IdleMessage, IdleModel, KeyboardMessage, PointerMessage, ScrollMessage, Visibility, VisibilityMessage, VisibilityModel, WindowSize, WindowSizeMessage, WindowSizeModel, activeElementEvents, keyboardEvents, matchHotkey, pointerEvents, scrollEvents } from "./events/index.mjs";
+import { Breakpoints, BreakpointsMessage, BreakpointsModel, MediaQuery, MediaQueryMessage, MediaQueryModel, Platform, PrefersDark, PrefersReducedMotion, breakpointFor, isBrowser, isServer, platformFromUA } from "./media/index.mjs";
+import { Presence, PresenceMessage, PresenceModel, Spring, SpringMessage, SpringModel, Tween, TweenMessage, TweenModel, isVisible } from "./motion/index.mjs";
+import { BroadcastMessage, Online, OnlineMessage, OnlineModel, Socket, Source, SseMessage, SseModel, WebSocketMessage, WebSocketModel, broadcastMessages, postBroadcast, sse, websocket } from "./net/index.mjs";
+import { Bounds, Intersection, IntersectionChanged, Measured, Mutated, Mutation, Resize, Resized } from "./observers/index.mjs";
+import { HistoryModel, Locale, LocaleMessage, LocaleModel, MeasureRow, Pagination, PaginationMessage, PaginationModel, RowMeasured, SelectionSet, SelectionSetMessage, SelectionSetModel, Viewport, ViewportScrolled, Virtual, VirtualMessage, VirtualModel, canRedo, canUndo, history, isAtEnd, isSelected, masonry, offset, offsetFor, pageCount, range, stickyHeader, totalHeight, visibleRange, windowFor } from "./state/index.mjs";
+import { Interval, IntervalMessage, IntervalModel, Throttle, ThrottleMessage, ThrottleModel, Throttled, Timer, TimerMessage, TimerModel, debounce, formatRelativeTime } from "./time/index.mjs";
+export { ActiveElementMessage, Autofocus, Bounds, Breakpoints, BreakpointsMessage, BreakpointsModel, BroadcastMessage, ClipboardMessage, Coordinates, Focused, FullscreenMessage, Geolocation, GeolocationMessage, GeolocationModel, HistoryModel, Idle, IdleMessage, IdleModel, Input, InputMask, Intersection, IntersectionChanged, Interval, IntervalMessage, IntervalModel, KeyboardMessage, LiveStream, Locale, LocaleMessage, LocaleModel, MeasureRow, Measured, MediaDevice, MediaDevicesMessage, MediaDevicesModel, MediaQuery, MediaQueryMessage, MediaQueryModel, MediaStreamMessage, MediaStreamModel, Mutated, Mutation, Online, OnlineMessage, OnlineModel, Pagination, PaginationMessage, PaginationModel, PermissionState, PermissionsMessage, PermissionsModel, Platform, PointerMessage, PrefersDark, PrefersReducedMotion, Presence, PresenceMessage, PresenceModel, Resize, Resized, RowMeasured, ScriptMessage, ScrollMessage, SelectionSet, SelectionSetMessage, SelectionSetModel, ShareData, ShareMessage, Socket, Source, Spring, SpringMessage, SpringModel, SseMessage, SseModel, Throttle, ThrottleMessage, ThrottleModel, Throttled, Timer, TimerMessage, TimerModel, Tween, TweenMessage, TweenModel, Viewport, ViewportScrolled, Virtual, VirtualMessage, VirtualModel, Visibility, VisibilityMessage, VisibilityModel, Watch, WebSocketMessage, WebSocketModel, WindowSize, WindowSizeMessage, WindowSizeModel, activeElementEvents, applyMask, breakpointFor, broadcastMessages, canRedo, canUndo, copyText, debounce, enterFullscreen, exitFullscreen, formatRelativeTime, fullscreenChanges, history, isAtEnd, isBrowser, isSelected, isServer, isVisible, keyboardEvents, loadScript, masonry, matchHotkey, mediaDevices, mediaStream, offset, offsetFor, pageCount, permissions, platformFromUA, pointerEvents, postBroadcast, range, scrollEvents, share, sse, stickyHeader, totalHeight, visibleRange, websocket, windowFor };

package/dist/media/index.d.mts

@@ -0,0 +1,79 @@
+import { Schema } from "effect";
+import { Bundle } from "foldkit-bundle";
+//#region src/media/breakpoints.d.ts
+export declare const BreakpointsModel: Schema.Struct<{
+  readonly width: Schema.Number;
+  readonly breakpoint: Schema.NullOr<Schema.String>;
+}>;
+export type BreakpointsModel = typeof BreakpointsModel.Type;
+export declare const BreakpointsMessage: import("foldkit/message").MessageUnion<{
+  readonly Changed: {
+    readonly width: Schema.Number;
+  };
+}>;
+export type BreakpointsMessage = typeof BreakpointsMessage.Type;
+export declare const breakpointFor: (width: number, breakpoints: Readonly<Record<string, number>>) => string | null;
+export declare const Breakpoints: Bundle.Bundle<"Breakpoints", {
+  readonly breakpoints: {
+    readonly [x: string]: number;
+  };
+}, {
+  width: number;
+  breakpoint: string | null;
+}, {
+  readonly _tag: "Changed";
+  readonly width: number;
+}, never, never, never, void, {}, {}>;
+//#endregion
+//#region src/media/mediaquery.d.ts
+export declare const MediaQueryModel: Schema.Struct<{
+  readonly matches: Schema.Boolean;
+}>;
+export type MediaQueryModel = typeof MediaQueryModel.Type;
+export declare const MediaQueryMessage: import("foldkit/message").MessageUnion<{
+  readonly Changed: {
+    readonly matches: Schema.Boolean;
+  };
+}>;
+export type MediaQueryMessage = typeof MediaQueryMessage.Type;
+export declare const MediaQuery: Bundle.Bundle<"MediaQuery", {
+  readonly query: string;
+}, {
+  matches: boolean;
+}, {
+  readonly _tag: "Changed";
+  readonly matches: boolean;
+}, never, never, never, void, {}, {}>;
+/** `(prefers-color-scheme: dark)`, bound so placements give no args. */
+export declare const PrefersDark: Bundle.Bundle<"MediaQuery", void, {
+  matches: boolean;
+}, {
+  readonly _tag: "Changed";
+  readonly matches: boolean;
+}, never, never, never, void, {}, {}>;
+/** `(prefers-reduced-motion: reduce)`, bound so placements give no args. */
+export declare const PrefersReducedMotion: Bundle.Bundle<"MediaQuery", void, {
+  matches: boolean;
+}, {
+  readonly _tag: "Changed";
+  readonly matches: boolean;
+}, never, never, never, void, {}, {}>;
+//#endregion
+//#region src/media/platform.d.ts
+/**
+ * Platform detection as pure functions. `platformFromUA` reads a user-agent
+ * string (passed in, so tests pin it without stubbing globals); order
+ * matters — Android contains "Linux", iPhones mention "Mac" — so mobile
+ * checks come first. `isBrowser`/`isServer` split SSR from client for init
+ * defaults. Desktop-mode iPads report `mac` — their UA hides the tablet;
+ * touch detection stays the application's job.
+ */
+export declare const Platform: readonly ["mac", "windows", "linux", "android", "ios", "unknown"];
+export type Platform = (typeof Platform)[number];
+export declare const platformFromUA: (userAgent: string) => Platform;
+/** Whether a window exists: the client side of an SSR split. */
+export declare const isBrowser: () => boolean;
+/** Whether no window exists: the server side of an SSR split. */
+export declare const isServer: () => boolean;
+//#endregion
+//# sourceMappingURL=index.d.mts.map

package/dist/media/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","names":[],"sources":["../../src/media/breakpoints.ts","../../src/media/mediaquery.ts","../../src/media/platform.ts"],"mappings":";;;qBAWa,kBAAgB,OAAA;;;;YAIjB,0BAA0B,iBAAiB;qBAE1C,8CAAkB;;oBAAlB,OAAA;;;YACD,4BAA4B,mBAAmB;qBAE9C,gBAAa,eACX,aACA,SAAS;qBAyCX,aAAW,OAAA;;;;;;;;;;;;;qBCrDX,iBAAe,OAAA;;;YAChB,yBAAyB,gBAAgB;qBAExC,6CAAiB;;sBAAjB,OAAA;;;YACD,2BAA2B,kBAAkB;qBA4B5C,YAAU,OAAA;;;;;;;;;qBAaV,aAAW,OAAA;;;;;;;qBAGX,sBAAoB,OAAA;;;;;;;;;;;;;;;;qBClDpB;YACD,mBAAmB;qBAElB,iBAAc,sBAAwB;;qBAWtC;;qBAGA"}

package/dist/media/index.mjs

@@ -0,0 +1,127 @@
+import { Effect, Queue, Schema, Stream } from "effect";
+import { defineMessageUnion } from "foldkit/message";
+import * as Subscription from "foldkit/subscription";
+import { Bundle } from "foldkit-bundle";
+//#region src/media/breakpoints.ts
+/**
+* Named breakpoints over the viewport width: one `resize` listener, derived
+* names in `update`. Thresholds are mobile-first min-widths: the breakpoint
+* is the largest name whose threshold is <= width. Ties break
+* alphabetically so duplicates stay deterministic.
+*/
+const BreakpointsModel = Schema.Struct({
+	width: Schema.Number,
+	breakpoint: Schema.NullOr(Schema.String)
+});
+const BreakpointsMessage = defineMessageUnion({ Changed: { width: Schema.Number } });
+const breakpointFor = (width, breakpoints) => {
+	let best = null;
+	let bestThreshold = -Infinity;
+	for (const name of Object.keys(breakpoints)) {
+		const threshold = breakpoints[name];
+		if (threshold <= width && (threshold > bestThreshold || threshold === bestThreshold && (best === null || name > best))) {
+			best = name;
+			bestThreshold = threshold;
+		}
+	}
+	return best;
+};
+const widthStream = () => {
+	if (typeof window === "undefined" || typeof window.addEventListener !== "function") return Stream.empty;
+	return Stream.unwrap(Effect.gen(function* () {
+		const queue = yield* Queue.unbounded();
+		const onResize = () => {
+			Effect.runFork(Queue.offer(queue, BreakpointsMessage.Changed({ width: window.innerWidth })));
+		};
+		window.addEventListener("resize", onResize);
+		yield* Effect.addFinalizer(() => Effect.sync(() => {
+			window.removeEventListener("resize", onResize);
+		}));
+		return Stream.concat(Stream.make(BreakpointsMessage.Changed({ width: window.innerWidth })), Stream.fromQueue(queue));
+	}));
+};
+const Breakpoints = Bundle.make("Breakpoints", {
+	Model: BreakpointsModel,
+	Message: BreakpointsMessage,
+	args: Schema.Struct({ breakpoints: Schema.Record(Schema.String, Schema.Number.pipe(Schema.check(Schema.isFinite()))) }),
+	init: (args) => ({ model: {
+		width: 0,
+		breakpoint: breakpointFor(0, args.breakpoints)
+	} }),
+	update: (model, message, args) => BreakpointsMessage.match(message, { Changed: ({ width }) => ({ model: {
+		width,
+		breakpoint: breakpointFor(width, args.breakpoints)
+	} }) }),
+	subscriptions: () => Subscription.make()(() => ({ changes: Subscription.persistent(widthStream()) }))
+});
+//#endregion
+//#region src/media/mediaquery.ts
+/**
+* A media query as a bundle: `matches` in the Model, kept current by a
+* `matchMedia` change stream. State stays in the parent Model, so it replays
+* and time-travels like any other state; the browser only reports facts.
+*/
+const MediaQueryModel = Schema.Struct({ matches: Schema.Boolean });
+const MediaQueryMessage = defineMessageUnion({ Changed: { matches: Schema.Boolean } });
+const matchMediaStream = (query) => {
+	if (typeof window === "undefined" || typeof window.matchMedia !== "function") return Stream.empty;
+	return Stream.unwrap(Effect.gen(function* () {
+		const queue = yield* Queue.unbounded();
+		const list = window.matchMedia(query);
+		const onChange = (event) => {
+			Effect.runFork(Queue.offer(queue, MediaQueryMessage.Changed({ matches: event.matches })));
+		};
+		list.addEventListener("change", onChange);
+		yield* Effect.addFinalizer(() => Effect.sync(() => {
+			list.removeEventListener("change", onChange);
+		}));
+		return Stream.concat(Stream.make(MediaQueryMessage.Changed({ matches: list.matches })), Stream.fromQueue(queue));
+	}));
+};
+const MediaQuery = Bundle.make("MediaQuery", {
+	Model: MediaQueryModel,
+	Message: MediaQueryMessage,
+	args: Schema.Struct({ query: Schema.String }),
+	init: () => ({ model: { matches: false } }),
+	update: (model, message) => ({ model: { matches: message.matches } }),
+	subscriptions: ({ query }) => Subscription.make()(() => ({ changes: Subscription.persistent(matchMediaStream(query)) }))
+});
+/** `(prefers-color-scheme: dark)`, bound so placements give no args. */
+const PrefersDark = MediaQuery.with({ query: "(prefers-color-scheme: dark)" });
+/** `(prefers-reduced-motion: reduce)`, bound so placements give no args. */
+const PrefersReducedMotion = MediaQuery.with({ query: "(prefers-reduced-motion: reduce)" });
+//#endregion
+//#region src/media/platform.ts
+/**
+* Platform detection as pure functions. `platformFromUA` reads a user-agent
+* string (passed in, so tests pin it without stubbing globals); order
+* matters — Android contains "Linux", iPhones mention "Mac" — so mobile
+* checks come first. `isBrowser`/`isServer` split SSR from client for init
+* defaults. Desktop-mode iPads report `mac` — their UA hides the tablet;
+* touch detection stays the application's job.
+*/
+const Platform = [
+	"mac",
+	"windows",
+	"linux",
+	"android",
+	"ios",
+	"unknown"
+];
+const platformFromUA = (userAgent) => {
+	const ua = userAgent.toLowerCase();
+	if (ua.includes("android")) return "android";
+	if (ua.includes("iphone") || ua.includes("ipad") || ua.includes("ipod")) return "ios";
+	if (ua.includes("windows") || ua.includes("win32") || ua.includes("win64")) return "windows";
+	if (ua.includes("macintosh") || ua.includes("mac os")) return "mac";
+	if (ua.includes("linux")) return "linux";
+	return "unknown";
+};
+/** Whether a window exists: the client side of an SSR split. */
+const isBrowser = () => typeof window !== "undefined";
+/** Whether no window exists: the server side of an SSR split. */
+const isServer = () => !isBrowser();
+//#endregion
+export { Breakpoints, BreakpointsMessage, BreakpointsModel, MediaQuery, MediaQueryMessage, MediaQueryModel, Platform, PrefersDark, PrefersReducedMotion, breakpointFor, isBrowser, isServer, platformFromUA };
+
+//# sourceMappingURL=index.mjs.map

package/dist/media/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../src/media/breakpoints.ts","../../src/media/mediaquery.ts","../../src/media/platform.ts"],"sourcesContent":["/**\n * Named breakpoints over the viewport width: one `resize` listener, derived\n * names in `update`. Thresholds are mobile-first min-widths: the breakpoint\n * is the largest name whose threshold is <= width. Ties break\n * alphabetically so duplicates stay deterministic.\n */\nimport { Effect, Queue, Schema, Stream } from 'effect'\nimport { defineMessageUnion } from 'foldkit/message'\nimport * as Subscription from 'foldkit/subscription'\nimport { Bundle } from 'foldkit-bundle'\n\nexport const BreakpointsModel = Schema.Struct({\n  width: Schema.Number,\n  breakpoint: Schema.NullOr(Schema.String),\n})\nexport type BreakpointsModel = typeof BreakpointsModel.Type\n\nexport const BreakpointsMessage = defineMessageUnion({ Changed: { width: Schema.Number } })\nexport type BreakpointsMessage = typeof BreakpointsMessage.Type\n\nexport const breakpointFor = (\n  width: number,\n  breakpoints: Readonly<Record<string, number>>,\n): string | null => {\n  let best: string | null = null\n  let bestThreshold = -Infinity\n  for (const name of Object.keys(breakpoints)) {\n    const threshold = breakpoints[name]!\n    if (\n      threshold <= width &&\n      (threshold > bestThreshold || (threshold === bestThreshold && (best === null || name > best)))\n    ) {\n      best = name\n      bestThreshold = threshold\n    }\n  }\n  return best\n}\n\nconst widthStream = (): Stream.Stream<BreakpointsMessage> => {\n  if (typeof window === 'undefined' || typeof window.addEventListener !== 'function') {\n    return Stream.empty\n  }\n  return Stream.unwrap(\n    Effect.gen(function* () {\n      const queue = yield* Queue.unbounded<BreakpointsMessage>()\n      const onResize = () => {\n        Effect.runFork(Queue.offer(queue, BreakpointsMessage.Changed({ width: window.innerWidth })))\n      }\n      window.addEventListener('resize', onResize)\n      yield* Effect.addFinalizer(() =>\n        Effect.sync(() => {\n          window.removeEventListener('resize', onResize)\n        }),\n      )\n      return Stream.concat(\n        Stream.make(BreakpointsMessage.Changed({ width: window.innerWidth })),\n        Stream.fromQueue(queue),\n      )\n    }),\n  )\n}\n\nexport const Breakpoints = Bundle.make('Breakpoints', {\n  Model: BreakpointsModel,\n  Message: BreakpointsMessage,\n  args: Schema.Struct({\n    breakpoints: Schema.Record(Schema.String, Schema.Number.pipe(Schema.check(Schema.isFinite()))),\n  }),\n  init: args => ({\n    model: { width: 0, breakpoint: breakpointFor(0, args.breakpoints) },\n  }),\n  update: (model, message, args) =>\n    BreakpointsMessage.match(message, {\n      Changed: ({ width }) => ({\n        model: { width, breakpoint: breakpointFor(width, args.breakpoints) },\n      }),\n    }),\n  subscriptions: (): Subscription.Subscriptions<BreakpointsModel, BreakpointsMessage> =>\n    Subscription.make<BreakpointsModel, BreakpointsMessage>()(() => ({\n      changes: Subscription.persistent(widthStream()),\n    })),\n})\n","/**\n * A media query as a bundle: `matches` in the Model, kept current by a\n * `matchMedia` change stream. State stays in the parent Model, so it replays\n * and time-travels like any other state; the browser only reports facts.\n */\nimport { Effect, Queue, Schema, Stream } from 'effect'\nimport { defineMessageUnion } from 'foldkit/message'\nimport * as Subscription from 'foldkit/subscription'\nimport { Bundle } from 'foldkit-bundle'\n\nexport const MediaQueryModel = Schema.Struct({ matches: Schema.Boolean })\nexport type MediaQueryModel = typeof MediaQueryModel.Type\n\nexport const MediaQueryMessage = defineMessageUnion({ Changed: { matches: Schema.Boolean } })\nexport type MediaQueryMessage = typeof MediaQueryMessage.Type\n\nconst matchMediaStream = (query: string): Stream.Stream<MediaQueryMessage> => {\n  // No window (SSR) or no matchMedia (old browser, minimal DOM): nothing to\n  // listen to, so the slice keeps its initial value instead of throwing.\n  if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') return Stream.empty\n  return Stream.unwrap(\n    Effect.gen(function* () {\n      const queue = yield* Queue.unbounded<MediaQueryMessage>()\n      const list = window.matchMedia(query)\n      const onChange = (event: MediaQueryListEvent) => {\n        Effect.runFork(Queue.offer(queue, MediaQueryMessage.Changed({ matches: event.matches })))\n      }\n      list.addEventListener('change', onChange)\n      yield* Effect.addFinalizer(() =>\n        Effect.sync(() => {\n          list.removeEventListener('change', onChange)\n        }),\n      )\n      // The current value first, so the Model is right before the first change.\n      return Stream.concat(\n        Stream.make(MediaQueryMessage.Changed({ matches: list.matches })),\n        Stream.fromQueue(queue),\n      )\n    }),\n  )\n}\n\nexport const MediaQuery = Bundle.make('MediaQuery', {\n  Model: MediaQueryModel,\n  Message: MediaQueryMessage,\n  args: Schema.Struct({ query: Schema.String }),\n  init: () => ({ model: { matches: false } }),\n  update: (model, message) => ({ model: { matches: message.matches } }),\n  subscriptions: ({ query }): Subscription.Subscriptions<MediaQueryModel, MediaQueryMessage> =>\n    Subscription.make<MediaQueryModel, MediaQueryMessage>()(() => ({\n      changes: Subscription.persistent(matchMediaStream(query)),\n    })),\n})\n\n/** `(prefers-color-scheme: dark)`, bound so placements give no args. */\nexport const PrefersDark = MediaQuery.with({ query: '(prefers-color-scheme: dark)' })\n\n/** `(prefers-reduced-motion: reduce)`, bound so placements give no args. */\nexport const PrefersReducedMotion = MediaQuery.with({ query: '(prefers-reduced-motion: reduce)' })\n","/**\n * Platform detection as pure functions. `platformFromUA` reads a user-agent\n * string (passed in, so tests pin it without stubbing globals); order\n * matters — Android contains \"Linux\", iPhones mention \"Mac\" — so mobile\n * checks come first. `isBrowser`/`isServer` split SSR from client for init\n * defaults. Desktop-mode iPads report `mac` — their UA hides the tablet;\n * touch detection stays the application's job.\n */\nexport const Platform = ['mac', 'windows', 'linux', 'android', 'ios', 'unknown'] as const\nexport type Platform = (typeof Platform)[number]\n\nexport const platformFromUA = (userAgent: string): Platform => {\n  const ua = userAgent.toLowerCase()\n  if (ua.includes('android')) return 'android'\n  if (ua.includes('iphone') || ua.includes('ipad') || ua.includes('ipod')) return 'ios'\n  if (ua.includes('windows') || ua.includes('win32') || ua.includes('win64')) return 'windows'\n  if (ua.includes('macintosh') || ua.includes('mac os')) return 'mac'\n  if (ua.includes('linux')) return 'linux'\n  return 'unknown'\n}\n\n/** Whether a window exists: the client side of an SSR split. */\nexport const isBrowser = (): boolean => typeof window !== 'undefined'\n\n/** Whether no window exists: the server side of an SSR split. */\nexport const isServer = (): boolean => !isBrowser()\n"],"mappings":"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"}