@opentf/web 0.9.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.9.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() {}

package/runtime/router.js

@@ -338,7 +338,13 @@ export async function navigate(path, replace = false, isPop = false, hydrate = f
   if (guard) {
     let redirected = false;
     const to = {
+      // `pathname` is the documented, platform-standard field (matches the URL API
+      // and `router.pathname`); `path` is kept as a back-compat alias. `fullPath`
+      // is the whole relative URL (pathname + query + hash), for guards that need to
+      // preserve or inspect the query/hash (e.g. redirect back after login).
+      pathname: url.pathname,
       path: url.pathname,
+      fullPath: url.pathname + url.search + url.hash,
       params: matchRoute(url.pathname)?.params || {},
       query: Object.fromEntries(url.searchParams),
     };