hono 4.3.11 → 4.4.0

package/dist/cjs/jsx/base.js

@@ -25,7 +25,8 @@ __export(base_exports, {
   isValidElement: () => isValidElement,
   jsx: () => jsx,
   jsxFn: () => jsxFn,
-  memo: () => memo
+  memo: () => memo,
+  reactAPICompatVersion: () => reactAPICompatVersion
 });
 module.exports = __toCommonJS(base_exports);
 var import_html = require("../helper/html");
@@ -290,6 +291,7 @@ const cloneElement = (element, props, ...children) => {
     ...children
   );
 };
+const reactAPICompatVersion = "18.0.0-hono-jsx";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Fragment,
@@ -299,5 +301,6 @@ const cloneElement = (element, props, ...children) => {
   isValidElement,
   jsx,
   jsxFn,
-  memo
+  memo,
+  reactAPICompatVersion
 });

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

@@ -0,0 +1,68 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var client_exports = {};
+__export(client_exports, {
+  createRoot: () => createRoot,
+  hydrateRoot: () => hydrateRoot
+});
+module.exports = __toCommonJS(client_exports);
+var import_hooks = require("../hooks");
+var import_render = require("./render");
+const createRoot = (element, options = {}) => {
+  let setJsxNode = void 0;
+  if (Object.keys(options).length > 0) {
+    console.warn("createRoot options are not supported yet");
+  }
+  return {
+    render(jsxNode) {
+      if (setJsxNode === null) {
+        throw new Error("Cannot update an unmounted root");
+      }
+      if (setJsxNode) {
+        setJsxNode(jsxNode);
+      } else {
+        (0, import_render.renderNode)(
+          (0, import_render.buildNode)({
+            tag: () => {
+              const [_jsxNode, _setJsxNode] = (0, import_hooks.useState)(jsxNode);
+              setJsxNode = _setJsxNode;
+              return _jsxNode;
+            },
+            props: {}
+          }),
+          element
+        );
+      }
+    },
+    unmount() {
+      setJsxNode?.(null);
+      setJsxNode = null;
+    }
+  };
+};
+const hydrateRoot = (element, reactNode, options = {}) => {
+  const root = createRoot(element, options);
+  root.render(reactNode);
+  return root;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createRoot,
+  hydrateRoot
+});

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

@@ -15,7 +15,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var dom_exports = {};
 __export(dom_exports, {
@@ -45,6 +44,7 @@ __export(dom_exports, {
   useEffect: () => import_hooks.useEffect,
   useId: () => import_hooks.useId,
   useImperativeHandle: () => import_hooks.useImperativeHandle,
+  useInsertionEffect: () => import_hooks.useInsertionEffect,
   useLayoutEffect: () => import_hooks.useLayoutEffect,
   useMemo: () => import_hooks.useMemo,
   useReducer: () => import_hooks.useReducer,
@@ -52,7 +52,8 @@ __export(dom_exports, {
   useState: () => import_hooks.useState,
   useSyncExternalStore: () => import_hooks.useSyncExternalStore,
   useTransition: () => import_hooks.useTransition,
-  useViewTransition: () => import_hooks.useViewTransition
+  useViewTransition: () => import_hooks.useViewTransition,
+  version: () => import_base.reactAPICompatVersion
 });
 module.exports = __toCommonJS(dom_exports);
 var import_base = require("../base");
@@ -64,7 +65,6 @@ var import_context2 = require("./context");
 var import_jsx_runtime = require("./jsx-runtime");
 var import_render = require("./render");
 var import_render2 = require("./render");
-__reExport(dom_exports, require("../types"), module.exports);
 const createElement = (tag, props, ...children) => {
   const jsxProps = props ? { ...props } : {};
   if (children.length) {
@@ -89,6 +89,7 @@ const cloneElement = (element, props, ...children) => {
   );
 };
 var dom_default = {
+  version: import_base.reactAPICompatVersion,
   useState: import_hooks.useState,
   useEffect: import_hooks.useEffect,
   useRef: import_hooks.useRef,
@@ -101,6 +102,7 @@ var dom_default = {
   useViewTransition: import_hooks.useViewTransition,
   useMemo: import_hooks.useMemo,
   useLayoutEffect: import_hooks.useLayoutEffect,
+  useInsertionEffect: import_hooks.useInsertionEffect,
   useReducer: import_hooks.useReducer,
   useId: import_hooks.useId,
   useDebugValue: import_hooks.useDebugValue,
@@ -148,6 +150,7 @@ var dom_default = {
   useEffect,
   useId,
   useImperativeHandle,
+  useInsertionEffect,
   useLayoutEffect,
   useMemo,
   useReducer,
@@ -155,5 +158,6 @@ var dom_default = {
   useState,
   useSyncExternalStore,
   useTransition,
-  useViewTransition
+  useViewTransition,
+  version
 });

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

@@ -23,30 +23,16 @@ __export(jsx_dev_runtime_exports, {
 });
 module.exports = __toCommonJS(jsx_dev_runtime_exports);
 var import_utils = require("../utils");
-const JSXNodeCompatPrototype = {
-  type: {
-    get() {
-      return this.tag;
-    }
-  },
-  ref: {
-    get() {
-      return this.props?.ref;
-    }
-  }
-};
+var import_utils2 = require("./utils");
 const jsxDEV = (tag, props, key) => {
   if (typeof tag === "string") {
     (0, import_utils.normalizeIntrinsicElementProps)(props);
   }
-  return Object.defineProperties(
-    {
-      tag,
-      props,
-      key
-    },
-    JSXNodeCompatPrototype
-  );
+  return (0, import_utils2.newJSXNode)({
+    tag,
+    props,
+    key
+  });
 };
 const Fragment = (props) => jsxDEV("", props, void 0);
 // Annotate the CommonJS export names for ESM import in node:

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

@@ -20,9 +20,11 @@ var render_exports = {};
 __export(render_exports, {
   build: () => build,
   buildDataStack: () => buildDataStack,
+  buildNode: () => buildNode,
   createPortal: () => createPortal,
   flushSync: () => flushSync,
   render: () => render,
+  renderNode: () => renderNode,
   update: () => update
 });
 module.exports = __toCommonJS(render_exports);
@@ -32,6 +34,7 @@ var import_context = require("../context");
 var import_hooks = require("../hooks");
 var import_utils = require("../utils");
 var import_context2 = require("./context");
+var import_utils2 = require("./utils");
 const HONO_PORTAL_ELEMENT = "_hp";
 const eventAliasMap = {
   Change: "Input",
@@ -53,6 +56,7 @@ const getEventSpec = (key) => {
   }
   return void 0;
 };
+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)) {
@@ -107,14 +111,15 @@ const applyProps = (container, attributes, oldAttributes) => {
           ;
           container[key] = value;
         }
+        const k = toAttributeName(container, key);
         if (value === null || value === void 0 || value === false) {
-          container.removeAttribute(key);
+          container.removeAttribute(k);
         } else if (value === true) {
-          container.setAttribute(key, "");
+          container.setAttribute(k, "");
         } else if (typeof value === "string" || typeof value === "number") {
-          container.setAttribute(key, value);
+          container.setAttribute(k, value);
         } else {
-          container.setAttribute(key, value.toString());
+          container.setAttribute(k, value.toString());
         }
       }
     }
@@ -132,7 +137,7 @@ const applyProps = (container, attributes, oldAttributes) => {
             value.current = null;
           }
         } else {
-          container.removeAttribute(key);
+          container.removeAttribute(toAttributeName(container, key));
         }
       }
     }
@@ -180,6 +185,8 @@ const getNextChildren = (node, container, nextChildren, childrenToRemove, callba
 const findInsertBefore = (node) => {
   if (!node) {
     return null;
+  } else if (node.tag === HONO_PORTAL_ELEMENT) {
+    return findInsertBefore(node.nN);
   } else if (node.e) {
     return node.e;
   }
@@ -241,7 +248,7 @@ const applyNodeObject = (node, container) => {
   const callbacks = [];
   getNextChildren(node, container, next, remove, callbacks);
   const childNodes = container.childNodes;
-  let offset = findChildNodeIndex(childNodes, findInsertBefore(node.nN)) ?? findChildNodeIndex(childNodes, next.find((n) => n.e)?.e) ?? childNodes.length;
+  let offset = findChildNodeIndex(childNodes, findInsertBefore(node.nN)) ?? findChildNodeIndex(childNodes, next.find((n) => n.tag !== HONO_PORTAL_ELEMENT && n.e)?.e) ?? childNodes.length;
   for (let i = 0, len = next.length; i < len; i++, offset++) {
     const child = next[i];
     let el;
@@ -256,11 +263,14 @@ const applyNodeObject = (node, container) => {
       applyProps(el, child.props, child.pP);
       applyNode(child, el);
     }
-    if (childNodes[offset] !== el && childNodes[offset - 1] !== child.e && child.tag !== HONO_PORTAL_ELEMENT) {
+    if (child.tag === HONO_PORTAL_ELEMENT) {
+      offset--;
+    } else if (childNodes[offset] !== el && childNodes[offset - 1] !== child.e) {
       container.insertBefore(el, childNodes[offset] || null);
     }
   }
   remove.forEach(removeNode);
+  callbacks.forEach(([, , , , cb]) => cb?.());
   callbacks.forEach(([, cb]) => cb?.());
   requestAnimationFrame(() => {
     callbacks.forEach(([, , , cb]) => cb?.());
@@ -276,7 +286,7 @@ const build = (context, node, topLevelErrorHandlerNode, children) => {
   }
   const oldVChildren = node.vC ? [...node.vC] : [];
   const vChildren = [];
-  const vChildrenToRemove = [];
+  node.vR = [];
   let prevNode;
   try {
     children.flat().forEach((c) => {
@@ -290,24 +300,23 @@ const build = (context, node, topLevelErrorHandlerNode, children) => {
           child[import_constants.DOM_STASH][2] = import_context.globalContexts.map((c2) => [c2, c2.values.at(-1)]);
         }
         let oldChild;
-        const i = oldVChildren.findIndex((c2) => c2.key === child.key);
+        const i = oldVChildren.findIndex(
+          isNodeString(child) ? (c2) => isNodeString(c2) : child.key !== void 0 ? (c2) => c2.key === child.key : (c2) => c2.tag === child.tag
+        );
         if (i !== -1) {
           oldChild = oldVChildren[i];
           oldVChildren.splice(i, 1);
         }
         if (oldChild) {
           if (isNodeString(child)) {
-            if (!isNodeString(oldChild)) {
-              vChildrenToRemove.push(oldChild);
-            } else {
-              if (oldChild.t !== child.t) {
-                oldChild.t = child.t;
-                oldChild.d = true;
-              }
-              child = oldChild;
+            if (oldChild.t !== child.t) {
+              ;
+              oldChild.t = child.t;
+              oldChild.d = true;
             }
+            child = oldChild;
           } else if (oldChild.tag !== child.tag) {
-            vChildrenToRemove.push(oldChild);
+            node.vR.push(oldChild);
           } else {
             oldChild.pP = oldChild.props;
             oldChild.props = child.props;
@@ -329,8 +338,7 @@ const build = (context, node, topLevelErrorHandlerNode, children) => {
       }
     });
     node.vC = vChildren;
-    vChildrenToRemove.push(...oldVChildren);
-    node.vR = vChildrenToRemove;
+    node.vR.push(...oldVChildren);
   } catch (e) {
     if (errorHandler) {
       const fallbackUpdateFn = () => update([0, false, context[2]], topLevelErrorHandlerNode);
@@ -365,10 +373,14 @@ const buildNode = (node) => {
   } else if (typeof node === "string" || typeof node === "number") {
     return { t: node.toString(), d: true };
   } else {
+    if ("vR" in node) {
+      node = (0, import_utils2.newJSXNode)({
+        tag: node.tag,
+        props: node.props,
+        key: node.key
+      });
+    }
     if (typeof node.tag === "function") {
-      if (node[import_constants.DOM_STASH]) {
-        node = { ...node };
-      }
       ;
       node[import_constants.DOM_STASH] = [0, []];
     } else {
@@ -444,8 +456,7 @@ const update = async (context, node) => {
   }
   return promise;
 };
-const render = (jsxNode, container) => {
-  const node = buildNode({ tag: "", props: { children: jsxNode } });
+const renderNode = (node, container) => {
   const context = [];
   context[4] = true;
   build(context, node, void 0);
@@ -455,6 +466,9 @@ const render = (jsxNode, container) => {
   replaceContainer(node, fragment, container);
   container.replaceChildren(fragment);
 };
+const render = (jsxNode, container) => {
+  renderNode(buildNode({ tag: "", props: { children: jsxNode } }), container);
+};
 const flushSync = (callback) => {
   const set = /* @__PURE__ */ new Set();
   currentUpdateSets.push(set);
@@ -480,8 +494,10 @@ const createPortal = (children, container, key) => ({
 0 && (module.exports = {
   build,
   buildDataStack,
+  buildNode,
   createPortal,
   flushSync,
   render,
+  renderNode,
   update
 });

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

@@ -18,6 +18,7 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var utils_exports = {};
 __export(utils_exports, {
+  newJSXNode: () => newJSXNode,
   setInternalTagFlag: () => setInternalTagFlag
 });
 module.exports = __toCommonJS(utils_exports);
@@ -27,7 +28,21 @@ const setInternalTagFlag = (fn) => {
   fn[import_constants.DOM_INTERNAL_TAG] = true;
   return fn;
 };
+const JSXNodeCompatPrototype = {
+  type: {
+    get() {
+      return this.tag;
+    }
+  },
+  ref: {
+    get() {
+      return this.props?.ref;
+    }
+  }
+};
+const newJSXNode = (obj) => Object.defineProperties(obj, JSXNodeCompatPrototype);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  newJSXNode,
   setInternalTagFlag
 });

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

@@ -30,6 +30,7 @@ __export(hooks_exports, {
   useEffect: () => useEffect,
   useId: () => useId,
   useImperativeHandle: () => useImperativeHandle,
+  useInsertionEffect: () => useInsertionEffect,
   useLayoutEffect: () => useLayoutEffect,
   useMemo: () => useMemo,
   useReducer: () => useReducer,
@@ -216,13 +217,14 @@ const useEffectCommon = (index, effect, deps) => {
       data[index] = void 0;
       data[2] = effect();
     };
-    const data = [deps, void 0, void 0, void 0];
+    const data = [deps, void 0, void 0, void 0, void 0];
     data[index] = runner;
     effectDepsArray[hookIndex] = data;
   }
 };
 const useEffect = (effect, deps) => useEffectCommon(3, effect, deps);
 const useLayoutEffect = (effect, deps) => useEffectCommon(1, effect, deps);
+const useInsertionEffect = (effect, deps) => useEffectCommon(4, effect, deps);
 const useCallback = (callback, deps) => {
   const buildData = import_render.buildDataStack.at(-1);
   if (!buildData) {
@@ -356,6 +358,7 @@ const useSyncExternalStore = (subscribe, getSnapshot, getServerSnapshot) => {
   useEffect,
   useId,
   useImperativeHandle,
+  useInsertionEffect,
   useLayoutEffect,
   useMemo,
   useReducer,

package/dist/cjs/jsx/index.js

@@ -15,7 +15,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var jsx_exports = {};
 __export(jsx_exports, {
@@ -42,6 +41,7 @@ __export(jsx_exports, {
   useEffect: () => import_hooks.useEffect,
   useId: () => import_hooks.useId,
   useImperativeHandle: () => import_hooks.useImperativeHandle,
+  useInsertionEffect: () => import_hooks.useInsertionEffect,
   useLayoutEffect: () => import_hooks.useLayoutEffect,
   useMemo: () => import_hooks.useMemo,
   useReducer: () => import_hooks.useReducer,
@@ -49,7 +49,8 @@ __export(jsx_exports, {
   useState: () => import_hooks.useState,
   useSyncExternalStore: () => import_hooks.useSyncExternalStore,
   useTransition: () => import_hooks.useTransition,
-  useViewTransition: () => import_hooks.useViewTransition
+  useViewTransition: () => import_hooks.useViewTransition,
+  version: () => import_base.reactAPICompatVersion
 });
 module.exports = __toCommonJS(jsx_exports);
 var import_base = require("./base");
@@ -58,8 +59,8 @@ var import_components = require("./components");
 var import_context = require("./context");
 var import_hooks = require("./hooks");
 var import_streaming = require("./streaming");
-__reExport(jsx_exports, require("./types"), module.exports);
 var jsx_default = {
+  version: import_base.reactAPICompatVersion,
   memo: import_base.memo,
   Fragment: import_base.Fragment,
   isValidElement: import_base.isValidElement,
@@ -83,6 +84,7 @@ var jsx_default = {
   useViewTransition: import_hooks.useViewTransition,
   useMemo: import_hooks.useMemo,
   useLayoutEffect: import_hooks.useLayoutEffect,
+  useInsertionEffect: import_hooks.useInsertionEffect,
   createRef: import_hooks.createRef,
   forwardRef: import_hooks.forwardRef,
   useImperativeHandle: import_hooks.useImperativeHandle,
@@ -114,6 +116,7 @@ var jsx_default = {
   useEffect,
   useId,
   useImperativeHandle,
+  useInsertionEffect,
   useLayoutEffect,
   useMemo,
   useReducer,
@@ -121,5 +124,6 @@ var jsx_default = {
   useState,
   useSyncExternalStore,
   useTransition,
-  useViewTransition
+  useViewTransition,
+  version
 });

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

@@ -18,90 +18,13 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var jwt_exports = {};
 __export(jwt_exports, {
-  decode: () => decode,
-  jwt: () => jwt,
-  sign: () => sign,
-  verify: () => verify
+  decode: () => import_jwt.decode,
+  jwt: () => import_jwt.jwt,
+  sign: () => import_jwt.sign,
+  verify: () => import_jwt.verify
 });
 module.exports = __toCommonJS(jwt_exports);
-var import_cookie = require("../../helper/cookie");
-var import_http_exception = require("../../http-exception");
-var import_jwt = require("../../utils/jwt");
-var import_context = require("../../context");
-const jwt = (options) => {
-  if (!options || !options.secret) {
-    throw new Error('JWT auth middleware requires options for "secret');
-  }
-  if (!crypto.subtle || !crypto.subtle.importKey) {
-    throw new Error("`crypto.subtle.importKey` is undefined. JWT auth middleware requires it.");
-  }
-  return async function jwt2(ctx, next) {
-    const credentials = ctx.req.raw.headers.get("Authorization");
-    let token;
-    if (credentials) {
-      const parts = credentials.split(/\s+/);
-      if (parts.length !== 2) {
-        const errDescription = "invalid credentials structure";
-        throw new import_http_exception.HTTPException(401, {
-          message: errDescription,
-          res: unauthorizedResponse({
-            ctx,
-            error: "invalid_request",
-            errDescription
-          })
-        });
-      } else {
-        token = parts[1];
-      }
-    } else if (options.cookie) {
-      token = (0, import_cookie.getCookie)(ctx)[options.cookie];
-    }
-    if (!token) {
-      const errDescription = "no authorization included in request";
-      throw new import_http_exception.HTTPException(401, {
-        message: errDescription,
-        res: unauthorizedResponse({
-          ctx,
-          error: "invalid_request",
-          errDescription
-        })
-      });
-    }
-    let payload;
-    let cause;
-    try {
-      payload = await import_jwt.Jwt.verify(token, options.secret, options.alg);
-    } catch (e) {
-      cause = e;
-    }
-    if (!payload) {
-      throw new import_http_exception.HTTPException(401, {
-        message: "Unauthorized",
-        res: unauthorizedResponse({
-          ctx,
-          error: "invalid_token",
-          statusText: "Unauthorized",
-          errDescription: "token verification failure"
-        }),
-        cause
-      });
-    }
-    ctx.set("jwtPayload", payload);
-    await next();
-  };
-};
-function unauthorizedResponse(opts) {
-  return new Response("Unauthorized", {
-    status: 401,
-    statusText: opts.statusText,
-    headers: {
-      "WWW-Authenticate": `Bearer realm="${opts.ctx.req.url}",error="${opts.error}",error_description="${opts.errDescription}"`
-    }
-  });
-}
-const verify = import_jwt.Jwt.verify;
-const decode = import_jwt.Jwt.decode;
-const sign = import_jwt.Jwt.sign;
+var import_jwt = require("./jwt");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   decode,