Skip to content

Instantly share code, notes, and snippets.

View yusukebe's full-sized avatar
😃
Let's go!

Yusuke Wada yusukebe

😃
Let's go!
1.9k followers · 349 following
View GitHub Profile
@yusukebe
yusukebe / framework.ts
Created December 8, 2023 01:08
import { Hono } from 'hono'
import type { H, MiddlewareHandler } from 'hono/types'
const METHODS = ['GET', 'POST', 'PUT', 'DELETE'] as const
type RouteFile = {
default?: Hono | Function
} & { [M in (typeof METHODS)[number]]?: H[] }
type RendererFile = {
@yusukebe
yusukebe / local2r2.ts
Last active December 1, 2023 01:26
import { Plugin, ViteDevServer } from 'vite'
import { Miniflare } from 'miniflare'
import fs from 'fs/promises'
import { resolve, relative } from 'path'
type Options = {
r2Buckets: string[] | Record<string, string>
}
const nullScript = 'export default { fetch: () => new Response(null, { status: 404 }) };'
@yusukebe
yusukebe / esm-run-hono-jsx.html
Created November 27, 2023 02:10
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>Hello</title>
<script src="https://cdn.tailwindcss.com"></script>
<script type="importmap">
{
"imports": {
@yusukebe
yusukebe / .gitignore
Last active November 27, 2023 15:52
node-benchmarks
node_modules
yarn.lock
yarn-error.log
*.tgz
@yusukebe
yusukebe / suspense.tsx
Created November 13, 2023 06:25
import { Hono } from 'hono'
import { jsxRenderer } from 'hono/jsx-renderer'
import { Suspense } from 'hono/jsx/streaming'
const app = new Hono()
const Component = async () => {
const res = await fetch('https://ramen-api.dev/shops/yoshimuraya')
const data = await res.json<{ shop: { name: string } }>()
return <div>{data.shop.name} 🍜</div>
@yusukebe
yusukebe / compose.ts
Last active November 13, 2023 03:43
type Callback = () => void | Promise<void>
type Middleware = (
c: C,
next: (callback?: Callback) => void
) => void | Promise<void> | string | Promise<string>
type C = {}
type Next = (callback?: Callback) => void | Promise<void>
const compose = (middleware: Middleware[]) => {
const callbacks: Callback[] = []
@yusukebe
yusukebe / deno.ts
Created November 11, 2023 15:54
import { Hono } from 'npm:hono@3.10.0-rc.2'
const app = new Hono()
app.get('/', (c) => {
return c.text('Hi')
})
Deno.serve(
{
@yusukebe
yusukebe / streaming2.tsx
Created November 7, 2023 02:19
import { Hono } from 'hono'
import { Suspense, renderToReadableStream } from 'hono/jsx/streaming'
import { Todo } from './types'
const app = new Hono()
const fetchData = async () => {
const res = await fetch(`https://jsonplaceholder.typicode.com/todos/1`)
return res.json<Todo>()
}
@yusukebe
yusukebe / streaming.tsx
Created November 5, 2023 17:50
import { Hono } from 'hono'
import { use, Suspense, renderToReadableStream } from 'hono/jsx/streaming'
import type { Shop } from './types'
const app = new Hono()
const fetchData = async (): Promise<{ shop: Shop }> => {
const res = await fetch('https://ramen-api.dev/shops/yoshimuraya')
return res.json()
}
@yusukebe
yusukebe / transpiler.ts
Created November 3, 2023 08:06
import { readFile } from 'node:fs/promises'
import initSwc, { transformSync } from '@swc/wasm-web/wasm-web'
import type { MiddlewareHandler } from 'hono'
import wasm from './wasm-web_bg.wasm'
// Cache that maps from code itself to transpiled code (since this is to be
// used in development only, no need to cap the cache size)
const cache = new Map<string, string>()
// See https://swc.rs/docs/usage/core