hadars 0.4.2 → 1.0.1

package/README.md

@@ -21,30 +21,30 @@ Bring your own router (or none), keep your components as plain React, and get SS
 ## Benchmarks
 
 <!-- BENCHMARK_START -->
-> Last run: 2026-04-02 · 120s · 100 connections · Bun runtime
-> hadars is **9.3x faster** in requests/sec
+> Last run: 2026-04-17 · 120s · 100 connections · Bun runtime
+> hadars is **9.5x faster** in requests/sec
 
 **Throughput** (autocannon, 120s)
 
 | Metric | hadars | Next.js |
 |---|---:|---:|
-| Requests/sec | **158** | 17 |
-| Latency median | **634 ms** | 2754 ms |
-| Latency p99 | **1031 ms** | 4140 ms |
-| Throughput | **44.97** MB/s | 9.67 MB/s |
-| Peak RSS | 1001.1 MB | **477.2 MB** |
-| Avg RSS | 778.8 MB | **426.8 MB** |
-| Build time | 0.6 s | 6.0 s |
+| Requests/sec | **218** | 23 |
+| Latency median | **446 ms** | 2421 ms |
+| Latency p99 | **838 ms** | 3244 ms |
+| Throughput | **62.07** MB/s | 12.6 MB/s |
+| Peak RSS | 1032.7 MB | **514.0 MB** |
+| Avg RSS | 842.2 MB | **462.8 MB** |
+| Build time | 1.1 s | 5.3 s |
 
 **Page load** (Playwright · Chromium headless · median)
 
 | Metric | hadars | Next.js |
 |---|---:|---:|
-| TTFB | **17 ms** | 45 ms |
-| FCP | **92 ms** | 140 ms |
-| DOMContentLoaded | **37 ms** | 127 ms |
-| Load | **118 ms** | 172 ms |
-| Peak RSS | 479.5 MB | **295.5 MB** |
+| TTFB | **15 ms** | 33 ms |
+| FCP | **76 ms** | 112 ms |
+| DOMContentLoaded | **31 ms** | 101 ms |
+| Load | **96 ms** | 139 ms |
+| Peak RSS | 508.0 MB | **299.5 MB** |
 <!-- BENCHMARK_END -->
 
 ## Quick start
@@ -240,6 +240,45 @@ const config: HadarsOptions = {
 export default config;
 ```
 
+### swcPlugins example
+
+SWC plugins let you apply compiler transforms (Relay, emotion, styled-components, etc.) to every file in both the client and SSR bundles.
+
+```ts
+import type { HadarsOptions } from 'hadars';
+
+const config: HadarsOptions = {
+    entry: 'src/App.tsx',
+    swcPlugins: [
+        ['@swc/plugin-relay', { rootDir: process.cwd(), artifactDirectory: 'src/__generated__' }],
+    ],
+};
+
+export default config;
+```
+
+**Plugin version compatibility** — SWC plugins are compiled against a specific version of `swc_core` and will silently fail or crash if the version doesn't match rspack's internal SWC. For `@rspack/core@1.6.8` the compatible plugins are:
+
+| Plugin | Version |
+|---|---|
+| `@swc/plugin-relay` | `10.0.0` |
+| `@swc/plugin-emotion` | `12.0.0` |
+| `@swc/plugin-styled-components` | `10.0.0` |
+| `@swc/plugin-styled-jsx` | `11.0.0` |
+| `@swc/plugin-jest` | `10.0.0` |
+| `@swc/plugin-formatjs` | `7.0.0` |
+| `@swc/plugin-transform-imports` | `10.0.0` |
+| `@swc/plugin-loadable-components` | `9.0.0` |
+| `@swc/plugin-prefresh` | `10.0.0` |
+| `swc-plugin-css-modules` | `6.0.0` |
+| `swc-plugin-pre-paths` | `6.0.0` |
+| `swc-plugin-transform-remove-imports` | `7.0.0` |
+| `@lingui/swc-plugin` | `5.9.0` |
+
+Install the exact version listed — do **not** use `latest` or a semver range. The full compatibility matrix for other rspack versions is at [plugins.swc.rs](https://plugins.swc.rs).
+
+> The `@swc/core` package in hadars's `optionalDependencies` is used only by the hadars loader for its own AST transforms. It is a separate concern from the SWC version bundled inside rspack that runs your plugins.
+
 ### Error monitoring example
 
 ```ts

package/dist/chunk-3RG5ZIWI.js

@@ -0,0 +1,10 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+export {
+  __require
+};

package/dist/{chunk-2TMQUXFL.js → chunk-HIKMDNRB.js}

@@ -6,8 +6,12 @@ import {
   SUSPENSE_TYPE,
   createElement
 } from "./chunk-OZUZS2PD.js";
+import {
+  __require
+} from "./chunk-3RG5ZIWI.js";
 
 // src/slim-react/renderContext.ts
+import { createRequire as _nodeCreateRequire } from "module";
 var MAP_KEY = "__slimReactContextMap";
 var _g = globalThis;
 if (!("__slimReactContextMap" in _g)) _g[MAP_KEY] = null;
@@ -29,8 +33,7 @@ function restoreUnsuspend(u) {
 function getContextValue(context) {
   const map = _g[MAP_KEY];
   if (map && map.has(context)) return map.get(context);
-  const c = context;
-  return "_defaultValue" in c ? c._defaultValue : c._currentValue;
+  return context._currentValue;
 }
 function pushContextValue(context, value) {
   let map = _g[MAP_KEY];
@@ -38,8 +41,7 @@ function pushContextValue(context, value) {
     map = /* @__PURE__ */ new Map();
     _g[MAP_KEY] = map;
   }
-  const c = context;
-  const prev = map.has(context) ? map.get(context) : "_defaultValue" in c ? c._defaultValue : c._currentValue;
+  const prev = map.has(context) ? map.get(context) : context._currentValue;
   map.set(context, value);
   return prev;
 }
@@ -144,13 +146,40 @@ function getTreeId() {
   const stripped = (id & ~(1 << 31 - Math.clz32(id))).toString(32);
   return stripped + overflow;
 }
+var _detectReact = () => {
+  if (typeof __HADARS_REACT_MAJOR__ !== "undefined") {
+    const major = parseInt(String(__HADARS_REACT_MAJOR__), 10);
+    return {
+      major,
+      // Exact patch version is unknown from the define alone; use a
+      // representative fallback. Most libraries only check the major.
+      version: major < 19 ? "18.3.1" : "19.1.1"
+    };
+  }
+  const parse = (ver) => ({ major: parseInt(ver.split(".")[0], 10), version: ver });
+  try {
+    return parse(__require("react").version);
+  } catch {
+  }
+  try {
+    const req = _nodeCreateRequire(process.cwd() + "/__hadars__.js");
+    return parse(req("react").version);
+  } catch {
+  }
+  return { major: 19, version: "19.1.1" };
+};
+var _react = _detectReact();
+var REACT_MAJOR = _react.major;
+var REACT_VERSION = _react.version;
 function makeId() {
   const st = s();
   const treeId = getTreeId();
   const n = st.localIdCounter++;
-  let id = "_R_" + st.idPrefix + treeId;
-  if (n > 0) id += "H" + n.toString(32);
-  return id + "_";
+  const suffix = n > 0 ? "H" + n.toString(32) : "";
+  if (REACT_MAJOR < 19) {
+    return ":" + st.idPrefix + "R" + treeId + suffix + ":";
+  }
+  return "_R_" + st.idPrefix + treeId + suffix + "_";
 }
 
 // src/slim-react/hooks.ts
@@ -243,8 +272,9 @@ function createContext(defaultValue) {
 
 // src/slim-react/dispatcher.ts
 import * as ReactNS from "react";
-var _reactInternalsKey = "__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE";
-var _internals = ReactNS[_reactInternalsKey];
+var _r19 = ReactNS["__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE"];
+var _r18Raw = !_r19 ? ReactNS["__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED"] : void 0;
+var _r18 = _r18Raw?.ReactCurrentDispatcher ? _r18Raw : void 0;
 var slimDispatcher = {
   useId: makeId,
   readContext: (ctx) => getContextValue(ctx),
@@ -272,13 +302,21 @@ var slimDispatcher = {
   useHostTransitionStatus: () => false
 };
 function installDispatcher() {
-  if (!_internals) return null;
-  const prev = _internals.H;
-  _internals.H = slimDispatcher;
-  return prev;
+  if (_r19) {
+    const prev = _r19.H;
+    _r19.H = slimDispatcher;
+    return prev;
+  }
+  if (_r18) {
+    const prev = _r18.ReactCurrentDispatcher.current;
+    _r18.ReactCurrentDispatcher.current = slimDispatcher;
+    return prev;
+  }
+  return null;
 }
 function restoreDispatcher(prev) {
-  if (_internals) _internals.H = prev;
+  if (_r19) _r19.H = prev;
+  else if (_r18) _r18.ReactCurrentDispatcher.current = prev;
 }
 
 // src/slim-react/render.ts
@@ -535,7 +573,7 @@ function writeAttributes(writer, props, isSvg, skip) {
     if (isSvg && key in SVG_ATTR_MAP) {
       attrName = SVG_ATTR_MAP[key];
     } else {
-      attrName = key === "className" ? "class" : key === "htmlFor" ? "for" : key === "tabIndex" ? "tabindex" : key === "defaultValue" ? "value" : key === "defaultChecked" ? "checked" : key;
+      attrName = key === "className" ? "class" : key === "htmlFor" ? "for" : key === "tabIndex" ? "tabindex" : key === "defaultValue" ? "value" : key === "defaultChecked" ? "checked" : key === "contentEditable" && REACT_MAJOR < 19 ? "contenteditable" : key;
     }
     if (value === false || value == null) {
       if (value === false && (attrName.charCodeAt(0) === 97 && attrName.startsWith("aria-") || attrName.charCodeAt(0) === 100 && attrName.startsWith("data-"))) {
@@ -744,7 +782,8 @@ function renderComponent(type, props, writer, isSvg, _suspenseRetries = 0) {
     const LazyComp = resolved?.default ?? resolved;
     return renderComponent(LazyComp, props, writer, isSvg);
   }
-  if (typeOf === REACT_CONSUMER) {
+  const isConsumer = typeOf === REACT_CONSUMER || typeOf === REACT_CONTEXT && "_context" in type && !("value" in props);
+  if (isConsumer) {
     const ctx2 = type._context;
     const value = ctx2 ? getContextValue(ctx2) : void 0;
     const result2 = typeof props.children === "function" ? props.children(value) : null;
@@ -1130,7 +1169,12 @@ var Component = class {
 };
 var PureComponent = class extends Component {
 };
-var version = "19.1.1";
+var version = REACT_VERSION;
+var __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED2 = {
+  ReactCurrentDispatcher: { current: null },
+  ReactCurrentBatchConfig: { transition: null },
+  ReactCurrentOwner: { current: null }
+};
 var React = {
   // Hooks
   useState,
@@ -1174,7 +1218,9 @@ var React = {
   renderToReadableStream: renderToStream,
   renderPreflight,
   // Version
-  version
+  version,
+  // React 18 internals
+  __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED2
 };
 var slim_react_default = React;
 
@@ -1213,5 +1259,6 @@ export {
   Component,
   PureComponent,
   version,
+  __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED2 as __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,
   slim_react_default
 };

package/dist/{chunk-NYLXE7T7.js → chunk-U2JQR4HV.js}

@@ -1,7 +1,7 @@
 import {
   renderPreflight,
   renderToString
-} from "./chunk-2TMQUXFL.js";
+} from "./chunk-HIKMDNRB.js";
 import {
   createElement
 } from "./chunk-OZUZS2PD.js";

package/dist/cli.js

@@ -147,25 +147,8 @@ var SLIM_ELEMENT = Symbol.for("react.element");
 var REACT19_ELEMENT = Symbol.for("react.transitional.element");
 var FRAGMENT_TYPE = Symbol.for("react.fragment");
 var SUSPENSE_TYPE = Symbol.for("react.suspense");
-// src/slim-react/jsx.ts
-function createElement(type, props, ...children) {
-  const normalizedProps = { ...props || {} };
-  if (children.length === 1) {
-    normalizedProps.children = children[0];
-  } else if (children.length > 1) {
-    normalizedProps.children = children;
-  }
-  const key = normalizedProps.key ?? null;
-  delete normalizedProps.key;
-  return {
-    $$typeof: SLIM_ELEMENT,
-    type,
-    props: normalizedProps,
-    key
-  };
-}
-
 // src/slim-react/renderContext.ts
+import { createRequire as _nodeCreateRequire } from "node:module";
 var MAP_KEY = "__slimReactContextMap";
 var _g = globalThis;
 if (!("__slimReactContextMap" in _g))
@@ -189,8 +172,7 @@ function getContextValue(context) {
   const map = _g[MAP_KEY];
   if (map && map.has(context))
     return map.get(context);
-  const c = context;
-  return "_defaultValue" in c ? c._defaultValue : c._currentValue;
+  return context._currentValue;
 }
 function pushContextValue(context, value) {
   let map = _g[MAP_KEY];
@@ -198,8 +180,7 @@ function pushContextValue(context, value) {
     map = new Map;
     _g[MAP_KEY] = map;
   }
-  const c = context;
-  const prev = map.has(context) ? map.get(context) : ("_defaultValue" in c) ? c._defaultValue : c._currentValue;
+  const prev = map.has(context) ? map.get(context) : context._currentValue;
   map.set(context, value);
   return prev;
 }
@@ -304,14 +285,54 @@ function getTreeId() {
   const stripped = (id & ~(1 << 31 - Math.clz32(id))).toString(32);
   return stripped + overflow;
 }
+var _detectReact = () => {
+  if (typeof __HADARS_REACT_MAJOR__ !== "undefined") {
+    const major = parseInt(String(__HADARS_REACT_MAJOR__), 10);
+    return {
+      major,
+      version: major < 19 ? "18.3.1" : "19.1.1"
+    };
+  }
+  const parse = (ver) => ({ major: parseInt(ver.split(".")[0], 10), version: ver });
+  try {
+    return parse(__require("react").version);
+  } catch {}
+  try {
+    const req = _nodeCreateRequire(process.cwd() + "/__hadars__.js");
+    return parse(req("react").version);
+  } catch {}
+  return { major: 19, version: "19.1.1" };
+};
+var _react = _detectReact();
+var REACT_MAJOR = _react.major;
+var REACT_VERSION = _react.version;
 function makeId() {
   const st = s();
   const treeId = getTreeId();
   const n = st.localIdCounter++;
-  let id = "_R_" + st.idPrefix + treeId;
-  if (n > 0)
-    id += "H" + n.toString(32);
-  return id + "_";
+  const suffix = n > 0 ? "H" + n.toString(32) : "";
+  if (REACT_MAJOR < 19) {
+    return ":" + st.idPrefix + "R" + treeId + suffix + ":";
+  }
+  return "_R_" + st.idPrefix + treeId + suffix + "_";
+}
+
+// src/slim-react/jsx.ts
+function createElement(type, props, ...children) {
+  const normalizedProps = { ...props || {} };
+  if (children.length === 1) {
+    normalizedProps.children = children[0];
+  } else if (children.length > 1) {
+    normalizedProps.children = children;
+  }
+  const key = normalizedProps.key ?? null;
+  delete normalizedProps.key;
+  return {
+    $$typeof: SLIM_ELEMENT,
+    type,
+    props: normalizedProps,
+    key
+  };
 }
 
 // src/slim-react/hooks.ts
@@ -364,8 +385,9 @@ function use(usable) {
 }
 // src/slim-react/dispatcher.ts
 import * as ReactNS from "react";
-var _reactInternalsKey = "__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE";
-var _internals = ReactNS[_reactInternalsKey];
+var _r19 = ReactNS.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+var _r18Raw = !_r19 ? ReactNS.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED : undefined;
+var _r18 = _r18Raw?.ReactCurrentDispatcher ? _r18Raw : undefined;
 var slimDispatcher = {
   useId: makeId,
   readContext: (ctx) => getContextValue(ctx),
@@ -391,15 +413,23 @@ var slimDispatcher = {
   useHostTransitionStatus: () => false
 };
 function installDispatcher() {
-  if (!_internals)
-    return null;
-  const prev = _internals.H;
-  _internals.H = slimDispatcher;
-  return prev;
+  if (_r19) {
+    const prev = _r19.H;
+    _r19.H = slimDispatcher;
+    return prev;
+  }
+  if (_r18) {
+    const prev = _r18.ReactCurrentDispatcher.current;
+    _r18.ReactCurrentDispatcher.current = slimDispatcher;
+    return prev;
+  }
+  return null;
 }
 function restoreDispatcher(prev) {
-  if (_internals)
-    _internals.H = prev;
+  if (_r19)
+    _r19.H = prev;
+  else if (_r18)
+    _r18.ReactCurrentDispatcher.current = prev;
 }
 
 // src/slim-react/render.ts
@@ -660,7 +690,7 @@ function writeAttributes(writer, props, isSvg, skip) {
     if (isSvg && key in SVG_ATTR_MAP) {
       attrName = SVG_ATTR_MAP[key];
     } else {
-      attrName = key === "className" ? "class" : key === "htmlFor" ? "for" : key === "tabIndex" ? "tabindex" : key === "defaultValue" ? "value" : key === "defaultChecked" ? "checked" : key;
+      attrName = key === "className" ? "class" : key === "htmlFor" ? "for" : key === "tabIndex" ? "tabindex" : key === "defaultValue" ? "value" : key === "defaultChecked" ? "checked" : key === "contentEditable" && REACT_MAJOR < 19 ? "contenteditable" : key;
     }
     if (value === false || value == null) {
       if (value === false && (attrName.charCodeAt(0) === 97 && attrName.startsWith("aria-") || attrName.charCodeAt(0) === 100 && attrName.startsWith("data-"))) {
@@ -871,7 +901,8 @@ function renderComponent(type, props, writer, isSvg, _suspenseRetries = 0) {
     const LazyComp = resolved?.default ?? resolved;
     return renderComponent(LazyComp, props, writer, isSvg);
   }
-  if (typeOf === REACT_CONSUMER) {
+  const isConsumer = typeOf === REACT_CONSUMER || typeOf === REACT_CONTEXT && "_context" in type && !("value" in props);
+  if (isConsumer) {
     const ctx2 = type._context;
     const value = ctx2 ? getContextValue(ctx2) : undefined;
     const result2 = typeof props.children === "function" ? props.children(value) : null;
@@ -2448,6 +2479,20 @@ var HadarsFolder = "./.hadars";
 var StaticPath = `${HadarsFolder}/static`;
 var HADARS_TMP_DIR = pathMod2.join(os.tmpdir(), "hadars");
 var ensureHadarsTmpDir = () => fs.mkdir(HADARS_TMP_DIR, { recursive: true });
+var readReactMajor = async () => {
+  let dir = process.cwd();
+  while (true) {
+    try {
+      const pkgPath = pathMod2.join(dir, "node_modules", "react", "package.json");
+      const pkg = JSON.parse(await fs.readFile(pkgPath, "utf-8"));
+      return parseInt(pkg.version.split(".")[0], 10);
+    } catch {}
+    const parent = pathMod2.dirname(dir);
+    if (parent === dir)
+      return 19;
+    dir = parent;
+  }
+};
 var validateOptions = (options) => {
   if (!options.entry) {
     throw new Error("Entry file is required");
@@ -2567,6 +2612,8 @@ var dev = async (options) => {
   });
   const workerCmd = resolveWorkerCmd(packageDir2);
   console.log("Spawning SSR worker:", workerCmd.join(" "), "entry:", entry);
+  const reactMajor = await readReactMajor();
+  const ssrDefine = { __HADARS_REACT_MAJOR__: String(reactMajor), ...options.define };
   const child = spawn(workerCmd[0], [
     ...workerCmd.slice(1),
     `--entry=${entry}`,
@@ -2574,7 +2621,7 @@ var dev = async (options) => {
     `--outFile=${SSR_FILENAME}`,
     `--base=${baseURL}`,
     ...options.swcPlugins ? [`--swcPlugins=${JSON.stringify(options.swcPlugins)}`] : [],
-    ...options.define ? [`--define=${JSON.stringify(options.define)}`] : [],
+    `--define=${JSON.stringify(ssrDefine)}`,
     ...options.moduleRules ? [`--moduleRules=${JSON.stringify(options.moduleRules, (_k, v) => v instanceof RegExp ? { __re: v.source, __flags: v.flags } : v)}`] : []
   ], { stdio: "pipe" });
   child.stdin?.end();
@@ -2748,6 +2795,7 @@ var build = async (options) => {
   const tmpFilePath = pathMod2.join(HADARS_TMP_DIR, `client-${Date.now()}.tsx`);
   await fs.writeFile(tmpFilePath, clientScript);
   const resolvedHtmlTemplate = options.htmlTemplate ? await processHtmlTemplate(pathMod2.resolve(__dirname3, options.htmlTemplate)) : undefined;
+  const reactMajor = await readReactMajor();
   console.log("Building client and server bundles in parallel...");
   await Promise.all([
     compileEntry(tmpFilePath, {
@@ -2779,7 +2827,7 @@ var build = async (options) => {
       target: "node",
       mode: "production",
       swcPlugins: options.swcPlugins,
-      define: options.define,
+      define: { __HADARS_REACT_MAJOR__: String(reactMajor), ...options.define },
       moduleRules: options.moduleRules,
       plugins: options.plugins,
       postcssPlugins: options.postcssPlugins

package/dist/cloudflare.cjs

@@ -157,25 +157,8 @@ var REACT19_ELEMENT = /* @__PURE__ */ Symbol.for("react.transitional.element");
 var FRAGMENT_TYPE = /* @__PURE__ */ Symbol.for("react.fragment");
 var SUSPENSE_TYPE = /* @__PURE__ */ Symbol.for("react.suspense");
 
-// src/slim-react/jsx.ts
-function createElement(type, props, ...children) {
-  const normalizedProps = { ...props || {} };
-  if (children.length === 1) {
-    normalizedProps.children = children[0];
-  } else if (children.length > 1) {
-    normalizedProps.children = children;
-  }
-  const key = normalizedProps.key ?? null;
-  delete normalizedProps.key;
-  return {
-    $$typeof: SLIM_ELEMENT,
-    type,
-    props: normalizedProps,
-    key
-  };
-}
-
 // src/slim-react/renderContext.ts
+var import_node_module = require("module");
 var MAP_KEY = "__slimReactContextMap";
 var _g = globalThis;
 if (!("__slimReactContextMap" in _g)) _g[MAP_KEY] = null;
@@ -197,8 +180,7 @@ function restoreUnsuspend(u) {
 function getContextValue(context) {
   const map = _g[MAP_KEY];
   if (map && map.has(context)) return map.get(context);
-  const c = context;
-  return "_defaultValue" in c ? c._defaultValue : c._currentValue;
+  return context._currentValue;
 }
 function pushContextValue(context, value) {
   let map = _g[MAP_KEY];
@@ -206,8 +188,7 @@ function pushContextValue(context, value) {
     map = /* @__PURE__ */ new Map();
     _g[MAP_KEY] = map;
   }
-  const c = context;
-  const prev = map.has(context) ? map.get(context) : "_defaultValue" in c ? c._defaultValue : c._currentValue;
+  const prev = map.has(context) ? map.get(context) : context._currentValue;
   map.set(context, value);
   return prev;
 }
@@ -312,13 +293,58 @@ function getTreeId() {
   const stripped = (id & ~(1 << 31 - Math.clz32(id))).toString(32);
   return stripped + overflow;
 }
+var _detectReact = () => {
+  if (typeof __HADARS_REACT_MAJOR__ !== "undefined") {
+    const major = parseInt(String(__HADARS_REACT_MAJOR__), 10);
+    return {
+      major,
+      // Exact patch version is unknown from the define alone; use a
+      // representative fallback. Most libraries only check the major.
+      version: major < 19 ? "18.3.1" : "19.1.1"
+    };
+  }
+  const parse = (ver) => ({ major: parseInt(ver.split(".")[0], 10), version: ver });
+  try {
+    return parse(require("react").version);
+  } catch {
+  }
+  try {
+    const req = (0, import_node_module.createRequire)(process.cwd() + "/__hadars__.js");
+    return parse(req("react").version);
+  } catch {
+  }
+  return { major: 19, version: "19.1.1" };
+};
+var _react = _detectReact();
+var REACT_MAJOR = _react.major;
+var REACT_VERSION = _react.version;
 function makeId() {
   const st = s();
   const treeId = getTreeId();
   const n = st.localIdCounter++;
-  let id = "_R_" + st.idPrefix + treeId;
-  if (n > 0) id += "H" + n.toString(32);
-  return id + "_";
+  const suffix = n > 0 ? "H" + n.toString(32) : "";
+  if (REACT_MAJOR < 19) {
+    return ":" + st.idPrefix + "R" + treeId + suffix + ":";
+  }
+  return "_R_" + st.idPrefix + treeId + suffix + "_";
+}
+
+// src/slim-react/jsx.ts
+function createElement(type, props, ...children) {
+  const normalizedProps = { ...props || {} };
+  if (children.length === 1) {
+    normalizedProps.children = children[0];
+  } else if (children.length > 1) {
+    normalizedProps.children = children;
+  }
+  const key = normalizedProps.key ?? null;
+  delete normalizedProps.key;
+  return {
+    $$typeof: SLIM_ELEMENT,
+    type,
+    props: normalizedProps,
+    key
+  };
 }
 
 // src/slim-react/hooks.ts
@@ -379,8 +405,9 @@ function use(usable) {
 
 // src/slim-react/dispatcher.ts
 var ReactNS = __toESM(require("react"), 1);
-var _reactInternalsKey = "__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE";
-var _internals = ReactNS[_reactInternalsKey];
+var _r19 = ReactNS["__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE"];
+var _r18Raw = !_r19 ? ReactNS["__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED"] : void 0;
+var _r18 = _r18Raw?.ReactCurrentDispatcher ? _r18Raw : void 0;
 var slimDispatcher = {
   useId: makeId,
   readContext: (ctx) => getContextValue(ctx),
@@ -408,13 +435,21 @@ var slimDispatcher = {
   useHostTransitionStatus: () => false
 };
 function installDispatcher() {
-  if (!_internals) return null;
-  const prev = _internals.H;
-  _internals.H = slimDispatcher;
-  return prev;
+  if (_r19) {
+    const prev = _r19.H;
+    _r19.H = slimDispatcher;
+    return prev;
+  }
+  if (_r18) {
+    const prev = _r18.ReactCurrentDispatcher.current;
+    _r18.ReactCurrentDispatcher.current = slimDispatcher;
+    return prev;
+  }
+  return null;
 }
 function restoreDispatcher(prev) {
-  if (_internals) _internals.H = prev;
+  if (_r19) _r19.H = prev;
+  else if (_r18) _r18.ReactCurrentDispatcher.current = prev;
 }
 
 // src/slim-react/render.ts
@@ -671,7 +706,7 @@ function writeAttributes(writer, props, isSvg, skip) {
     if (isSvg && key in SVG_ATTR_MAP) {
       attrName = SVG_ATTR_MAP[key];
     } else {
-      attrName = key === "className" ? "class" : key === "htmlFor" ? "for" : key === "tabIndex" ? "tabindex" : key === "defaultValue" ? "value" : key === "defaultChecked" ? "checked" : key;
+      attrName = key === "className" ? "class" : key === "htmlFor" ? "for" : key === "tabIndex" ? "tabindex" : key === "defaultValue" ? "value" : key === "defaultChecked" ? "checked" : key === "contentEditable" && REACT_MAJOR < 19 ? "contenteditable" : key;
     }
     if (value === false || value == null) {
       if (value === false && (attrName.charCodeAt(0) === 97 && attrName.startsWith("aria-") || attrName.charCodeAt(0) === 100 && attrName.startsWith("data-"))) {
@@ -880,7 +915,8 @@ function renderComponent(type, props, writer, isSvg, _suspenseRetries = 0) {
     const LazyComp = resolved?.default ?? resolved;
     return renderComponent(LazyComp, props, writer, isSvg);
   }
-  if (typeOf === REACT_CONSUMER) {
+  const isConsumer = typeOf === REACT_CONSUMER || typeOf === REACT_CONTEXT && "_context" in type && !("value" in props);
+  if (isConsumer) {
     const ctx2 = type._context;
     const value = ctx2 ? getContextValue(ctx2) : void 0;
     const result2 = typeof props.children === "function" ? props.children(value) : null;

package/dist/cloudflare.js

@@ -6,9 +6,10 @@ import {
   getReactResponse,
   makePrecontentHtmlGetter,
   parseRequest
-} from "./chunk-NYLXE7T7.js";
-import "./chunk-2TMQUXFL.js";
+} from "./chunk-U2JQR4HV.js";
+import "./chunk-HIKMDNRB.js";
 import "./chunk-OZUZS2PD.js";
+import "./chunk-3RG5ZIWI.js";
 
 // src/cloudflare.ts
 import "react";