@crimson_dev/use-resize-observer 0.2.0 → 0.3.0

package/CHANGELOG.md

@@ -5,6 +5,32 @@ All notable changes to `@crimson_dev/use-resize-observer` will be documented in
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.3.0] - 2026-03-05
+
+### Added
+- OKLCH theme hardening: `@property` definitions, `:root:not(.dark)` light mode, `--c-nav-bg` token
+- Typography: `text-wrap: balance` on headings, `text-wrap: pretty` on paragraphs, h5/h6 styles
+- Accessibility: universal `prefers-reduced-motion` reset, `:focus-visible` keyboard navigation style
+- GPU optimization: compositor-only shimmer animation, explicit `will-change` on animated elements
+- Firefox scrollbar styling (`scrollbar-width: thin`)
+- `content-visibility: auto` on footer for off-screen optimization
+- `view-transition-name: sidebar` for page navigation transitions
+
+### Changed
+- All "Sub-300B" size claims corrected to actual 1.04 kB across homepage, README, bundle-size guide, blog, contributing, architecture, and troubleshooting docs
+- `src/shim/wasm-round.ts`: `sumPrecise` param now `readonly number[]`; `normalizeDimension` delegates to `roundToDevicePixel` (removes duplication)
+- `src/pool.ts`: clarifying comment on fire-and-forget `Promise.try()` pattern
+- SVG diagrams optimized via SVGO 4: 24-33% size reduction with `prefers-reduced-motion` preserved
+- All `transition: all` replaced with explicit property lists across theme CSS
+- Nav/sidebar/search backdrop-filter enhanced with `saturate()` for richer visual effect
+- Theme animations: `will-change: background` replaced with `will-change: --crimson-hue` (compositor-friendly)
+
+### Fixed
+- Visualizer demo page: replaced incomplete `<script setup>` stub with proper info block
+- Homepage tagline: "Sub-300B gzip" corrected to "< 1.1kB gzip"
+- 8 documentation pages with stale size claims corrected
+- Light mode theme not applying (was using `@media prefers-color-scheme` instead of VitePress `.dark` class toggle)
+
 ## [0.2.0] - 2026-03-05
 
 ### Added
@@ -75,6 +101,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Stable callback identity via ref pattern (React Compiler safe)
 - Worker mode: SharedArrayBuffer + Float16Array + Atomics for off-main-thread
 
+[0.3.0]: https://github.com/ABCrimson/use-resize-observer/releases/tag/v0.3.0
 [0.2.0]: https://github.com/ABCrimson/use-resize-observer/releases/tag/v0.2.0
 [0.1.1]: https://github.com/ABCrimson/use-resize-observer/releases/tag/v0.1.1
 [0.1.0]: https://github.com/ABCrimson/use-resize-observer/releases/tag/v0.1.0

package/README.md

@@ -65,7 +65,7 @@ Most resize hooks create **one `ResizeObserver` per component**. At scale, that
 ## Highlights
 
 <table>
-<tr><td>📦</td><td><strong>&lt; 1.1kB</strong> gzip &middot; zero dependencies</td></tr>
+<tr><td>📦</td><td><strong>1.04 kB</strong> gzip &middot; zero dependencies</td></tr>
 <tr><td>⚡</td><td>Shared <code>ResizeObserver</code> pool &middot; rAF batching &middot; <code>startTransition</code></td></tr>
 <tr><td>🧵</td><td>Worker mode via <code>SharedArrayBuffer</code> + <code>Float16Array</code></td></tr>
 <tr><td>🎯</td><td>All 3 box models: <code>content-box</code>, <code>border-box</code>, <code>device-pixel-content-box</code></td></tr>
@@ -166,7 +166,7 @@ observer.observe(element, (entry) => console.log(entry));
 
 | | `use-resize-observer@9` | `@crimson_dev/use-resize-observer` |
 |---|---|---|
-| Bundle | ~800B | **< 1.1kB** (pool + scheduler + hook) |
+| Bundle | ~800B | **1.04 kB** (pool + scheduler + hook) |
 | React | 16.8+ | **19.3+** with Compiler |
 | Module | CJS + ESM | **ESM only** |
 | TypeScript | 4.x | **6.0 strict** |

package/dist/index.d.ts

@@ -51,7 +51,7 @@ declare const createResizeObserver: (options?: CreateResizeObserverOptions) => R
 * - `requestAnimationFrame` batching with `startTransition` wrapping
 * - GC-backed cleanup via `FinalizationRegistry`
 * - React Compiler-safe (stable callback identity via ref pattern)
-* - Sub-300B gzip bundle contribution
+* - Sub-1.1 kB gzip bundle contribution
 *
 * @param options - Configuration options.
 * @returns Ref, width, height, and raw entry.

package/dist/index.js

@@ -240,7 +240,7 @@ const createResizeObserver = (options = {}) => {
 * - `requestAnimationFrame` batching with `startTransition` wrapping
 * - GC-backed cleanup via `FinalizationRegistry`
 * - React Compiler-safe (stable callback identity via ref pattern)
-* - Sub-300B gzip bundle contribution
+* - Sub-1.1 kB gzip bundle contribution
 *
 * @param options - Configuration options.
 * @returns Ref, width, height, and raw entry.

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["#queue","#requestFlush","#rafId","#flush","#scheduler","#registry","#finalizer","#observer","#size"],"sources":["../src/context.ts","../src/scheduler.ts","../src/pool.ts","../src/factory.ts","../src/hook.ts","../src/hook-multi.ts"],"sourcesContent":["'use client';\n\nimport type React from 'react';\nimport { createContext, useContext } from 'react';\n\n/**\n * Context for injecting a custom `ResizeObserver` constructor.\n *\n * Useful for:\n * - **Testing**: Inject a mock `ResizeObserver` for deterministic tests.\n * - **SSR**: Inject a no-op implementation to avoid `ReferenceError`.\n * - **Polyfills**: Inject a polyfill without modifying `globalThis`.\n *\n * @example\n * ```tsx\n * // In tests:\n * <ResizeObserverContext.Provider value={MockResizeObserver}>\n *   <ComponentThatUsesResize />\n * </ResizeObserverContext.Provider>\n * ```\n */\nexport const ResizeObserverContext: React.Context<typeof ResizeObserver | null> = createContext<\n  typeof ResizeObserver | null\n>(null);\n\nResizeObserverContext.displayName = 'ResizeObserverContext';\n\n/**\n * Access the injected ResizeObserver constructor, falling back to the global.\n * @internal\n */\nexport const useResizeObserverConstructor = (): typeof ResizeObserver => {\n  const contextValue = useContext(ResizeObserverContext);\n  return contextValue ?? globalThis.ResizeObserver;\n};\n","'use client';\n\nimport { startTransition } from 'react';\n\nimport type { ResizeCallback } from './types.js';\n\n/**\n * Per-frame flush entry — snapshot of callbacks + latest entry for one element.\n * @internal\n */\ninterface FlushEntry {\n  readonly callbacks: ReadonlySet<ResizeCallback>;\n  readonly entry: ResizeObserverEntry;\n}\n\n/**\n * Batching scheduler that coalesces all ResizeObserver callbacks into a single\n * `requestAnimationFrame` flush, wrapped in React `startTransition` for\n * non-urgent update scheduling.\n *\n * Uses a `Map<Element, FlushEntry>` with last-write-wins semantics so that\n * 100 simultaneous resize events produce exactly 1 React render cycle.\n *\n * Implements `Disposable` for ES2026 `using` declarations.\n *\n * @internal\n */\nexport class RafScheduler implements Disposable {\n  readonly #queue = new Map<Element, FlushEntry>();\n  #rafId: number | null = null;\n\n  /** Enqueue a resize observation for the next rAF flush. */\n  schedule(target: Element, entry: ResizeObserverEntry, cbs: ReadonlySet<ResizeCallback>): void {\n    this.#queue.set(target, { callbacks: cbs, entry });\n    this.#requestFlush();\n  }\n\n  #requestFlush(): void {\n    if (this.#rafId !== null) return;\n    this.#rafId = requestAnimationFrame(() => {\n      this.#rafId = null;\n      this.#flush();\n    });\n  }\n\n  #flush(): void {\n    // Snapshot and clear before dispatching to avoid re-entrant mutations\n    const snapshot = new Map(this.#queue);\n    this.#queue.clear();\n\n    startTransition(() => {\n      for (const { callbacks, entry } of snapshot.values()) {\n        for (const cb of callbacks) {\n          cb(entry);\n        }\n      }\n    });\n  }\n\n  /** Cancel any pending rAF and clear the queue. */\n  cancel(): void {\n    if (this.#rafId !== null) {\n      cancelAnimationFrame(this.#rafId);\n      this.#rafId = null;\n    }\n    this.#queue.clear();\n  }\n\n  /** Disposable contract (ES2026 explicit resource management). */\n  [Symbol.dispose](): void {\n    this.cancel();\n  }\n}\n\n/** Create a new scheduler instance. @internal */\nexport const createScheduler = (): RafScheduler => new RafScheduler();\n","import { createScheduler, type RafScheduler } from './scheduler.js';\nimport type { ResizeCallback } from './types.js';\n\n/**\n * Shared observer pool that multiplexes many element observations through a\n * single `ResizeObserver` instance per document root.\n *\n * Uses `WeakMap` + `FinalizationRegistry` for GC-backed cleanup of detached\n * elements, and `RafScheduler` for batched, non-urgent React state updates.\n *\n * Implements `Disposable` for ES2026 `using` declarations.\n *\n * @internal\n */\nexport class ObserverPool implements Disposable {\n  readonly #scheduler: RafScheduler;\n  readonly #registry = new WeakMap<Element, Set<ResizeCallback>>();\n  readonly #finalizer = new FinalizationRegistry<WeakRef<Element>>((ref) => {\n    const el = ref.deref();\n    if (el) {\n      this.#observer.unobserve(el);\n      this.#size--;\n    }\n  });\n  readonly #observer: ResizeObserver;\n  #size = 0;\n\n  constructor(scheduler?: RafScheduler) {\n    this.#scheduler = scheduler ?? createScheduler();\n    this.#observer = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        const callbacks = this.#registry.get(entry.target);\n        if (callbacks?.size) {\n          this.#scheduler.schedule(entry.target, entry, callbacks);\n        }\n      }\n    });\n  }\n\n  /** Begin observing an element with the given options and callback. */\n  observe(target: Element, options: ResizeObserverOptions, cb: ResizeCallback): void {\n    let callbacks = this.#registry.get(target);\n    if (!callbacks) {\n      callbacks = new Set();\n      this.#registry.set(target, callbacks);\n      this.#finalizer.register(target, new WeakRef(target), target);\n      this.#observer.observe(target, options);\n      this.#size++;\n    }\n    callbacks.add(cb);\n  }\n\n  /** Stop a specific callback from observing the target. */\n  unobserve(target: Element, cb: ResizeCallback): void {\n    const callbacks = this.#registry.get(target);\n    if (!callbacks) return;\n    callbacks.delete(cb);\n    if (callbacks.size === 0) {\n      this.#registry.delete(target);\n      this.#finalizer.unregister(target);\n      this.#observer.unobserve(target);\n      this.#size--;\n    }\n  }\n\n  /** Number of currently observed elements. */\n  get observedCount(): number {\n    return this.#size;\n  }\n\n  /** Disposable contract (ES2026 explicit resource management). */\n  [Symbol.dispose](): void {\n    this.#observer.disconnect();\n    this.#scheduler.cancel();\n    this.#size = 0;\n  }\n}\n\n/**\n * Module-level weak registry of pools per document/shadow root.\n * Ensures a single shared pool per root context.\n */\nconst poolRegistry = new WeakMap<Document | ShadowRoot, ObserverPool>();\n\n/**\n * Get or create the shared observer pool for the given root.\n * Uses `Promise.try()` (ES2026) for safe async-context creation\n * with synchronous return path.\n *\n * @param root - Document or ShadowRoot to scope the pool to.\n * @returns The shared `ObserverPool` for the given root.\n * @internal\n */\nexport const getSharedPool = (root: Document | ShadowRoot): ObserverPool => {\n  const existing = poolRegistry.get(root);\n  if (existing) return existing;\n\n  // Promise.try() (ES2026) — safely wraps synchronous pool creation in a\n  // microtask-aware context, catching any constructor exceptions into a\n  // rejected promise for diagnostics while returning synchronously.\n  Promise.try(() => {\n    if (typeof globalThis.ResizeObserver === 'undefined') {\n      throw new Error(\n        '[@crimson_dev/use-resize-observer] ResizeObserver is not available. ' +\n          'Import the /shim entry or use the /server entry for SSR.',\n      );\n    }\n  }).catch((error: unknown) => {\n    console.error(Error.isError(error) ? error : new Error(String(error)));\n  });\n\n  const pool = new ObserverPool();\n  poolRegistry.set(root, pool);\n  return pool;\n};\n","import { getSharedPool } from './pool.js';\nimport type {\n  CreateResizeObserverOptions,\n  ResizeCallback,\n  ResizeObserverFactory,\n} from './types.js';\n\n/**\n * Framework-agnostic factory for creating a ResizeObserver subscription\n * using the shared pool architecture.\n *\n * Uses the same pool and scheduler as the React hook — no duplicate observers.\n * Implements cleanup tracking with `Map` for efficient iteration.\n *\n * @param options - Configuration options.\n * @returns An object with `observe`, `unobserve`, and `disconnect` methods.\n *\n * @example\n * ```ts\n * using observer = createResizeObserver({ box: 'border-box' });\n * observer.observe(element, (entry) => {\n *   console.log(entry.contentRect.width);\n * });\n * ```\n */\nexport const createResizeObserver = (\n  options: CreateResizeObserverOptions = {},\n): ResizeObserverFactory & Disposable => {\n  const { box = 'content-box', root = globalThis.document } = options;\n  const pool = getSharedPool(root);\n  const tracked = new Map<Element, Set<ResizeCallback>>();\n\n  const observe = (target: Element, callback: ResizeCallback): void => {\n    pool.observe(target, { box }, callback);\n\n    let cbs = tracked.get(target);\n    if (!cbs) {\n      cbs = new Set();\n      tracked.set(target, cbs);\n    }\n    cbs.add(callback);\n  };\n\n  const unobserve = (target: Element, callback: ResizeCallback): void => {\n    pool.unobserve(target, callback);\n    const cbs = tracked.get(target);\n    if (cbs) {\n      cbs.delete(callback);\n      if (cbs.size === 0) tracked.delete(target);\n    }\n  };\n\n  const disconnect = (): void => {\n    for (const [target, cbs] of tracked) {\n      for (const cb of cbs) {\n        pool.unobserve(target, cb);\n      }\n    }\n    tracked.clear();\n  };\n\n  return {\n    observe,\n    unobserve,\n    disconnect,\n    [Symbol.dispose](): void {\n      disconnect();\n    },\n  };\n};\n","'use client';\n\nimport { useEffect, useRef, useState } from 'react';\n\nimport { extractDimensions } from './extract.js';\nimport { getSharedPool } from './pool.js';\nimport type {\n  ResizeCallback,\n  ResizeObserverBoxOptions,\n  UseResizeObserverOptions,\n  UseResizeObserverResult,\n} from './types.js';\n\n/** Internal state shape — single object to batch width+height+entry in one setState. */\ninterface ObserverState {\n  readonly width: number;\n  readonly height: number;\n  readonly entry: ResizeObserverEntry;\n}\n\n/**\n * Primary React hook for observing element resize events.\n *\n * Features:\n * - Single shared `ResizeObserver` per document root (pool architecture)\n * - `requestAnimationFrame` batching with `startTransition` wrapping\n * - GC-backed cleanup via `FinalizationRegistry`\n * - React Compiler-safe (stable callback identity via ref pattern)\n * - Sub-300B gzip bundle contribution\n *\n * @param options - Configuration options.\n * @returns Ref, width, height, and raw entry.\n *\n * @example\n * ```tsx\n * const { ref, width, height } = useResizeObserver<HTMLDivElement>();\n * return <div ref={ref}>Size: {width} x {height}</div>;\n * ```\n */\nexport const useResizeObserver = <T extends Element = Element>(\n  options: UseResizeObserverOptions<T> = {},\n): UseResizeObserverResult<T> => {\n  const { ref: externalRef, box = 'content-box', root, onResize } = options;\n\n  const internalRef = useRef<T | null>(null);\n  const targetRef = externalRef ?? internalRef;\n\n  const [state, setState] = useState<ObserverState | undefined>(undefined);\n\n  // Stable callback ref — survives re-renders without triggering re-observation.\n  // Follows useEffectEvent semantics: latest closure captured, identity stable.\n  const onResizeRef = useRef(onResize);\n  onResizeRef.current = onResize;\n\n  const boxRef = useRef(box);\n  boxRef.current = box;\n\n  useEffect(() => {\n    const element = targetRef.current;\n    if (!element) return;\n\n    const observerRoot = root ?? element.ownerDocument;\n    const pool = getSharedPool(observerRoot);\n\n    const callback: ResizeCallback = (resizeEntry) => {\n      const { width: w, height: h } = extractDimensions(resizeEntry, boxRef.current);\n      setState({ width: w, height: h, entry: resizeEntry });\n      onResizeRef.current?.(resizeEntry);\n    };\n\n    pool.observe(element, { box }, callback);\n\n    return () => {\n      pool.unobserve(element, callback);\n    };\n  }, [targetRef, box, root]);\n\n  return {\n    ref: targetRef,\n    width: state?.width,\n    height: state?.height,\n    entry: state?.entry,\n  };\n};\n\nexport type { ResizeObserverBoxOptions, UseResizeObserverOptions, UseResizeObserverResult };\n","'use client';\n\nimport type { RefObject } from 'react';\nimport { useEffect, useRef, useState } from 'react';\n\nimport { extractBoxSize } from './extract.js';\nimport { getSharedPool } from './pool.js';\nimport type { ResizeCallback, ResizeObserverBoxOptions } from './types.js';\n\n/** Entry data for a single observed element in the multi-element hook. */\nexport interface ResizeEntry {\n  readonly width: number;\n  readonly height: number;\n  readonly entry: ResizeObserverEntry;\n}\n\n/** Options for `useResizeObserverEntries`. */\nexport interface UseResizeObserverEntriesOptions {\n  /** Which box model to report. @default 'content-box' */\n  box?: ResizeObserverBoxOptions;\n  /** Document or ShadowRoot scoping the pool. @default document */\n  root?: Document | ShadowRoot;\n}\n\n/**\n * Multi-element variant: observe multiple elements simultaneously through\n * a single pool subscription.\n *\n * @param refs - Array of refs pointing to elements to observe.\n * @param options - Configuration options.\n * @returns A `Map<Element, ResizeEntry>` keyed by observed element.\n *\n * @example\n * ```tsx\n * const ref1 = useRef<HTMLDivElement>(null);\n * const ref2 = useRef<HTMLDivElement>(null);\n * const entries = useResizeObserverEntries([ref1, ref2]);\n * ```\n */\nexport const useResizeObserverEntries = (\n  refs: ReadonlyArray<RefObject<Element | null>>,\n  options: UseResizeObserverEntriesOptions = {},\n): Map<Element, ResizeEntry> => {\n  const { box = 'content-box', root } = options;\n  const [entries, setEntries] = useState<Map<Element, ResizeEntry>>(new Map());\n  const boxRef = useRef(box);\n  boxRef.current = box;\n\n  useEffect(() => {\n    const cleanups: Array<() => void> = [];\n\n    for (const ref of refs) {\n      const element = ref.current;\n      if (!element) continue;\n\n      const observerRoot = root ?? element.ownerDocument;\n      const pool = getSharedPool(observerRoot);\n      const currentBox = boxRef.current;\n\n      const callback: ResizeCallback = (resizeEntry) => {\n        const sizeEntry = extractBoxSize(resizeEntry, currentBox);\n\n        setEntries((prev) => {\n          const next = new Map(prev);\n          next.set(element, {\n            width: sizeEntry?.inlineSize ?? 0,\n            height: sizeEntry?.blockSize ?? 0,\n            entry: resizeEntry,\n          });\n          return next;\n        });\n      };\n\n      pool.observe(element, { box: currentBox }, callback);\n      cleanups.push(() => pool.unobserve(element, callback));\n    }\n\n    return () => {\n      for (const cleanup of cleanups) {\n        cleanup();\n      }\n    };\n  }, [refs, root]);\n\n  return entries;\n};\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["#queue","#requestFlush","#rafId","#flush","#scheduler","#registry","#finalizer","#observer","#size"],"sources":["../src/context.ts","../src/scheduler.ts","../src/pool.ts","../src/factory.ts","../src/hook.ts","../src/hook-multi.ts"],"sourcesContent":["'use client';\n\nimport type React from 'react';\nimport { createContext, useContext } from 'react';\n\n/**\n * Context for injecting a custom `ResizeObserver` constructor.\n *\n * Useful for:\n * - **Testing**: Inject a mock `ResizeObserver` for deterministic tests.\n * - **SSR**: Inject a no-op implementation to avoid `ReferenceError`.\n * - **Polyfills**: Inject a polyfill without modifying `globalThis`.\n *\n * @example\n * ```tsx\n * // In tests:\n * <ResizeObserverContext.Provider value={MockResizeObserver}>\n *   <ComponentThatUsesResize />\n * </ResizeObserverContext.Provider>\n * ```\n */\nexport const ResizeObserverContext: React.Context<typeof ResizeObserver | null> = createContext<\n  typeof ResizeObserver | null\n>(null);\n\nResizeObserverContext.displayName = 'ResizeObserverContext';\n\n/**\n * Access the injected ResizeObserver constructor, falling back to the global.\n * @internal\n */\nexport const useResizeObserverConstructor = (): typeof ResizeObserver => {\n  const contextValue = useContext(ResizeObserverContext);\n  return contextValue ?? globalThis.ResizeObserver;\n};\n","'use client';\n\nimport { startTransition } from 'react';\n\nimport type { ResizeCallback } from './types.js';\n\n/**\n * Per-frame flush entry — snapshot of callbacks + latest entry for one element.\n * @internal\n */\ninterface FlushEntry {\n  readonly callbacks: ReadonlySet<ResizeCallback>;\n  readonly entry: ResizeObserverEntry;\n}\n\n/**\n * Batching scheduler that coalesces all ResizeObserver callbacks into a single\n * `requestAnimationFrame` flush, wrapped in React `startTransition` for\n * non-urgent update scheduling.\n *\n * Uses a `Map<Element, FlushEntry>` with last-write-wins semantics so that\n * 100 simultaneous resize events produce exactly 1 React render cycle.\n *\n * Implements `Disposable` for ES2026 `using` declarations.\n *\n * @internal\n */\nexport class RafScheduler implements Disposable {\n  readonly #queue = new Map<Element, FlushEntry>();\n  #rafId: number | null = null;\n\n  /** Enqueue a resize observation for the next rAF flush. */\n  schedule(target: Element, entry: ResizeObserverEntry, cbs: ReadonlySet<ResizeCallback>): void {\n    this.#queue.set(target, { callbacks: cbs, entry });\n    this.#requestFlush();\n  }\n\n  #requestFlush(): void {\n    if (this.#rafId !== null) return;\n    this.#rafId = requestAnimationFrame(() => {\n      this.#rafId = null;\n      this.#flush();\n    });\n  }\n\n  #flush(): void {\n    // Snapshot and clear before dispatching to avoid re-entrant mutations\n    const snapshot = new Map(this.#queue);\n    this.#queue.clear();\n\n    startTransition(() => {\n      for (const { callbacks, entry } of snapshot.values()) {\n        for (const cb of callbacks) {\n          cb(entry);\n        }\n      }\n    });\n  }\n\n  /** Cancel any pending rAF and clear the queue. */\n  cancel(): void {\n    if (this.#rafId !== null) {\n      cancelAnimationFrame(this.#rafId);\n      this.#rafId = null;\n    }\n    this.#queue.clear();\n  }\n\n  /** Disposable contract (ES2026 explicit resource management). */\n  [Symbol.dispose](): void {\n    this.cancel();\n  }\n}\n\n/** Create a new scheduler instance. @internal */\nexport const createScheduler = (): RafScheduler => new RafScheduler();\n","import { createScheduler, type RafScheduler } from './scheduler.js';\nimport type { ResizeCallback } from './types.js';\n\n/**\n * Shared observer pool that multiplexes many element observations through a\n * single `ResizeObserver` instance per document root.\n *\n * Uses `WeakMap` + `FinalizationRegistry` for GC-backed cleanup of detached\n * elements, and `RafScheduler` for batched, non-urgent React state updates.\n *\n * Implements `Disposable` for ES2026 `using` declarations.\n *\n * @internal\n */\nexport class ObserverPool implements Disposable {\n  readonly #scheduler: RafScheduler;\n  readonly #registry = new WeakMap<Element, Set<ResizeCallback>>();\n  readonly #finalizer = new FinalizationRegistry<WeakRef<Element>>((ref) => {\n    const el = ref.deref();\n    if (el) {\n      this.#observer.unobserve(el);\n      this.#size--;\n    }\n  });\n  readonly #observer: ResizeObserver;\n  #size = 0;\n\n  constructor(scheduler?: RafScheduler) {\n    this.#scheduler = scheduler ?? createScheduler();\n    this.#observer = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        const callbacks = this.#registry.get(entry.target);\n        if (callbacks?.size) {\n          this.#scheduler.schedule(entry.target, entry, callbacks);\n        }\n      }\n    });\n  }\n\n  /** Begin observing an element with the given options and callback. */\n  observe(target: Element, options: ResizeObserverOptions, cb: ResizeCallback): void {\n    let callbacks = this.#registry.get(target);\n    if (!callbacks) {\n      callbacks = new Set();\n      this.#registry.set(target, callbacks);\n      this.#finalizer.register(target, new WeakRef(target), target);\n      this.#observer.observe(target, options);\n      this.#size++;\n    }\n    callbacks.add(cb);\n  }\n\n  /** Stop a specific callback from observing the target. */\n  unobserve(target: Element, cb: ResizeCallback): void {\n    const callbacks = this.#registry.get(target);\n    if (!callbacks) return;\n    callbacks.delete(cb);\n    if (callbacks.size === 0) {\n      this.#registry.delete(target);\n      this.#finalizer.unregister(target);\n      this.#observer.unobserve(target);\n      this.#size--;\n    }\n  }\n\n  /** Number of currently observed elements. */\n  get observedCount(): number {\n    return this.#size;\n  }\n\n  /** Disposable contract (ES2026 explicit resource management). */\n  [Symbol.dispose](): void {\n    this.#observer.disconnect();\n    this.#scheduler.cancel();\n    this.#size = 0;\n  }\n}\n\n/**\n * Module-level weak registry of pools per document/shadow root.\n * Ensures a single shared pool per root context.\n */\nconst poolRegistry = new WeakMap<Document | ShadowRoot, ObserverPool>();\n\n/**\n * Get or create the shared observer pool for the given root.\n * Uses `Promise.try()` (ES2026) for safe async-context creation\n * with synchronous return path.\n *\n * @param root - Document or ShadowRoot to scope the pool to.\n * @returns The shared `ObserverPool` for the given root.\n * @internal\n */\nexport const getSharedPool = (root: Document | ShadowRoot): ObserverPool => {\n  const existing = poolRegistry.get(root);\n  if (existing) return existing;\n\n  // Fire-and-forget: validates ResizeObserver availability asynchronously.\n  // Errors surface via console.error, not thrown to caller (sync return path).\n  //\n  // Promise.try() (ES2026) — safely wraps synchronous pool creation in a\n  // microtask-aware context, catching any constructor exceptions into a\n  // rejected promise for diagnostics while returning synchronously.\n  Promise.try(() => {\n    if (typeof globalThis.ResizeObserver === 'undefined') {\n      throw new Error(\n        '[@crimson_dev/use-resize-observer] ResizeObserver is not available. ' +\n          'Import the /shim entry or use the /server entry for SSR.',\n      );\n    }\n  }).catch((error: unknown) => {\n    console.error(Error.isError(error) ? error : new Error(String(error)));\n  });\n\n  const pool = new ObserverPool();\n  poolRegistry.set(root, pool);\n  return pool;\n};\n","import { getSharedPool } from './pool.js';\nimport type {\n  CreateResizeObserverOptions,\n  ResizeCallback,\n  ResizeObserverFactory,\n} from './types.js';\n\n/**\n * Framework-agnostic factory for creating a ResizeObserver subscription\n * using the shared pool architecture.\n *\n * Uses the same pool and scheduler as the React hook — no duplicate observers.\n * Implements cleanup tracking with `Map` for efficient iteration.\n *\n * @param options - Configuration options.\n * @returns An object with `observe`, `unobserve`, and `disconnect` methods.\n *\n * @example\n * ```ts\n * using observer = createResizeObserver({ box: 'border-box' });\n * observer.observe(element, (entry) => {\n *   console.log(entry.contentRect.width);\n * });\n * ```\n */\nexport const createResizeObserver = (\n  options: CreateResizeObserverOptions = {},\n): ResizeObserverFactory & Disposable => {\n  const { box = 'content-box', root = globalThis.document } = options;\n  const pool = getSharedPool(root);\n  const tracked = new Map<Element, Set<ResizeCallback>>();\n\n  const observe = (target: Element, callback: ResizeCallback): void => {\n    pool.observe(target, { box }, callback);\n\n    let cbs = tracked.get(target);\n    if (!cbs) {\n      cbs = new Set();\n      tracked.set(target, cbs);\n    }\n    cbs.add(callback);\n  };\n\n  const unobserve = (target: Element, callback: ResizeCallback): void => {\n    pool.unobserve(target, callback);\n    const cbs = tracked.get(target);\n    if (cbs) {\n      cbs.delete(callback);\n      if (cbs.size === 0) tracked.delete(target);\n    }\n  };\n\n  const disconnect = (): void => {\n    for (const [target, cbs] of tracked) {\n      for (const cb of cbs) {\n        pool.unobserve(target, cb);\n      }\n    }\n    tracked.clear();\n  };\n\n  return {\n    observe,\n    unobserve,\n    disconnect,\n    [Symbol.dispose](): void {\n      disconnect();\n    },\n  };\n};\n","'use client';\n\nimport { useEffect, useRef, useState } from 'react';\n\nimport { extractDimensions } from './extract.js';\nimport { getSharedPool } from './pool.js';\nimport type {\n  ResizeCallback,\n  ResizeObserverBoxOptions,\n  UseResizeObserverOptions,\n  UseResizeObserverResult,\n} from './types.js';\n\n/** Internal state shape — single object to batch width+height+entry in one setState. */\ninterface ObserverState {\n  readonly width: number;\n  readonly height: number;\n  readonly entry: ResizeObserverEntry;\n}\n\n/**\n * Primary React hook for observing element resize events.\n *\n * Features:\n * - Single shared `ResizeObserver` per document root (pool architecture)\n * - `requestAnimationFrame` batching with `startTransition` wrapping\n * - GC-backed cleanup via `FinalizationRegistry`\n * - React Compiler-safe (stable callback identity via ref pattern)\n * - Sub-1.1 kB gzip bundle contribution\n *\n * @param options - Configuration options.\n * @returns Ref, width, height, and raw entry.\n *\n * @example\n * ```tsx\n * const { ref, width, height } = useResizeObserver<HTMLDivElement>();\n * return <div ref={ref}>Size: {width} x {height}</div>;\n * ```\n */\nexport const useResizeObserver = <T extends Element = Element>(\n  options: UseResizeObserverOptions<T> = {},\n): UseResizeObserverResult<T> => {\n  const { ref: externalRef, box = 'content-box', root, onResize } = options;\n\n  const internalRef = useRef<T | null>(null);\n  const targetRef = externalRef ?? internalRef;\n\n  const [state, setState] = useState<ObserverState | undefined>(undefined);\n\n  // Stable callback ref — survives re-renders without triggering re-observation.\n  // Follows useEffectEvent semantics: latest closure captured, identity stable.\n  const onResizeRef = useRef(onResize);\n  onResizeRef.current = onResize;\n\n  const boxRef = useRef(box);\n  boxRef.current = box;\n\n  useEffect(() => {\n    const element = targetRef.current;\n    if (!element) return;\n\n    const observerRoot = root ?? element.ownerDocument;\n    const pool = getSharedPool(observerRoot);\n\n    const callback: ResizeCallback = (resizeEntry) => {\n      const { width: w, height: h } = extractDimensions(resizeEntry, boxRef.current);\n      setState({ width: w, height: h, entry: resizeEntry });\n      onResizeRef.current?.(resizeEntry);\n    };\n\n    pool.observe(element, { box }, callback);\n\n    return () => {\n      pool.unobserve(element, callback);\n    };\n  }, [targetRef, box, root]);\n\n  return {\n    ref: targetRef,\n    width: state?.width,\n    height: state?.height,\n    entry: state?.entry,\n  };\n};\n\nexport type { ResizeObserverBoxOptions, UseResizeObserverOptions, UseResizeObserverResult };\n","'use client';\n\nimport type { RefObject } from 'react';\nimport { useEffect, useRef, useState } from 'react';\n\nimport { extractBoxSize } from './extract.js';\nimport { getSharedPool } from './pool.js';\nimport type { ResizeCallback, ResizeObserverBoxOptions } from './types.js';\n\n/** Entry data for a single observed element in the multi-element hook. */\nexport interface ResizeEntry {\n  readonly width: number;\n  readonly height: number;\n  readonly entry: ResizeObserverEntry;\n}\n\n/** Options for `useResizeObserverEntries`. */\nexport interface UseResizeObserverEntriesOptions {\n  /** Which box model to report. @default 'content-box' */\n  box?: ResizeObserverBoxOptions;\n  /** Document or ShadowRoot scoping the pool. @default document */\n  root?: Document | ShadowRoot;\n}\n\n/**\n * Multi-element variant: observe multiple elements simultaneously through\n * a single pool subscription.\n *\n * @param refs - Array of refs pointing to elements to observe.\n * @param options - Configuration options.\n * @returns A `Map<Element, ResizeEntry>` keyed by observed element.\n *\n * @example\n * ```tsx\n * const ref1 = useRef<HTMLDivElement>(null);\n * const ref2 = useRef<HTMLDivElement>(null);\n * const entries = useResizeObserverEntries([ref1, ref2]);\n * ```\n */\nexport const useResizeObserverEntries = (\n  refs: ReadonlyArray<RefObject<Element | null>>,\n  options: UseResizeObserverEntriesOptions = {},\n): Map<Element, ResizeEntry> => {\n  const { box = 'content-box', root } = options;\n  const [entries, setEntries] = useState<Map<Element, ResizeEntry>>(new Map());\n  const boxRef = useRef(box);\n  boxRef.current = box;\n\n  useEffect(() => {\n    const cleanups: Array<() => void> = [];\n\n    for (const ref of refs) {\n      const element = ref.current;\n      if (!element) continue;\n\n      const observerRoot = root ?? element.ownerDocument;\n      const pool = getSharedPool(observerRoot);\n      const currentBox = boxRef.current;\n\n      const callback: ResizeCallback = (resizeEntry) => {\n        const sizeEntry = extractBoxSize(resizeEntry, currentBox);\n\n        setEntries((prev) => {\n          const next = new Map(prev);\n          next.set(element, {\n            width: sizeEntry?.inlineSize ?? 0,\n            height: sizeEntry?.blockSize ?? 0,\n            entry: resizeEntry,\n          });\n          return next;\n        });\n      };\n\n      pool.observe(element, { box: currentBox }, callback);\n      cleanups.push(() => pool.unobserve(element, callback));\n    }\n\n    return () => {\n      for (const cleanup of cleanups) {\n        cleanup();\n      }\n    };\n  }, [refs, root]);\n\n  return entries;\n};\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crimson_dev/use-resize-observer",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "Zero-dependency, Worker-native, ESNext-first React 19 ResizeObserver hook",
   "type": "module",
   "sideEffects": false,