hono 4.13.8 → 4.13.10

package/dist/jsx/streaming.js

@@ -1,69 +1,69 @@
-// src/jsx/streaming.ts
-import { raw } from "../helper/html/index.js";
-import { HtmlEscapedCallbackPhase, resolveCallback } from "../utils/html.js";
-import { isUntrustedObject, JSXNode, renderChildren, renderUntrustedObject } from "./base.js";
-import { childrenToString } from "./components.js";
+import { HtmlEscapedCallbackPhase, raw, resolveCallback } from "../utils/html.js";
 import { DOM_RENDERER, DOM_STASH } from "./constants.js";
 import { captureRenderContext, createContext, useContext } from "./context.js";
-import { Suspense as SuspenseDomRenderer } from "./dom/components.js";
+import { JSXNode, isUntrustedObject, renderChildren, renderUntrustedObject } from "./base.js";
 import { buildDataStack } from "./dom/render.js";
-var StreamingContext = createContext(null);
-var suspenseCounter = 0;
-var serializeBoundaryChild = (child) => typeof child === "string" || Array.isArray(child) ? renderChildren([child]) : child == null || typeof child === "boolean" ? "" : isUntrustedObject(child) ? renderUntrustedObject(child) : child.toString();
-var Suspense = async ({
-  children,
-  fallback
-}) => {
-  if (!Array.isArray(children)) {
-    children = [children];
-  }
-  const nonce = useContext(StreamingContext)?.scriptNonce;
-  let resArray = [];
-  const stackNode = { [DOM_STASH]: [0, []] };
-  const popNodeStack = () => {
-    buildDataStack.pop();
-  };
-  try {
-    stackNode[DOM_STASH][0] = 0;
-    buildDataStack.push([[], stackNode]);
-    resArray = children.map(serializeBoundaryChild);
-  } catch (e) {
-    if (e instanceof Promise) {
-      const resume = captureRenderContext();
-      resArray = [
-        e.then(
-          () => resume(() => {
-            stackNode[DOM_STASH][0] = 0;
-            buildDataStack.push([[], stackNode]);
-            return childrenToString(children).finally(popNodeStack);
-          })
-        )
-      ];
-    } else {
-      throw e;
-    }
-  } finally {
-    popNodeStack();
-  }
-  if (resArray.some((res) => res instanceof Promise)) {
-    const index = suspenseCounter++;
-    const fallbackStr = await (typeof fallback === "string" || Array.isArray(fallback) ? renderChildren([fallback]) : isUntrustedObject(fallback) ? renderUntrustedObject(fallback) : fallback.toString());
-    return raw(`<template id="H:${index}"></template>${fallbackStr}<!--/$-->`, [
-      ...fallbackStr.callbacks || [],
-      ({ phase, buffer, context }) => {
-        if (phase === HtmlEscapedCallbackPhase.BeforeStream) {
-          return;
-        }
-        return Promise.all(resArray).then(async (htmlArray) => {
-          htmlArray = htmlArray.flat();
-          const content = htmlArray.join("");
-          if (buffer) {
-            buffer[0] = buffer[0].replace(
-              new RegExp(`<template id="H:${index}"></template>.*?<!--/\\$-->`),
-              () => content
-            );
-          }
-          let html = buffer ? "" : `<template data-hono-target="H:${index}">${content}</template><script${nonce ? ` nonce="${nonce}"` : ""}>
+import { Suspense as Suspense$1 } from "./dom/components.js";
+import { childrenToString } from "./components.js";
+//#region src/jsx/streaming.ts
+/**
+* @module
+* This module enables JSX to supports streaming Response.
+*/
+/**
+* Used to specify nonce for scripts generated by `Suspense` and `ErrorBoundary`.
+*
+* @example
+* ```tsx
+* <StreamingContext.Provider value={{ scriptNonce: 'test-nonce' }}>
+*   <Suspense fallback={<p>Loading...</p>}>
+*     <Content />
+*   </Suspense>
+* </StreamingContext.Provider>
+* ```
+*/
+const StreamingContext = createContext(null);
+let suspenseCounter = 0;
+const serializeBoundaryChild = (child) => typeof child === "string" || Array.isArray(child) ? renderChildren([child]) : child == null || typeof child === "boolean" ? "" : isUntrustedObject(child) ? renderUntrustedObject(child) : child.toString();
+/**
+* @experimental
+* `Suspense` is an experimental feature.
+* The API might be changed.
+*/
+const Suspense = async ({ children, fallback }) => {
+	if (!Array.isArray(children)) children = [children];
+	const nonce = useContext(StreamingContext)?.scriptNonce;
+	let resArray = [];
+	const stackNode = { [DOM_STASH]: [0, []] };
+	const popNodeStack = () => {
+		buildDataStack.pop();
+	};
+	try {
+		stackNode[DOM_STASH][0] = 0;
+		buildDataStack.push([[], stackNode]);
+		resArray = children.map(serializeBoundaryChild);
+	} catch (e) {
+		if (e instanceof Promise) {
+			const resume = captureRenderContext();
+			resArray = [e.then(() => resume(() => {
+				stackNode[DOM_STASH][0] = 0;
+				buildDataStack.push([[], stackNode]);
+				return childrenToString(children).finally(popNodeStack);
+			}))];
+		} else throw e;
+	} finally {
+		popNodeStack();
+	}
+	if (resArray.some((res) => res instanceof Promise)) {
+		const index = suspenseCounter++;
+		const fallbackStr = await (typeof fallback === "string" || Array.isArray(fallback) ? renderChildren([fallback]) : isUntrustedObject(fallback) ? renderUntrustedObject(fallback) : fallback.toString());
+		return raw(`<template id="H:${index}"></template>${fallbackStr}<!--/$-->`, [...fallbackStr.callbacks || [], ({ phase, buffer, context }) => {
+			if (phase === HtmlEscapedCallbackPhase.BeforeStream) return;
+			return Promise.all(resArray).then(async (htmlArray) => {
+				htmlArray = htmlArray.flat();
+				const content = htmlArray.join("");
+				if (buffer) buffer[0] = buffer[0].replace(new RegExp(`<template id="H:${index}"></template>.*?<!--/\\$-->`, "s"), () => content);
+				let html = buffer ? "" : `<template data-hono-target="H:${index}">${content}</template><script${nonce ? ` nonce="${nonce}"` : ""}>
 ((d,c,n) => {
 c=d.currentScript.previousSibling
 d=d.getElementById('H:${index}')
@@ -71,84 +71,62 @@ if(!d)return
 do{n=d.nextSibling;n.remove()}while(n.nodeType!=8||n.nodeValue!='/$')
 d.replaceWith(c.content)
 })(document)
-</script>`;
-          const callbacks = htmlArray.map((html2) => html2.callbacks || []).flat();
-          if (!callbacks.length) {
-            return html;
-          }
-          if (phase === HtmlEscapedCallbackPhase.Stream) {
-            html = await resolveCallback(html, HtmlEscapedCallbackPhase.BeforeStream, true, context);
-          }
-          return raw(html, callbacks);
-        });
-      }
-    ]);
-  } else {
-    return raw(resArray.join(""));
-  }
-};
-Suspense[DOM_RENDERER] = SuspenseDomRenderer;
-var textEncoder = new TextEncoder();
-var renderToReadableStream = (content, onError = console.trace) => {
-  let cancelled = false;
-  const reader = new ReadableStream({
-    async start(controller) {
-      try {
-        if (content instanceof JSXNode) {
-          content = content.toString();
-        }
-        const context = typeof content === "object" ? content : {};
-        const resolved = await resolveCallback(
-          content,
-          HtmlEscapedCallbackPhase.BeforeStream,
-          true,
-          context
-        );
-        if (!cancelled) {
-          controller.enqueue(textEncoder.encode(resolved));
-        }
-        let resolvedCount = 0;
-        const callbacks = [];
-        const then = (promise) => {
-          callbacks.push(
-            promise.catch((err) => {
-              console.log(err);
-              onError(err);
-              return "";
-            }).then(async (res) => {
-              res = await resolveCallback(
-                res,
-                HtmlEscapedCallbackPhase.BeforeStream,
-                true,
-                context
-              );
-              res.callbacks?.map((c) => c({ phase: HtmlEscapedCallbackPhase.Stream, context })).filter(Boolean).forEach(then);
-              resolvedCount++;
-              if (!cancelled) {
-                controller.enqueue(textEncoder.encode(res));
-              }
-            })
-          );
-        };
-        resolved.callbacks?.map((c) => c({ phase: HtmlEscapedCallbackPhase.Stream, context })).filter(Boolean).forEach(then);
-        while (resolvedCount !== callbacks.length) {
-          await Promise.all(callbacks);
-        }
-      } catch (e) {
-        onError(e);
-      }
-      if (!cancelled) {
-        controller.close();
-      }
-    },
-    cancel() {
-      cancelled = true;
-    }
-  });
-  return reader;
+<\/script>`;
+				const callbacks = htmlArray.map((html) => html.callbacks || []).flat();
+				if (!callbacks.length) return html;
+				if (phase === HtmlEscapedCallbackPhase.Stream) html = await resolveCallback(html, HtmlEscapedCallbackPhase.BeforeStream, true, context);
+				return raw(html, callbacks);
+			});
+		}]);
+	} else return raw(resArray.join(""));
 };
-export {
-  StreamingContext,
-  Suspense,
-  renderToReadableStream
+Suspense[DOM_RENDERER] = Suspense$1;
+const textEncoder = new TextEncoder();
+/**
+* @experimental
+* `renderToReadableStream()` is an experimental feature.
+* The API might be changed.
+*/
+const renderToReadableStream = (content, onError = console.trace) => {
+	let cancelled = false;
+	return new ReadableStream({
+		async start(controller) {
+			try {
+				if (content instanceof JSXNode) content = content.toString();
+				const context = typeof content === "object" ? content : {};
+				const resolved = await resolveCallback(content, HtmlEscapedCallbackPhase.BeforeStream, true, context);
+				if (!cancelled) controller.enqueue(textEncoder.encode(resolved));
+				let resolvedCount = 0;
+				const callbacks = [];
+				const then = (promise) => {
+					callbacks.push(promise.catch((err) => {
+						console.log(err);
+						onError(err);
+						return "";
+					}).then(async (res) => {
+						res = await resolveCallback(res, HtmlEscapedCallbackPhase.BeforeStream, true, context);
+						res.callbacks?.map((c) => c({
+							phase: HtmlEscapedCallbackPhase.Stream,
+							context
+						})).filter(Boolean).forEach(then);
+						resolvedCount++;
+						if (!cancelled) controller.enqueue(textEncoder.encode(res));
+					}));
+				};
+				resolved.callbacks?.map((c) => c({
+					phase: HtmlEscapedCallbackPhase.Stream,
+					context
+				})).filter(Boolean).forEach(then);
+				while (resolvedCount !== callbacks.length) await Promise.all(callbacks);
+			} catch (e) {
+				onError(e);
+			}
+			if (!cancelled) controller.close();
+		},
+		cancel() {
+			cancelled = true;
+		}
+	});
 };
+//#endregion
+export { StreamingContext, Suspense, renderToReadableStream };

package/dist/jsx/types.js

@@ -0,0 +1 @@
+export {};

package/dist/jsx/utils.js

@@ -1,175 +1,112 @@
-// src/jsx/utils.ts
-var normalizeElementKeyMap = /* @__PURE__ */ new Map([
-  ["className", "class"],
-  ["htmlFor", "for"],
-  ["crossOrigin", "crossorigin"],
-  ["httpEquiv", "http-equiv"],
-  ["itemProp", "itemprop"],
-  ["fetchPriority", "fetchpriority"],
-  ["noModule", "nomodule"],
-  ["formAction", "formaction"]
+//#region src/jsx/utils.ts
+const normalizeElementKeyMap = /* @__PURE__ */ new Map([
+	["className", "class"],
+	["htmlFor", "for"],
+	["crossOrigin", "crossorigin"],
+	["httpEquiv", "http-equiv"],
+	["itemProp", "itemprop"],
+	["fetchPriority", "fetchpriority"],
+	["noModule", "nomodule"],
+	["formAction", "formaction"]
 ]);
-var normalizeIntrinsicElementKey = (key) => normalizeElementKeyMap.get(key) || key;
-var invalidAttributeNameCharRe = /[\s"'<>/=`\\\x00-\x1f\x7f-\x9f]/;
-var validAttributeNameCache = /* @__PURE__ */ new Set();
-var validAttributeNameCacheMax = 1024;
-var invalidTagNameCharRe = /^[!?]|[\s"'<>/=`\\\x00-\x1f\x7f-\x9f]/;
-var validTagNameCache = /* @__PURE__ */ new Set();
-var validTagNameCacheMax = 256;
-var cacheValidName = (cache, max, name) => {
-  if (cache.size >= max) {
-    cache.clear();
-  }
-  cache.add(name);
+const normalizeIntrinsicElementKey = (key) => normalizeElementKeyMap.get(key) || key;
+const invalidAttributeNameCharRe = /[\s"'<>/=`\\\x00-\x1f\x7f-\x9f]/;
+const validAttributeNameCache = /* @__PURE__ */ new Set();
+const validAttributeNameCacheMax = 1024;
+const invalidTagNameCharRe = /^[!?]|[\s"'<>/=`\\\x00-\x1f\x7f-\x9f]/;
+const validTagNameCache = /* @__PURE__ */ new Set();
+const validTagNameCacheMax = 256;
+const cacheValidName = (cache, max, name) => {
+	if (cache.size >= max) cache.clear();
+	cache.add(name);
 };
-var isValidTagName = (name) => {
-  if (validTagNameCache.has(name)) {
-    return true;
-  }
-  if (typeof name !== "string") {
-    return false;
-  }
-  if (name.length === 0) {
-    return true;
-  }
-  if (invalidTagNameCharRe.test(name)) {
-    return false;
-  }
-  cacheValidName(validTagNameCache, validTagNameCacheMax, name);
-  return true;
+const isValidTagName = (name) => {
+	if (validTagNameCache.has(name)) return true;
+	if (typeof name !== "string") return false;
+	if (name.length === 0) return true;
+	if (invalidTagNameCharRe.test(name)) return false;
+	cacheValidName(validTagNameCache, validTagNameCacheMax, name);
+	return true;
 };
-var isValidAttributeName = (name) => {
-  if (validAttributeNameCache.has(name)) {
-    return true;
-  }
-  const len = name.length;
-  if (len === 0) {
-    return false;
-  }
-  for (let i = 0; i < len; i++) {
-    const c = name.charCodeAt(i);
-    if (!(c >= 97 && c <= 122 || // a-z
-    c >= 65 && c <= 90 || // A-Z
-    c >= 48 && c <= 57 || // 0-9
-    c === 45 || // -
-    c === 95 || // _
-    c === 46 || // .
-    c === 58)) {
-      if (!invalidAttributeNameCharRe.test(name)) {
-        cacheValidName(validAttributeNameCache, validAttributeNameCacheMax, name);
-        return true;
-      } else {
-        return false;
-      }
-    }
-  }
-  cacheValidName(validAttributeNameCache, validAttributeNameCacheMax, name);
-  return true;
+const isValidAttributeName = (name) => {
+	if (validAttributeNameCache.has(name)) return true;
+	const len = name.length;
+	if (len === 0) return false;
+	for (let i = 0; i < len; i++) {
+		const c = name.charCodeAt(i);
+		if (!(c >= 97 && c <= 122 || c >= 65 && c <= 90 || c >= 48 && c <= 57 || c === 45 || c === 95 || c === 46 || c === 58)) {
+			if (!invalidAttributeNameCharRe.test(name)) {
+				cacheValidName(validAttributeNameCache, validAttributeNameCacheMax, name);
+				return true;
+			} else return false;
+		}
+	}
+	cacheValidName(validAttributeNameCache, validAttributeNameCacheMax, name);
+	return true;
 };
-var invalidStylePropertyNameCharRe = /[\s"'():;\\/\[\]{}\x00-\x1f\x7f-\x9f]/;
-var validStylePropertyNameCache = /* @__PURE__ */ new Set();
-var validStylePropertyNameCacheMax = 1024;
-var isValidStylePropertyName = (name) => {
-  if (validStylePropertyNameCache.has(name)) {
-    return true;
-  }
-  const len = name.length;
-  if (len === 0) {
-    return false;
-  }
-  for (let i = 0; i < len; i++) {
-    const c = name.charCodeAt(i);
-    if (!(c >= 97 && c <= 122 || // a-z
-    c >= 65 && c <= 90 || // A-Z
-    c >= 48 && c <= 57 || // 0-9
-    c === 45 || // -
-    c === 95)) {
-      if (!invalidStylePropertyNameCharRe.test(name)) {
-        cacheValidName(validStylePropertyNameCache, validStylePropertyNameCacheMax, name);
-        return true;
-      } else {
-        return false;
-      }
-    }
-  }
-  cacheValidName(validStylePropertyNameCache, validStylePropertyNameCacheMax, name);
-  return true;
+const invalidStylePropertyNameCharRe = /[\s"'():;\\/\[\]{}\x00-\x1f\x7f-\x9f]/;
+const validStylePropertyNameCache = /* @__PURE__ */ new Set();
+const validStylePropertyNameCacheMax = 1024;
+const isValidStylePropertyName = (name) => {
+	if (validStylePropertyNameCache.has(name)) return true;
+	const len = name.length;
+	if (len === 0) return false;
+	for (let i = 0; i < len; i++) {
+		const c = name.charCodeAt(i);
+		if (!(c >= 97 && c <= 122 || c >= 65 && c <= 90 || c >= 48 && c <= 57 || c === 45 || c === 95)) {
+			if (!invalidStylePropertyNameCharRe.test(name)) {
+				cacheValidName(validStylePropertyNameCache, validStylePropertyNameCacheMax, name);
+				return true;
+			} else return false;
+		}
+	}
+	cacheValidName(validStylePropertyNameCache, validStylePropertyNameCacheMax, name);
+	return true;
 };
-var unsafeStyleValueCharRe = /[;"'\\/\[\](){}]/;
-var hasUnsafeStyleValue = (value) => {
-  if (!unsafeStyleValueCharRe.test(value)) {
-    return false;
-  }
-  let quote = 0;
-  const blockStack = [];
-  for (let i = 0, len = value.length; i < len; i++) {
-    const c = value.charCodeAt(i);
-    if (c === 92) {
-      if (i === len - 1) {
-        return true;
-      }
-      i++;
-    } else if (quote !== 0) {
-      if (c === 10 || c === 12 || c === 13) {
-        return true;
-      }
-      if (c === quote) {
-        quote = 0;
-      }
-    } else if (c === 47 && value.charCodeAt(i + 1) === 42) {
-      const end = value.indexOf("*/", i + 2);
-      if (end === -1) {
-        return true;
-      }
-      i = end + 1;
-    } else if (c === 34 || c === 39) {
-      quote = c;
-    } else if (c === 40) {
-      blockStack.push(41);
-    } else if (c === 91) {
-      blockStack.push(93);
-    } else if (c === 123 || c === 125) {
-      return true;
-    } else if (c === 41 || c === 93) {
-      if (blockStack[blockStack.length - 1] !== c) {
-        return true;
-      }
-      blockStack.pop();
-    } else if (c === 59 && blockStack.length === 0) {
-      return true;
-    }
-  }
-  return quote !== 0 || blockStack.length !== 0;
+const unsafeStyleValueCharRe = /[;"'\\/\[\](){}]/;
+const hasUnsafeStyleValue = (value) => {
+	if (!unsafeStyleValueCharRe.test(value)) return false;
+	let quote = 0;
+	const blockStack = [];
+	for (let i = 0, len = value.length; i < len; i++) {
+		const c = value.charCodeAt(i);
+		if (c === 92) {
+			if (i === len - 1) return true;
+			i++;
+		} else if (quote !== 0) {
+			if (c === 10 || c === 12 || c === 13) return true;
+			if (c === quote) quote = 0;
+		} else if (c === 47 && value.charCodeAt(i + 1) === 42) {
+			const end = value.indexOf("*/", i + 2);
+			if (end === -1) return true;
+			i = end + 1;
+		} else if (c === 34 || c === 39) quote = c;
+		else if (c === 40) blockStack.push(41);
+		else if (c === 91) blockStack.push(93);
+		else if (c === 123 || c === 125) return true;
+		else if (c === 41 || c === 93) {
+			if (blockStack[blockStack.length - 1] !== c) return true;
+			blockStack.pop();
+		} else if (c === 59 && blockStack.length === 0) return true;
+	}
+	return quote !== 0 || blockStack.length !== 0;
 };
-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()}`);
-    if (!isValidStylePropertyName(key)) {
-      continue;
-    }
-    if (v == null) {
-      fn(key, null);
-      continue;
-    }
-    let value;
-    if (typeof v === "number") {
-      value = !key.match(
-        /^(?:a|border-im|column(?:-c|s)|flex(?:$|-[^b])|grid-(?:ar|[^a])|font-w|li|or|sca|st|ta|wido|z)|ty$/
-      ) ? `${v}px` : `${v}`;
-    } else if (typeof v === "string") {
-      if (hasUnsafeStyleValue(v)) {
-        continue;
-      }
-      value = v;
-    } else {
-      continue;
-    }
-    fn(key, value);
-  }
-};
-export {
-  isValidAttributeName,
-  isValidTagName,
-  normalizeIntrinsicElementKey,
-  styleObjectForEach
+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()}`);
+		if (!isValidStylePropertyName(key)) continue;
+		if (v == null) {
+			fn(key, null);
+			continue;
+		}
+		let value;
+		if (typeof v === "number") value = !key.match(/^(?:a|border-im|column(?:-c|s)|flex(?:$|-[^b])|grid-(?:ar|[^a])|font-w|li|or|sca|st|ta|wido|z)|ty$/) ? `${v}px` : `${v}`;
+		else if (typeof v === "string") {
+			if (hasUnsafeStyleValue(v)) continue;
+			value = v;
+		} else continue;
+		fn(key, value);
+	}
 };
+//#endregion
+export { isValidAttributeName, isValidTagName, normalizeIntrinsicElementKey, styleObjectForEach };