hono 3.10.0-rc.1 → 3.10.0

package/README.md

@@ -26,7 +26,7 @@
 [![Discord badge](https://img.shields.io/discord/1011308539819597844?label=Discord&logo=Discord)](https://discord.gg/KMh2eNSdxV)
 
 Hono - _**\[炎\] means flame🔥 in Japanese**_ - is a small, simple, and ultrafast web framework for the Edges.
-It works on any JavaScript runtime: Cloudflare Workers, Fastly Compute@Edge, Deno, Bun, Vercel, Lagon, AWS Lambda, Lambda@Edge, and Node.js.
+It works on any JavaScript runtime: Cloudflare Workers, Fastly Compute, Deno, Bun, Vercel, Lagon, AWS Lambda, Lambda@Edge, and Node.js.
 
 Fast, but not only fast.
 
@@ -49,9 +49,9 @@ npm create hono@latest my-app
 
 - **Ultrafast** 🚀 - The router `RegExpRouter` is really fast. Not using linear loops. Fast.
 - **Lightweight** 🪶 - The `hono/tiny` preset is under 12kB. Hono has zero dependencies and uses only the Web Standard API.
-- **Multi-runtime** 🌍 - Works on Cloudflare Workers, Fastly Compute@Edge, Deno, Bun, Lagon, AWS Lambda, Lambda@Edge, or Node.js. The same code runs on all platforms.
+- **Multi-runtime** 🌍 - Works on Cloudflare Workers, Fastly Compute, Deno, Bun, Lagon, AWS Lambda, Lambda@Edge, or Node.js. The same code runs on all platforms.
 - **Batteries Included** 🔋 - Hono has built-in middleware, custom middleware, and third-party middleware. Batteries included.
-- **Delightful DX** 🛠️ - Super clean APIs. First-class TypeScript support. Now, we've got "Types".
+- **Delightful DX** 😃 - Super clean APIs. First-class TypeScript support. Now, we've got "Types".
 
 ## Benchmarks
 

package/dist/adapter/aws-lambda/handler.js

@@ -23,12 +23,15 @@ var streamHandle = (app) => {
           requestContext,
           context
         });
-        const contentType = res.headers.get("content-type");
-        if (!contentType) {
-          console.warn("Content Type is not set in the response.");
-        }
+        const httpResponseMetadata = {
+          statusCode: res.status,
+          headers: Object.fromEntries(res.headers.entries())
+        };
         if (res.body) {
-          await streamToNodeStream(res.body.getReader(), responseStream);
+          await streamToNodeStream(
+            res.body.getReader(),
+            awslambda.HttpResponseStream.from(responseStream, httpResponseMetadata)
+          );
         }
       } catch (error) {
         console.error("Error processing request:", error);

package/dist/cjs/adapter/aws-lambda/handler.js

@@ -54,12 +54,15 @@ const streamHandle = (app) => {
           requestContext,
           context
         });
-        const contentType = res.headers.get("content-type");
-        if (!contentType) {
-          console.warn("Content Type is not set in the response.");
-        }
+        const httpResponseMetadata = {
+          statusCode: res.status,
+          headers: Object.fromEntries(res.headers.entries())
+        };
         if (res.body) {
-          await streamToNodeStream(res.body.getReader(), responseStream);
+          await streamToNodeStream(
+            res.body.getReader(),
+            awslambda.HttpResponseStream.from(responseStream, httpResponseMetadata)
+          );
         }
       } catch (error) {
         console.error("Error processing request:", error);

package/dist/cjs/helper/html/index.js

@@ -23,9 +23,10 @@ __export(html_exports, {
 });
 module.exports = __toCommonJS(html_exports);
 var import_html = require("../../utils/html");
-const raw = (value) => {
+const raw = (value, promises) => {
   const escapedString = new String(value);
   escapedString.isEscaped = true;
+  escapedString.promises = promises;
   return escapedString;
 };
 const html = (strings, ...values) => {
@@ -52,7 +53,7 @@ const html = (strings, ...values) => {
     }
   }
   buffer[0] += strings[strings.length - 1];
-  return buffer.length === 1 ? raw(buffer[0]) : (0, import_html.stringBufferToString)(buffer).then((str) => raw(str));
+  return buffer.length === 1 ? raw(buffer[0]) : (0, import_html.stringBufferToString)(buffer);
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/helper/streaming/index.js

@@ -44,13 +44,17 @@ const streamSSE = (c, cb) => {
   return c.stream(async (originalStream) => {
     const { readable, writable } = new TransformStream();
     const stream = new SSEStreamingApi(writable);
-    originalStream.pipe(readable);
+    originalStream.pipe(readable).catch((err) => {
+      console.error("Error in stream piping: ", err);
+      stream.close();
+    });
     setSSEHeaders(c);
     try {
       await cb(stream);
     } catch (err) {
       console.error("Error during streaming: ", err);
-      stream.close();
+    } finally {
+      await stream.close();
     }
   });
 };

package/dist/cjs/hono-base.js

@@ -38,7 +38,7 @@ const errorHandler = (err, c) => {
   if (err instanceof import_http_exception.HTTPException) {
     return err.getResponse();
   }
-  console.trace(err);
+  console.error(err);
   const message = "Internal Server Error";
   return c.text(message, 500);
 };

package/dist/cjs/jsx/index.js

@@ -26,7 +26,8 @@ __export(jsx_exports, {
   useContext: () => useContext
 });
 module.exports = __toCommonJS(jsx_exports);
-var import_html = require("../utils/html");
+var import_html = require("../helper/html");
+var import_html2 = require("../utils/html");
 const emptyTags = [
   "area",
   "base",
@@ -75,7 +76,7 @@ const childrenToStringToBuffer = (children, buffer) => {
   for (let i = 0, len = children.length; i < len; i++) {
     const child = children[i];
     if (typeof child === "string") {
-      (0, import_html.escapeToBuffer)(child, buffer);
+      (0, import_html2.escapeToBuffer)(child, buffer);
     } else if (typeof child === "boolean" || child === null || child === void 0) {
       continue;
     } else if (child instanceof JSXNode) {
@@ -100,7 +101,7 @@ class JSXNode {
   toString() {
     const buffer = [""];
     this.toStringToBuffer(buffer);
-    return buffer.length === 1 ? buffer[0] : (0, import_html.stringBufferToString)(buffer);
+    return buffer.length === 1 ? buffer[0] : (0, import_html2.stringBufferToString)(buffer);
   }
   toStringToBuffer(buffer) {
     const tag = this.tag;
@@ -119,7 +120,7 @@ class JSXNode {
         buffer[0] += ` style="${styles}"`;
       } else if (typeof v === "string") {
         buffer[0] += ` ${key}="`;
-        (0, import_html.escapeToBuffer)(v, buffer);
+        (0, import_html2.escapeToBuffer)(v, buffer);
         buffer[0] += '"';
       } else if (typeof v === "number") {
         buffer[0] += ` ${key}="${v}"`;
@@ -132,12 +133,10 @@ class JSXNode {
         if (children.length > 0) {
           throw "Can only set one of `children` or `props.dangerouslySetInnerHTML`.";
         }
-        const escapedString = new String(v.__html);
-        escapedString.isEscaped = true;
-        children = [escapedString];
+        children = [(0, import_html.raw)(v.__html)];
       } else {
         buffer[0] += ` ${key}="`;
-        (0, import_html.escapeToBuffer)(v.toString(), buffer);
+        (0, import_html2.escapeToBuffer)(v.toString(), buffer);
         buffer[0] += '"';
       }
     }
@@ -164,7 +163,7 @@ class JSXFunctionNode extends JSXNode {
     } else if (typeof res === "number" || res.isEscaped) {
       buffer[0] += res;
     } else {
-      (0, import_html.escapeToBuffer)(res, buffer);
+      (0, import_html2.escapeToBuffer)(res, buffer);
     }
   }
 }
@@ -216,12 +215,19 @@ const createContext = (defaultValue) => {
     values,
     Provider(props) {
       values.push(props.value);
-      const res = new String(
-        props.children ? (Array.isArray(props.children) ? new JSXFragmentNode("", {}, props.children) : props.children).toString() : ""
-      );
-      res.isEscaped = true;
+      const string = props.children ? (Array.isArray(props.children) ? new JSXFragmentNode("", {}, props.children) : props.children).toString() : "";
       values.pop();
-      return res;
+      if (string instanceof Promise) {
+        return Promise.resolve().then(async () => {
+          values.push(props.value);
+          const awaited = await string;
+          const promiseRes = (0, import_html.raw)(awaited, awaited.promises);
+          values.pop();
+          return promiseRes;
+        });
+      } else {
+        return (0, import_html.raw)(string);
+      }
     }
   };
 };

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

@@ -25,7 +25,10 @@ module.exports = __toCommonJS(jsx_dev_runtime_exports);
 var import__ = require(".");
 var import__2 = require(".");
 function jsxDEV(tag, props) {
-  const children = props.children ?? [];
+  if (!props?.children) {
+    return (0, import__.jsx)(tag, props);
+  }
+  const children = props.children;
   delete props["children"];
   return Array.isArray(children) ? (0, import__.jsx)(tag, props, ...children) : (0, import__.jsx)(tag, props, children);
 }

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

@@ -20,14 +20,23 @@ var jsx_runtime_exports = {};
 __export(jsx_runtime_exports, {
   Fragment: () => import_jsx_dev_runtime.Fragment,
   jsx: () => import_jsx_dev_runtime.jsxDEV,
+  jsxAttr: () => jsxAttr,
+  jsxEscape: () => jsxEscape,
+  jsxTemplate: () => import_html.html,
   jsxs: () => import_jsx_dev_runtime2.jsxDEV
 });
 module.exports = __toCommonJS(jsx_runtime_exports);
 var import_jsx_dev_runtime = require("./jsx-dev-runtime");
 var import_jsx_dev_runtime2 = require("./jsx-dev-runtime");
+var import_html = require("../helper/html");
+const jsxAttr = (name, value) => (0, import_html.raw)(name + '="' + import_html.html`${value}` + '"');
+const jsxEscape = (value) => value;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Fragment,
   jsx,
+  jsxAttr,
+  jsxEscape,
+  jsxTemplate,
   jsxs
 });

package/dist/cjs/jsx/streaming.js

@@ -22,10 +22,11 @@ __export(streaming_exports, {
   renderToReadableStream: () => renderToReadableStream
 });
 module.exports = __toCommonJS(streaming_exports);
+var import_html = require("../helper/html");
 let suspenseCounter = 0;
 async function childrenToString(children) {
   try {
-    return children.toString();
+    return children.map((c) => c.toString());
   } catch (e) {
     if (e instanceof Promise) {
       await e;
@@ -39,26 +40,25 @@ const Suspense = async ({ children, fallback }) => {
   if (!children) {
     return fallback.toString();
   }
-  let res;
+  if (!Array.isArray(children)) {
+    children = [children];
+  }
+  let resArray = [];
   try {
-    res = children.toString();
+    resArray = children.map((c) => c.toString());
   } catch (e) {
     if (e instanceof Promise) {
-      res = e;
+      resArray = [e.then(() => childrenToString(children))];
     } else {
       throw e;
     }
-  } finally {
+  }
+  if (resArray.some((res) => res instanceof Promise)) {
     const index = suspenseCounter++;
-    if (res instanceof Promise) {
-      const promise = res;
-      res = new String(
-        `<template id="H:${index}"></template>${fallback.toString()}<!--/$-->`
-      );
-      res.isEscaped = true;
-      res.promises = [
-        promise.then(async () => {
-          return `<template>${await childrenToString(children)}</template><script>
+    return (0, import_html.raw)(`<template id="H:${index}"></template>${fallback.toString()}<!--/$-->`, [
+      Promise.all(resArray).then((htmlArray) => {
+        htmlArray = htmlArray.flat();
+        const html = `<template>${htmlArray.join("")}</template><script>
 ((d,c,n) => {
 c=d.currentScript.previousSibling
 d=d.getElementById('H:${index}')
@@ -66,35 +66,44 @@ do{n=d.nextSibling;n.remove()}while(n.nodeType!=8||n.nodeValue!='/$')
 d.replaceWith(c.content)
 })(document)
 <\/script>`;
-        })
-      ];
-    }
+        if (htmlArray.every((html2) => !html2.promises?.length)) {
+          return html;
+        }
+        return (0, import_html.raw)(html, htmlArray.map((html2) => html2.promises || []).flat());
+      })
+    ]);
+  } else {
+    return (0, import_html.raw)(resArray.join(""));
   }
-  return res;
 };
 const textEncoder = new TextEncoder();
 const renderToReadableStream = (str) => {
   const reader = new ReadableStream({
     async start(controller) {
-      const resolved = await str.toString();
+      const resolved = str instanceof Promise ? await str : await str.toString();
       controller.enqueue(textEncoder.encode(resolved));
-      let unresolvedCount = resolved.promises?.length || 0;
-      if (!unresolvedCount) {
-        controller.close();
-        return;
-      }
-      for (let i = 0; i < unresolvedCount; i++) {
-        ;
-        resolved.promises[i].catch((err) => {
-          console.trace(err);
-          return "";
-        }).then((res) => {
-          controller.enqueue(textEncoder.encode(res));
-          if (!--unresolvedCount) {
-            controller.close();
-          }
-        });
+      let resolvedCount = 0;
+      const promises = [];
+      const then = (promise) => {
+        promises.push(
+          promise.catch((err) => {
+            console.trace(err);
+            return "";
+          }).then((res) => {
+            if (res.promises) {
+              const resPromises = res.promises || [];
+              resPromises.forEach(then);
+            }
+            resolvedCount++;
+            controller.enqueue(textEncoder.encode(res));
+          })
+        );
+      };
+      resolved.promises?.map(then);
+      while (resolvedCount !== promises.length) {
+        await Promise.all(promises);
       }
+      controller.close();
     }
   });
   return reader;

package/dist/cjs/middleware/jsx-renderer/index.js

@@ -23,17 +23,27 @@ __export(jsx_renderer_exports, {
   useRequestContext: () => useRequestContext
 });
 module.exports = __toCommonJS(jsx_renderer_exports);
+var import_html = require("../../helper/html");
 var import_jsx = require("../../jsx");
+var import_streaming = require("../../jsx/streaming");
 const RequestContext = (0, import_jsx.createContext)(null);
 const createRenderer = (c, component, options) => (children, props) => {
   const docType = typeof options?.docType === "string" ? options.docType : options?.docType === true ? "<!DOCTYPE html>" : "";
-  return c.html(
-    docType + (0, import_jsx.jsx)(
-      RequestContext.Provider,
-      { value: c },
-      component ? component({ children, ...props || {} }) : children
-    )
-  );
+  const body = import_html.html`${(0, import_html.raw)(docType)}${(0, import_jsx.jsx)(
+    RequestContext.Provider,
+    { value: c },
+    component ? component({ children, ...props || {} }) : children
+  )}`;
+  if (options?.stream) {
+    return c.body((0, import_streaming.renderToReadableStream)(body), {
+      headers: options.stream === true ? {
+        "Transfer-Encoding": "chunked",
+        "Content-Type": "text/html; charset=UTF-8"
+      } : options.stream
+    });
+  } else {
+    return c.html(body);
+  }
 };
 const jsxRenderer = (component, options) => (c, next) => {
   c.setRenderer(createRenderer(c, component, options));

package/dist/cjs/utils/html.js

@@ -22,6 +22,7 @@ __export(html_exports, {
   stringBufferToString: () => stringBufferToString
 });
 module.exports = __toCommonJS(html_exports);
+var import_html = require("../helper/html");
 const escapeRe = /[&<>'"]/;
 const stringBufferToString = async (buffer) => {
   let str = "";
@@ -37,10 +38,7 @@ const stringBufferToString = async (buffer) => {
     }
     str += r;
   }
-  const res = new String(str);
-  res.isEscaped = true;
-  res.promises = promises;
-  return res;
+  return (0, import_html.raw)(str, promises);
 };
 const escapeToBuffer = (str, buffer) => {
   const match = str.search(escapeRe);

package/dist/helper/html/index.js

@@ -1,8 +1,9 @@
 // src/helper/html/index.ts
 import { escapeToBuffer, stringBufferToString } from "../../utils/html.js";
-var raw = (value) => {
+var raw = (value, promises) => {
   const escapedString = new String(value);
   escapedString.isEscaped = true;
+  escapedString.promises = promises;
   return escapedString;
 };
 var html = (strings, ...values) => {
@@ -29,7 +30,7 @@ var html = (strings, ...values) => {
     }
   }
   buffer[0] += strings[strings.length - 1];
-  return buffer.length === 1 ? raw(buffer[0]) : stringBufferToString(buffer).then((str) => raw(str));
+  return buffer.length === 1 ? raw(buffer[0]) : stringBufferToString(buffer);
 };
 export {
   html,

package/dist/helper/streaming/index.js

@@ -22,13 +22,17 @@ var streamSSE = (c, cb) => {
   return c.stream(async (originalStream) => {
     const { readable, writable } = new TransformStream();
     const stream = new SSEStreamingApi(writable);
-    originalStream.pipe(readable);
+    originalStream.pipe(readable).catch((err) => {
+      console.error("Error in stream piping: ", err);
+      stream.close();
+    });
     setSSEHeaders(c);
     try {
       await cb(stream);
     } catch (err) {
       console.error("Error during streaming: ", err);
-      stream.close();
+    } finally {
+      await stream.close();
     }
   });
 };

package/dist/hono-base.js

@@ -16,7 +16,7 @@ var errorHandler = (err, c) => {
   if (err instanceof HTTPException) {
     return err.getResponse();
   }
-  console.trace(err);
+  console.error(err);
   const message = "Internal Server Error";
   return c.text(message, 500);
 };

package/dist/jsx/index.js

@@ -1,4 +1,5 @@
 // src/jsx/index.ts
+import { raw } from "../helper/html/index.js";
 import { escapeToBuffer, stringBufferToString } from "../utils/html.js";
 var emptyTags = [
   "area",
@@ -105,9 +106,7 @@ var JSXNode = class {
         if (children.length > 0) {
           throw "Can only set one of `children` or `props.dangerouslySetInnerHTML`.";
         }
-        const escapedString = new String(v.__html);
-        escapedString.isEscaped = true;
-        children = [escapedString];
+        children = [raw(v.__html)];
       } else {
         buffer[0] += ` ${key}="`;
         escapeToBuffer(v.toString(), buffer);
@@ -189,12 +188,19 @@ var createContext = (defaultValue) => {
     values,
     Provider(props) {
       values.push(props.value);
-      const res = new String(
-        props.children ? (Array.isArray(props.children) ? new JSXFragmentNode("", {}, props.children) : props.children).toString() : ""
-      );
-      res.isEscaped = true;
+      const string = props.children ? (Array.isArray(props.children) ? new JSXFragmentNode("", {}, props.children) : props.children).toString() : "";
       values.pop();
-      return res;
+      if (string instanceof Promise) {
+        return Promise.resolve().then(async () => {
+          values.push(props.value);
+          const awaited = await string;
+          const promiseRes = raw(awaited, awaited.promises);
+          values.pop();
+          return promiseRes;
+        });
+      } else {
+        return raw(string);
+      }
     }
   };
 };

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

@@ -2,7 +2,10 @@
 import { jsx } from "./index.js";
 import { Fragment } from "./index.js";
 function jsxDEV(tag, props) {
-  const children = props.children ?? [];
+  if (!props?.children) {
+    return jsx(tag, props);
+  }
+  const children = props.children;
   delete props["children"];
   return Array.isArray(children) ? jsx(tag, props, ...children) : jsx(tag, props, children);
 }

package/dist/jsx/jsx-runtime.js

@@ -1,8 +1,14 @@
 // src/jsx/jsx-runtime.ts
 import { jsxDEV, Fragment } from "./jsx-dev-runtime.js";
 import { jsxDEV as jsxDEV2 } from "./jsx-dev-runtime.js";
+import { raw, html } from "../helper/html/index.js";
+var jsxAttr = (name, value) => raw(name + '="' + html`${value}` + '"');
+var jsxEscape = (value) => value;
 export {
   Fragment,
   jsxDEV as jsx,
+  jsxAttr,
+  jsxEscape,
+  html as jsxTemplate,
   jsxDEV2 as jsxs
 };

package/dist/jsx/streaming.js

@@ -1,8 +1,9 @@
 // src/jsx/streaming.ts
+import { raw } from "../helper/html/index.js";
 var suspenseCounter = 0;
 async function childrenToString(children) {
   try {
-    return children.toString();
+    return children.map((c) => c.toString());
   } catch (e) {
     if (e instanceof Promise) {
       await e;
@@ -16,26 +17,25 @@ var Suspense = async ({ children, fallback }) => {
   if (!children) {
     return fallback.toString();
   }
-  let res;
+  if (!Array.isArray(children)) {
+    children = [children];
+  }
+  let resArray = [];
   try {
-    res = children.toString();
+    resArray = children.map((c) => c.toString());
   } catch (e) {
     if (e instanceof Promise) {
-      res = e;
+      resArray = [e.then(() => childrenToString(children))];
     } else {
       throw e;
     }
-  } finally {
+  }
+  if (resArray.some((res) => res instanceof Promise)) {
     const index = suspenseCounter++;
-    if (res instanceof Promise) {
-      const promise = res;
-      res = new String(
-        `<template id="H:${index}"></template>${fallback.toString()}<!--/$-->`
-      );
-      res.isEscaped = true;
-      res.promises = [
-        promise.then(async () => {
-          return `<template>${await childrenToString(children)}</template><script>
+    return raw(`<template id="H:${index}"></template>${fallback.toString()}<!--/$-->`, [
+      Promise.all(resArray).then((htmlArray) => {
+        htmlArray = htmlArray.flat();
+        const html = `<template>${htmlArray.join("")}</template><script>
 ((d,c,n) => {
 c=d.currentScript.previousSibling
 d=d.getElementById('H:${index}')
@@ -43,35 +43,44 @@ do{n=d.nextSibling;n.remove()}while(n.nodeType!=8||n.nodeValue!='/$')
 d.replaceWith(c.content)
 })(document)
 <\/script>`;
-        })
-      ];
-    }
+        if (htmlArray.every((html2) => !html2.promises?.length)) {
+          return html;
+        }
+        return raw(html, htmlArray.map((html2) => html2.promises || []).flat());
+      })
+    ]);
+  } else {
+    return raw(resArray.join(""));
   }
-  return res;
 };
 var textEncoder = new TextEncoder();
 var renderToReadableStream = (str) => {
   const reader = new ReadableStream({
     async start(controller) {
-      const resolved = await str.toString();
+      const resolved = str instanceof Promise ? await str : await str.toString();
       controller.enqueue(textEncoder.encode(resolved));
-      let unresolvedCount = resolved.promises?.length || 0;
-      if (!unresolvedCount) {
-        controller.close();
-        return;
-      }
-      for (let i = 0; i < unresolvedCount; i++) {
-        ;
-        resolved.promises[i].catch((err) => {
-          console.trace(err);
-          return "";
-        }).then((res) => {
-          controller.enqueue(textEncoder.encode(res));
-          if (!--unresolvedCount) {
-            controller.close();
-          }
-        });
+      let resolvedCount = 0;
+      const promises = [];
+      const then = (promise) => {
+        promises.push(
+          promise.catch((err) => {
+            console.trace(err);
+            return "";
+          }).then((res) => {
+            if (res.promises) {
+              const resPromises = res.promises || [];
+              resPromises.forEach(then);
+            }
+            resolvedCount++;
+            controller.enqueue(textEncoder.encode(res));
+          })
+        );
+      };
+      resolved.promises?.map(then);
+      while (resolvedCount !== promises.length) {
+        await Promise.all(promises);
       }
+      controller.close();
     }
   });
   return reader;

package/dist/middleware/jsx-renderer/index.js

@@ -1,15 +1,25 @@
 // src/middleware/jsx-renderer/index.ts
+import { html, raw } from "../../helper/html/index.js";
 import { jsx, createContext, useContext } from "../../jsx/index.js";
+import { renderToReadableStream } from "../../jsx/streaming.js";
 var RequestContext = createContext(null);
 var createRenderer = (c, component, options) => (children, props) => {
   const docType = typeof options?.docType === "string" ? options.docType : options?.docType === true ? "<!DOCTYPE html>" : "";
-  return c.html(
-    docType + jsx(
-      RequestContext.Provider,
-      { value: c },
-      component ? component({ children, ...props || {} }) : children
-    )
-  );
+  const body = html`${raw(docType)}${jsx(
+    RequestContext.Provider,
+    { value: c },
+    component ? component({ children, ...props || {} }) : children
+  )}`;
+  if (options?.stream) {
+    return c.body(renderToReadableStream(body), {
+      headers: options.stream === true ? {
+        "Transfer-Encoding": "chunked",
+        "Content-Type": "text/html; charset=UTF-8"
+      } : options.stream
+    });
+  } else {
+    return c.html(body);
+  }
 };
 var jsxRenderer = (component, options) => (c, next) => {
   c.setRenderer(createRenderer(c, component, options));

package/dist/types/context.d.ts

@@ -91,7 +91,7 @@ export declare class Context<E extends Env = any, P extends string = any, I exte
     status: (status: StatusCode) => void;
     set: Set<E>;
     get: Get<E>;
-    get var(): Readonly<E['Variables']>;
+    get var(): Readonly<E['Variables'] & ContextVariableMap>;
     newResponse: NewResponse;
     body: BodyRespond;
     text: TextRespond;

package/dist/types/helper/adapter/index.d.ts

@@ -1,4 +1,4 @@
 import type { Context } from '../../context';
 export declare type Runtime = 'node' | 'deno' | 'bun' | 'workerd' | 'fastly' | 'edge-light' | 'lagon' | 'other';
-export declare const env: <T extends Record<string, string>, C extends Context<any, any, {}> = Context<{}, any, {}>>(c: C, runtime?: Runtime) => T & C["env"];
+export declare const env: <T extends Record<string, unknown>, C extends Context<any, any, {}> = Context<{}, any, {}>>(c: C, runtime?: Runtime) => T & C["env"];
 export declare const getRuntimeKey: () => "other" | "node" | "deno" | "bun" | "workerd" | "fastly" | "edge-light" | "lagon";

package/dist/types/helper/factory/index.d.ts

@@ -1,7 +1,2 @@
 import type { Env, Input, MiddlewareHandler } from '../../types';
-/**
- * @experimental
- * `createMiddleware()` is an experimental feature.
- * The API might be changed.
- */
 export declare const createMiddleware: <E extends Env = any, P extends string = any, I extends Input = {}>(middleware: MiddlewareHandler<E, P, I>) => MiddlewareHandler<E, P, I>;

package/dist/types/helper/html/index.d.ts

@@ -1,3 +1,3 @@
 import type { HtmlEscapedString } from '../../utils/html';
-export declare const raw: (value: unknown) => HtmlEscapedString;
+export declare const raw: (value: unknown, promises?: Promise<string>[]) => HtmlEscapedString;
 export declare const html: (strings: TemplateStringsArray, ...values: unknown[]) => HtmlEscapedString | Promise<HtmlEscapedString>;

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

@@ -43,11 +43,6 @@ declare class Hono<E extends Env = Env, S extends Schema = {}, BasePath extends
     onError(handler: ErrorHandler<E>): this;
     notFound(handler: NotFoundHandler<E>): this;
     showRoutes(): void;
-    /**
-     * @experimental
-     * `app.mount()` is an experimental feature.
-     * The API might be changed.
-     */
     mount(path: string, applicationHandler: (request: Request, ...args: any) => Response | Promise<Response>, optionHandler?: (c: Context) => unknown): Hono<E, S, BasePath>;
     get routerName(): string;
     /**

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

@@ -1,2 +1,6 @@
 export { jsxDEV as jsx, Fragment } from './jsx-dev-runtime';
 export { jsxDEV as jsxs } from './jsx-dev-runtime';
+import { html } from '../helper/html';
+export { html as jsxTemplate };
+export declare const jsxAttr: (name: string, value: string) => import("../utils/html").HtmlEscapedString;
+export declare const jsxEscape: (value: string) => string;

package/dist/types/middleware/jsx-renderer/index.d.ts

@@ -5,6 +5,7 @@ export declare const RequestContext: import("../../jsx").Context<Context<any, an
 declare type PropsForRenderer = [...Required<Parameters<Renderer>>] extends [unknown, infer Props] ? Props : unknown;
 declare type RendererOptions = {
     docType?: boolean | string;
+    stream?: boolean | Record<string, string>;
 };
 export declare const jsxRenderer: (component?: FC<PropsForRenderer>, options?: RendererOptions) => MiddlewareHandler;
 export declare const useRequestContext: <E extends Env = any, P extends string = any, I extends Input = {}>() => Context<E, P, I>;

package/dist/types/types.d.ts

@@ -22,39 +22,39 @@ export declare type H<E extends Env = any, P extends string = any, I extends Inp
 export declare type NotFoundHandler<E extends Env = any> = (c: Context<E>) => Response | Promise<Response>;
 export declare type ErrorHandler<E extends Env = any> = (err: Error, c: Context<E>) => Response | Promise<Response>;
 export interface HandlerInterface<E extends Env = Env, M extends string = string, S extends Schema = {}, BasePath extends string = '/'> {
-    <P extends string = ExtractKey<S> extends never ? BasePath : ExtractKey<S>, I extends Input = {}, R extends HandlerResponse<any> = any, E2 extends Env = E>(handler: H<E2, P, I, R>): Hono<E, S & ToSchema<M, P, I['in'], MergeTypedResponseData<R>>, BasePath>;
-    <P extends string = ExtractKey<S> extends never ? BasePath : ExtractKey<S>, I extends Input = {}, R extends HandlerResponse<any> = any, E2 extends Env = E, E3 extends Env = IntersectNonAnyTypes<[E, E2]>>(...handlers: [H<E2, P, I, R>, H<E3, P, I, R>]): Hono<E, S & ToSchema<M, P, I['in'], MergeTypedResponseData<R>>, BasePath>;
-    <P extends string = ExtractKey<S> extends never ? BasePath : ExtractKey<S>, R extends HandlerResponse<any> = any, I extends Input = {}, I2 extends Input = I, I3 extends Input = I & I2, E2 extends Env = E, E3 extends Env = E, E4 extends Env = IntersectNonAnyTypes<[E, E2, E3]>>(...handlers: [H<E2, P, I, R>, H<E3, P, I2, R>, H<E4, P, I3, R>]): Hono<E, S & ToSchema<M, P, I3['in'], MergeTypedResponseData<R>>, BasePath>;
-    <P extends string = ExtractKey<S> extends never ? BasePath : ExtractKey<S>, R extends HandlerResponse<any> = any, I extends Input = {}, I2 extends Input = I, I3 extends Input = I & I2, I4 extends Input = I & I2 & I3, E2 extends Env = E, E3 extends Env = E, E4 extends Env = E, E5 extends Env = IntersectNonAnyTypes<[E, E2, E3, E4]>>(...handlers: [H<E2, P, I, R>, H<E3, P, I2, R>, H<E4, P, I3, R>, H<E5, P, I3, R>]): Hono<E, S & ToSchema<M, P, I4['in'], MergeTypedResponseData<R>>, BasePath>;
+    <P extends string = ExtractKey<S> extends never ? BasePath : ExtractKey<S>, I extends Input = {}, R extends HandlerResponse<any> = any, E2 extends Env = E>(handler: H<E2, P, I, R>): Hono<E & E2, S & ToSchema<M, P, I['in'], MergeTypedResponseData<R>>, BasePath>;
+    <P extends string = ExtractKey<S> extends never ? BasePath : ExtractKey<S>, I extends Input = {}, R extends HandlerResponse<any> = any, E2 extends Env = E, E3 extends Env = IntersectNonAnyTypes<[E, E2]>>(...handlers: [H<E2, P, I, R>, H<E3, P, I, R>]): Hono<E & E2 & E3, S & ToSchema<M, P, I['in'], MergeTypedResponseData<R>>, BasePath>;
+    <P extends string = ExtractKey<S> extends never ? BasePath : ExtractKey<S>, R extends HandlerResponse<any> = any, I extends Input = {}, I2 extends Input = I, I3 extends Input = I & I2, E2 extends Env = E, E3 extends Env = E, E4 extends Env = IntersectNonAnyTypes<[E, E2, E3]>>(...handlers: [H<E2, P, I, R>, H<E3, P, I2, R>, H<E4, P, I3, R>]): Hono<E & E2 & E3 & E4, S & ToSchema<M, P, I3['in'], MergeTypedResponseData<R>>, BasePath>;
+    <P extends string = ExtractKey<S> extends never ? BasePath : ExtractKey<S>, R extends HandlerResponse<any> = any, I extends Input = {}, I2 extends Input = I, I3 extends Input = I & I2, I4 extends Input = I & I2 & I3, E2 extends Env = E, E3 extends Env = E, E4 extends Env = E, E5 extends Env = IntersectNonAnyTypes<[E, E2, E3, E4]>>(...handlers: [H<E2, P, I, R>, H<E3, P, I2, R>, H<E4, P, I3, R>, H<E5, P, I3, R>]): Hono<E & E2 & E3 & E4 & E5, S & ToSchema<M, P, I4['in'], MergeTypedResponseData<R>>, BasePath>;
     <P extends string = ExtractKey<S> extends never ? BasePath : ExtractKey<S>, R extends HandlerResponse<any> = any, I extends Input = {}, I2 extends Input = I, I3 extends Input = I & I2, I4 extends Input = I2 & I3, I5 extends Input = I & I2 & I3 & I4, E2 extends Env = E, E3 extends Env = E, E4 extends Env = E, E5 extends Env = E, E6 extends Env = IntersectNonAnyTypes<[E, E2, E3, E4, E5]>>(...handlers: [
         H<E2, P, I, R>,
         H<E3, P, I2, R>,
         H<E4, P, I3, R>,
         H<E5, P, I3, R>,
         H<E6, P, I3, R>
-    ]): Hono<E, S & ToSchema<M, P, I5['in'], MergeTypedResponseData<R>>, BasePath>;
+    ]): Hono<E & E2 & E3 & E4 & E5 & E6, S & ToSchema<M, P, I5['in'], MergeTypedResponseData<R>>, BasePath>;
     <P extends string = ExtractKey<S> extends never ? BasePath : ExtractKey<S>, I extends Input = {}, R extends HandlerResponse<any> = any>(...handlers: H<E, P, I, R>[]): Hono<E, S & ToSchema<M, P, I['in'], MergeTypedResponseData<R>>, BasePath>;
     <P extends string, R extends HandlerResponse<any> = any, I extends Input = {}>(path: P): Hono<E, S & ToSchema<M, MergePath<BasePath, P>, I['in'], MergeTypedResponseData<R>>, BasePath>;
-    <P extends string, P2 extends string = P, R extends HandlerResponse<any> = any, I extends Input = {}, E2 extends Env = E>(path: P, handler: H<E2, MergePath<BasePath, P2>, I, R>): Hono<E, S & ToSchema<M, MergePath<BasePath, P>, I['in'], MergeTypedResponseData<R>>, BasePath>;
-    <P extends string, P2 extends string = P, P3 extends string = P, R extends HandlerResponse<any> = any, I extends Input = {}, E2 extends Env = E, E3 extends Env = IntersectNonAnyTypes<[E, E2]>>(path: P, ...handlers: [H<E2, MergePath<BasePath, P2>, I, R>, H<E3, MergePath<BasePath, P3>, I, R>]): Hono<E, S & ToSchema<M, MergePath<BasePath, P>, I['in'], MergeTypedResponseData<R>>, BasePath>;
+    <P extends string, P2 extends string = P, R extends HandlerResponse<any> = any, I extends Input = {}, E2 extends Env = E>(path: P, handler: H<E2, MergePath<BasePath, P2>, I, R>): Hono<E & E2, S & ToSchema<M, MergePath<BasePath, P>, I['in'], MergeTypedResponseData<R>>, BasePath>;
+    <P extends string, P2 extends string = P, P3 extends string = P, R extends HandlerResponse<any> = any, I extends Input = {}, E2 extends Env = E, E3 extends Env = IntersectNonAnyTypes<[E, E2]>>(path: P, ...handlers: [H<E2, MergePath<BasePath, P2>, I, R>, H<E3, MergePath<BasePath, P3>, I, R>]): Hono<E & E2 & E3, S & ToSchema<M, MergePath<BasePath, P>, I['in'], MergeTypedResponseData<R>>, BasePath>;
     <P extends string, P2 extends string = P, P3 extends string = P, P4 extends string = P, R extends HandlerResponse<any> = any, I extends Input = {}, I2 extends Input = I, I3 extends Input = I & I2, E2 extends Env = E, E3 extends Env = E, E4 extends Env = IntersectNonAnyTypes<[E, E2, E3]>>(path: P, ...handlers: [
         H<E2, MergePath<BasePath, P2>, I, R>,
         H<E3, MergePath<BasePath, P3>, I2, R>,
         H<E4, MergePath<BasePath, P4>, I3, R>
-    ]): Hono<E, S & ToSchema<M, MergePath<BasePath, P>, I3['in'], MergeTypedResponseData<R>>, BasePath>;
+    ]): Hono<E & E2 & E3 & E4, S & ToSchema<M, MergePath<BasePath, P>, I3['in'], MergeTypedResponseData<R>>, BasePath>;
     <P extends string, P2 extends string = P, P3 extends string = P, P4 extends string = P, P5 extends string = P, R extends HandlerResponse<any> = any, I extends Input = {}, I2 extends Input = I, I3 extends Input = I & I2, I4 extends Input = I & I2 & I3, E2 extends Env = E, E3 extends Env = E, E4 extends Env = E, E5 extends Env = IntersectNonAnyTypes<[E, E2, E3, E4]>>(path: P, ...handlers: [
         H<E2, MergePath<BasePath, P2>, I, R>,
         H<E3, MergePath<BasePath, P3>, I2, R>,
         H<E4, MergePath<BasePath, P4>, I3, R>,
         H<E5, MergePath<BasePath, P5>, I4, R>
-    ]): Hono<E, S & ToSchema<M, MergePath<BasePath, P>, I4['in'], MergeTypedResponseData<R>>, BasePath>;
+    ]): Hono<E & E2 & E3 & E4 & E5, S & ToSchema<M, MergePath<BasePath, P>, I4['in'], MergeTypedResponseData<R>>, BasePath>;
     <P extends string, P2 extends string = P, P3 extends string = P, P4 extends string = P, P5 extends string = P, P6 extends string = P, R extends HandlerResponse<any> = any, I extends Input = {}, I2 extends Input = I, I3 extends Input = I & I2, I4 extends Input = I2 & I3, I5 extends Input = I & I2 & I3 & I4, E2 extends Env = E, E3 extends Env = E, E4 extends Env = E, E5 extends Env = E, E6 extends Env = IntersectNonAnyTypes<[E, E2, E3, E4, E5]>>(path: P, ...handlers: [
         H<E2, MergePath<BasePath, P2>, I, R>,
         H<E3, MergePath<BasePath, P3>, I2, R>,
         H<E4, MergePath<BasePath, P4>, I3, R>,
         H<E5, MergePath<BasePath, P5>, I4, R>,
         H<E6, MergePath<BasePath, P6>, I5, R>
-    ]): Hono<E, S & ToSchema<M, MergePath<BasePath, P>, I5['in'], MergeTypedResponseData<R>>, BasePath>;
+    ]): Hono<E & E2 & E3 & E4 & E5 & E6, S & ToSchema<M, MergePath<BasePath, P>, I5['in'], MergeTypedResponseData<R>>, BasePath>;
     <P extends string, I extends Input = {}, R extends HandlerResponse<any> = any>(path: P, ...handlers: H<E, MergePath<BasePath, P>, I, R>[]): Hono<E, S & ToSchema<M, MergePath<BasePath, P>, I['in'], MergeTypedResponseData<R>>, BasePath>;
 }
 export interface MiddlewareHandlerInterface<E extends Env = Env, S extends Schema = {}, BasePath extends string = '/'> {

package/dist/utils/html.js

@@ -1,4 +1,5 @@
 // src/utils/html.ts
+import { raw } from "../helper/html/index.js";
 var escapeRe = /[&<>'"]/;
 var stringBufferToString = async (buffer) => {
   let str = "";
@@ -14,10 +15,7 @@ var stringBufferToString = async (buffer) => {
     }
     str += r;
   }
-  const res = new String(str);
-  res.isEscaped = true;
-  res.promises = promises;
-  return res;
+  return raw(str, promises);
 };
 var escapeToBuffer = (str, buffer) => {
   const match = str.search(escapeRe);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hono",
-  "version": "3.10.0-rc.1",
+  "version": "3.10.0",
   "description": "Ultrafast web framework for the Edges",
   "main": "dist/cjs/index.js",
   "type": "module",
@@ -11,7 +11,7 @@
   ],
   "scripts": {
     "test": "tsc --noEmit && vitest --run",
-    "test:deno": "env NAME=Deno deno test --allow-read --allow-env runtime_tests/deno",
+    "test:deno": "env NAME=Deno deno test --allow-read --allow-env runtime_tests/deno && deno test --no-lock -c runtime_tests/deno-jsx/deno.precompile.json runtime_tests/deno-jsx && deno test --no-lock -c runtime_tests/deno-jsx/deno.react-jsx.json runtime_tests/deno-jsx",
     "test:bun": "env NAME=Bun bun test --jsx-import-source ../../src/jsx runtime_tests/bun/index.test.tsx",
     "test:fastly": "jest --config ./runtime_tests/fastly/jest.config.js",
     "test:lagon": "start-server-and-test \"lagon dev runtime_tests/lagon/index.ts -e runtime_tests/lagon/.env.lagon\" http://127.0.0.1:1234 \"yarn vitest --run runtime_tests/lagon/index.test.ts --config runtime_tests/lagon/vitest.config.ts\"",