hono 1.4.5 → 1.4.6

package/README.md

@@ -73,6 +73,7 @@ Built-in middleware make _"**Write Less, do more**"_ in reality. You can use a l
 - [CORS](https://github.com/honojs/hono/tree/master/src/middleware/cors/)
 - [ETag](https://github.com/honojs/hono/tree/master/src/middleware/etag/)
 - [GraphQL Server](https://github.com/honojs/hono/tree/master/src/middleware/graphql-server/)
+- [JSX](https://github.com/honojs/hono/tree/master/src/middleware/jsx/)
 - [JWT Authentication](https://github.com/honojs/hono/tree/master/src/middleware/jwt/)
 - [Logger](https://github.com/honojs/hono/tree/master/src/middleware/logger/)
 - [Mustache template engine](https://github.com/honojs/hono/tree/master/src/middleware/mustache/) (Only for Cloudflare Workers)
@@ -495,6 +496,8 @@ app.get('/foo', async (c) => {
 
 ### c.env
 
+Environment variables, secrets, and KV namespaces are known as bindings. Regardless of type, bindings are always available as global variables and can be accessed via the context `c.env.BINDING_KEY`.
+
 ```ts
 // Environment object for Cloudflare Workers
 app.get('*', async c => {

package/dist/compose.js

@@ -17,7 +17,7 @@ const compose = (middleware, onError, onNotFound) => {
                 handler = next;
             if (!handler) {
                 if (context instanceof context_1.Context && context.finalized === false && onNotFound) {
-                    context.res = onNotFound(context);
+                    context.res = await onNotFound(context);
                 }
                 return Promise.resolve(context);
             }

package/dist/context.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="@cloudflare/workers-types" />
+import type { NotFoundHandler } from './hono';
 import type { StatusCode } from './utils/http-status';
 declare type Headers = Record<string, string>;
 export declare type Data = string | ArrayBuffer | ReadableStream;
@@ -15,8 +16,8 @@ export declare class Context<RequestParamKeyType extends string = string, E = En
     private _headers;
     private _res;
     private notFoundHandler;
-    render: (template: string, params?: object, options?: object) => Promise<Response>;
-    constructor(req: Request<RequestParamKeyType>, env?: E | undefined, event?: FetchEvent | undefined, notFoundHandler?: (c: Context<string, E>) => Response);
+    render: (content: string, params?: object, options?: object) => Response | Promise<Response>;
+    constructor(req: Request<RequestParamKeyType>, env?: E | undefined, event?: FetchEvent | undefined, notFoundHandler?: NotFoundHandler);
     get res(): Response;
     set res(_res: Response);
     header(name: string, value: string): void;

package/dist/hono.d.ts

@@ -3,7 +3,7 @@ import { Context } from './context';
 import type { Env } from './context';
 import type { Router } from './router';
 export declare type Handler<RequestParamKeyType extends string = string, E = Env> = (c: Context<RequestParamKeyType, E>, next: Next) => Response | Promise<Response> | Promise<void> | Promise<Response | undefined>;
-export declare type NotFoundHandler<E = Env> = (c: Context<string, E>) => Response;
+export declare type NotFoundHandler<E = Env> = (c: Context<string, E>) => Response | Promise<Response>;
 export declare type ErrorHandler<E = Env> = (err: Error, c: Context<string, E>) => Response;
 export declare type Next = () => Promise<void>;
 declare type ParamKeyName<NameWithPattern> = NameWithPattern extends `${infer Name}{${infer _Pattern}` ? Name : NameWithPattern;

package/dist/middleware/jsx/index.d.ts

@@ -0,0 +1,17 @@
+import type { Context } from '../../context';
+import type { Next } from '../../hono';
+declare global {
+    namespace h.JSX {
+        interface IntrinsicElements {
+            [tagName: string]: Record<string, any>;
+        }
+    }
+}
+export declare const jsx: () => (c: Context, next: Next) => Promise<void>;
+declare type EscapedString = string & {
+    isEscaped: true;
+};
+export declare const h: (tag: string | Function, props: Record<string, any>, ...children: (string | EscapedString)[]) => EscapedString;
+declare type FC<T = Record<string, any>> = (props: T) => EscapedString;
+export declare const memo: <T>(component: FC<T>, propsAreEqual?: (prevProps: Readonly<T>, nextProps: Readonly<T>) => boolean) => FC<T>;
+export {};

package/dist/middleware/jsx/index.js

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.memo = exports.h = exports.jsx = void 0;
+const html_1 = require("../../utils/html");
+const jsx = () => {
+    return async (c, next) => {
+        c.render = (content) => {
+            const output = `<!doctype html>${content.toString()}`;
+            return c.html(output);
+        };
+        await next();
+    };
+};
+exports.jsx = jsx;
+const h = (tag, props, ...children) => {
+    if (typeof tag === 'function') {
+        return tag.call(null, { ...props, children: children.length <= 1 ? children[0] : children });
+    }
+    let result = `<${tag}`;
+    const propsKeys = Object.keys(props || {});
+    for (let i = 0, len = propsKeys.length; i < len; i++) {
+        const v = props[propsKeys[i]];
+        if (propsKeys[i] === 'dangerouslySetInnerHTML') {
+            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];
+            continue;
+        }
+        else if (v === null || v === undefined) {
+            continue;
+        }
+        result += ` ${propsKeys[i]}="${(0, html_1.escape)(v.toString())}"`;
+    }
+    result += '>';
+    const flattenChildren = children.flat(Infinity);
+    for (let i = 0, len = flattenChildren.length; i < len; i++) {
+        const child = flattenChildren[i];
+        if (typeof child === 'boolean' || child === null || child === undefined) {
+            continue;
+        }
+        else if (typeof child === 'object' && child.isEscaped) {
+            result += child;
+        }
+        else {
+            result += (0, html_1.escape)(child.toString());
+        }
+    }
+    result += `</${tag}>`;
+    const escapedString = new String(result);
+    escapedString.isEscaped = true;
+    return escapedString;
+};
+exports.h = h;
+const shallowEqual = (a, b) => {
+    if (a === b) {
+        return true;
+    }
+    const aKeys = Object.keys(a);
+    const bKeys = Object.keys(b);
+    if (aKeys.length !== bKeys.length) {
+        return false;
+    }
+    for (let i = 0, len = aKeys.length; i < len; i++) {
+        if (a[aKeys[i]] !== b[aKeys[i]]) {
+            return false;
+        }
+    }
+    return true;
+};
+const memo = (component, propsAreEqual = shallowEqual) => {
+    let computed = undefined;
+    let prevProps = undefined;
+    return ((props) => {
+        if (prevProps && !propsAreEqual(prevProps, props)) {
+            computed = undefined;
+        }
+        prevProps = props;
+        return (computed || (computed = component(props)));
+    });
+};
+exports.memo = memo;

package/dist/middleware/mustache/Context.d.ts

@@ -0,0 +1,3 @@
+export interface Context {
+    render(template: string, params?: object, options?: object): Promise<Response>;
+}

package/dist/middleware/mustache/Context.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/middleware/mustache/module.d.mts

@@ -1,3 +1,3 @@
 import type { MustacheOptions } from './mustache';
-declare const module: (options?: MustacheOptions) => import("../../hono").Handler<string, import("../../context").Env>;
+declare const module: (options?: MustacheOptions) => (c: import("../../context").Context<string, import("../../context").Env>, next: import("../../hono").Next) => Promise<void>;
 export { module as mustache };

package/dist/middleware/mustache/mustache.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="@cloudflare/workers-types" />
-import type { Handler } from '../../hono';
+import type { Context } from '../../context';
+import type { Next } from '../../hono';
 export declare type MustacheOptions = {
     root: string;
     manifest?: object | string;
     namespace?: KVNamespace;
 };
-export declare const mustache: (init?: MustacheOptions) => Handler;
+export declare const mustache: (init?: MustacheOptions) => (c: Context, next: Next) => Promise<void>;

package/dist/utils/crypto.d.ts

@@ -5,5 +5,6 @@ declare type Algorithm = {
 declare type Data = string | object | boolean;
 export declare const sha256: (data: Data) => Promise<string | null>;
 export declare const sha1: (data: Data) => Promise<string | null>;
+export declare const md5: (data: Data) => Promise<string | null>;
 export declare const createHash: (data: Data, algorithm: Algorithm) => Promise<string | null>;
 export {};

package/dist/utils/crypto.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createHash = exports.sha1 = exports.sha256 = void 0;
+exports.createHash = exports.md5 = exports.sha1 = exports.sha256 = void 0;
 const sha256 = async (data) => {
     const algorithm = { name: 'SHA-256', alias: 'sha256' };
     const hash = await (0, exports.createHash)(data, algorithm);
@@ -13,6 +13,12 @@ const sha1 = async (data) => {
     return hash;
 };
 exports.sha1 = sha1;
+const md5 = async (data) => {
+    const algorithm = { name: 'MD5', alias: 'md5' };
+    const hash = await (0, exports.createHash)(data, algorithm);
+    return hash;
+};
+exports.md5 = md5;
 const createHash = async (data, algorithm) => {
     if (crypto && crypto.subtle) {
         const buffer = await crypto.subtle.digest({

package/dist/utils/html.d.ts

@@ -0,0 +1 @@
+export declare const escape: (str: string) => string;

package/dist/utils/html.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.escape = void 0;
+const entityMap = {
+    '&': '&',
+    '<': '&lt;',
+    '>': '&gt;',
+    '"': '&quot;',
+};
+const escapeRe = new RegExp(`[${Object.keys(entityMap).join('')}]`, 'g');
+const replaceFn = (m) => entityMap[m];
+const escape = (str) => {
+    return str.replace(escapeRe, replaceFn);
+};
+exports.escape = escape;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hono",
-  "version": "1.4.5",
+  "version": "1.4.6",
   "description": "Ultrafast web framework for Cloudflare Workers.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -24,6 +24,7 @@
     "./cors": "./dist/middleware/cors/index.js",
     "./etag": "./dist/middleware/etag/index.js",
     "./graphql-server": "./dist/middleware/graphql-server/index.js",
+    "./jsx": "./dist/middleware/jsx/index.js",
     "./jwt": "./dist/middleware/jwt/index.js",
     "./logger": "./dist/middleware/logger/index.js",
     "./mustache": "./dist/middleware/mustache/index.js",
@@ -60,6 +61,9 @@
       "graphql-server": [
         "./dist/middleware/graphql-server"
       ],
+      "jsx": [
+        "./dist/middleware/jsx"
+      ],
       "jwt": [
         "./dist/middleware/jwt"
       ],