@opentf/web 0.10.0 → 0.11.0

package/README.md

@@ -25,7 +25,8 @@ and drive it with [`@opentf/web-cli`](https://github.com/Open-Tech-Foundation/We
   `Portal`, `ErrorBoundary`, and event dispatch (`emit`).
 - **Compiler macros** — authored in your components, resolved at compile time:
   `$state`, `$derived`, `$ref`, `$context`, `$effect`, `$expose`, and the
-  `onMount` / `onCleanup` lifecycle hooks.
+  `onMount` / `onCleanup` / `onResize` / `onVisibilityChange` / `onMediaQuery`
+  lifecycle hooks.
 - **`<Link>`** — client-side navigation, shipped as JSX source and compiled by your
   app's pipeline.
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentf/web",
-  "version": "0.10.0",
+  "version": "0.11.0",
   "description": "The native-first OTF Web runtime — signal-based reactivity and zero-VDOM DOM operations, paired with the IR-based compiler.",
   "type": "module",
   "exports": {

package/runtime/lifecycle.js

@@ -1,9 +1,14 @@
-// Lifecycle hooks. `onMount`/`onCleanup` are compiler macros: the OpenTF
-// compiler collects their callbacks and wires them into a component's
-// connect/disconnect (Custom Element) or a page/layout factory's `__lifecycle`
-// record. These exports exist so the source-level `import { onMount } from
-// "@opentf/web"` resolves, and so calling them outside a compiled component (or
-// during SSR) is a safe no-op rather than a crash.
+// Lifecycle hooks. `onMount`/`onCleanup`/`onResize`/`onMediaQuery`/
+// `onVisibilityChange` are compiler macros: the OpenTF compiler collects their
+// callbacks and wires them into a component's connect/disconnect (Custom
+// Element) or a page/layout factory's `__lifecycle` record — the DOM hooks
+// desugar to ResizeObserver/IntersectionObserver/matchMedia setup with
+// automatic teardown. These exports exist so the source-level `import {
+// onMount } from "@opentf/web"` resolves, and so calling them outside a
+// compiled component (or during SSR) is a safe no-op rather than a crash.
 
 export function onMount() {}
 export function onCleanup() {}
+export function onResize() {}
+export function onMediaQuery() {}
+export function onVisibilityChange() {}