├── .gitignore
├── .prettierrc
├── README.md
├── index.html
├── package.json
├── public
├── favicon.png
├── new.min.css
├── style.css
└── vs
│ ├── base
│ ├── browser
│ │ └── ui
│ │ │ └── codicons
│ │ │ └── codicon
│ │ │ └── codicon.ttf
│ ├── common
│ │ └── worker
│ │ │ └── simpleWorker.nls.js
│ └── worker
│ │ └── workerMain.js
│ ├── basic-languages
│ ├── javascript
│ │ └── javascript.js
│ └── typescript
│ │ └── typescript.js
│ ├── editor
│ ├── editor.main.css
│ ├── editor.main.js
│ └── editor.main.nls.js
│ ├── language
│ ├── css
│ │ ├── cssMode.js
│ │ └── cssWorker.js
│ ├── html
│ │ ├── htmlMode.js
│ │ └── htmlWorker.js
│ ├── json
│ │ ├── jsonMode.js
│ │ └── jsonWorker.js
│ └── typescript
│ │ ├── tsMode.js
│ │ └── tsWorker.js
│ └── loader.js
└── yarn.lock
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | dist
3 |
4 | # Lock files
5 | package-lock.json
6 | bun.lockb
7 | pnpm-lock.yaml
8 |
9 | # Logs
10 | logs
11 | *.log
12 | npm-debug.log*
13 | yarn-debug.log*
14 | yarn-error.log*
15 | lerna-debug.log*
16 | .pnpm-debug.log*
17 |
18 | .wrangler
--------------------------------------------------------------------------------
/.prettierrc:
--------------------------------------------------------------------------------
1 | {
2 | "printWidth": 100,
3 | "trailingComma": "es5",
4 | "tabWidth": 2,
5 | "semi": false,
6 | "singleQuote": true,
7 | "jsxSingleQuote": true,
8 | "endOfLine": "lf"
9 | }
10 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Hono Playground
2 |
3 | The Hono Playground is a web page that allows you to run a Hono app in your browser without a server.
4 |
5 | We know that Hono works on server sides - Cloudflare Workers, Fastly Compute@Edge, Deno, Bun, and Node.js. However, Hono also works on browsers as it is composed of only Web-standards APIs.
6 |
7 | This may seem obvious, but it's exciting to see it actually work in this manner. You can experience it at this URL:
8 |
9 | ## Screenshots
10 |
11 | 
12 |
13 |
14 | ## The minimal code
15 |
16 | This is a minimal code to run a Hono app on browsers.
17 |
18 | ```html
19 |
20 |
21 |
28 |
29 |
30 |
31 |
32 |
33 | ```
34 |
35 | ## Author
36 |
37 | Yusuke Wada
38 |
39 | ## License
40 |
41 | MIT
42 |
43 | ---
44 |
45 | ```txt
46 | Monaco Editor
47 |
48 | The MIT License (MIT)
49 |
50 | Copyright (c) 2016 - present Microsoft Corporation
51 | ```
52 |
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
13 |
14 |
15 |
16 |
104 | Hono Playground
105 |
106 |
107 |
108 | Hono Playground
109 |
110 |
111 |
112 |
113 |
123 |
124 |
125 |
126 |
127 |
128 |
129 |
130 |
131 |