@pyreon/react-compat 0.5.0 → 0.5.1

package/lib/dom.js

@@ -0,0 +1,39 @@
+import { mount } from "@pyreon/runtime-dom";
+
+//#region src/dom.ts
+/**
+* @pyreon/react-compat/dom
+*
+* Drop-in for `react-dom/client` — provides `createRoot` so you can keep
+* the same entry-point pattern as a React app.
+*/
+/**
+* Drop-in for React 18's `createRoot(container).render(element)`.
+*
+* @example
+* import { createRoot } from "@pyreon/react-compat/dom"
+* createRoot(document.getElementById("app")!).render(<App />)
+*/
+function createRoot(container) {
+	let cleanup = null;
+	return {
+		render(element) {
+			if (cleanup) cleanup();
+			cleanup = mount(element, container);
+		},
+		unmount() {
+			if (cleanup) {
+				cleanup();
+				cleanup = null;
+			}
+		}
+	};
+}
+/** Alias — matches React 17's `render(element, container)` signature. */
+function render(element, container) {
+	mount(element, container);
+}
+
+//#endregion
+export { createRoot, render };
+//# sourceMappingURL=dom.js.map

package/lib/dom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom.js","names":[],"sources":["../src/dom.ts"],"sourcesContent":["import type { VNodeChild } from \"@pyreon/core\"\n/**\n * @pyreon/react-compat/dom\n *\n * Drop-in for `react-dom/client` — provides `createRoot` so you can keep\n * the same entry-point pattern as a React app.\n */\nimport { mount } from \"@pyreon/runtime-dom\"\n\n/**\n * Drop-in for React 18's `createRoot(container).render(element)`.\n *\n * @example\n * import { createRoot } from \"@pyreon/react-compat/dom\"\n * createRoot(document.getElementById(\"app\")!).render(<App />)\n */\nexport function createRoot(container: Element): {\n  render: (element: VNodeChild) => void\n  unmount: () => void\n} {\n  let cleanup: (() => void) | null = null\n  return {\n    render(element: VNodeChild) {\n      if (cleanup) cleanup()\n      cleanup = mount(element, container as HTMLElement)\n    },\n    unmount() {\n      if (cleanup) {\n        cleanup()\n        cleanup = null\n      }\n    },\n  }\n}\n\n/** Alias — matches React 17's `render(element, container)` signature. */\nexport function render(element: VNodeChild, container: Element): void {\n  mount(element, container as HTMLElement)\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAgBA,SAAgB,WAAW,WAGzB;CACA,IAAI,UAA+B;AACnC,QAAO;EACL,OAAO,SAAqB;AAC1B,OAAI,QAAS,UAAS;AACtB,aAAU,MAAM,SAAS,UAAyB;;EAEpD,UAAU;AACR,OAAI,SAAS;AACX,aAAS;AACT,cAAU;;;EAGf;;;AAIH,SAAgB,OAAO,SAAqB,WAA0B;AACpE,OAAM,SAAS,UAAyB"}

package/lib/jsx-runtime.js

@@ -0,0 +1,93 @@
+import { Fragment, h } from "@pyreon/core";
+import { signal } from "@pyreon/reactivity";
+
+//#region src/jsx-runtime.ts
+let _currentCtx = null;
+let _hookIndex = 0;
+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;
+		}
+	});
+}
+const _wrapperCache = /* @__PURE__ */ new WeakMap();
+function wrapCompatComponent(reactComponent) {
+	let wrapped = _wrapperCache.get(reactComponent);
+	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 = reactComponent(props);
+			const layoutEffects = ctx.pendingLayoutEffects;
+			const effects = ctx.pendingEffects;
+			endRender();
+			runLayoutEffects(layoutEffects);
+			scheduleEffects(ctx, effects);
+			return result;
+		};
+	});
+	_wrapperCache.set(reactComponent, 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);
+	const childArray = children === void 0 ? [] : Array.isArray(children) ? children : [children];
+	if (typeof type === "string" && propsWithKey.className !== void 0) {
+		propsWithKey.class = propsWithKey.className;
+		delete propsWithKey.className;
+	}
+	return h(type, propsWithKey, ...childArray);
+}
+const jsxs = jsx;
+
+//#endregion
+export { Fragment, jsx, jsxs };
+//# sourceMappingURL=jsx-runtime.js.map

package/lib/jsx-runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsx-runtime.js","names":[],"sources":["../src/jsx-runtime.ts"],"sourcesContent":["/**\n * Compat JSX runtime for React compatibility mode.\n *\n * When `jsxImportSource` is set to `@pyreon/react-compat` (via the vite plugin's\n * `compat: \"react\"` option), OXC rewrites JSX to import from this file:\n *   <div className=\"x\" />  →  jsx(\"div\", { className: \"x\" })\n *\n * For component VNodes, we wrap the component function so it returns a reactive\n * accessor — enabling React-style re-renders on state change while Pyreon's\n * existing renderer handles all DOM work.\n */\n\nimport type { ComponentFn, Props, VNode, VNodeChild } from \"@pyreon/core\"\nimport { Fragment, h } from \"@pyreon/core\"\nimport { signal } from \"@pyreon/reactivity\"\n\nexport { Fragment }\n\n// ─── Render context (used by hooks) ──────────────────────────────────────────\n\nexport interface RenderContext {\n  hooks: unknown[]\n  scheduleRerender: () => void\n  /** Effect entries pending execution after render */\n  pendingEffects: EffectEntry[]\n  /** Layout effect entries pending execution after render */\n  pendingLayoutEffects: EffectEntry[]\n  /** Set to true when the component is unmounted */\n  unmounted: boolean\n}\n\nexport interface EffectEntry {\n  // biome-ignore lint/suspicious/noConfusingVoidType: matches React's effect signature\n  fn: () => (() => void) | void\n  deps: unknown[] | undefined\n  cleanup: (() => void) | undefined\n}\n\nlet _currentCtx: RenderContext | null = null\nlet _hookIndex = 0\n\nexport function getCurrentCtx(): RenderContext | null {\n  return _currentCtx\n}\n\nexport function getHookIndex(): number {\n  return _hookIndex++\n}\n\nexport function beginRender(ctx: RenderContext): void {\n  _currentCtx = ctx\n  _hookIndex = 0\n  ctx.pendingEffects = []\n  ctx.pendingLayoutEffects = []\n}\n\nexport function endRender(): void {\n  _currentCtx = null\n  _hookIndex = 0\n}\n\n// ─── Effect runners ──────────────────────────────────────────────────────────\n\nfunction runLayoutEffects(entries: EffectEntry[]): void {\n  for (const entry of entries) {\n    if (entry.cleanup) entry.cleanup()\n    const cleanup = entry.fn()\n    entry.cleanup = typeof cleanup === \"function\" ? cleanup : undefined\n  }\n}\n\nfunction scheduleEffects(ctx: RenderContext, entries: EffectEntry[]): void {\n  if (entries.length === 0) return\n  queueMicrotask(() => {\n    for (const entry of entries) {\n      if (ctx.unmounted) return\n      if (entry.cleanup) entry.cleanup()\n      const cleanup = entry.fn()\n      entry.cleanup = typeof cleanup === \"function\" ? cleanup : undefined\n    }\n  })\n}\n\n// ─── Component wrapping ──────────────────────────────────────────────────────\n\n// biome-ignore lint/complexity/noBannedTypes: Function is needed for generic component wrapping\nconst _wrapperCache = new WeakMap<Function, ComponentFn>()\n\n// biome-ignore lint/complexity/noBannedTypes: Function is needed for generic component wrapping\nfunction wrapCompatComponent(reactComponent: Function): ComponentFn {\n  let wrapped = _wrapperCache.get(reactComponent)\n  if (wrapped) return wrapped\n\n  // The wrapper returns a reactive accessor (() => VNodeChild) which Pyreon's\n  // mountChild treats as a reactive expression via mountReactive.\n  wrapped = ((props: Props) => {\n    const ctx: RenderContext = {\n      hooks: [],\n      scheduleRerender: () => {\n        // Will be replaced below after version signal is created\n      },\n      pendingEffects: [],\n      pendingLayoutEffects: [],\n      unmounted: false,\n    }\n\n    const version = signal(0)\n    let updateScheduled = false\n\n    ctx.scheduleRerender = () => {\n      if (ctx.unmounted || updateScheduled) return\n      updateScheduled = true\n      queueMicrotask(() => {\n        updateScheduled = false\n        if (!ctx.unmounted) version.set(version.peek() + 1)\n      })\n    }\n\n    // Return reactive accessor — Pyreon's mountChild calls mountReactive\n    return () => {\n      version() // tracked read — triggers re-execution when state changes\n      beginRender(ctx)\n      const result = (reactComponent as ComponentFn)(props)\n      const layoutEffects = ctx.pendingLayoutEffects\n      const effects = ctx.pendingEffects\n      endRender()\n\n      runLayoutEffects(layoutEffects)\n      scheduleEffects(ctx, effects)\n\n      return result\n    }\n  }) as unknown as ComponentFn\n\n  _wrapperCache.set(reactComponent, wrapped)\n  return wrapped\n}\n\n// ─── JSX functions ───────────────────────────────────────────────────────────\n\nexport function jsx(\n  type: string | ComponentFn | symbol,\n  props: Props & { children?: VNodeChild | VNodeChild[] },\n  key?: string | number | null,\n): VNode {\n  const { children, ...rest } = props\n  const propsWithKey = (key != null ? { ...rest, key } : rest) as Props\n\n  if (typeof type === \"function\") {\n    // Wrap React-style component for re-render support\n    const wrapped = wrapCompatComponent(type)\n    const componentProps = children !== undefined ? { ...propsWithKey, children } : propsWithKey\n    return h(wrapped, componentProps)\n  }\n\n  // DOM element or symbol (Fragment): children go in vnode.children\n  const childArray = children === undefined ? [] : Array.isArray(children) ? children : [children]\n\n  // Map className → class for React compat\n  if (typeof type === \"string\" && propsWithKey.className !== undefined) {\n    propsWithKey.class = propsWithKey.className\n    delete propsWithKey.className\n  }\n\n  return h(type, propsWithKey, ...(childArray as VNodeChild[]))\n}\n\nexport const jsxs = jsx\nexport const jsxDEV = jsx\n"],"mappings":";;;;AAsCA,IAAI,cAAoC;AACxC,IAAI,aAAa;AAUjB,SAAgB,YAAY,KAA0B;AACpD,eAAc;AACd,cAAa;AACb,KAAI,iBAAiB,EAAE;AACvB,KAAI,uBAAuB,EAAE;;AAG/B,SAAgB,YAAkB;AAChC,eAAc;AACd,cAAa;;AAKf,SAAS,iBAAiB,SAA8B;AACtD,MAAK,MAAM,SAAS,SAAS;AAC3B,MAAI,MAAM,QAAS,OAAM,SAAS;EAClC,MAAM,UAAU,MAAM,IAAI;AAC1B,QAAM,UAAU,OAAO,YAAY,aAAa,UAAU;;;AAI9D,SAAS,gBAAgB,KAAoB,SAA8B;AACzE,KAAI,QAAQ,WAAW,EAAG;AAC1B,sBAAqB;AACnB,OAAK,MAAM,SAAS,SAAS;AAC3B,OAAI,IAAI,UAAW;AACnB,OAAI,MAAM,QAAS,OAAM,SAAS;GAClC,MAAM,UAAU,MAAM,IAAI;AAC1B,SAAM,UAAU,OAAO,YAAY,aAAa,UAAU;;GAE5D;;AAMJ,MAAM,gCAAgB,IAAI,SAAgC;AAG1D,SAAS,oBAAoB,gBAAuC;CAClE,IAAI,UAAU,cAAc,IAAI,eAAe;AAC/C,KAAI,QAAS,QAAO;AAIpB,aAAY,UAAiB;EAC3B,MAAM,MAAqB;GACzB,OAAO,EAAE;GACT,wBAAwB;GAGxB,gBAAgB,EAAE;GAClB,sBAAsB,EAAE;GACxB,WAAW;GACZ;EAED,MAAM,UAAU,OAAO,EAAE;EACzB,IAAI,kBAAkB;AAEtB,MAAI,yBAAyB;AAC3B,OAAI,IAAI,aAAa,gBAAiB;AACtC,qBAAkB;AAClB,wBAAqB;AACnB,sBAAkB;AAClB,QAAI,CAAC,IAAI,UAAW,SAAQ,IAAI,QAAQ,MAAM,GAAG,EAAE;KACnD;;AAIJ,eAAa;AACX,YAAS;AACT,eAAY,IAAI;GAChB,MAAM,SAAU,eAA+B,MAAM;GACrD,MAAM,gBAAgB,IAAI;GAC1B,MAAM,UAAU,IAAI;AACpB,cAAW;AAEX,oBAAiB,cAAc;AAC/B,mBAAgB,KAAK,QAAQ;AAE7B,UAAO;;;AAIX,eAAc,IAAI,gBAAgB,QAAQ;AAC1C,QAAO;;AAKT,SAAgB,IACd,MACA,OACA,KACO;CACP,MAAM,EAAE,UAAU,GAAG,SAAS;CAC9B,MAAM,eAAgB,OAAO,OAAO;EAAE,GAAG;EAAM;EAAK,GAAG;AAEvD,KAAI,OAAO,SAAS,WAIlB,QAAO,EAFS,oBAAoB,KAAK,EAClB,aAAa,SAAY;EAAE,GAAG;EAAc;EAAU,GAAG,aAC/C;CAInC,MAAM,aAAa,aAAa,SAAY,EAAE,GAAG,MAAM,QAAQ,SAAS,GAAG,WAAW,CAAC,SAAS;AAGhG,KAAI,OAAO,SAAS,YAAY,aAAa,cAAc,QAAW;AACpE,eAAa,QAAQ,aAAa;AAClC,SAAO,aAAa;;AAGtB,QAAO,EAAE,MAAM,cAAc,GAAI,WAA4B;;AAG/D,MAAa,OAAO"}

package/lib/types/dom.d.ts

@@ -0,0 +1,39 @@
+import { mount } from "@pyreon/runtime-dom";
+
+//#region src/dom.ts
+/**
+* @pyreon/react-compat/dom
+*
+* Drop-in for `react-dom/client` — provides `createRoot` so you can keep
+* the same entry-point pattern as a React app.
+*/
+/**
+* Drop-in for React 18's `createRoot(container).render(element)`.
+*
+* @example
+* import { createRoot } from "@pyreon/react-compat/dom"
+* createRoot(document.getElementById("app")!).render(<App />)
+*/
+function createRoot(container) {
+  let cleanup = null;
+  return {
+    render(element) {
+      if (cleanup) cleanup();
+      cleanup = mount(element, container);
+    },
+    unmount() {
+      if (cleanup) {
+        cleanup();
+        cleanup = null;
+      }
+    }
+  };
+}
+/** Alias — matches React 17's `render(element, container)` signature. */
+function render(element, container) {
+  mount(element, container);
+}
+
+//#endregion
+export { createRoot, render };
+//# sourceMappingURL=dom.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dom.d.ts","names":[],"sources":["../../src/dom.ts"],"mappings":";;;;;;;;;;;;;;;;AAgBA,SAAgB,UAAA,CAAW,SAAA,EAGzB;EACA,IAAI,OAAA,GAA+B,IAAA;EACnC,OAAO;IACL,MAAA,CAAO,OAAA,EAAqB;MAC1B,IAAI,OAAA,EAAS,OAAA,CAAA,CAAS;MACtB,OAAA,GAAU,KAAA,CAAM,OAAA,EAAS,SAAA,CAAyB;;IAEpD,OAAA,CAAA,EAAU;MACR,IAAI,OAAA,EAAS;QACX,OAAA,CAAA,CAAS;QACT,OAAA,GAAU,IAAA;;;GAGf;;;AAIH,SAAgB,MAAA,CAAO,OAAA,EAAqB,SAAA,EAA0B;EACpE,KAAA,CAAM,OAAA,EAAS,SAAA,CAAyB"}

package/lib/types/dom2.d.ts

@@ -0,0 +1,19 @@
+import { VNodeChild } from "@pyreon/core";
+
+//#region src/dom.d.ts
+/**
+ * Drop-in for React 18's `createRoot(container).render(element)`.
+ *
+ * @example
+ * import { createRoot } from "@pyreon/react-compat/dom"
+ * createRoot(document.getElementById("app")!).render(<App />)
+ */
+declare function createRoot(container: Element): {
+  render: (element: VNodeChild) => void;
+  unmount: () => void;
+};
+/** Alias — matches React 17's `render(element, container)` signature. */
+declare function render(element: VNodeChild, container: Element): void;
+//#endregion
+export { createRoot, render };
+//# sourceMappingURL=dom2.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dom2.d.ts","names":[],"sources":["../../src/dom.ts"],"mappings":";;;;;AAgBA;;;;;iBAAgB,UAAA,CAAW,SAAA,EAAW,OAAA;EACpC,MAAA,GAAS,OAAA,EAAS,UAAA;EAClB,OAAA;AAAA;;iBAkBc,MAAA,CAAO,OAAA,EAAS,UAAA,EAAY,SAAA,EAAW,OAAA"}

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

@@ -0,0 +1,92 @@
+import { Fragment, h } from "@pyreon/core";
+import { signal } from "@pyreon/reactivity";
+
+//#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(reactComponent) {
+  let wrapped = _wrapperCache.get(reactComponent);
+  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 = reactComponent(props);
+      const layoutEffects = ctx.pendingLayoutEffects;
+      const effects = ctx.pendingEffects;
+      endRender();
+      runLayoutEffects(layoutEffects);
+      scheduleEffects(ctx, effects);
+      return result;
+    };
+  };
+  _wrapperCache.set(reactComponent, 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);
+  const childArray = children === void 0 ? [] : Array.isArray(children) ? children : [children];
+  if (typeof type === "string" && propsWithKey.className !== void 0) {
+    propsWithKey.class = propsWithKey.className;
+    delete propsWithKey.className;
+  }
+  return h(type, propsWithKey, ...childArray);
+}
+//#endregion
+export { Fragment, jsx, jsxs };
+//# sourceMappingURL=jsx-runtime.d.ts.map

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

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

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

@@ -0,0 +1,10 @@
+import { ComponentFn, Fragment, Props, VNode, VNodeChild } from "@pyreon/core";
+
+//#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-runtime2.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"jsx-runtime2.d.ts","names":[],"sources":["../../src/jsx-runtime.ts"],"mappings":";;;iBA4IgB,GAAA,CACd,IAAA,WAAe,WAAA,WACf,KAAA,EAAO,KAAA;EAAU,QAAA,GAAW,UAAA,GAAa,UAAA;AAAA,GACzC,GAAA,4BACC,KAAA;AAAA,cAuBU,IAAA,SAAI,GAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pyreon/react-compat",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "description": "React-compatible API shim for Pyreon — write React-style hooks that run on Pyreon's reactive engine",
   "license": "MIT",
   "repository": {
@@ -54,9 +54,9 @@
     "prepublishOnly": "bun run build"
   },
   "dependencies": {
-    "@pyreon/core": "^0.5.0",
-    "@pyreon/reactivity": "^0.5.0",
-    "@pyreon/runtime-dom": "^0.5.0"
+    "@pyreon/core": "^0.5.1",
+    "@pyreon/reactivity": "^0.5.1",
+    "@pyreon/runtime-dom": "^0.5.1"
   },
   "devDependencies": {
     "@happy-dom/global-registrator": "^20.8.3",

package/src/jsx-dev-runtime.ts

@@ -0,0 +1 @@
+export { Fragment, jsx, jsxs } from "./jsx-runtime"