hono 4.4.4 → 4.5.0-rc.1

package/dist/cjs/context.js

@@ -31,7 +31,7 @@ const setHeaders = (headers, map = {}) => {
 class Context {
   req;
   env = {};
-  _var = {};
+  _var;
   finalized = false;
   error = void 0;
   #status = 200;

package/dist/cjs/hono-base.js

@@ -71,9 +71,6 @@ class Hono {
       };
     });
     this.on = (method, path, ...handlers) => {
-      if (!method) {
-        return this;
-      }
       for (const p of [path].flat()) {
         this.#path = p;
         for (const m of [method].flat()) {
@@ -113,9 +110,6 @@ class Hono {
   errorHandler = errorHandler;
   route(path, app) {
     const subApp = this.basePath(path);
-    if (!app) {
-      return subApp;
-    }
     app.routes.map((r) => {
       let handler;
       if (app.errorHandler === errorHandler) {

package/dist/cjs/jsx/base.js

@@ -133,10 +133,8 @@ class JSXNode {
     const props = this.props;
     let { children } = this;
     buffer[0] += `<${tag}`;
-    const propsKeys = Object.keys(props || {});
-    for (let i = 0, len = propsKeys.length; i < len; i++) {
-      const key = propsKeys[i];
-      const v = props[key];
+    for (let [key, v] of Object.entries(props)) {
+      key = (0, import_utils.normalizeIntrinsicElementKey)(key);
       if (key === "children") {
       } else if (key === "style" && typeof v === "object") {
         let styleStr = "";
@@ -237,7 +235,6 @@ const jsxFn = (tag, props, children) => {
   if (typeof tag === "function") {
     return new JSXFunctionNode(tag, props, children);
   } else {
-    (0, import_utils.normalizeIntrinsicElementProps)(props);
     return new JSXNode(tag, props, children);
   }
 };

package/dist/cjs/jsx/dom/client.js

@@ -19,6 +19,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var client_exports = {};
 __export(client_exports, {
   createRoot: () => createRoot,
+  default: () => client_default,
   hydrateRoot: () => hydrateRoot
 });
 module.exports = __toCommonJS(client_exports);
@@ -61,6 +62,10 @@ const hydrateRoot = (element, reactNode, options = {}) => {
   root.render(reactNode);
   return root;
 };
+var client_default = {
+  createRoot,
+  hydrateRoot
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   createRoot,

package/dist/cjs/jsx/dom/index.js

@@ -21,6 +21,7 @@ __export(dom_exports, {
   Children: () => import_children.Children,
   ErrorBoundary: () => import_components.ErrorBoundary,
   Fragment: () => import_jsx_runtime.Fragment,
+  StrictMode: () => import_jsx_runtime.Fragment,
   Suspense: () => import_components.Suspense,
   cloneElement: () => cloneElement,
   createContext: () => import_context2.createContext,
@@ -120,6 +121,7 @@ var dom_default = {
   cloneElement,
   Children: import_children.Children,
   Fragment: import_jsx_runtime.Fragment,
+  StrictMode: import_jsx_runtime.Fragment,
   flushSync: import_render.flushSync,
   createPortal: import_render.createPortal
 };
@@ -128,6 +130,7 @@ var dom_default = {
   Children,
   ErrorBoundary,
   Fragment,
+  StrictMode,
   Suspense,
   cloneElement,
   createContext,

package/dist/cjs/jsx/dom/jsx-dev-runtime.js

@@ -22,13 +22,9 @@ __export(jsx_dev_runtime_exports, {
   jsxDEV: () => jsxDEV
 });
 module.exports = __toCommonJS(jsx_dev_runtime_exports);
-var import_utils = require("../utils");
-var import_utils2 = require("./utils");
+var import_utils = require("./utils");
 const jsxDEV = (tag, props, key) => {
-  if (typeof tag === "string") {
-    (0, import_utils.normalizeIntrinsicElementProps)(props);
-  }
-  return (0, import_utils2.newJSXNode)({
+  return (0, import_utils.newJSXNode)({
     tag,
     props,
     key

package/dist/cjs/jsx/dom/render.js

@@ -41,8 +41,8 @@ const eventAliasMap = {
   DoubleClick: "DblClick"
 };
 const nameSpaceMap = {
-  svg: "http://www.w3.org/2000/svg",
-  math: "http://www.w3.org/1998/Math/MathML"
+  svg: "2000/svg",
+  math: "1998/Math/MathML"
 };
 const skipProps = /* @__PURE__ */ new Set(["children"]);
 const buildDataStack = [];
@@ -59,8 +59,9 @@ const getEventSpec = (key) => {
 const toAttributeName = (element, key) => element instanceof SVGElement && /[A-Z]/.test(key) && (key in element.style || key.match(/^(?:o|pai|str|u|ve)/)) ? key.replace(/([A-Z])/g, "-$1").toLowerCase() : key;
 const applyProps = (container, attributes, oldAttributes) => {
   attributes ||= {};
-  for (const [key, value] of Object.entries(attributes)) {
+  for (let [key, value] of Object.entries(attributes)) {
     if (!skipProps.has(key) && (!oldAttributes || oldAttributes[key] !== value)) {
+      key = (0, import_utils.normalizeIntrinsicElementKey)(key);
       const eventSpec = getEventSpec(key);
       if (eventSpec) {
         if (oldAttributes) {
@@ -125,8 +126,9 @@ const applyProps = (container, attributes, oldAttributes) => {
     }
   }
   if (oldAttributes) {
-    for (const [key, value] of Object.entries(oldAttributes)) {
+    for (let [key, value] of Object.entries(oldAttributes)) {
       if (!skipProps.has(key) && !(key in attributes)) {
+        key = (0, import_utils.normalizeIntrinsicElementKey)(key);
         const eventSpec = getEventSpec(key);
         if (eventSpec) {
           container.removeEventListener(eventSpec[0], value, eventSpec[1]);
@@ -386,14 +388,12 @@ const buildNode = (node) => {
     } else {
       const ns = nameSpaceMap[node.tag];
       if (ns) {
-        ;
-        node.n = ns;
         nameSpaceContext ||= (0, import_context2.createContext)("");
         node.props.children = [
           {
             tag: nameSpaceContext.Provider,
             props: {
-              value: ns,
+              value: node.n = `http://www.w3.org/${ns}`,
               children: node.props.children
             }
           }

package/dist/cjs/jsx/dom/server.js

@@ -0,0 +1,64 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var server_exports = {};
+__export(server_exports, {
+  default: () => server_default,
+  renderToReadableStream: () => renderToReadableStream,
+  renderToString: () => renderToString,
+  version: () => import__.default
+});
+module.exports = __toCommonJS(server_exports);
+var import_streaming = require("../streaming");
+var import__ = __toESM(require("./"), 1);
+const renderToString = (element, options = {}) => {
+  if (Object.keys(options).length > 0) {
+    console.warn("options are not supported yet");
+  }
+  const res = element?.toString() ?? "";
+  if (typeof res !== "string") {
+    throw new Error("Async component is not supported in renderToString");
+  }
+  return res;
+};
+const renderToReadableStream = async (element, options = {}) => {
+  if (Object.keys(options).some((key) => key !== "onError")) {
+    console.warn("options are not supported yet, except onError");
+  }
+  if (!element || typeof element !== "object") {
+    element = element?.toString() ?? "";
+  }
+  return (0, import_streaming.renderToReadableStream)(element, options.onError);
+};
+var server_default = {
+  renderToString,
+  renderToReadableStream,
+  version: import__.default
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  renderToReadableStream,
+  renderToString,
+  version
+});

package/dist/cjs/jsx/index.js

@@ -21,6 +21,7 @@ __export(jsx_exports, {
   Children: () => import_children.Children,
   ErrorBoundary: () => import_components.ErrorBoundary,
   Fragment: () => import_base.Fragment,
+  StrictMode: () => import_base.Fragment,
   Suspense: () => import_streaming.Suspense,
   cloneElement: () => import_base.cloneElement,
   createContext: () => import_context.createContext,
@@ -63,6 +64,7 @@ var jsx_default = {
   version: import_base.reactAPICompatVersion,
   memo: import_base.memo,
   Fragment: import_base.Fragment,
+  StrictMode: import_base.Fragment,
   isValidElement: import_base.isValidElement,
   createElement: import_base.jsx,
   cloneElement: import_base.cloneElement,
@@ -97,6 +99,7 @@ var jsx_default = {
   Children,
   ErrorBoundary,
   Fragment,
+  StrictMode,
   Suspense,
   cloneElement,
   createContext,

package/dist/cjs/jsx/utils.js

@@ -18,20 +18,15 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var utils_exports = {};
 __export(utils_exports, {
-  normalizeIntrinsicElementProps: () => normalizeIntrinsicElementProps,
+  normalizeIntrinsicElementKey: () => normalizeIntrinsicElementKey,
   styleObjectForEach: () => styleObjectForEach
 });
 module.exports = __toCommonJS(utils_exports);
-const normalizeIntrinsicElementProps = (props) => {
-  if (props && "className" in props) {
-    props["class"] = props["className"];
-    delete props["className"];
-  }
-  if (props && "htmlFor" in props) {
-    props["for"] = props["htmlFor"];
-    delete props["htmlFor"];
-  }
-};
+const normalizeElementKeyMap = /* @__PURE__ */ new Map([
+  ["className", "class"],
+  ["htmlFor", "for"]
+]);
+const normalizeIntrinsicElementKey = (key) => normalizeElementKeyMap.get(key) || key;
 const styleObjectForEach = (style, fn) => {
   for (const [k, v] of Object.entries(style)) {
     const key = k[0] === "-" || !/[A-Z]/.test(k) ? k : k.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`);
@@ -45,6 +40,6 @@ const styleObjectForEach = (style, fn) => {
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  normalizeIntrinsicElementProps,
+  normalizeIntrinsicElementKey,
   styleObjectForEach
 });

package/dist/cjs/middleware/cors/index.js

@@ -50,7 +50,12 @@ const cors = (options) => {
       set("Access-Control-Allow-Origin", allowOrigin);
     }
     if (opts.origin !== "*") {
-      set("Vary", "Origin");
+      const existingVary = c.req.header("Vary");
+      if (existingVary) {
+        set("Vary", existingVary);
+      } else {
+        set("Vary", "Origin");
+      }
     }
     if (opts.credentials) {
       set("Access-Control-Allow-Credentials", "true");

package/dist/cjs/request.js

@@ -75,12 +75,7 @@ class HonoRequest {
     return headerData;
   }
   async parseBody(options) {
-    if (this.bodyCache.parsedBody) {
-      return this.bodyCache.parsedBody;
-    }
-    const parsedBody = await (0, import_body.parseBody)(this, options);
-    this.bodyCache.parsedBody = parsedBody;
-    return parsedBody;
+    return this.bodyCache.parsedBody ??= await (0, import_body.parseBody)(this, options);
   }
   cachedBody = (key) => {
     const { bodyCache, raw } = this;
@@ -88,19 +83,14 @@ class HonoRequest {
     if (cachedBody) {
       return cachedBody;
     }
-    if (!bodyCache[key]) {
-      for (const keyOfBodyCache of Object.keys(bodyCache)) {
-        if (keyOfBodyCache === "parsedBody") {
-          continue;
+    const anyCachedKey = Object.keys(bodyCache)[0];
+    if (anyCachedKey) {
+      return bodyCache[anyCachedKey].then((body) => {
+        if (anyCachedKey === "json") {
+          body = JSON.stringify(body);
         }
-        return (async () => {
-          let body = await bodyCache[keyOfBodyCache];
-          if (keyOfBodyCache === "json") {
-            body = JSON.stringify(body);
-          }
-          return await new Response(body)[key]();
-        })();
-      }
+        return new Response(body)[key]();
+      });
     }
     return bodyCache[key] = raw[key]();
   };

package/dist/context.js

@@ -8,7 +8,7 @@ var setHeaders = (headers, map = {}) => {
 var Context = class {
   req;
   env = {};
-  _var = {};
+  _var;
   finalized = false;
   error = void 0;
   #status = 200;

package/dist/hono-base.js

@@ -48,9 +48,6 @@ var Hono = class {
       };
     });
     this.on = (method, path, ...handlers) => {
-      if (!method) {
-        return this;
-      }
       for (const p of [path].flat()) {
         this.#path = p;
         for (const m of [method].flat()) {
@@ -90,9 +87,6 @@ var Hono = class {
   errorHandler = errorHandler;
   route(path, app) {
     const subApp = this.basePath(path);
-    if (!app) {
-      return subApp;
-    }
     app.routes.map((r) => {
       let handler;
       if (app.errorHandler === errorHandler) {

package/dist/jsx/base.js

@@ -2,7 +2,7 @@
 import { raw } from "../helper/html/index.js";
 import { escapeToBuffer, stringBufferToString } from "../utils/html.js";
 import { globalContexts } from "./context.js";
-import { normalizeIntrinsicElementProps, styleObjectForEach } from "./utils.js";
+import { normalizeIntrinsicElementKey, styleObjectForEach } from "./utils.js";
 var emptyTags = [
   "area",
   "base",
@@ -103,10 +103,8 @@ var JSXNode = class {
     const props = this.props;
     let { children } = this;
     buffer[0] += `<${tag}`;
-    const propsKeys = Object.keys(props || {});
-    for (let i = 0, len = propsKeys.length; i < len; i++) {
-      const key = propsKeys[i];
-      const v = props[key];
+    for (let [key, v] of Object.entries(props)) {
+      key = normalizeIntrinsicElementKey(key);
       if (key === "children") {
       } else if (key === "style" && typeof v === "object") {
         let styleStr = "";
@@ -207,7 +205,6 @@ var jsxFn = (tag, props, children) => {
   if (typeof tag === "function") {
     return new JSXFunctionNode(tag, props, children);
   } else {
-    normalizeIntrinsicElementProps(props);
     return new JSXNode(tag, props, children);
   }
 };

package/dist/jsx/dom/client.js

@@ -38,7 +38,12 @@ var hydrateRoot = (element, reactNode, options = {}) => {
   root.render(reactNode);
   return root;
 };
+var client_default = {
+  createRoot,
+  hydrateRoot
+};
 export {
   createRoot,
+  client_default as default,
   hydrateRoot
 };

package/dist/jsx/dom/index.js

@@ -84,6 +84,7 @@ var dom_default = {
   cloneElement,
   Children,
   Fragment,
+  StrictMode: Fragment,
   flushSync,
   createPortal
 };
@@ -91,6 +92,7 @@ export {
   Children,
   ErrorBoundary,
   Fragment,
+  Fragment as StrictMode,
   Suspense,
   cloneElement,
   createContext,

package/dist/jsx/dom/jsx-dev-runtime.js

@@ -1,10 +1,6 @@
 // src/jsx/dom/jsx-dev-runtime.ts
-import { normalizeIntrinsicElementProps } from "../utils.js";
 import { newJSXNode } from "./utils.js";
 var jsxDEV = (tag, props, key) => {
-  if (typeof tag === "string") {
-    normalizeIntrinsicElementProps(props);
-  }
   return newJSXNode({
     tag,
     props,

package/dist/jsx/dom/render.js

@@ -3,7 +3,7 @@ import { toArray } from "../children.js";
 import { DOM_ERROR_HANDLER, DOM_INTERNAL_TAG, DOM_RENDERER, DOM_STASH } from "../constants.js";
 import { globalContexts as globalJSXContexts, useContext } from "../context.js";
 import { STASH_EFFECT } from "../hooks/index.js";
-import { styleObjectForEach } from "../utils.js";
+import { normalizeIntrinsicElementKey, styleObjectForEach } from "../utils.js";
 import { createContext } from "./context.js";
 import { newJSXNode } from "./utils.js";
 var HONO_PORTAL_ELEMENT = "_hp";
@@ -12,8 +12,8 @@ var eventAliasMap = {
   DoubleClick: "DblClick"
 };
 var nameSpaceMap = {
-  svg: "http://www.w3.org/2000/svg",
-  math: "http://www.w3.org/1998/Math/MathML"
+  svg: "2000/svg",
+  math: "1998/Math/MathML"
 };
 var skipProps = /* @__PURE__ */ new Set(["children"]);
 var buildDataStack = [];
@@ -30,8 +30,9 @@ var getEventSpec = (key) => {
 var toAttributeName = (element, key) => element instanceof SVGElement && /[A-Z]/.test(key) && (key in element.style || key.match(/^(?:o|pai|str|u|ve)/)) ? key.replace(/([A-Z])/g, "-$1").toLowerCase() : key;
 var applyProps = (container, attributes, oldAttributes) => {
   attributes ||= {};
-  for (const [key, value] of Object.entries(attributes)) {
+  for (let [key, value] of Object.entries(attributes)) {
     if (!skipProps.has(key) && (!oldAttributes || oldAttributes[key] !== value)) {
+      key = normalizeIntrinsicElementKey(key);
       const eventSpec = getEventSpec(key);
       if (eventSpec) {
         if (oldAttributes) {
@@ -96,8 +97,9 @@ var applyProps = (container, attributes, oldAttributes) => {
     }
   }
   if (oldAttributes) {
-    for (const [key, value] of Object.entries(oldAttributes)) {
+    for (let [key, value] of Object.entries(oldAttributes)) {
       if (!skipProps.has(key) && !(key in attributes)) {
+        key = normalizeIntrinsicElementKey(key);
         const eventSpec = getEventSpec(key);
         if (eventSpec) {
           container.removeEventListener(eventSpec[0], value, eventSpec[1]);
@@ -357,14 +359,12 @@ var buildNode = (node) => {
     } else {
       const ns = nameSpaceMap[node.tag];
       if (ns) {
-        ;
-        node.n = ns;
         nameSpaceContext ||= createContext("");
         node.props.children = [
           {
             tag: nameSpaceContext.Provider,
             props: {
-              value: ns,
+              value: node.n = `http://www.w3.org/${ns}`,
               children: node.props.children
             }
           }

package/dist/jsx/dom/server.js

@@ -0,0 +1,33 @@
+// src/jsx/dom/server.ts
+import { renderToReadableStream as renderToReadableStreamHono } from "../streaming.js";
+import version from ".//index.js";
+var renderToString = (element, options = {}) => {
+  if (Object.keys(options).length > 0) {
+    console.warn("options are not supported yet");
+  }
+  const res = element?.toString() ?? "";
+  if (typeof res !== "string") {
+    throw new Error("Async component is not supported in renderToString");
+  }
+  return res;
+};
+var renderToReadableStream = async (element, options = {}) => {
+  if (Object.keys(options).some((key) => key !== "onError")) {
+    console.warn("options are not supported yet, except onError");
+  }
+  if (!element || typeof element !== "object") {
+    element = element?.toString() ?? "";
+  }
+  return renderToReadableStreamHono(element, options.onError);
+};
+var server_default = {
+  renderToString,
+  renderToReadableStream,
+  version
+};
+export {
+  server_default as default,
+  renderToReadableStream,
+  renderToString,
+  version
+};

package/dist/jsx/index.js

@@ -30,6 +30,7 @@ var jsx_default = {
   version: reactAPICompatVersion,
   memo,
   Fragment,
+  StrictMode: Fragment,
   isValidElement,
   createElement: jsx,
   cloneElement,
@@ -63,6 +64,7 @@ export {
   Children,
   ErrorBoundary,
   Fragment,
+  Fragment as StrictMode,
   Suspense,
   cloneElement,
   createContext,

package/dist/jsx/utils.js

@@ -1,14 +1,9 @@
 // src/jsx/utils.ts
-var normalizeIntrinsicElementProps = (props) => {
-  if (props && "className" in props) {
-    props["class"] = props["className"];
-    delete props["className"];
-  }
-  if (props && "htmlFor" in props) {
-    props["for"] = props["htmlFor"];
-    delete props["htmlFor"];
-  }
-};
+var normalizeElementKeyMap = /* @__PURE__ */ new Map([
+  ["className", "class"],
+  ["htmlFor", "for"]
+]);
+var normalizeIntrinsicElementKey = (key) => normalizeElementKeyMap.get(key) || key;
 var styleObjectForEach = (style, fn) => {
   for (const [k, v] of Object.entries(style)) {
     const key = k[0] === "-" || !/[A-Z]/.test(k) ? k : k.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`);
@@ -21,6 +16,6 @@ var styleObjectForEach = (style, fn) => {
   }
 };
 export {
-  normalizeIntrinsicElementProps,
+  normalizeIntrinsicElementKey,
   styleObjectForEach
 };

package/dist/middleware/cors/index.js

@@ -28,7 +28,12 @@ var cors = (options) => {
       set("Access-Control-Allow-Origin", allowOrigin);
     }
     if (opts.origin !== "*") {
-      set("Vary", "Origin");
+      const existingVary = c.req.header("Vary");
+      if (existingVary) {
+        set("Vary", existingVary);
+      } else {
+        set("Vary", "Origin");
+      }
     }
     if (opts.credentials) {
       set("Access-Control-Allow-Credentials", "true");

package/dist/request.js

@@ -53,12 +53,7 @@ var HonoRequest = class {
     return headerData;
   }
   async parseBody(options) {
-    if (this.bodyCache.parsedBody) {
-      return this.bodyCache.parsedBody;
-    }
-    const parsedBody = await parseBody(this, options);
-    this.bodyCache.parsedBody = parsedBody;
-    return parsedBody;
+    return this.bodyCache.parsedBody ??= await parseBody(this, options);
   }
   cachedBody = (key) => {
     const { bodyCache, raw } = this;
@@ -66,19 +61,14 @@ var HonoRequest = class {
     if (cachedBody) {
       return cachedBody;
     }
-    if (!bodyCache[key]) {
-      for (const keyOfBodyCache of Object.keys(bodyCache)) {
-        if (keyOfBodyCache === "parsedBody") {
-          continue;
+    const anyCachedKey = Object.keys(bodyCache)[0];
+    if (anyCachedKey) {
+      return bodyCache[anyCachedKey].then((body) => {
+        if (anyCachedKey === "json") {
+          body = JSON.stringify(body);
         }
-        return (async () => {
-          let body = await bodyCache[keyOfBodyCache];
-          if (keyOfBodyCache === "json") {
-            body = JSON.stringify(body);
-          }
-          return await new Response(body)[key]();
-        })();
-      }
+        return new Response(body)[key]();
+      });
     }
     return bodyCache[key] = raw[key]();
   };

package/dist/types/context.d.ts

@@ -95,8 +95,8 @@ interface BodyRespond extends NewResponse {
  * @returns {Response & TypedResponse<T, U, 'text'>} - The response after rendering the text content, typed with the provided text and status code types.
  */
 interface TextRespond {
-    <T extends string, U extends StatusCode>(text: T, status?: U, headers?: HeaderRecord): Response & TypedResponse<T, U, 'text'>;
-    <T extends string, U extends StatusCode>(text: T, init?: ResponseInit): Response & TypedResponse<T, U, 'text'>;
+    <T extends string, U extends StatusCode = StatusCode>(text: T, status?: U, headers?: HeaderRecord): Response & TypedResponse<T, U, 'text'>;
+    <T extends string, U extends StatusCode = StatusCode>(text: T, init?: ResponseInit): Response & TypedResponse<T, U, 'text'>;
 }
 /**
  * Interface for responding with JSON.
@@ -112,8 +112,8 @@ interface TextRespond {
  * @returns {JSONRespondReturn<T, U>} - The response after rendering the JSON object, typed with the provided object and status code types.
  */
 interface JSONRespond {
-    <T extends JSONValue | SimplifyDeepArray<unknown>, U extends StatusCode>(object: T, status?: U, headers?: HeaderRecord): JSONRespondReturn<T, U>;
-    <T extends JSONValue | SimplifyDeepArray<unknown>, U extends StatusCode>(object: T, init?: ResponseInit): JSONRespondReturn<T, U>;
+    <T extends JSONValue | SimplifyDeepArray<unknown>, U extends StatusCode = StatusCode>(object: T, status?: U, headers?: HeaderRecord): JSONRespondReturn<T, U>;
+    <T extends JSONValue | SimplifyDeepArray<unknown>, U extends StatusCode = StatusCode>(object: T, init?: ResponseInit): JSONRespondReturn<T, U>;
 }
 /**
  * @template T - The type of the JSON value or simplified unknown type.

package/dist/types/hono-base.d.ts

@@ -98,7 +98,7 @@ declare class Hono<E extends Env = Env, S extends Schema = {}, BasePath extends
      * app.route("/api", app2) // GET /api/user
      * ```
      */
-    route<SubPath extends string, SubEnv extends Env, SubSchema extends Schema, SubBasePath extends string>(path: SubPath, app?: Hono<SubEnv, SubSchema, SubBasePath>): Hono<E, MergeSchemaPath<SubSchema, MergePath<BasePath, SubPath>> & S, BasePath>;
+    route<SubPath extends string, SubEnv extends Env, SubSchema extends Schema, SubBasePath extends string>(path: SubPath, app: Hono<SubEnv, SubSchema, SubBasePath>): Hono<E, MergeSchemaPath<SubSchema, MergePath<BasePath, SubPath>> & S, BasePath>;
     /**
      * `.basePath()` allows base paths to be specified.
      *

package/dist/types/jsx/base.d.ts

@@ -1,13 +1,13 @@
 import type { HtmlEscaped, HtmlEscapedString, StringBuffer } from '../utils/html';
 import type { Context } from './context';
-import type { Hono, IntrinsicElements as IntrinsicElementsDefined } from './intrinsic-elements';
+import type { JSX as HonoJSX, IntrinsicElements as IntrinsicElementsDefined } from './intrinsic-elements';
 export type Props = Record<string, any>;
 export type FC<P = Props> = {
     (props: P): HtmlEscapedString | Promise<HtmlEscapedString>;
     defaultProps?: Partial<P> | undefined;
     displayName?: string | undefined;
 };
-export type DOMAttributes = Hono.HTMLAttributes;
+export type DOMAttributes = HonoJSX.HTMLAttributes;
 export declare namespace JSX {
     type Element = HtmlEscapedString | Promise<HtmlEscapedString>;
     interface ElementChildrenAttribute {

package/dist/types/jsx/dom/client.d.ts

@@ -24,3 +24,8 @@ export declare const createRoot: (element: HTMLElement | DocumentFragment, optio
  * @returns Root object has `render` and `unmount` methods
  */
 export declare const hydrateRoot: (element: HTMLElement | DocumentFragment, reactNode: Child, options?: RootOptions) => Root;
+declare const _default: {
+    createRoot: (element: HTMLElement | DocumentFragment, options?: RootOptions) => Root;
+    hydrateRoot: (element: HTMLElement | DocumentFragment, reactNode: Child, options?: RootOptions) => Root;
+};
+export default _default;

package/dist/types/jsx/dom/index.d.ts

@@ -14,7 +14,7 @@ import { createPortal, flushSync } from './render';
 export { render } from './render';
 declare const createElement: (tag: string | ((props: Props) => JSXNode), props: Props | null, ...children: Child[]) => JSXNode;
 declare const cloneElement: <T extends JSXNode | JSX.Element>(element: T, props: Props, ...children: Child[]) => T;
-export { reactAPICompatVersion as version, createElement as jsx, useState, useEffect, useRef, useCallback, use, startTransition, useTransition, useDeferredValue, startViewTransition, useViewTransition, useMemo, useLayoutEffect, useInsertionEffect, useReducer, useId, useDebugValue, createRef, forwardRef, useImperativeHandle, useSyncExternalStore, Suspense, ErrorBoundary, createContext, useContext, memo, isValidElement, createElement, cloneElement, Children, Fragment, DOMAttributes, flushSync, createPortal, };
+export { reactAPICompatVersion as version, createElement as jsx, useState, useEffect, useRef, useCallback, use, startTransition, useTransition, useDeferredValue, startViewTransition, useViewTransition, useMemo, useLayoutEffect, useInsertionEffect, useReducer, useId, useDebugValue, createRef, forwardRef, useImperativeHandle, useSyncExternalStore, Suspense, ErrorBoundary, createContext, useContext, memo, isValidElement, createElement, cloneElement, Children, Fragment, Fragment as StrictMode, DOMAttributes, flushSync, createPortal, };
 declare const _default: {
     version: string;
     useState: {
@@ -23,7 +23,7 @@ declare const _default: {
     };
     useEffect: (effect: () => void | (() => void), deps?: readonly unknown[] | undefined) => void;
     useRef: <T_2>(initialValue: T_2 | null) => import("../hooks").RefObject<T_2>;
-    useCallback: <T_3 extends (...args: unknown[]) => unknown>(callback: T_3, deps: readonly unknown[]) => T_3;
+    useCallback: <T_3 extends Function>(callback: T_3, deps: readonly unknown[]) => T_3;
     use: <T_4>(promise: Promise<T_4>) => T_4;
     startTransition: (callback: () => void) => void;
     useTransition: () => [boolean, (callback: () => void) => void];
@@ -64,6 +64,7 @@ declare const _default: {
         toArray: (children: Child) => Child[];
     };
     Fragment: (props: Record<string, unknown>) => JSXNode;
+    StrictMode: (props: Record<string, unknown>) => JSXNode;
     flushSync: (callback: () => void) => void;
     createPortal: (children: Child, container: HTMLElement, key?: string | undefined) => Child;
 };

package/dist/types/jsx/dom/server.d.ts

@@ -0,0 +1,93 @@
+/**
+ * @module
+ * This module provides APIs for `hono/jsx/server`, which is compatible with `react-dom/server`.
+ */
+import type { Child } from '../base';
+import version from './';
+export interface RenderToStringOptions {
+    identifierPrefix?: string;
+}
+/**
+ * Render JSX element to string.
+ * @param element JSX element to render.
+ * @param options Options for rendering.
+ * @returns Rendered string.
+ */
+declare const renderToString: (element: Child, options?: RenderToStringOptions) => string;
+export interface RenderToReadableStreamOptions {
+    identifierPrefix?: string;
+    namespaceURI?: string;
+    nonce?: string;
+    bootstrapScriptContent?: string;
+    bootstrapScripts?: string[];
+    bootstrapModules?: string[];
+    progressiveChunkSize?: number;
+    signal?: AbortSignal;
+    onError?: (error: unknown) => string | void;
+}
+/**
+ * Render JSX element to readable stream.
+ * @param element JSX element to render.
+ * @param options Options for rendering.
+ * @returns Rendered readable stream.
+ */
+declare const renderToReadableStream: (element: Child, options?: RenderToReadableStreamOptions) => Promise<ReadableStream<Uint8Array>>;
+export { renderToString, renderToReadableStream, version };
+declare const _default: {
+    renderToString: (element: Child, options?: RenderToStringOptions) => string;
+    renderToReadableStream: (element: Child, options?: RenderToReadableStreamOptions) => Promise<ReadableStream<Uint8Array>>;
+    version: {
+        version: string;
+        useState: {
+            <T>(initialState: T | (() => T)): [T, (newState: T | ((currentState: T) => T)) => void];
+            <T_1 = undefined>(): [T_1 | undefined, (newState: T_1 | ((currentState: T_1 | undefined) => T_1 | undefined) | undefined) => void];
+        };
+        useEffect: (effect: () => void | (() => void), deps?: readonly unknown[] | undefined) => void;
+        useRef: <T_2>(initialValue: T_2 | null) => import("./").RefObject<T_2>;
+        useCallback: <T_3 extends Function>(callback: T_3, deps: readonly unknown[]) => T_3;
+        use: <T_4>(promise: Promise<T_4>) => T_4;
+        startTransition: (callback: () => void) => void;
+        useTransition: () => [boolean, (callback: () => void) => void];
+        useDeferredValue: <T_5>(value: T_5) => T_5;
+        startViewTransition: (callback: () => void) => void;
+        useViewTransition: () => [boolean, (callback: () => void) => void];
+        useMemo: <T_6>(factory: () => T_6, deps: readonly unknown[]) => T_6;
+        useLayoutEffect: (effect: () => void | (() => void), deps?: readonly unknown[] | undefined) => void;
+        useInsertionEffect: (effect: () => void | (() => void), deps?: readonly unknown[] | undefined) => void;
+        useReducer: <T_7, A>(reducer: (state: T_7, action: A) => T_7, initialArg: T_7, init?: ((initialState: T_7) => T_7) | undefined) => [T_7, (action: A) => void];
+        useId: () => string;
+        useDebugValue: (_value: unknown, _formatter?: ((value: unknown) => string) | undefined) => void;
+        createRef: <T_8>() => import("./").RefObject<T_8>;
+        forwardRef: <T_9, P = {}>(Component: (props: P, ref?: import("./").RefObject<T_9> | undefined) => import("../base").JSX.Element) => (props: P & {
+            ref?: import("./").RefObject<T_9> | undefined;
+        }) => import("../base").JSX.Element;
+        useImperativeHandle: <T_10>(ref: import("./").RefObject<T_10>, createHandle: () => T_10, deps: readonly unknown[]) => void;
+        useSyncExternalStore: <T_11>(subscribe: (callback: (value: T_11) => void) => () => void, getSnapshot: () => T_11, getServerSnapshot?: (() => T_11) | undefined) => T_11;
+        Suspense: import("./").FC<import("./").PropsWithChildren<{
+            fallback: any;
+        }>>;
+        ErrorBoundary: import("./").FC<import("./").PropsWithChildren<{
+            fallback?: Child;
+            fallbackRender?: import("../components").FallbackRender | undefined;
+            onError?: import("../components").ErrorHandler | undefined;
+        }>>;
+        createContext: <T_12>(defaultValue: T_12) => import("./").Context<T_12>;
+        useContext: <T_13>(context: import("./").Context<T_13>) => T_13;
+        memo: <T_14>(component: import("./").FC<T_14>, propsAreEqual?: (prevProps: Readonly<T_14>, nextProps: Readonly<T_14>) => boolean) => import("./").FC<T_14>;
+        isValidElement: (element: unknown) => element is import("./").JSXNode;
+        createElement: (tag: string | ((props: import("../base").Props) => import("./").JSXNode), props: import("../base").Props | null, ...children: Child[]) => import("./").JSXNode;
+        cloneElement: <T_15 extends import("./").JSXNode | import("../base").JSX.Element>(element: T_15, props: import("../base").Props, ...children: Child[]) => T_15;
+        Children: {
+            map: (children: Child[], fn: (child: Child, index: number) => Child) => Child[];
+            forEach: (children: Child[], fn: (child: Child, index: number) => void) => void;
+            count: (children: Child[]) => number;
+            only: (_children: Child[]) => Child;
+            toArray: (children: Child) => Child[];
+        };
+        Fragment: (props: Record<string, unknown>) => import("./").JSXNode;
+        StrictMode: (props: Record<string, unknown>) => import("./").JSXNode;
+        flushSync: (callback: () => void) => void;
+        createPortal: (children: Child, container: HTMLElement, key?: string | undefined) => Child;
+    };
+};
+export default _default;

package/dist/types/jsx/hooks/index.d.ts

@@ -26,7 +26,7 @@ export declare const useReducer: <T, A>(reducer: (state: T, action: A) => T, ini
 export declare const useEffect: (effect: () => void | (() => void), deps?: readonly unknown[]) => void;
 export declare const useLayoutEffect: (effect: () => void | (() => void), deps?: readonly unknown[]) => void;
 export declare const useInsertionEffect: (effect: () => void | (() => void), deps?: readonly unknown[]) => void;
-export declare const useCallback: <T extends (...args: unknown[]) => unknown>(callback: T, deps: readonly unknown[]) => T;
+export declare const useCallback: <T extends Function>(callback: T, deps: readonly unknown[]) => T;
 export type RefObject<T> = {
     current: T | null;
 };

package/dist/types/jsx/index.d.ts

@@ -9,7 +9,7 @@ import { ErrorBoundary } from './components';
 import { createContext, useContext } from './context';
 import { createRef, forwardRef, startTransition, startViewTransition, use, useCallback, useDebugValue, useDeferredValue, useEffect, useId, useImperativeHandle, useInsertionEffect, useLayoutEffect, useMemo, useReducer, useRef, useState, useSyncExternalStore, useTransition, useViewTransition } from './hooks';
 import { Suspense } from './streaming';
-export { reactAPICompatVersion as version, jsx, memo, Fragment, isValidElement, jsx as createElement, cloneElement, ErrorBoundary, createContext, useContext, useState, useEffect, useRef, useCallback, useReducer, useId, useDebugValue, use, startTransition, useTransition, useDeferredValue, startViewTransition, useViewTransition, useMemo, useLayoutEffect, useInsertionEffect, createRef, forwardRef, useImperativeHandle, useSyncExternalStore, Suspense, Children, DOMAttributes, };
+export { reactAPICompatVersion as version, jsx, memo, Fragment, Fragment as StrictMode, isValidElement, jsx as createElement, cloneElement, ErrorBoundary, createContext, useContext, useState, useEffect, useRef, useCallback, useReducer, useId, useDebugValue, use, startTransition, useTransition, useDeferredValue, startViewTransition, useViewTransition, useMemo, useLayoutEffect, useInsertionEffect, createRef, forwardRef, useImperativeHandle, useSyncExternalStore, Suspense, Children, DOMAttributes, };
 declare const _default: {
     version: string;
     memo: <T>(component: import("./base").FC<T>, propsAreEqual?: (prevProps: Readonly<T>, nextProps: Readonly<T>) => boolean) => import("./base").FC<T>;
@@ -17,6 +17,10 @@ declare const _default: {
         key?: string | undefined;
         children?: import("../utils/html").HtmlEscapedString | import("./base").Child;
     }) => import("../utils/html").HtmlEscapedString;
+    StrictMode: ({ children, }: {
+        key?: string | undefined;
+        children?: import("../utils/html").HtmlEscapedString | import("./base").Child;
+    }) => import("../utils/html").HtmlEscapedString;
     isValidElement: (element: unknown) => element is import("./base").JSXNode;
     createElement: (tag: string | Function, props: import("./base").Props | null, ...children: (string | number | import("../utils/html").HtmlEscapedString)[]) => import("./base").JSXNode;
     cloneElement: <T_1 extends import("./base").JSXNode | import("./base").JSX.Element>(element: T_1, props: Partial<import("./base").Props>, ...children: import("./base").Child[]) => T_1;
@@ -33,7 +37,7 @@ declare const _default: {
     };
     useEffect: (effect: () => void | (() => void), deps?: readonly unknown[] | undefined) => void;
     useRef: <T_6>(initialValue: T_6 | null) => import("./hooks").RefObject<T_6>;
-    useCallback: <T_7 extends (...args: unknown[]) => unknown>(callback: T_7, deps: readonly unknown[]) => T_7;
+    useCallback: <T_7 extends Function>(callback: T_7, deps: readonly unknown[]) => T_7;
     useReducer: <T_8, A>(reducer: (state: T_8, action: A) => T_8, initialArg: T_8, init?: ((initialState: T_8) => T_8) | undefined) => [T_8, (action: A) => void];
     useId: () => string;
     useDebugValue: (_value: unknown, _formatter?: ((value: unknown) => string) | undefined) => void;
@@ -65,3 +69,4 @@ declare const _default: {
 };
 export default _default;
 export type * from './types';
+export type { JSX } from './intrinsic-elements';

package/dist/types/jsx/intrinsic-elements.d.ts

@@ -4,7 +4,7 @@
  * MIT License
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  */
-export declare namespace Hono {
+export declare namespace JSX {
     export type CrossOrigin = 'anonymous' | 'use-credentials' | '' | undefined;
     export type CSSProperties = {};
     type AnyAttributes = {
@@ -636,5 +636,5 @@ export declare namespace Hono {
     }
     export {};
 }
-export interface IntrinsicElements extends Hono.IntrinsicElements {
+export interface IntrinsicElements extends JSX.IntrinsicElements {
 }

package/dist/types/jsx/streaming.d.ts

@@ -17,4 +17,4 @@ export declare const Suspense: FC<PropsWithChildren<{
  * `renderToReadableStream()` is an experimental feature.
  * The API might be changed.
  */
-export declare const renderToReadableStream: (str: HtmlEscapedString | Promise<HtmlEscapedString>, onError?: (e: unknown) => void) => ReadableStream<Uint8Array>;
+export declare const renderToReadableStream: (str: HtmlEscapedString | Promise<HtmlEscapedString>, onError?: (e: unknown) => string | void) => ReadableStream<Uint8Array>;

package/dist/types/jsx/types.d.ts

@@ -2,14 +2,14 @@
  * All types exported from "hono/jsx" are in this file.
  */
 import type { Child, JSXNode } from './base';
-import type { Hono } from './intrinsic-elements';
+import type { JSX } from './intrinsic-elements';
 export type { Child, JSXNode, FC } from './base';
 export type { RefObject } from './hooks';
 export type { Context } from './context';
 export type PropsWithChildren<P = unknown> = P & {
     children?: Child | undefined;
 };
-export type CSSProperties = Hono.CSSProperties;
+export type CSSProperties = JSX.CSSProperties;
 /**
  * React types
  */

package/dist/types/jsx/utils.d.ts

@@ -1,8 +1,2 @@
-/**
- * Normalizes intrinsic element properties by converting JSX element properties
- * to their corresponding HTML attributes.
- *
- * @param props - JSX element properties.
- */
-export declare const normalizeIntrinsicElementProps: (props: Record<string, unknown>) => void;
+export declare const normalizeIntrinsicElementKey: (key: string) => string;
 export declare const styleObjectForEach: (style: Record<string, string | number>, fn: (key: string, value: string | null) => void) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hono",
-  "version": "4.4.4",
+  "version": "4.5.0-rc.1",
   "description": "Ultrafast web framework for the Edges",
   "main": "dist/cjs/index.js",
   "type": "module",
@@ -178,6 +178,11 @@
       "import": "./dist/jsx/dom/css.js",
       "require": "./dist/cjs/jsx/dom/css.js"
     },
+    "./jsx/dom/server": {
+      "types": "./dist/types/jsx/dom/server.d.ts",
+      "import": "./dist/jsx/dom/server.js",
+      "require": "./dist/cjs/jsx/dom/server.js"
+    },
     "./jwt": {
       "types": "./dist/types/middleware/jwt/index.d.ts",
       "import": "./dist/middleware/jwt/index.js",
@@ -434,6 +439,9 @@
       "jsx/dom/css": [
         "./dist/types/jsx/dom/css.d.ts"
       ],
+      "jsx/dom/server": [
+        "./dist/types/jsx/dom/server.d.ts"
+      ],
       "jwt": [
         "./dist/types/middleware/jwt"
       ],