hono 4.4.5 → 4.5.0-rc.1

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/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/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/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/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;

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hono",
-  "version": "4.4.5",
+  "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"
       ],