hono 4.0.4 → 4.0.5

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

@@ -35,11 +35,10 @@ var import_utils2 = require("./utils");
 const SSG_CONTEXT = "HONO_SSG_CONTEXT";
 const SSG_DISABLED_RESPONSE = new Response("SSG is disabled", { status: 404 });
 const generateFilePath = (routePath, outDir, mimeType) => {
-  const hasExtension = /\.[^\/]+$/.test(routePath);
-  if (hasExtension) {
+  const extension = determineExtension(mimeType);
+  if (routePath.endsWith(`.${extension}`)) {
     return (0, import_utils2.joinPaths)(outDir, routePath);
   }
-  const extension = determineExtension(mimeType);
   if (routePath === "/") {
     return (0, import_utils2.joinPaths)(outDir, `index.${extension}`);
   }

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

@@ -27,11 +27,17 @@ module.exports = __toCommonJS(render_exports);
 var import_constants = require("../constants");
 var import_context = require("../context");
 var import_hooks = require("../hooks");
+var import__ = require(".");
 const eventAliasMap = {
   Change: "Input",
   DoubleClick: "DblClick"
 };
+const nameSpaceMap = {
+  svg: "http://www.w3.org/2000/svg",
+  math: "http://www.w3.org/1998/Math/MathML"
+};
 const buildDataStack = [];
+let nameSpaceContext = void 0;
 const isNodeString = (node) => Array.isArray(node);
 const getEventSpec = (key) => {
   const match = key.match(/^on([A-Z][a-zA-Z]+?)((?<!Pointer)Capture)?$/);
@@ -205,7 +211,7 @@ const applyNodeObject = (node, container) => {
       }
       el = child.e || (child.e = document.createTextNode(child[0]));
     } else {
-      el = child.e || (child.e = document.createElement(child.tag));
+      el = child.e || (child.e = child.n ? document.createElementNS(child.n, child.tag) : document.createElement(child.tag));
       applyProps(el, child.props, child.pP);
       applyNode(child, el);
     }
@@ -266,6 +272,11 @@ const build = (context, node, topLevelErrorHandlerNode, children) => {
             oldChild.children = child.children;
             child = oldChild;
           }
+        } else if (!isNodeString(child) && nameSpaceContext) {
+          const ns = (0, import__.useContext)(nameSpaceContext);
+          if (ns) {
+            child.n = ns;
+          }
         }
         if (!isNodeString(child)) {
           build(context, child, topLevelErrorHandlerNode);
@@ -303,6 +314,22 @@ const buildNode = (node) => {
     if (typeof node.tag === "function") {
       ;
       node[import_constants.DOM_STASH] = [0, []];
+    } else {
+      const ns = nameSpaceMap[node.tag];
+      if (ns) {
+        ;
+        node.n = ns;
+        nameSpaceContext || (nameSpaceContext = (0, import__.createContext)(""));
+        node.children = [
+          {
+            tag: nameSpaceContext.Provider,
+            props: {
+              value: ns
+            },
+            children: node.children
+          }
+        ];
+      }
     }
     return node;
   }

package/dist/helper/ssg/index.js

@@ -6,11 +6,10 @@ import { joinPaths, dirname, filterStaticGenerateRoutes } from "./utils.js";
 var SSG_CONTEXT = "HONO_SSG_CONTEXT";
 var SSG_DISABLED_RESPONSE = new Response("SSG is disabled", { status: 404 });
 var generateFilePath = (routePath, outDir, mimeType) => {
-  const hasExtension = /\.[^\/]+$/.test(routePath);
-  if (hasExtension) {
+  const extension = determineExtension(mimeType);
+  if (routePath.endsWith(`.${extension}`)) {
     return joinPaths(outDir, routePath);
   }
-  const extension = determineExtension(mimeType);
   if (routePath === "/") {
     return joinPaths(outDir, `index.${extension}`);
   }

package/dist/jsx/dom/render.js

@@ -2,11 +2,17 @@
 import { DOM_RENDERER, DOM_ERROR_HANDLER, DOM_STASH } from "../constants.js";
 import { globalContexts as globalJSXContexts } from "../context.js";
 import { STASH_EFFECT } from "../hooks/index.js";
+import { useContext, createContext } from "./index.js";
 var eventAliasMap = {
   Change: "Input",
   DoubleClick: "DblClick"
 };
+var nameSpaceMap = {
+  svg: "http://www.w3.org/2000/svg",
+  math: "http://www.w3.org/1998/Math/MathML"
+};
 var buildDataStack = [];
+var nameSpaceContext = void 0;
 var isNodeString = (node) => Array.isArray(node);
 var getEventSpec = (key) => {
   const match = key.match(/^on([A-Z][a-zA-Z]+?)((?<!Pointer)Capture)?$/);
@@ -180,7 +186,7 @@ var applyNodeObject = (node, container) => {
       }
       el = child.e || (child.e = document.createTextNode(child[0]));
     } else {
-      el = child.e || (child.e = document.createElement(child.tag));
+      el = child.e || (child.e = child.n ? document.createElementNS(child.n, child.tag) : document.createElement(child.tag));
       applyProps(el, child.props, child.pP);
       applyNode(child, el);
     }
@@ -241,6 +247,11 @@ var build = (context, node, topLevelErrorHandlerNode, children) => {
             oldChild.children = child.children;
             child = oldChild;
           }
+        } else if (!isNodeString(child) && nameSpaceContext) {
+          const ns = useContext(nameSpaceContext);
+          if (ns) {
+            child.n = ns;
+          }
         }
         if (!isNodeString(child)) {
           build(context, child, topLevelErrorHandlerNode);
@@ -278,6 +289,22 @@ var buildNode = (node) => {
     if (typeof node.tag === "function") {
       ;
       node[DOM_STASH] = [0, []];
+    } else {
+      const ns = nameSpaceMap[node.tag];
+      if (ns) {
+        ;
+        node.n = ns;
+        nameSpaceContext || (nameSpaceContext = createContext(""));
+        node.children = [
+          {
+            tag: nameSpaceContext.Provider,
+            props: {
+              value: ns
+            },
+            children: node.children
+          }
+        ];
+      }
     }
     return node;
   }

package/dist/types/context.d.ts

@@ -1,5 +1,3 @@
-import type { FC } from './jsx';
-import type { PropsForRenderer } from './middleware/jsx-renderer';
 import type { HonoRequest } from './request';
 import type { Env, FetchEventLike, NotFoundHandler, Input, TypedResponse } from './types';
 import type { RedirectStatusCode, StatusCode } from './utils/http-status';
@@ -18,6 +16,8 @@ interface DefaultRenderer {
     (content: string | Promise<string>): Response | Promise<Response>;
 }
 export type Renderer = ContextRenderer extends Function ? ContextRenderer : DefaultRenderer;
+export type PropsForRenderer = [...Required<Parameters<Renderer>>] extends [unknown, infer Props] ? Props : unknown;
+export type Layout<T = Record<string, any>> = (props: T) => any;
 interface Get<E extends Env> {
     <Key extends keyof ContextVariableMap>(key: Key): ContextVariableMap[Key];
     <Key extends keyof E['Variables']>(key: Key): E['Variables'][Key];
@@ -112,13 +112,13 @@ export declare class Context<E extends Env = any, P extends string = any, I exte
      * @see https://hono.dev/api/context#render-setrenderer
      */
     render: Renderer;
-    setLayout: (layout: FC<PropsForRenderer & {
-        Layout: FC;
-    }>) => FC<{
-        Layout: FC;
+    setLayout: (layout: Layout<PropsForRenderer & {
+        Layout: Layout;
+    }>) => Layout<{
+        Layout: Layout;
     }>;
-    getLayout: () => FC<{
-        Layout: FC;
+    getLayout: () => Layout<{
+        Layout: Layout;
     }> | undefined;
     /**
      * `.setRenderer()` can set the layout in the custom middleware.

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

@@ -8,14 +8,16 @@ export type HasRenderToDom = FC<any> & {
 export type ErrorHandler = (error: any, retry: () => void) => Child | undefined;
 type Container = HTMLElement | DocumentFragment;
 type LocalJSXContexts = [JSXContext<unknown>, unknown][] | undefined;
+type SupportedElement = HTMLElement | SVGElement | MathMLElement;
 export type NodeObject = {
     pP: Props | undefined;
     nN: Node | undefined;
     vC: Node[];
     vR: Node[];
     s?: Node[];
+    n?: string;
     c: Container | undefined;
-    e: HTMLElement | Text | undefined;
+    e: SupportedElement | Text | undefined;
     [DOM_STASH]: [
         number,
         any[][],

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

@@ -1,8 +1,7 @@
-import type { Context, Renderer } from '../../context';
+import type { Context, PropsForRenderer } from '../../context';
 import type { FC, PropsWithChildren } from '../../jsx';
 import type { Env, Input, MiddlewareHandler } from '../../types';
 export declare const RequestContext: import("../../jsx").Context<Context<any, any, {}> | null>;
-export type PropsForRenderer = [...Required<Parameters<Renderer>>] extends [unknown, infer Props] ? Props : unknown;
 type RendererOptions = {
     docType?: boolean | string;
     stream?: boolean | Record<string, string>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hono",
-  "version": "4.0.4",
+  "version": "4.0.5",
   "description": "Ultrafast web framework for the Edges",
   "main": "dist/cjs/index.js",
   "type": "module",