@pyreon/react-compat 0.2.1 → 0.3.1

package/lib/types/index.d.ts

@@ -1,109 +1,206 @@
-import { ErrorBoundary, Fragment, Portal, Suspense, createContext, createRef, h, h as createElement, lazy, onErrorCaptured, onMount, onMount as useLayoutEffect, onUnmount, onUpdate, useContext } from "@pyreon/core";
-import { batch, computed, createSelector, effect, getCurrentScope, runUntracked, signal } from "@pyreon/reactivity";
+import { ErrorBoundary, Fragment, Portal, Suspense, createContext, h, h as createElement, lazy, useContext } from "@pyreon/core";
+import { batch } from "@pyreon/reactivity";
 
+//#region src/jsx-runtime.ts
+
+function getCurrentCtx() {
+  return _currentCtx;
+}
+function getHookIndex() {
+  return _hookIndex++;
+}
+
+//#endregion
 //#region src/index.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;
+}
 /**
-* Drop-in for React's `useState`.
-* Returns `[getter, setter]` — call `getter()` to read, `setter(v)` to write.
-*
-* Unlike React: the getter is a signal, so any component or effect that reads
-* it will re-run automatically. No dep arrays needed.
+* React-compatible `useState` — returns `[value, setter]`.
+* Triggers a component re-render when the setter is called.
 */
 function useState(initial) {
-  const s = signal(typeof initial === "function" ? initial() : 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 => {
-    if (typeof v === "function") s.update(v);else s.set(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 [s, setter];
+  return [value, setter];
 }
 /**
-* Drop-in for React's `useReducer`.
+* React-compatible `useReducer` — returns `[state, dispatch]`.
 */
 function useReducer(reducer, initial) {
-  const s = signal(typeof initial === "function" ? initial() : initial);
-  const dispatch = action => s.update(prev => reducer(prev, action));
-  return [s, dispatch];
+  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];
 }
 /**
-* Drop-in for React's `useEffect`.
-*
-* The `deps` array is IGNORED — Pyreon tracks reactive dependencies automatically.
-* If `deps` is `[]` (mount-only), wrap the body in `runUntracked(() => ...)`.
-*
-* Returns a cleanup the same way React does (return a function from `fn`).
+* React-compatible `useEffect` — runs after render when deps change.
+* Returns cleanup on unmount and before re-running.
 */
 function useEffect(fn, deps) {
-  if (deps !== void 0 && deps.length === 0) onMount(() => {
-    const cleanup = runUntracked(fn);
-    if (typeof cleanup === "function") onUnmount(cleanup);
-  });else {
-    const e = effect(fn);
-    onUnmount(() => {
-      e.dispose();
-    });
+  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);
+    }
   }
 }
 /**
-* Drop-in for React's `useMemo`.
-* The `deps` array is IGNORED — Pyreon's `computed` tracks dependencies automatically.
-* Returns a getter: call `value()` to read the memoized result.
+* React-compatible `useLayoutEffect` — runs synchronously after DOM mutations.
 */
-function useMemo(fn, _deps) {
-  return computed(fn);
+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);
+    }
+  }
+}
+/**
+* React-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;
 }
 /**
-* Drop-in for React's `useCallback`.
-* In Pyreon, components run once so callbacks are never recreated — returns `fn` as-is.
+* React-compatible `useCallback` — returns the cached function when deps haven't changed.
 */
-function useCallback(fn, _deps) {
-  return fn;
+function useCallback(fn, deps) {
+  return useMemo(() => fn, deps);
 }
 /**
-* Drop-in for React's `useRef`.
-* Returns `{ current: T }` — same shape as React's ref object.
+* React-compatible `useRef` — returns `{ current }` persisted across re-renders.
 */
 function useRef(initial) {
-  const ref = createRef();
-  if (initial !== void 0) ref.current = initial;
-  return ref;
+  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];
 }
 /**
-* Drop-in for React's `useId` — returns a stable unique string per component instance.
-*
-* Uses the component's effectScope as the key so the counter starts at 0 for every
-* component on both server and client — IDs are deterministic and hydration-safe.
+* React-compatible `useId` — returns a stable unique string per hook call.
 */
-
 function useId() {
-  const scope = getCurrentScope();
-  if (!scope) return `:r${Math.random().toString(36).slice(2, 9)}:`;
-  const count = _idCounters.get(scope) ?? 0;
-  _idCounters.set(scope, count + 1);
-  return `:r${count.toString(36)}:`;
+  const ctx = requireCtx();
+  const idx = getHookIndex();
+  if (ctx.hooks.length <= idx) ctx.hooks.push(`:r${(_idCounter++).toString(36)}:`);
+  return ctx.hooks[idx];
 }
 /**
-* Drop-in for React's `memo` — wraps a component.
-* In Pyreon, components run once (no re-renders), so memoization is a no-op.
-* Kept for API compatibility when migrating React code.
+* React-compatible `memo` — wraps a component to skip re-render when props
+* are shallowly equal.
 */
-function memo(component) {
-  return component;
+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;
+  };
 }
 /**
-* Drop-in for React's `useTransition` — no-op in Pyreon (no concurrent mode).
-* Returns `[false, (fn) => fn()]` to keep code runnable without changes.
+* React-compatible `useTransition` — no concurrent mode in Pyreon.
 */
 function useTransition() {
   return [false, fn => fn()];
 }
 /**
-* Drop-in for React's `useDeferredValue` — returns the value as-is in Pyreon.
+* React-compatible `useDeferredValue` — returns the value as-is.
 */
 function useDeferredValue(value) {
   return value;
 }
 /**
-* Drop-in for React's `createPortal(children, target)`.
+* React-compatible `useImperativeHandle`.
+*/
+function useImperativeHandle(ref, init, deps) {
+  useLayoutEffect(() => {
+    if (ref) ref.current = init();
+    return () => {
+      if (ref) ref.current = null;
+    };
+  }, deps);
+}
+/**
+* React-compatible `createPortal(children, target)`.
 */
 function createPortal(children, target) {
   return Portal({
@@ -111,19 +208,7 @@ function createPortal(children, target) {
     children
   });
 }
-/**
-* Drop-in for React's `useImperativeHandle`.
-* In Pyreon, expose methods via a ref prop directly — this is a compatibility shim.
-*/
-function useImperativeHandle(ref, init, _deps) {
-  onMount(() => {
-    if (ref) ref.current = init();
-  });
-  onUnmount(() => {
-    if (ref) ref.current = null;
-  });
-}
 
 //#endregion
-export { ErrorBoundary, Fragment, Suspense, batch, createContext, createElement, createPortal, createSelector, h, lazy, memo, onMount, onUnmount, onUpdate, useCallback, useContext, useDeferredValue, useEffect, useEffect as useLayoutEffect_, onErrorCaptured as useErrorBoundary, useId, useImperativeHandle, useLayoutEffect, useMemo, useReducer, useRef, useState, useTransition };
+export { ErrorBoundary, Fragment, Suspense, batch, createContext, createElement, createPortal, h, lazy, memo, useCallback, useContext, useDeferredValue, useEffect, useId, useImperativeHandle, useLayoutEffect, useMemo, useReducer, useRef, useState, useTransition };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/index.ts"],"mappings":"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"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/jsx-runtime.ts","../../src/index.ts"],"mappings":"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"}

package/lib/types/index2.d.ts

@@ -1,73 +1,66 @@
-import { CleanupFn, ErrorBoundary, Fragment, Props, Suspense, VNode as ReactNode, VNodeChild, VNodeChild as VNodeChild$1, createContext, h, h as createElement, lazy, onErrorCaptured, onMount, onMount as useLayoutEffect, onUnmount, onUpdate, useContext } from "@pyreon/core";
-import { batch, createSelector } from "@pyreon/reactivity";
+import { ErrorBoundary, Fragment, Props, Suspense, VNode as ReactNode, VNodeChild, VNodeChild as VNodeChild$1, createContext, h, h as createElement, lazy, useContext } from "@pyreon/core";
+import { batch } from "@pyreon/reactivity";
 
 //#region src/index.d.ts
 /**
- * Drop-in for React's `useState`.
- * Returns `[getter, setter]` — call `getter()` to read, `setter(v)` to write.
- *
- * Unlike React: the getter is a signal, so any component or effect that reads
- * it will re-run automatically. No dep arrays needed.
+ * React-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];
+declare function useState<T>(initial: T | (() => T)): [T, (v: T | ((prev: T) => T)) => void];
 /**
- * Drop-in for React's `useReducer`.
+ * React-compatible `useReducer` — returns `[state, dispatch]`.
  */
-declare function useReducer<S, A>(reducer: (state: S, action: A) => S, initial: S | (() => S)): [() => S, (action: A) => void];
+declare function useReducer<S, A>(reducer: (state: S, action: A) => S, initial: S | (() => S)): [S, (action: A) => void];
 /**
- * Drop-in for React's `useEffect`.
- *
- * The `deps` array is IGNORED — Pyreon tracks reactive dependencies automatically.
- * If `deps` is `[]` (mount-only), wrap the body in `runUntracked(() => ...)`.
- *
- * Returns a cleanup the same way React does (return a function from `fn`).
+ * React-compatible `useEffect` — runs after render when deps change.
+ * Returns cleanup on unmount and before re-running.
  */
-declare function useEffect(fn: () => CleanupFn | void, deps?: unknown[]): void;
+declare function useEffect(fn: () => (() => void) | void, deps?: unknown[]): void;
 /**
- * Drop-in for React's `useMemo`.
- * The `deps` array is IGNORED — Pyreon's `computed` tracks dependencies automatically.
- * Returns a getter: call `value()` to read the memoized result.
+ * React-compatible `useLayoutEffect` — runs synchronously after DOM mutations.
  */
-declare function useMemo<T>(fn: () => T, _deps?: unknown[]): () => T;
+declare function useLayoutEffect(fn: () => (() => void) | void, deps?: unknown[]): void;
 /**
- * Drop-in for React's `useCallback`.
- * In Pyreon, components run once so callbacks are never recreated — returns `fn` as-is.
+ * React-compatible `useMemo` — returns the cached value, recomputed when deps change.
  */
-declare function useCallback<T extends (...args: any[]) => any>(fn: T, _deps?: unknown[]): T;
+declare function useMemo<T>(fn: () => T, deps: unknown[]): T;
 /**
- * Drop-in for React's `useRef`.
- * Returns `{ current: T }` — same shape as React's ref object.
+ * React-compatible `useCallback` — returns the cached function when deps haven't changed.
+ */
+declare function useCallback<T extends (...args: never[]) => unknown>(fn: T, deps: unknown[]): T;
+/**
+ * React-compatible `useRef` — returns `{ current }` persisted across re-renders.
  */
 declare function useRef<T>(initial?: T): {
   current: T | null;
 };
+/**
+ * React-compatible `useId` — returns a stable unique string per hook call.
+ */
 declare function useId(): string;
 /**
- * Drop-in for React's `memo` — wraps a component.
- * In Pyreon, components run once (no re-renders), so memoization is a no-op.
- * Kept for API compatibility when migrating React code.
+ * React-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$1): (props: P) => VNodeChild$1;
+declare function memo<P extends Record<string, unknown>>(component: (props: P) => VNodeChild$1, areEqual?: (prevProps: P, nextProps: P) => boolean): (props: P) => VNodeChild$1;
 /**
- * Drop-in for React's `useTransition` — no-op in Pyreon (no concurrent mode).
- * Returns `[false, (fn) => fn()]` to keep code runnable without changes.
+ * React-compatible `useTransition` — no concurrent mode in Pyreon.
  */
 declare function useTransition(): [boolean, (fn: () => void) => void];
 /**
- * Drop-in for React's `useDeferredValue` — returns the value as-is in Pyreon.
+ * React-compatible `useDeferredValue` — returns the value as-is.
  */
 declare function useDeferredValue<T>(value: T): T;
 /**
- * Drop-in for React's `createPortal(children, target)`.
- */
-declare function createPortal(children: VNodeChild$1, target: Element): VNodeChild$1;
-/**
- * Drop-in for React's `useImperativeHandle`.
- * In Pyreon, expose methods via a ref prop directly — this is a compatibility shim.
+ * React-compatible `useImperativeHandle`.
  */
 declare function useImperativeHandle<T>(ref: {
   current: T | null;
-} | null | undefined, init: () => T, _deps?: unknown[]): void;
+} | null | undefined, init: () => T, deps?: unknown[]): void;
+/**
+ * React-compatible `createPortal(children, target)`.
+ */
+declare function createPortal(children: VNodeChild$1, target: Element): VNodeChild$1;
 //#endregion
-export { ErrorBoundary, Fragment, type Props, type ReactNode, Suspense, type VNodeChild, batch, createContext, createElement, createPortal, createSelector, h, lazy, memo, onMount, onUnmount, onUpdate, useCallback, useContext, useDeferredValue, useEffect, useEffect as useLayoutEffect_, onErrorCaptured as useErrorBoundary, useId, useImperativeHandle, useLayoutEffect, useMemo, useReducer, useRef, useState, useTransition };
+export { ErrorBoundary, Fragment, type Props, type ReactNode, Suspense, type VNodeChild, batch, createContext, createElement, createPortal, h, lazy, memo, useCallback, useContext, useDeferredValue, useEffect, useId, useImperativeHandle, useLayoutEffect, useMemo, useReducer, useRef, useState, useTransition };
 //# sourceMappingURL=index2.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index2.d.ts","names":[],"sources":["../../src/index.ts"],"mappings":";;;;;;AAwEA;;;;;iBAdgB,QAAA,GAAA,CAAY,OAAA,EAAS,CAAA,UAAW,CAAA,WAAY,CAAA,GAAI,CAAA,EAAG,CAAA,KAAM,IAAA,EAAM,CAAA,KAAM,CAAA;;;;iBAcrE,UAAA,MAAA,CACd,OAAA,GAAU,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,KAAM,CAAA,EAClC,OAAA,EAAS,CAAA,UAAW,CAAA,WACZ,CAAA,GAAI,MAAA,EAAQ,CAAA;;;;;;;;;iBAiBN,SAAA,CAAU,EAAA,QAAU,SAAA,SAAkB,IAAA;;;;;AAAtD;iBA+BgB,OAAA,GAAA,CAAW,EAAA,QAAU,CAAA,EAAG,KAAA,qBAA0B,CAAA;;;;;iBASlD,WAAA,eAA0B,IAAA,gBAAA,CAAqB,EAAA,EAAI,CAAA,EAAG,KAAA,eAAoB,CAAA;;;AAT1F;;iBAmBgB,MAAA,GAAA,CAAU,OAAA,GAAU,CAAA;EAAM,OAAA,EAAS,CAAA;AAAA;AAAA,iBAwBnC,KAAA,CAAA;AAlChB;;;;;AAAA,iBAiDgB,IAAA,WAAe,MAAA,kBAAA,CAC7B,SAAA,GAAY,KAAA,EAAO,CAAA,KAAM,YAAA,IACvB,KAAA,EAAO,CAAA,KAAM,YAAA;;;;;iBAQD,aAAA,CAAA,cAA4B,EAAA;;AAjD5C;;iBAwDgB,gBAAA,GAAA,CAAoB,KAAA,EAAO,CAAA,GAAI,CAAA;;;;iBAyB/B,YAAA,CAAa,QAAA,EAAU,YAAA,EAAY,MAAA,EAAQ,OAAA,GAAU,YAAA;;;;;iBAUrD,mBAAA,GAAA,CACd,GAAA;EAAO,OAAA,EAAS,CAAA;AAAA,sBAChB,IAAA,QAAY,CAAA,EACZ,KAAA"}
+{"version":3,"file":"index2.d.ts","names":[],"sources":["../../src/index.ts"],"mappings":";;;;;;;;iBA8CgB,QAAA,GAAA,CAAY,OAAA,EAAS,CAAA,UAAW,CAAA,KAAM,CAAA,GAAI,CAAA,EAAG,CAAA,KAAM,IAAA,EAAM,CAAA,KAAM,CAAA;;;;iBAyB/D,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;AAHhB;;;;AAAA,iBA8BgB,SAAA,CAAU,EAAA,6BAA+B,IAAA;;;;iBAuBzC,eAAA,CAAgB,EAAA,6BAA+B,IAAA;;;;iBAuB/C,OAAA,GAAA,CAAW,EAAA,QAAU,CAAA,EAAG,IAAA,cAAkB,CAAA;;;;iBAqB1C,WAAA,eAA0B,IAAA,sBAAA,CAA2B,EAAA,EAAI,CAAA,EAAG,IAAA,cAAkB,CAAA;;;;iBAS9E,MAAA,GAAA,CAAU,OAAA,GAAU,CAAA;EAAM,OAAA,EAAS,CAAA;AAAA;;;;iBAuBnC,KAAA,CAAA;AAnGhB;;;;AAAA,iBAoHgB,IAAA,WAAe,MAAA,kBAAA,CAC7B,SAAA,GAAY,KAAA,EAAO,CAAA,KAAM,YAAA,EACzB,QAAA,IAAY,SAAA,EAAW,CAAA,EAAG,SAAA,EAAW,CAAA,gBACnC,KAAA,EAAO,CAAA,KAAM,YAAA;AAhGjB;;;AAAA,iBA6HgB,aAAA,CAAA,cAA4B,EAAA;;AAtG5C;;iBA6GgB,gBAAA,GAAA,CAAoB,KAAA,EAAO,CAAA,GAAI,CAAA;;;;iBAS/B,mBAAA,GAAA,CACd,GAAA;EAAO,OAAA,EAAS,CAAA;AAAA,sBAChB,IAAA,QAAY,CAAA,EACZ,IAAA;;AApGF;;iBAuHgB,YAAA,CAAa,QAAA,EAAU,YAAA,EAAY,MAAA,EAAQ,OAAA,GAAU,YAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pyreon/react-compat",
-  "version": "0.2.1",
+  "version": "0.3.1",
   "description": "React-compatible API shim for Pyreon — write React-style hooks that run on Pyreon's reactive engine",
   "license": "MIT",
   "repository": {
@@ -33,6 +33,16 @@
       "bun": "./src/dom.ts",
       "import": "./lib/dom.js",
       "types": "./lib/types/dom.d.ts"
+    },
+    "./jsx-runtime": {
+      "bun": "./src/jsx-runtime.ts",
+      "import": "./lib/jsx-runtime.js",
+      "types": "./lib/types/jsx-runtime.d.ts"
+    },
+    "./jsx-dev-runtime": {
+      "bun": "./src/jsx-runtime.ts",
+      "import": "./lib/jsx-runtime.js",
+      "types": "./lib/types/jsx-runtime.d.ts"
     }
   },
   "scripts": {
@@ -44,9 +54,9 @@
     "prepublishOnly": "bun run build"
   },
   "dependencies": {
-    "@pyreon/core": "^0.2.1",
-    "@pyreon/reactivity": "^0.2.1",
-    "@pyreon/runtime-dom": "^0.2.1"
+    "@pyreon/core": "^0.3.1",
+    "@pyreon/reactivity": "^0.3.1",
+    "@pyreon/runtime-dom": "^0.3.1"
   },
   "devDependencies": {
     "@happy-dom/global-registrator": "^20.8.3",