@pyreon/preact-compat 0.5.6 → 0.6.0

package/lib/analysis/index.js.html

@@ -5386,7 +5386,7 @@ var drawChart = (function (exports) {
   </script>
   <script>
     /*<!--*/
-    const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.js","children":[{"name":"src/index.ts","uid":"17fbe9f7-1"}]}],"isRoot":true},"nodeParts":{"17fbe9f7-1":{"renderedLength":2842,"gzipLength":1179,"brotliLength":0,"metaUid":"17fbe9f7-0"}},"nodeMetas":{"17fbe9f7-0":{"id":"/src/index.ts","moduleParts":{"index.js":"17fbe9f7-1"},"imported":[{"uid":"17fbe9f7-2"},{"uid":"17fbe9f7-3"},{"uid":"17fbe9f7-4"}],"importedBy":[],"isEntry":true},"17fbe9f7-2":{"id":"@pyreon/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"17fbe9f7-0"}]},"17fbe9f7-3":{"id":"@pyreon/reactivity","moduleParts":{},"imported":[],"importedBy":[{"uid":"17fbe9f7-0"}]},"17fbe9f7-4":{"id":"@pyreon/runtime-dom","moduleParts":{},"imported":[],"importedBy":[{"uid":"17fbe9f7-0"}]}},"env":{"rollup":"4.23.0"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
+    const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.js","children":[{"name":"src/index.ts","uid":"e7c3b550-1"}]}],"isRoot":true},"nodeParts":{"e7c3b550-1":{"renderedLength":2789,"gzipLength":1150,"brotliLength":0,"metaUid":"e7c3b550-0"}},"nodeMetas":{"e7c3b550-0":{"id":"/src/index.ts","moduleParts":{"index.js":"e7c3b550-1"},"imported":[{"uid":"e7c3b550-2"},{"uid":"e7c3b550-3"},{"uid":"e7c3b550-4"}],"importedBy":[],"isEntry":true},"e7c3b550-2":{"id":"@pyreon/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"e7c3b550-0"}]},"e7c3b550-3":{"id":"@pyreon/reactivity","moduleParts":{},"imported":[],"importedBy":[{"uid":"e7c3b550-0"}]},"e7c3b550-4":{"id":"@pyreon/runtime-dom","moduleParts":{},"imported":[],"importedBy":[{"uid":"e7c3b550-0"}]}},"env":{"rollup":"4.23.0"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
 
     const run = () => {
       const width = window.innerWidth;

package/lib/index.js

@@ -1,4 +1,4 @@
-import { Fragment, createContext as createContext$1, createRef, h as pyreonH, onUnmount, popContext, pushContext, useContext } from "@pyreon/core";
+import { Fragment, createContext as createContext$1, createRef, h as pyreonH, provide, useContext } from "@pyreon/core";
 import { batch, signal } from "@pyreon/reactivity";
 import { hydrateRoot, mount } from "@pyreon/runtime-dom";
 
@@ -25,8 +25,7 @@ function hydrate(vnode, container) {
 function createContext(defaultValue) {
 	const ctx = createContext$1(defaultValue);
 	const Provider = ((props) => {
-		pushContext(new Map([[ctx.id, props.value]]));
-		onUnmount(() => popContext());
+		provide(ctx, props.value);
 		return props.children;
 	});
 	return {

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["pyreonCreateContext"],"sources":["../src/index.ts"],"sourcesContent":["/**\n * @pyreon/preact-compat\n *\n * Preact-compatible API shim that runs on Pyreon's reactive engine.\n *\n * Provides the core Preact API surface: h, Fragment, render, hydrate,\n * Component class, createContext, createRef, cloneElement, toChildArray,\n * isValidElement, and the options hook object.\n *\n * For hooks, import from \"@pyreon/preact-compat/hooks\".\n * For signals, import from \"@pyreon/preact-compat/signals\".\n */\n\nimport type { ComponentFn, Props, VNode, VNodeChild } from \"@pyreon/core\"\nimport {\n  createRef,\n  Fragment,\n  onUnmount,\n  popContext,\n  pushContext,\n  createContext as pyreonCreateContext,\n  h as pyreonH,\n  useContext,\n} from \"@pyreon/core\"\nimport { batch, signal } from \"@pyreon/reactivity\"\nimport { hydrateRoot, mount } from \"@pyreon/runtime-dom\"\n\n// ─── Core JSX ────────────────────────────────────────────────────────────────\n\n/** Preact's hyperscript function — maps directly to Pyreon's h() */\nexport { pyreonH as h }\n\n/** Alias: Preact also exports createElement */\nexport const createElement = pyreonH\n\nexport { Fragment }\n\n// ─── Render / Hydrate ────────────────────────────────────────────────────────\n\n/**\n * Preact's `render(vnode, container)`.\n * Maps to Pyreon's `mount(vnode, container)`.\n */\nexport function render(vnode: VNodeChild, container: Element): void {\n  mount(vnode, container)\n}\n\n/**\n * Preact's `hydrate(vnode, container)`.\n * Maps to Pyreon's `hydrateRoot(container, vnode)`.\n */\nexport function hydrate(vnode: VNodeChild, container: Element): void {\n  hydrateRoot(container, vnode as VNode)\n}\n\n// ─── Context ─────────────────────────────────────────────────────────────────\n\nexport interface PreactContext<T> {\n  readonly id: symbol\n  readonly defaultValue: T\n  Provider: ComponentFn<{ value: T; children?: VNodeChild }>\n}\n\n/**\n * Preact-compatible createContext — returns a context with a `.Provider` component.\n */\nexport function createContext<T>(defaultValue: T): PreactContext<T> {\n  const ctx = pyreonCreateContext<T>(defaultValue)\n  const Provider = ((props: { value: T; children?: VNodeChild }) => {\n    pushContext(new Map([[ctx.id, props.value]]))\n    onUnmount(() => popContext())\n    return props.children as VNode | null\n  }) as ComponentFn<{ value: T; children?: VNodeChild }>\n  return { ...ctx, Provider }\n}\n\nexport { useContext }\n\n// ─── Refs ────────────────────────────────────────────────────────────────────\n\nexport { createRef }\n\n// ─── Component class ─────────────────────────────────────────────────────────\n\n/**\n * Preact-compatible class-based Component.\n *\n * Wraps Pyreon's signal-based reactivity so `setState` triggers re-renders.\n * Usage: `class MyComp extends Component { render() { ... } }`\n */\nexport class Component<\n  P extends Props = Props,\n  S extends Record<string, unknown> = Record<string, unknown>,\n> {\n  props: P\n  state: S\n  private _stateSignal: ReturnType<typeof signal<S>>\n\n  constructor(props: P) {\n    this.props = props\n    this.state = {} as S\n    this._stateSignal = signal<S>(this.state)\n  }\n\n  /**\n   * Update state — accepts a partial state object or an updater function.\n   * Merges into existing state (shallow merge, like Preact/React).\n   */\n  setState(partial: Partial<S> | ((prev: S) => Partial<S>)): void {\n    batch(() => {\n      const current = this._stateSignal()\n      const update =\n        typeof partial === \"function\" ? (partial as (prev: S) => Partial<S>)(current) : partial\n      const next = { ...current, ...update } as S\n      this.state = next\n      this._stateSignal.set(next)\n    })\n  }\n\n  /**\n   * Force a re-render. In Pyreon this triggers the state signal to re-fire.\n   */\n  forceUpdate(): void {\n    this._stateSignal.set({ ...this.state })\n  }\n\n  /**\n   * Override in subclass to return VNode tree.\n   */\n  render(): VNodeChild {\n    return null\n  }\n}\n\n// ─── cloneElement ────────────────────────────────────────────────────────────\n\n/**\n * Clone a VNode with merged props (like Preact's cloneElement).\n */\nexport function cloneElement(vnode: VNode, props?: Props, ...children: VNodeChild[]): VNode {\n  const mergedProps = { ...vnode.props, ...(props ?? {}) }\n  const mergedChildren = children.length > 0 ? children : vnode.children\n  return {\n    type: vnode.type,\n    props: mergedProps,\n    children: mergedChildren,\n    key: (props?.key as string | number | null) ?? vnode.key,\n  }\n}\n\n// ─── toChildArray ────────────────────────────────────────────────────────────\n\n/**\n * Flatten children into a flat array, filtering out null/undefined/boolean.\n * Matches Preact's `toChildArray` utility.\n */\ntype NestedChildren = VNodeChild | NestedChildren[]\n\nexport function toChildArray(children: NestedChildren): VNodeChild[] {\n  const result: VNodeChild[] = []\n  flatten(children, result)\n  return result\n}\n\nfunction flatten(value: NestedChildren, out: VNodeChild[]): void {\n  if (value == null || typeof value === \"boolean\") return\n  if (Array.isArray(value)) {\n    for (const child of value) {\n      flatten(child, out)\n    }\n  } else {\n    out.push(value as VNodeChild)\n  }\n}\n\n// ─── isValidElement ──────────────────────────────────────────────────────────\n\n/**\n * Check if a value is a VNode (like Preact's isValidElement).\n */\nexport function isValidElement(x: unknown): x is VNode {\n  return (\n    x !== null &&\n    typeof x === \"object\" &&\n    \"type\" in (x as Record<string, unknown>) &&\n    \"props\" in (x as Record<string, unknown>) &&\n    \"children\" in (x as Record<string, unknown>)\n  )\n}\n\n// ─── options ─────────────────────────────────────────────────────────────────\n\n/**\n * Preact's plugin/hook system. Exposed as an empty object for compatibility\n * with libraries that check for `options._hook`, `options.vnode`, etc.\n */\nexport const options: Record<string, unknown> = {}\n"],"mappings":";;;;;;AAiCA,MAAa,gBAAgB;;;;;AAU7B,SAAgB,OAAO,OAAmB,WAA0B;AAClE,OAAM,OAAO,UAAU;;;;;;AAOzB,SAAgB,QAAQ,OAAmB,WAA0B;AACnE,aAAY,WAAW,MAAe;;;;;AAcxC,SAAgB,cAAiB,cAAmC;CAClE,MAAM,MAAMA,gBAAuB,aAAa;CAChD,MAAM,aAAa,UAA+C;AAChE,cAAY,IAAI,IAAI,CAAC,CAAC,IAAI,IAAI,MAAM,MAAM,CAAC,CAAC,CAAC;AAC7C,kBAAgB,YAAY,CAAC;AAC7B,SAAO,MAAM;;AAEf,QAAO;EAAE,GAAG;EAAK;EAAU;;;;;;;;AAiB7B,IAAa,YAAb,MAGE;CACA;CACA;CACA,AAAQ;CAER,YAAY,OAAU;AACpB,OAAK,QAAQ;AACb,OAAK,QAAQ,EAAE;AACf,OAAK,eAAe,OAAU,KAAK,MAAM;;;;;;CAO3C,SAAS,SAAuD;AAC9D,cAAY;GACV,MAAM,UAAU,KAAK,cAAc;GACnC,MAAM,SACJ,OAAO,YAAY,aAAc,QAAoC,QAAQ,GAAG;GAClF,MAAM,OAAO;IAAE,GAAG;IAAS,GAAG;IAAQ;AACtC,QAAK,QAAQ;AACb,QAAK,aAAa,IAAI,KAAK;IAC3B;;;;;CAMJ,cAAoB;AAClB,OAAK,aAAa,IAAI,EAAE,GAAG,KAAK,OAAO,CAAC;;;;;CAM1C,SAAqB;AACnB,SAAO;;;;;;AASX,SAAgB,aAAa,OAAc,OAAe,GAAG,UAA+B;CAC1F,MAAM,cAAc;EAAE,GAAG,MAAM;EAAO,GAAI,SAAS,EAAE;EAAG;CACxD,MAAM,iBAAiB,SAAS,SAAS,IAAI,WAAW,MAAM;AAC9D,QAAO;EACL,MAAM,MAAM;EACZ,OAAO;EACP,UAAU;EACV,KAAM,OAAO,OAAkC,MAAM;EACtD;;AAWH,SAAgB,aAAa,UAAwC;CACnE,MAAM,SAAuB,EAAE;AAC/B,SAAQ,UAAU,OAAO;AACzB,QAAO;;AAGT,SAAS,QAAQ,OAAuB,KAAyB;AAC/D,KAAI,SAAS,QAAQ,OAAO,UAAU,UAAW;AACjD,KAAI,MAAM,QAAQ,MAAM,CACtB,MAAK,MAAM,SAAS,MAClB,SAAQ,OAAO,IAAI;KAGrB,KAAI,KAAK,MAAoB;;;;;AASjC,SAAgB,eAAe,GAAwB;AACrD,QACE,MAAM,QACN,OAAO,MAAM,YACb,UAAW,KACX,WAAY,KACZ,cAAe;;;;;;AAUnB,MAAa,UAAmC,EAAE"}
+{"version":3,"file":"index.js","names":["pyreonCreateContext"],"sources":["../src/index.ts"],"sourcesContent":["/**\n * @pyreon/preact-compat\n *\n * Preact-compatible API shim that runs on Pyreon's reactive engine.\n *\n * Provides the core Preact API surface: h, Fragment, render, hydrate,\n * Component class, createContext, createRef, cloneElement, toChildArray,\n * isValidElement, and the options hook object.\n *\n * For hooks, import from \"@pyreon/preact-compat/hooks\".\n * For signals, import from \"@pyreon/preact-compat/signals\".\n */\n\nimport type { ComponentFn, Props, VNode, VNodeChild } from \"@pyreon/core\"\nimport {\n  createRef,\n  Fragment,\n  provide,\n  createContext as pyreonCreateContext,\n  h as pyreonH,\n  useContext,\n} from \"@pyreon/core\"\nimport { batch, signal } from \"@pyreon/reactivity\"\nimport { hydrateRoot, mount } from \"@pyreon/runtime-dom\"\n\n// ─── Core JSX ────────────────────────────────────────────────────────────────\n\n/** Preact's hyperscript function — maps directly to Pyreon's h() */\nexport { pyreonH as h }\n\n/** Alias: Preact also exports createElement */\nexport const createElement = pyreonH\n\nexport { Fragment }\n\n// ─── Render / Hydrate ────────────────────────────────────────────────────────\n\n/**\n * Preact's `render(vnode, container)`.\n * Maps to Pyreon's `mount(vnode, container)`.\n */\nexport function render(vnode: VNodeChild, container: Element): void {\n  mount(vnode, container)\n}\n\n/**\n * Preact's `hydrate(vnode, container)`.\n * Maps to Pyreon's `hydrateRoot(container, vnode)`.\n */\nexport function hydrate(vnode: VNodeChild, container: Element): void {\n  hydrateRoot(container, vnode as VNode)\n}\n\n// ─── Context ─────────────────────────────────────────────────────────────────\n\nexport interface PreactContext<T> {\n  readonly id: symbol\n  readonly defaultValue: T\n  Provider: ComponentFn<{ value: T; children?: VNodeChild }>\n}\n\n/**\n * Preact-compatible createContext — returns a context with a `.Provider` component.\n */\nexport function createContext<T>(defaultValue: T): PreactContext<T> {\n  const ctx = pyreonCreateContext<T>(defaultValue)\n  const Provider = ((props: { value: T; children?: VNodeChild }) => {\n    provide(ctx, props.value)\n    return props.children\n  }) as ComponentFn<{ value: T; children?: VNodeChild }>\n  return { ...ctx, Provider }\n}\n\nexport { useContext }\n\n// ─── Refs ────────────────────────────────────────────────────────────────────\n\nexport { createRef }\n\n// ─── Component class ─────────────────────────────────────────────────────────\n\n/**\n * Preact-compatible class-based Component.\n *\n * Wraps Pyreon's signal-based reactivity so `setState` triggers re-renders.\n * Usage: `class MyComp extends Component { render() { ... } }`\n */\nexport class Component<\n  P extends Props = Props,\n  S extends Record<string, unknown> = Record<string, unknown>,\n> {\n  props: P\n  state: S\n  private _stateSignal: ReturnType<typeof signal<S>>\n\n  constructor(props: P) {\n    this.props = props\n    this.state = {} as S\n    this._stateSignal = signal<S>(this.state)\n  }\n\n  /**\n   * Update state — accepts a partial state object or an updater function.\n   * Merges into existing state (shallow merge, like Preact/React).\n   */\n  setState(partial: Partial<S> | ((prev: S) => Partial<S>)): void {\n    batch(() => {\n      const current = this._stateSignal()\n      const update =\n        typeof partial === \"function\" ? (partial as (prev: S) => Partial<S>)(current) : partial\n      const next = { ...current, ...update } as S\n      this.state = next\n      this._stateSignal.set(next)\n    })\n  }\n\n  /**\n   * Force a re-render. In Pyreon this triggers the state signal to re-fire.\n   */\n  forceUpdate(): void {\n    this._stateSignal.set({ ...this.state })\n  }\n\n  /**\n   * Override in subclass to return VNode tree.\n   */\n  render(): VNodeChild {\n    return null\n  }\n}\n\n// ─── cloneElement ────────────────────────────────────────────────────────────\n\n/**\n * Clone a VNode with merged props (like Preact's cloneElement).\n */\nexport function cloneElement(vnode: VNode, props?: Props, ...children: VNodeChild[]): VNode {\n  const mergedProps = { ...vnode.props, ...(props ?? {}) }\n  const mergedChildren = children.length > 0 ? children : vnode.children\n  return {\n    type: vnode.type,\n    props: mergedProps,\n    children: mergedChildren,\n    key: (props?.key as string | number | null) ?? vnode.key,\n  }\n}\n\n// ─── toChildArray ────────────────────────────────────────────────────────────\n\n/**\n * Flatten children into a flat array, filtering out null/undefined/boolean.\n * Matches Preact's `toChildArray` utility.\n */\ntype NestedChildren = VNodeChild | NestedChildren[]\n\nexport function toChildArray(children: NestedChildren): VNodeChild[] {\n  const result: VNodeChild[] = []\n  flatten(children, result)\n  return result\n}\n\nfunction flatten(value: NestedChildren, out: VNodeChild[]): void {\n  if (value == null || typeof value === \"boolean\") return\n  if (Array.isArray(value)) {\n    for (const child of value) {\n      flatten(child, out)\n    }\n  } else {\n    out.push(value as VNodeChild)\n  }\n}\n\n// ─── isValidElement ──────────────────────────────────────────────────────────\n\n/**\n * Check if a value is a VNode (like Preact's isValidElement).\n */\nexport function isValidElement(x: unknown): x is VNode {\n  return (\n    x !== null &&\n    typeof x === \"object\" &&\n    \"type\" in (x as Record<string, unknown>) &&\n    \"props\" in (x as Record<string, unknown>) &&\n    \"children\" in (x as Record<string, unknown>)\n  )\n}\n\n// ─── options ─────────────────────────────────────────────────────────────────\n\n/**\n * Preact's plugin/hook system. Exposed as an empty object for compatibility\n * with libraries that check for `options._hook`, `options.vnode`, etc.\n */\nexport const options: Record<string, unknown> = {}\n"],"mappings":";;;;;;AA+BA,MAAa,gBAAgB;;;;;AAU7B,SAAgB,OAAO,OAAmB,WAA0B;AAClE,OAAM,OAAO,UAAU;;;;;;AAOzB,SAAgB,QAAQ,OAAmB,WAA0B;AACnE,aAAY,WAAW,MAAe;;;;;AAcxC,SAAgB,cAAiB,cAAmC;CAClE,MAAM,MAAMA,gBAAuB,aAAa;CAChD,MAAM,aAAa,UAA+C;AAChE,UAAQ,KAAK,MAAM,MAAM;AACzB,SAAO,MAAM;;AAEf,QAAO;EAAE,GAAG;EAAK;EAAU;;;;;;;;AAiB7B,IAAa,YAAb,MAGE;CACA;CACA;CACA,AAAQ;CAER,YAAY,OAAU;AACpB,OAAK,QAAQ;AACb,OAAK,QAAQ,EAAE;AACf,OAAK,eAAe,OAAU,KAAK,MAAM;;;;;;CAO3C,SAAS,SAAuD;AAC9D,cAAY;GACV,MAAM,UAAU,KAAK,cAAc;GACnC,MAAM,SACJ,OAAO,YAAY,aAAc,QAAoC,QAAQ,GAAG;GAClF,MAAM,OAAO;IAAE,GAAG;IAAS,GAAG;IAAQ;AACtC,QAAK,QAAQ;AACb,QAAK,aAAa,IAAI,KAAK;IAC3B;;;;;CAMJ,cAAoB;AAClB,OAAK,aAAa,IAAI,EAAE,GAAG,KAAK,OAAO,CAAC;;;;;CAM1C,SAAqB;AACnB,SAAO;;;;;;AASX,SAAgB,aAAa,OAAc,OAAe,GAAG,UAA+B;CAC1F,MAAM,cAAc;EAAE,GAAG,MAAM;EAAO,GAAI,SAAS,EAAE;EAAG;CACxD,MAAM,iBAAiB,SAAS,SAAS,IAAI,WAAW,MAAM;AAC9D,QAAO;EACL,MAAM,MAAM;EACZ,OAAO;EACP,UAAU;EACV,KAAM,OAAO,OAAkC,MAAM;EACtD;;AAWH,SAAgB,aAAa,UAAwC;CACnE,MAAM,SAAuB,EAAE;AAC/B,SAAQ,UAAU,OAAO;AACzB,QAAO;;AAGT,SAAS,QAAQ,OAAuB,KAAyB;AAC/D,KAAI,SAAS,QAAQ,OAAO,UAAU,UAAW;AACjD,KAAI,MAAM,QAAQ,MAAM,CACtB,MAAK,MAAM,SAAS,MAClB,SAAQ,OAAO,IAAI;KAGrB,KAAI,KAAK,MAAoB;;;;;AASjC,SAAgB,eAAe,GAAwB;AACrD,QACE,MAAM,QACN,OAAO,MAAM,YACb,UAAW,KACX,WAAY,KACZ,cAAe;;;;;;AAUnB,MAAa,UAAmC,EAAE"}

package/lib/types/hooks.d.ts

@@ -1,178 +1,47 @@
-import { onErrorCaptured, useContext } from "@pyreon/core";
-function getCurrentCtx() {
-  return _currentCtx;
-}
-function getHookIndex() {
-  return _hookIndex++;
-}
-
-//#endregion
-//#region src/hooks.ts
-function requireCtx() {
-  const ctx = getCurrentCtx();
-  if (!ctx) throw new Error("Hook called outside of a component render");
-  return ctx;
-}
-function depsChanged(a, b) {
-  if (a === void 0 || b === void 0) return true;
-  if (a.length !== b.length) return true;
-  for (let i = 0; i < a.length; i++) if (!Object.is(a[i], b[i])) return true;
-  return false;
-}
-/**
-* Preact-compatible `useState` — returns `[value, setter]`.
-* Triggers a component re-render when the setter is called.
-*/
-function useState(initial) {
-  const ctx = requireCtx();
-  const idx = getHookIndex();
-  if (ctx.hooks.length <= idx) ctx.hooks.push(typeof initial === "function" ? initial() : initial);
-  const value = ctx.hooks[idx];
-  const setter = v => {
-    const current = ctx.hooks[idx];
-    const next = typeof v === "function" ? v(current) : v;
-    if (Object.is(current, next)) return;
-    ctx.hooks[idx] = next;
-    ctx.scheduleRerender();
-  };
-  return [value, setter];
-}
-/**
-* Preact-compatible `useEffect` — runs after render when deps change.
-* Returns cleanup on unmount and before re-running.
-*/
-function useEffect(fn, deps) {
-  const ctx = requireCtx();
-  const idx = getHookIndex();
-  if (ctx.hooks.length <= idx) {
-    const entry = {
-      fn,
-      deps,
-      cleanup: void 0
-    };
-    ctx.hooks.push(entry);
-    ctx.pendingEffects.push(entry);
-  } else {
-    const entry = ctx.hooks[idx];
-    if (depsChanged(entry.deps, deps)) {
-      entry.fn = fn;
-      entry.deps = deps;
-      ctx.pendingEffects.push(entry);
-    }
-  }
-}
-/**
-* Preact-compatible `useLayoutEffect` — runs synchronously after DOM mutations.
-*/
-function useLayoutEffect(fn, deps) {
-  const ctx = requireCtx();
-  const idx = getHookIndex();
-  if (ctx.hooks.length <= idx) {
-    const entry = {
-      fn,
-      deps,
-      cleanup: void 0
-    };
-    ctx.hooks.push(entry);
-    ctx.pendingLayoutEffects.push(entry);
-  } else {
-    const entry = ctx.hooks[idx];
-    if (depsChanged(entry.deps, deps)) {
-      entry.fn = fn;
-      entry.deps = deps;
-      ctx.pendingLayoutEffects.push(entry);
-    }
-  }
-}
-/**
-* Preact-compatible `useMemo` — returns the cached value, recomputed when deps change.
-*/
-function useMemo(fn, deps) {
-  const ctx = requireCtx();
-  const idx = getHookIndex();
-  if (ctx.hooks.length <= idx) {
-    const value = fn();
-    ctx.hooks.push({
-      value,
-      deps
-    });
-    return value;
-  }
-  const entry = ctx.hooks[idx];
-  if (depsChanged(entry.deps, deps)) {
-    entry.value = fn();
-    entry.deps = deps;
-  }
-  return entry.value;
-}
-/**
-* Preact-compatible `useCallback` — returns the cached function when deps haven't changed.
-*/
-function useCallback(fn, deps) {
-  return useMemo(() => fn, deps);
-}
-/**
-* Preact-compatible `useRef` — returns `{ current }` persisted across re-renders.
-*/
-function useRef(initial) {
-  const ctx = requireCtx();
-  const idx = getHookIndex();
-  if (ctx.hooks.length <= idx) {
-    const ref = {
-      current: initial !== void 0 ? initial : null
-    };
-    ctx.hooks.push(ref);
-  }
-  return ctx.hooks[idx];
-}
-/**
-* Preact-compatible `useReducer` — returns `[state, dispatch]`.
-*/
-function useReducer(reducer, initial) {
-  const ctx = requireCtx();
-  const idx = getHookIndex();
-  if (ctx.hooks.length <= idx) ctx.hooks.push(typeof initial === "function" ? initial() : initial);
-  const state = ctx.hooks[idx];
-  const dispatch = action => {
-    const current = ctx.hooks[idx];
-    const next = reducer(current, action);
-    if (Object.is(current, next)) return;
-    ctx.hooks[idx] = next;
-    ctx.scheduleRerender();
-  };
-  return [state, dispatch];
-}
-/**
-* Preact-compatible `useId` — returns a stable unique string per hook call.
-*/
-function useId() {
-  const ctx = requireCtx();
-  const idx = getHookIndex();
-  if (ctx.hooks.length <= idx) ctx.hooks.push(`:r${(_idCounter++).toString(36)}:`);
-  return ctx.hooks[idx];
-}
-/**
-* Preact-compatible `memo` — wraps a component to skip re-render when props
-* are shallowly equal.
-*/
-function memo(component, areEqual) {
-  const compare = areEqual ?? ((a, b) => {
-    const keysA = Object.keys(a);
-    const keysB = Object.keys(b);
-    if (keysA.length !== keysB.length) return false;
-    for (const k of keysA) if (!Object.is(a[k], b[k])) return false;
-    return true;
-  });
-  let prevProps = null;
-  let prevResult = null;
-  return props => {
-    if (prevProps !== null && compare(prevProps, props)) return prevResult;
-    prevProps = props;
-    prevResult = component(props);
-    return prevResult;
-  };
-}
+import { VNodeChild, onErrorCaptured, useContext } from "@pyreon/core";
 
+//#region src/hooks.d.ts
+/**
+ * Preact-compatible `useState` — returns `[value, setter]`.
+ * Triggers a component re-render when the setter is called.
+ */
+declare function useState<T>(initial: T | (() => T)): [T, (v: T | ((prev: T) => T)) => void];
+/**
+ * Preact-compatible `useEffect` — runs after render when deps change.
+ * Returns cleanup on unmount and before re-running.
+ */
+declare function useEffect(fn: () => (() => void) | void, deps?: unknown[]): void;
+/**
+ * Preact-compatible `useLayoutEffect` — runs synchronously after DOM mutations.
+ */
+declare function useLayoutEffect(fn: () => (() => void) | void, deps?: unknown[]): void;
+/**
+ * Preact-compatible `useMemo` — returns the cached value, recomputed when deps change.
+ */
+declare function useMemo<T>(fn: () => T, deps: unknown[]): T;
+/**
+ * Preact-compatible `useCallback` — returns the cached function when deps haven't changed.
+ */
+declare function useCallback<T extends (...args: never[]) => unknown>(fn: T, deps: unknown[]): T;
+/**
+ * Preact-compatible `useRef` — returns `{ current }` persisted across re-renders.
+ */
+declare function useRef<T>(initial?: T): {
+  current: T | null;
+};
+/**
+ * Preact-compatible `useReducer` — returns `[state, dispatch]`.
+ */
+declare function useReducer<S, A>(reducer: (state: S, action: A) => S, initial: S | (() => S)): [S, (action: A) => void];
+/**
+ * Preact-compatible `useId` — returns a stable unique string per hook call.
+ */
+declare function useId(): string;
+/**
+ * Preact-compatible `memo` — wraps a component to skip re-render when props
+ * are shallowly equal.
+ */
+declare function memo<P extends Record<string, unknown>>(component: (props: P) => VNodeChild, areEqual?: (prevProps: P, nextProps: P) => boolean): (props: P) => VNodeChild;
 //#endregion
 export { memo, useCallback, useContext, useEffect, onErrorCaptured as useErrorBoundary, useId, useLayoutEffect, useMemo, useReducer, useRef, useState };
-//# sourceMappingURL=hooks.d.ts.map
+//# sourceMappingURL=hooks2.d.ts.map

package/lib/types/hooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.d.ts","names":[],"sources":["../../../src/jsx-runtime.ts","../../../src/hooks.ts"],"mappings":"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"}
+{"version":3,"file":"hooks2.d.ts","names":[],"sources":["../../../src/hooks.ts"],"mappings":";;;;;;;iBAwCgB,QAAA,GAAA,CAAY,OAAA,EAAS,CAAA,UAAW,CAAA,KAAM,CAAA,GAAI,CAAA,EAAG,CAAA,KAAM,IAAA,EAAM,CAAA,KAAM,CAAA;;;;;iBA2B/D,SAAA,CAAU,EAAA,6BAA+B,IAAA;;;;iBAyBzC,eAAA,CAAgB,EAAA,6BAA+B,IAAA;AAzB/D;;;AAAA,iBAgDgB,OAAA,GAAA,CAAW,EAAA,QAAU,CAAA,EAAG,IAAA,cAAkB,CAAA;;AAvB1D;;iBA8CgB,WAAA,eAA0B,IAAA,sBAAA,CAA2B,EAAA,EAAI,CAAA,EAAG,IAAA,cAAkB,CAAA;;;AAvB9F;iBAgCgB,MAAA,GAAA,CAAU,OAAA,GAAU,CAAA;EAAM,OAAA,EAAS,CAAA;AAAA;;;;iBAiBnC,UAAA,MAAA,CACd,OAAA,GAAU,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,KAAM,CAAA,EAClC,OAAA,EAAS,CAAA,UAAW,CAAA,KAClB,CAAA,GAAI,MAAA,EAAQ,CAAA;;;;iBA2BA,KAAA,CAAA;;;;;iBAiBA,IAAA,WAAe,MAAA,kBAAA,CAC7B,SAAA,GAAY,KAAA,EAAO,CAAA,KAAM,UAAA,EACzB,QAAA,IAAY,SAAA,EAAW,CAAA,EAAG,SAAA,EAAW,CAAA,gBACnC,KAAA,EAAO,CAAA,KAAM,UAAA"}

package/lib/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index2.d.ts","names":[],"sources":["../../../src/index.ts"],"mappings":";;;;cAiCa,aAAA,SAAa,OAAA;;;;;iBAUV,MAAA,CAAO,KAAA,EAAO,UAAA,EAAY,SAAA,EAAW,OAAA;;;;;iBAQrC,OAAA,CAAQ,KAAA,EAAO,UAAA,EAAY,SAAA,EAAW,OAAA;AAAA,UAMrC,aAAA;EAAA,SACN,EAAA;EAAA,SACA,YAAA,EAAc,CAAA;EACvB,QAAA,EAAU,WAAA;IAAc,KAAA,EAAO,CAAA;IAAG,QAAA,GAAW,UAAA;EAAA;AAAA;;;;iBAM/B,aAAA,GAAA,CAAiB,YAAA,EAAc,CAAA,GAAI,aAAA,CAAc,CAAA;;;;;;;cAwBpD,SAAA,WACD,KAAA,GAAQ,KAAA,YACR,MAAA,oBAA0B,MAAA;EAEpC,KAAA,EAAO,CAAA;EACP,KAAA,EAAO,CAAA;EAAA,QACC,YAAA;cAEI,KAAA,EAAO,CAAA;EAhC8B;;;;EA0CjD,QAAA,CAAS,OAAA,EAAS,OAAA,CAAQ,CAAA,MAAO,IAAA,EAAM,CAAA,KAAM,OAAA,CAAQ,CAAA;EA1CtB;;;EAwD/B,WAAA,CAAA;EAxDgE;AAwBlE;;EAuCE,MAAA,CAAA,GAAU,UAAA;AAAA;;;;iBAUI,YAAA,CAAa,KAAA,EAAO,KAAA,EAAO,KAAA,GAAQ,KAAA,KAAU,QAAA,EAAU,UAAA,KAAe,KAAA;;;;;KAiBjF,cAAA,GAAiB,UAAA,GAAa,cAAA;AAAA,iBAEnB,YAAA,CAAa,QAAA,EAAU,cAAA,GAAiB,UAAA;;;;iBAsBxC,cAAA,CAAe,CAAA,YAAa,CAAA,IAAK,KAAA;;;;;cAgBpC,OAAA,EAAS,MAAA"}
+{"version":3,"file":"index2.d.ts","names":[],"sources":["../../../src/index.ts"],"mappings":";;;;cA+Ba,aAAA,SAAa,OAAA;;;;;iBAUV,MAAA,CAAO,KAAA,EAAO,UAAA,EAAY,SAAA,EAAW,OAAA;;;;;iBAQrC,OAAA,CAAQ,KAAA,EAAO,UAAA,EAAY,SAAA,EAAW,OAAA;AAAA,UAMrC,aAAA;EAAA,SACN,EAAA;EAAA,SACA,YAAA,EAAc,CAAA;EACvB,QAAA,EAAU,WAAA;IAAc,KAAA,EAAO,CAAA;IAAG,QAAA,GAAW,UAAA;EAAA;AAAA;;;;iBAM/B,aAAA,GAAA,CAAiB,YAAA,EAAc,CAAA,GAAI,aAAA,CAAc,CAAA;;;;;;;cAuBpD,SAAA,WACD,KAAA,GAAQ,KAAA,YACR,MAAA,oBAA0B,MAAA;EAEpC,KAAA,EAAO,CAAA;EACP,KAAA,EAAO,CAAA;EAAA,QACC,YAAA;cAEI,KAAA,EAAO,CAAA;EA/B8B;;;;EAyCjD,QAAA,CAAS,OAAA,EAAS,OAAA,CAAQ,CAAA,MAAO,IAAA,EAAM,CAAA,KAAM,OAAA,CAAQ,CAAA;EAzCtB;;;EAuD/B,WAAA,CAAA;EAvDgE;AAuBlE;;EAuCE,MAAA,CAAA,GAAU,UAAA;AAAA;;;;iBAUI,YAAA,CAAa,KAAA,EAAO,KAAA,EAAO,KAAA,GAAQ,KAAA,KAAU,QAAA,EAAU,UAAA,KAAe,KAAA;;;;;KAiBjF,cAAA,GAAiB,UAAA,GAAa,cAAA;AAAA,iBAEnB,YAAA,CAAa,QAAA,EAAU,cAAA,GAAiB,UAAA;;;;iBAsBxC,cAAA,CAAe,CAAA,YAAa,CAAA,IAAK,KAAA;;;;;cAgBpC,OAAA,EAAS,MAAA"}

package/lib/types/jsx-runtime.d.ts

@@ -1,87 +1,10 @@
-import { Fragment, h } from "@pyreon/core";
-import { signal } from "@pyreon/reactivity";
+import { ComponentFn, Fragment, Props, VNode, VNodeChild } from "@pyreon/core";
 
-//#region src/jsx-runtime.ts
-
-function beginRender(ctx) {
-  _currentCtx = ctx;
-  _hookIndex = 0;
-  ctx.pendingEffects = [];
-  ctx.pendingLayoutEffects = [];
-}
-function endRender() {
-  _currentCtx = null;
-  _hookIndex = 0;
-}
-function runLayoutEffects(entries) {
-  for (const entry of entries) {
-    if (entry.cleanup) entry.cleanup();
-    const cleanup = entry.fn();
-    entry.cleanup = typeof cleanup === "function" ? cleanup : void 0;
-  }
-}
-function scheduleEffects(ctx, entries) {
-  if (entries.length === 0) return;
-  queueMicrotask(() => {
-    for (const entry of entries) {
-      if (ctx.unmounted) return;
-      if (entry.cleanup) entry.cleanup();
-      const cleanup = entry.fn();
-      entry.cleanup = typeof cleanup === "function" ? cleanup : void 0;
-    }
-  });
-}
-function wrapCompatComponent(preactComponent) {
-  let wrapped = _wrapperCache.get(preactComponent);
-  if (wrapped) return wrapped;
-  wrapped = props => {
-    const ctx = {
-      hooks: [],
-      scheduleRerender: () => {},
-      pendingEffects: [],
-      pendingLayoutEffects: [],
-      unmounted: false
-    };
-    const version = signal(0);
-    let updateScheduled = false;
-    ctx.scheduleRerender = () => {
-      if (ctx.unmounted || updateScheduled) return;
-      updateScheduled = true;
-      queueMicrotask(() => {
-        updateScheduled = false;
-        if (!ctx.unmounted) version.set(version.peek() + 1);
-      });
-    };
-    return () => {
-      version();
-      beginRender(ctx);
-      const result = preactComponent(props);
-      const layoutEffects = ctx.pendingLayoutEffects;
-      const effects = ctx.pendingEffects;
-      endRender();
-      runLayoutEffects(layoutEffects);
-      scheduleEffects(ctx, effects);
-      return result;
-    };
-  };
-  _wrapperCache.set(preactComponent, wrapped);
-  return wrapped;
-}
-function jsx(type, props, key) {
-  const {
-    children,
-    ...rest
-  } = props;
-  const propsWithKey = key != null ? {
-    ...rest,
-    key
-  } : rest;
-  if (typeof type === "function") return h(wrapCompatComponent(type), children !== void 0 ? {
-    ...propsWithKey,
-    children
-  } : propsWithKey);
-  return h(type, propsWithKey, ...(children === void 0 ? [] : Array.isArray(children) ? children : [children]));
-}
+//#region src/jsx-runtime.d.ts
+declare function jsx(type: string | ComponentFn | symbol, props: Props & {
+  children?: VNodeChild | VNodeChild[];
+}, key?: string | number | null): VNode;
+declare const jsxs: typeof jsx;
 //#endregion
 export { Fragment, jsx, jsxs };
-//# sourceMappingURL=jsx-runtime.d.ts.map
+//# sourceMappingURL=jsx-runtime2.d.ts.map

package/lib/types/jsx-runtime.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"jsx-runtime.d.ts","names":[],"sources":["../../../src/jsx-runtime.ts"],"mappings":"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"}
+{"version":3,"file":"jsx-runtime2.d.ts","names":[],"sources":["../../../src/jsx-runtime.ts"],"mappings":";;;iBA2IgB,GAAA,CACd,IAAA,WAAe,WAAA,WACf,KAAA,EAAO,KAAA;EAAU,QAAA,GAAW,UAAA,GAAa,UAAA;AAAA,GACzC,GAAA,4BACC,KAAA;AAAA,cAiBU,IAAA,SAAI,GAAA"}

package/lib/types/signals.d.ts

@@ -1,57 +1,35 @@
-import { batch as pyreonBatch, computed as computed$1, effect as effect$1, signal as signal$1 } from "@pyreon/reactivity";
+import { batch as pyreonBatch } from "@pyreon/reactivity";
 
-//#region src/signals.ts
-/**
-* Create a Preact-style signal with `.value` accessor.
-*
-* @example
-* const count = signal(0)
-* count.value++       // write
-* console.log(count.value)  // read (tracked)
-*/
-function signal(initial) {
-  const s = signal$1(initial);
-  return {
-    get value() {
-      return s();
-    },
-    set value(v) {
-      s.set(v);
-    },
-    peek() {
-      return s.peek();
-    }
-  };
+//#region src/signals.d.ts
+interface ReadonlySignal<T> {
+  readonly value: T;
+  peek(): T;
 }
-/**
-* Create a Preact-style computed with `.value` accessor.
-*
-* @example
-* const doubled = computed(() => count.value * 2)
-* console.log(doubled.value)
-*/
-function computed(fn) {
-  const c = computed$1(fn);
-  return {
-    get value() {
-      return c();
-    },
-    peek() {
-      return c();
-    }
-  };
+interface WritableSignal<T> extends ReadonlySignal<T> {
+  value: T;
 }
 /**
-* Run a side-effect that auto-tracks signal reads.
-* Returns a dispose function.
-*/
-function effect(fn) {
-  const e = effect$1(fn);
-  return () => {
-    e.dispose();
-  };
-}
-
+ * Create a Preact-style signal with `.value` accessor.
+ *
+ * @example
+ * const count = signal(0)
+ * count.value++       // write
+ * console.log(count.value)  // read (tracked)
+ */
+declare function signal<T>(initial: T): WritableSignal<T>;
+/**
+ * Create a Preact-style computed with `.value` accessor.
+ *
+ * @example
+ * const doubled = computed(() => count.value * 2)
+ * console.log(doubled.value)
+ */
+declare function computed<T>(fn: () => T): ReadonlySignal<T>;
+/**
+ * Run a side-effect that auto-tracks signal reads.
+ * Returns a dispose function.
+ */
+declare function effect(fn: () => void | (() => void)): () => void;
 //#endregion
-export { pyreonBatch as batch, computed, effect, signal };
-//# sourceMappingURL=signals.d.ts.map
+export { ReadonlySignal, WritableSignal, pyreonBatch as batch, computed, effect, signal };
+//# sourceMappingURL=signals2.d.ts.map

package/lib/types/signals.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"signals.d.ts","names":["pyreonSignal","pyreonComputed","pyreonEffect"],"sources":["../../../src/signals.ts"],"mappings":";;;;;;;;;;;AAkCA,SAAgB,MAAA,CAAU,OAAA,EAA+B;EACvD,MAAM,CAAA,GAAIA,QAAAA,CAAgB,OAAA,CAAQ;EAClC,OAAO;IACL,IAAI,KAAA,CAAA,EAAW;MACb,OAAO,CAAA,CAAA,CAAG;;IAEZ,IAAI,KAAA,CAAM,CAAA,EAAM;MACd,CAAA,CAAE,GAAA,CAAI,CAAA,CAAE;;IAEV,IAAA,CAAA,EAAU;MACR,OAAO,CAAA,CAAE,IAAA,CAAA,CAAM;;GAElB;;;;;;;;;AAYH,SAAgB,QAAA,CAAY,EAAA,EAAgC;EAC1D,MAAM,CAAA,GAAIC,UAAAA,CAAe,EAAA,CAAG;EAC5B,OAAO;IACL,IAAI,KAAA,CAAA,EAAW;MACb,OAAO,CAAA,CAAA,CAAG;;IAEZ,IAAA,CAAA,EAAU;MAER,OAAO,CAAA,CAAA,CAAG;;GAEb;;;;;;AAUH,SAAgB,MAAA,CAAO,EAAA,EAA2C;EAEhE,MAAM,CAAA,GAAYC,QAAAA,CAAa,EAAA,CAAG;EAClC,OAAA,MAAa;IACX,CAAA,CAAE,OAAA,CAAA,CAAS"}
+{"version":3,"file":"signals2.d.ts","names":[],"sources":["../../../src/signals.ts"],"mappings":";;;UAiBiB,cAAA;EAAA,SACN,KAAA,EAAO,CAAA;EAChB,IAAA,IAAQ,CAAA;AAAA;AAAA,UAGO,cAAA,YAA0B,cAAA,CAAe,CAAA;EACxD,KAAA,EAAO,CAAA;AAAA;AADT;;;;;;;;AAAA,iBAYgB,MAAA,GAAA,CAAU,OAAA,EAAS,CAAA,GAAI,cAAA,CAAe,CAAA;;;;;;;AAAtD;iBAwBgB,QAAA,GAAA,CAAY,EAAA,QAAU,CAAA,GAAI,cAAA,CAAe,CAAA;;;;;iBAoBzC,MAAA,CAAO,EAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pyreon/preact-compat",
-  "version": "0.5.6",
+  "version": "0.6.0",
   "description": "Preact-compatible API shim for Pyreon — write Preact-style code that runs on Pyreon's reactive engine",
   "license": "MIT",
   "repository": {
@@ -59,9 +59,9 @@
     "prepublishOnly": "bun run build"
   },
   "dependencies": {
-    "@pyreon/core": "^0.5.6",
-    "@pyreon/reactivity": "^0.5.6",
-    "@pyreon/runtime-dom": "^0.5.6"
+    "@pyreon/core": "^0.6.0",
+    "@pyreon/reactivity": "^0.6.0",
+    "@pyreon/runtime-dom": "^0.6.0"
   },
   "devDependencies": {
     "@happy-dom/global-registrator": "^20.8.3",

package/src/index.ts

@@ -15,9 +15,7 @@ import type { ComponentFn, Props, VNode, VNodeChild } from "@pyreon/core"
 import {
   createRef,
   Fragment,
-  onUnmount,
-  popContext,
-  pushContext,
+  provide,
   createContext as pyreonCreateContext,
   h as pyreonH,
   useContext,
@@ -67,9 +65,8 @@ export interface PreactContext<T> {
 export function createContext<T>(defaultValue: T): PreactContext<T> {
   const ctx = pyreonCreateContext<T>(defaultValue)
   const Provider = ((props: { value: T; children?: VNodeChild }) => {
-    pushContext(new Map([[ctx.id, props.value]]))
-    onUnmount(() => popContext())
-    return props.children as VNode | null
+    provide(ctx, props.value)
+    return props.children
   }) as ComponentFn<{ value: T; children?: VNodeChild }>
   return { ...ctx, Provider }
 }