hono 0.1.0 → 0.2.0

package/README.md

@@ -35,7 +35,7 @@ Fastest is hono
 
 Below is a demonstration to create an application of Cloudflare Workers with Hono.
 
-![Demo](https://user-images.githubusercontent.com/10682/148223268-2484a891-57c1-472f-9df3-936a5586f002.gif)
+![Demo](https://user-images.githubusercontent.com/10682/151102477-be0f950e-8d23-49c5-b6d8-d8ecb6b7484e.gif)
 
 ## Install
 
@@ -90,7 +90,7 @@ app.all('/hello', (c) => c.text('Any Method /hello'))
 
 ```js
 app.get('/user/:name', (c) => {
-  const name = c.req.params('name')
+  const name = c.req.param('name')
   ...
 })
 ```
@@ -99,8 +99,8 @@ app.get('/user/:name', (c) => {
 
 ```js
 app.get('/post/:date{[0-9]+}/:title{[a-z]+}', (c) => {
-  const date = c.req.params('date')
-  const title = c.req.params('title')
+  const date = c.req.param('date')
+  const title = c.req.param('title')
   ...
 ```
 
@@ -219,13 +219,18 @@ To handle Request and Reponse easily, you can use Context object:
 ### c.req
 
 ```js
-
 // Get Request object
 app.get('/hello', (c) => {
   const userAgent = c.req.headers.get('User-Agent')
   ...
 })
 
+// Shortcut to get a header value
+app.get('/shortcut', (c) => {
+  const userAgent = c.req.header('User-Agent')
+  ...
+})
+
 // Query params
 app.get('/search', (c) => {
   const query = c.req.query('q')
@@ -234,40 +239,31 @@ app.get('/search', (c) => {
 
 // Captured params
 app.get('/entry/:id', (c) => {
-  const id = c.req.params('id')
+  const id = c.req.param('id')
   ...
 })
 ```
 
-### c.res
-
-```js
-// Response object
-app.use('/', (c, next) => {
-  next()
-  c.res.headers.append('X-Debug', 'Debug message')
-})
-```
-
-### c.event
-
-```js
-// FetchEvent object
-app.use('*', async (c, next) => {
-  c.event.waitUntil(
-    ...
-  )
-  await next()
-})
-```
-
-### c.env
+### Shortcuts for Response
 
 ```js
-// Environment object for Cloudflare Workers
-app.get('*', async c => {
-  const counter = c.env.COUNTER
-  ...
+app.get('/welcome', (c) => {
+  c.header('X-Message', 'Hello!')
+  c.header('Content-Type', 'text/plain')
+  c.status(201)
+  c.statusText('201 Content Created')
+  return c.body('Thank you for comming')
+  /*
+  Same as:
+  return new Response('Thank you for comming', {
+    status: 201,
+    statusText: '201 Content Created',
+    headers: {
+      'X-Message': 'Hello',
+      'Content-Type': 'text/plain'
+    }
+  })
+  */
 })
 ```
 
@@ -310,6 +306,38 @@ app.get('/redirect', (c) => c.redirect('/'))
 app.get('/redirect-permanently', (c) => c.redirect('/', 301))
 ```
 
+### c.res
+
+```js
+// Response object
+app.use('/', (c, next) => {
+  next()
+  c.res.headers.append('X-Debug', 'Debug message')
+})
+```
+
+### c.event
+
+```js
+// FetchEvent object
+app.use('*', async (c, next) => {
+  c.event.waitUntil(
+    ...
+  )
+  await next()
+})
+```
+
+### c.env
+
+```js
+// Environment object for Cloudflare Workers
+app.get('*', async c => {
+  const counter = c.env.COUNTER
+  ...
+})
+```
+
 ## fire
 
 `app.fire()` do:

package/dist/context.d.ts

@@ -9,12 +9,19 @@ export declare class Context {
     res: Response;
     env: Env;
     event: FetchEvent;
+    private _headers;
+    private _status;
+    private _statusText;
+    body: (body: BodyInit, init?: ResponseInit) => Response;
     constructor(req: Request, opts?: {
         res: Response;
         env: Env;
         event: FetchEvent;
     });
-    newResponse(body?: BodyInit | null | undefined, init?: ResponseInit | undefined): Response;
+    header(name: string, value: string): void;
+    status(number: number): void;
+    statusText(text: string): void;
+    newResponse(body: BodyInit, init?: ResponseInit): Response;
     text(text: string, status?: number, headers?: Headers): Response;
     json(object: object, status?: number, headers?: Headers): Response;
     html(html: string, status?: number, headers?: Headers): Response;

package/dist/context.js

@@ -10,8 +10,22 @@ class Context {
             this.env = opts.env;
             this.event = opts.event;
         }
+        this._headers = {};
+        this.body = this.newResponse;
     }
-    newResponse(body, init) {
+    header(name, value) {
+        this._headers[name] = value;
+    }
+    status(number) {
+        this._status = number;
+    }
+    statusText(text) {
+        this._statusText = text;
+    }
+    newResponse(body, init = {}) {
+        init.status = this._status || init.status;
+        init.statusText = this._statusText || init.statusText;
+        init.headers = Object.assign(Object.assign({}, init.headers), this._headers);
         return new Response(body, init);
     }
     text(text, status = 200, headers = {}) {

package/dist/hono.d.ts

@@ -5,8 +5,9 @@ import { Context } from './context';
 import type { Env } from './context';
 declare global {
     interface Request {
-        params: (key: string) => string;
+        param: (key: string) => string;
         query: (key: string) => string | null;
+        header: (name: string) => string;
         parsedBody: any;
     }
 }

package/dist/hono.js

@@ -96,7 +96,7 @@ class Hono {
     async dispatch(request, env, event) {
         const [method, path] = [request.method, (0, url_1.getPathFromURL)(request.url)];
         const result = await this.matchRoute(method, path);
-        request.params = (key) => {
+        request.param = (key) => {
             if (result) {
                 return result.params[key];
             }

package/dist/middleware/cookie/cookie.d.ts

@@ -0,0 +1,23 @@
+import type { Context } from '../../context';
+declare global {
+    interface Request {
+        cookie: (name: string) => string;
+    }
+    interface Response {
+        cookie: (name: string, value: string, options?: CookieOptions) => void;
+    }
+}
+export declare type Cookie = {
+    [key: string]: string;
+};
+export declare type CookieOptions = {
+    domain?: string;
+    expires?: Date;
+    httpOnly?: boolean;
+    maxAge?: number;
+    path?: string;
+    secure?: boolean;
+    signed?: boolean;
+    sameSite?: 'Strict' | 'Lax' | 'None';
+};
+export declare const cookie: () => (c: Context, next: Function) => Promise<void>;

package/dist/middleware/cookie/cookie.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cookie = void 0;
+const cookie = () => {
+    return async (c, next) => {
+        c.req.cookie = (name) => {
+            const cookie = c.req.headers.get('Cookie');
+            const obj = parse(cookie);
+            const value = obj[name];
+            return value;
+        };
+        await next();
+        c.res.cookie = (name, value, options) => {
+            console.log('c.res.cookie!');
+            const cookie = serialize(name, value);
+            c.res.headers.set('Set-Cookie', cookie);
+        };
+    };
+};
+exports.cookie = cookie;
+const parse = (cookie) => {
+    const pairs = cookie.split(/;\s*/g);
+    const parsedCookie = {};
+    for (let i = 0, len = pairs.length; i < len; i++) {
+        const pair = pairs[i].split(/\s*=\s*([^\s]+)/);
+        parsedCookie[pair[0]] = decodeURIComponent(pair[1]);
+    }
+    return parsedCookie;
+};
+const serialize = (name, value, options = {}) => {
+    value = encodeURIComponent(value);
+    const cookie = `${name}=${value}`;
+    return cookie;
+};

package/dist/middleware/default.js

@@ -7,6 +7,9 @@ const defaultMiddleware = async (c, next) => {
         const url = new URL(c.req.url);
         return url.searchParams.get(key);
     };
+    c.req.header = (name) => {
+        return c.req.headers.get(name);
+    };
     await next();
     if (c.res.body) {
         // Do not clone Response, ex: c.res.clone().arrayBuffer()

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hono",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "[炎] Ultrafast web framework for Cloudflare Workers.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",