bun-types 1.3.2-canary.20251104T140728 → 1.3.2-canary.20251106T140813

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (312) hide show
  1. package/bun.d.ts +4 -4
  2. package/docs/README.md +28 -0
  3. package/globals.d.ts +0 -1
  4. package/overrides.d.ts +45 -15
  5. package/package.json +1 -1
  6. package/test.d.ts +1 -1
  7. package/docs/api/binary-data.md +0 -1038
  8. package/docs/api/cc.md +0 -197
  9. package/docs/api/color.md +0 -262
  10. package/docs/api/console.md +0 -57
  11. package/docs/api/cookie.md +0 -449
  12. package/docs/api/dns.md +0 -110
  13. package/docs/api/fetch.md +0 -463
  14. package/docs/api/ffi.md +0 -557
  15. package/docs/api/file-io.md +0 -366
  16. package/docs/api/file-system-router.md +0 -112
  17. package/docs/api/file.md +0 -19
  18. package/docs/api/glob.md +0 -178
  19. package/docs/api/globals.md +0 -387
  20. package/docs/api/hashing.md +0 -319
  21. package/docs/api/html-rewriter.md +0 -334
  22. package/docs/api/http.md +0 -1408
  23. package/docs/api/import-meta.md +0 -69
  24. package/docs/api/node-api.md +0 -14
  25. package/docs/api/redis.md +0 -597
  26. package/docs/api/s3.md +0 -850
  27. package/docs/api/secrets.md +0 -319
  28. package/docs/api/semver.md +0 -52
  29. package/docs/api/spawn.md +0 -582
  30. package/docs/api/sql.md +0 -1374
  31. package/docs/api/sqlite.md +0 -694
  32. package/docs/api/streams.md +0 -230
  33. package/docs/api/tcp.md +0 -221
  34. package/docs/api/transpiler.md +0 -276
  35. package/docs/api/udp.md +0 -123
  36. package/docs/api/utils.md +0 -891
  37. package/docs/api/websockets.md +0 -573
  38. package/docs/api/workers.md +0 -322
  39. package/docs/api/yaml.md +0 -668
  40. package/docs/benchmarks.md +0 -120
  41. package/docs/bun-flavored-toml.md +0 -42
  42. package/docs/bundler/css.md +0 -1028
  43. package/docs/bundler/css_modules.md +0 -145
  44. package/docs/bundler/executables.md +0 -626
  45. package/docs/bundler/fullstack.md +0 -418
  46. package/docs/bundler/hmr.md +0 -234
  47. package/docs/bundler/html.md +0 -349
  48. package/docs/bundler/index.md +0 -1735
  49. package/docs/bundler/intro.md +0 -75
  50. package/docs/bundler/loaders.md +0 -410
  51. package/docs/bundler/macros.md +0 -329
  52. package/docs/bundler/plugins.md +0 -449
  53. package/docs/bundler/vs-esbuild.md +0 -1127
  54. package/docs/cli/add.md +0 -173
  55. package/docs/cli/bun-completions.md +0 -3
  56. package/docs/cli/bun-create.md +0 -338
  57. package/docs/cli/bun-install.md +0 -349
  58. package/docs/cli/bun-upgrade.md +0 -39
  59. package/docs/cli/bunx.md +0 -89
  60. package/docs/cli/filter.md +0 -90
  61. package/docs/cli/info.md +0 -65
  62. package/docs/cli/init.md +0 -85
  63. package/docs/cli/install.md +0 -344
  64. package/docs/cli/link.md +0 -40
  65. package/docs/cli/outdated.md +0 -90
  66. package/docs/cli/patch-commit.md +0 -11
  67. package/docs/cli/pm.md +0 -285
  68. package/docs/cli/publish.md +0 -120
  69. package/docs/cli/remove.md +0 -7
  70. package/docs/cli/run.md +0 -261
  71. package/docs/cli/test.md +0 -397
  72. package/docs/cli/unlink.md +0 -9
  73. package/docs/cli/update.md +0 -129
  74. package/docs/cli/why.md +0 -67
  75. package/docs/contributing/upgrading-webkit.md +0 -57
  76. package/docs/ecosystem/elysia.md +0 -24
  77. package/docs/ecosystem/express.md +0 -37
  78. package/docs/ecosystem/hono.md +0 -18
  79. package/docs/ecosystem/react.md +0 -65
  80. package/docs/ecosystem/stric.md +0 -38
  81. package/docs/guides/binary/arraybuffer-to-array.md +0 -27
  82. package/docs/guides/binary/arraybuffer-to-blob.md +0 -24
  83. package/docs/guides/binary/arraybuffer-to-buffer.md +0 -25
  84. package/docs/guides/binary/arraybuffer-to-string.md +0 -15
  85. package/docs/guides/binary/arraybuffer-to-typedarray.md +0 -39
  86. package/docs/guides/binary/blob-to-arraybuffer.md +0 -14
  87. package/docs/guides/binary/blob-to-dataview.md +0 -14
  88. package/docs/guides/binary/blob-to-stream.md +0 -14
  89. package/docs/guides/binary/blob-to-string.md +0 -15
  90. package/docs/guides/binary/blob-to-typedarray.md +0 -14
  91. package/docs/guides/binary/buffer-to-arraybuffer.md +0 -14
  92. package/docs/guides/binary/buffer-to-blob.md +0 -14
  93. package/docs/guides/binary/buffer-to-readablestream.md +0 -41
  94. package/docs/guides/binary/buffer-to-string.md +0 -25
  95. package/docs/guides/binary/buffer-to-typedarray.md +0 -14
  96. package/docs/guides/binary/dataview-to-string.md +0 -15
  97. package/docs/guides/binary/typedarray-to-arraybuffer.md +0 -25
  98. package/docs/guides/binary/typedarray-to-blob.md +0 -16
  99. package/docs/guides/binary/typedarray-to-buffer.md +0 -14
  100. package/docs/guides/binary/typedarray-to-dataview.md +0 -14
  101. package/docs/guides/binary/typedarray-to-readablestream.md +0 -41
  102. package/docs/guides/binary/typedarray-to-string.md +0 -16
  103. package/docs/guides/deployment/railway.md +0 -157
  104. package/docs/guides/ecosystem/astro.md +0 -72
  105. package/docs/guides/ecosystem/discordjs.md +0 -77
  106. package/docs/guides/ecosystem/docker.md +0 -140
  107. package/docs/guides/ecosystem/drizzle.md +0 -185
  108. package/docs/guides/ecosystem/edgedb.md +0 -228
  109. package/docs/guides/ecosystem/elysia.md +0 -31
  110. package/docs/guides/ecosystem/express.md +0 -40
  111. package/docs/guides/ecosystem/hono.md +0 -39
  112. package/docs/guides/ecosystem/mongoose.md +0 -87
  113. package/docs/guides/ecosystem/neon-drizzle.md +0 -220
  114. package/docs/guides/ecosystem/neon-serverless-postgres.md +0 -55
  115. package/docs/guides/ecosystem/nextjs.md +0 -49
  116. package/docs/guides/ecosystem/nuxt.md +0 -56
  117. package/docs/guides/ecosystem/pm2.md +0 -57
  118. package/docs/guides/ecosystem/prisma.md +0 -141
  119. package/docs/guides/ecosystem/qwik.md +0 -107
  120. package/docs/guides/ecosystem/react.md +0 -50
  121. package/docs/guides/ecosystem/remix.md +0 -78
  122. package/docs/guides/ecosystem/render.md +0 -79
  123. package/docs/guides/ecosystem/sentry.md +0 -52
  124. package/docs/guides/ecosystem/solidstart.md +0 -58
  125. package/docs/guides/ecosystem/ssr-react.md +0 -51
  126. package/docs/guides/ecosystem/stric.md +0 -55
  127. package/docs/guides/ecosystem/sveltekit.md +0 -125
  128. package/docs/guides/ecosystem/systemd.md +0 -113
  129. package/docs/guides/ecosystem/vite.md +0 -71
  130. package/docs/guides/html-rewriter/extract-links.md +0 -68
  131. package/docs/guides/html-rewriter/extract-social-meta.md +0 -93
  132. package/docs/guides/http/cluster.md +0 -66
  133. package/docs/guides/http/fetch-unix.md +0 -33
  134. package/docs/guides/http/fetch.md +0 -24
  135. package/docs/guides/http/file-uploads.md +0 -94
  136. package/docs/guides/http/hot.md +0 -26
  137. package/docs/guides/http/proxy.md +0 -24
  138. package/docs/guides/http/server.md +0 -46
  139. package/docs/guides/http/simple.md +0 -18
  140. package/docs/guides/http/stream-file.md +0 -48
  141. package/docs/guides/http/stream-iterator.md +0 -47
  142. package/docs/guides/http/stream-node-streams-in-bun.md +0 -20
  143. package/docs/guides/http/tls.md +0 -30
  144. package/docs/guides/install/add-dev.md +0 -26
  145. package/docs/guides/install/add-git.md +0 -36
  146. package/docs/guides/install/add-optional.md +0 -25
  147. package/docs/guides/install/add-peer.md +0 -43
  148. package/docs/guides/install/add-tarball.md +0 -33
  149. package/docs/guides/install/add.md +0 -42
  150. package/docs/guides/install/azure-artifacts.md +0 -73
  151. package/docs/guides/install/cicd.md +0 -41
  152. package/docs/guides/install/custom-registry.md +0 -30
  153. package/docs/guides/install/from-npm-install-to-bun-install.md +0 -214
  154. package/docs/guides/install/git-diff-bun-lockfile.md +0 -44
  155. package/docs/guides/install/jfrog-artifactory.md +0 -28
  156. package/docs/guides/install/npm-alias.md +0 -23
  157. package/docs/guides/install/registry-scope.md +0 -38
  158. package/docs/guides/install/trusted.md +0 -46
  159. package/docs/guides/install/workspaces.md +0 -70
  160. package/docs/guides/install/yarnlock.md +0 -44
  161. package/docs/guides/process/argv.md +0 -58
  162. package/docs/guides/process/ctrl-c.md +0 -16
  163. package/docs/guides/process/ipc.md +0 -66
  164. package/docs/guides/process/nanoseconds.md +0 -13
  165. package/docs/guides/process/os-signals.md +0 -39
  166. package/docs/guides/process/spawn-stderr.md +0 -31
  167. package/docs/guides/process/spawn-stdout.md +0 -26
  168. package/docs/guides/process/spawn.md +0 -41
  169. package/docs/guides/process/stdin.md +0 -54
  170. package/docs/guides/read-file/arraybuffer.md +0 -28
  171. package/docs/guides/read-file/buffer.md +0 -19
  172. package/docs/guides/read-file/exists.md +0 -16
  173. package/docs/guides/read-file/json.md +0 -17
  174. package/docs/guides/read-file/mime.md +0 -20
  175. package/docs/guides/read-file/stream.md +0 -26
  176. package/docs/guides/read-file/string.md +0 -22
  177. package/docs/guides/read-file/uint8array.md +0 -21
  178. package/docs/guides/read-file/watch.md +0 -68
  179. package/docs/guides/runtime/build-time-constants.md +0 -293
  180. package/docs/guides/runtime/cicd.md +0 -43
  181. package/docs/guides/runtime/codesign-macos-executable.md +0 -56
  182. package/docs/guides/runtime/define-constant.md +0 -145
  183. package/docs/guides/runtime/delete-directory.md +0 -37
  184. package/docs/guides/runtime/delete-file.md +0 -19
  185. package/docs/guides/runtime/heap-snapshot.md +0 -26
  186. package/docs/guides/runtime/import-html.md +0 -15
  187. package/docs/guides/runtime/import-json.md +0 -44
  188. package/docs/guides/runtime/import-toml.md +0 -30
  189. package/docs/guides/runtime/import-yaml.md +0 -102
  190. package/docs/guides/runtime/read-env.md +0 -32
  191. package/docs/guides/runtime/set-env.md +0 -47
  192. package/docs/guides/runtime/shell.md +0 -40
  193. package/docs/guides/runtime/timezone.md +0 -35
  194. package/docs/guides/runtime/tsconfig-paths.md +0 -29
  195. package/docs/guides/runtime/typescript.md +0 -49
  196. package/docs/guides/runtime/vscode-debugger.md +0 -47
  197. package/docs/guides/runtime/web-debugger.md +0 -82
  198. package/docs/guides/streams/node-readable-to-arraybuffer.md +0 -11
  199. package/docs/guides/streams/node-readable-to-blob.md +0 -11
  200. package/docs/guides/streams/node-readable-to-json.md +0 -12
  201. package/docs/guides/streams/node-readable-to-string.md +0 -12
  202. package/docs/guides/streams/node-readable-to-uint8array.md +0 -11
  203. package/docs/guides/streams/to-array.md +0 -14
  204. package/docs/guides/streams/to-arraybuffer.md +0 -14
  205. package/docs/guides/streams/to-blob.md +0 -14
  206. package/docs/guides/streams/to-buffer.md +0 -15
  207. package/docs/guides/streams/to-json.md +0 -14
  208. package/docs/guides/streams/to-string.md +0 -14
  209. package/docs/guides/streams/to-typedarray.md +0 -22
  210. package/docs/guides/test/bail.md +0 -22
  211. package/docs/guides/test/coverage-threshold.md +0 -60
  212. package/docs/guides/test/coverage.md +0 -44
  213. package/docs/guides/test/happy-dom.md +0 -68
  214. package/docs/guides/test/migrate-from-jest.md +0 -143
  215. package/docs/guides/test/mock-clock.md +0 -48
  216. package/docs/guides/test/mock-functions.md +0 -68
  217. package/docs/guides/test/rerun-each.md +0 -14
  218. package/docs/guides/test/run-tests.md +0 -111
  219. package/docs/guides/test/skip-tests.md +0 -39
  220. package/docs/guides/test/snapshot.md +0 -95
  221. package/docs/guides/test/spy-on.md +0 -46
  222. package/docs/guides/test/svelte-test.md +0 -120
  223. package/docs/guides/test/testing-library.md +0 -92
  224. package/docs/guides/test/timeout.md +0 -15
  225. package/docs/guides/test/todo-tests.md +0 -67
  226. package/docs/guides/test/update-snapshots.md +0 -46
  227. package/docs/guides/test/watch-mode.md +0 -19
  228. package/docs/guides/util/base64.md +0 -15
  229. package/docs/guides/util/deep-equals.md +0 -39
  230. package/docs/guides/util/deflate.md +0 -18
  231. package/docs/guides/util/detect-bun.md +0 -23
  232. package/docs/guides/util/entrypoint.md +0 -17
  233. package/docs/guides/util/escape-html.md +0 -22
  234. package/docs/guides/util/file-url-to-path.md +0 -14
  235. package/docs/guides/util/gzip.md +0 -18
  236. package/docs/guides/util/hash-a-password.md +0 -54
  237. package/docs/guides/util/import-meta-dir.md +0 -13
  238. package/docs/guides/util/import-meta-file.md +0 -13
  239. package/docs/guides/util/import-meta-path.md +0 -13
  240. package/docs/guides/util/javascript-uuid.md +0 -23
  241. package/docs/guides/util/main.md +0 -32
  242. package/docs/guides/util/path-to-file-url.md +0 -14
  243. package/docs/guides/util/sleep.md +0 -22
  244. package/docs/guides/util/version.md +0 -21
  245. package/docs/guides/util/which-path-to-executable-bin.md +0 -15
  246. package/docs/guides/websocket/compression.md +0 -31
  247. package/docs/guides/websocket/context.md +0 -77
  248. package/docs/guides/websocket/pubsub.md +0 -41
  249. package/docs/guides/websocket/simple.md +0 -33
  250. package/docs/guides/write-file/append.md +0 -52
  251. package/docs/guides/write-file/basic.md +0 -44
  252. package/docs/guides/write-file/blob.md +0 -28
  253. package/docs/guides/write-file/cat.md +0 -17
  254. package/docs/guides/write-file/file-cp.md +0 -16
  255. package/docs/guides/write-file/filesink.md +0 -52
  256. package/docs/guides/write-file/response.md +0 -17
  257. package/docs/guides/write-file/stdout.md +0 -21
  258. package/docs/guides/write-file/stream.md +0 -17
  259. package/docs/guides/write-file/unlink.md +0 -16
  260. package/docs/index.md +0 -77
  261. package/docs/install/audit.md +0 -57
  262. package/docs/install/cache.md +0 -59
  263. package/docs/install/catalogs.md +0 -298
  264. package/docs/install/index.md +0 -248
  265. package/docs/install/isolated.md +0 -197
  266. package/docs/install/lifecycle.md +0 -46
  267. package/docs/install/lockfile.md +0 -58
  268. package/docs/install/npmrc.md +0 -105
  269. package/docs/install/overrides.md +0 -73
  270. package/docs/install/patch.md +0 -59
  271. package/docs/install/registries.md +0 -30
  272. package/docs/install/security-scanner-api.md +0 -81
  273. package/docs/install/workspaces.md +0 -114
  274. package/docs/installation.md +0 -327
  275. package/docs/project/asan.md +0 -124
  276. package/docs/project/benchmarking.md +0 -203
  277. package/docs/project/bindgen.md +0 -225
  278. package/docs/project/building-windows.md +0 -162
  279. package/docs/project/contributing.md +0 -347
  280. package/docs/project/internals/build-process-for-ci.md +0 -75
  281. package/docs/project/licensing.md +0 -73
  282. package/docs/project/roadmap.md +0 -87
  283. package/docs/quickstart.md +0 -157
  284. package/docs/runtime/autoimport.md +0 -94
  285. package/docs/runtime/bun-apis.md +0 -207
  286. package/docs/runtime/bunfig.md +0 -772
  287. package/docs/runtime/debugger.md +0 -325
  288. package/docs/runtime/env.md +0 -253
  289. package/docs/runtime/hot.md +0 -145
  290. package/docs/runtime/index.md +0 -312
  291. package/docs/runtime/jsx.md +0 -385
  292. package/docs/runtime/loaders.md +0 -130
  293. package/docs/runtime/modules.md +0 -320
  294. package/docs/runtime/nodejs-apis.md +0 -463
  295. package/docs/runtime/plugins.md +0 -561
  296. package/docs/runtime/shell.md +0 -605
  297. package/docs/runtime/typescript.md +0 -139
  298. package/docs/runtime/web-apis.md +0 -128
  299. package/docs/test/configuration.md +0 -154
  300. package/docs/test/coverage.md +0 -142
  301. package/docs/test/discovery.md +0 -85
  302. package/docs/test/dom.md +0 -75
  303. package/docs/test/examples/concurrent-test-glob.md +0 -132
  304. package/docs/test/hot.md +0 -15
  305. package/docs/test/lifecycle.md +0 -81
  306. package/docs/test/mocks.md +0 -313
  307. package/docs/test/reporters.md +0 -117
  308. package/docs/test/runtime-behavior.md +0 -95
  309. package/docs/test/snapshots.md +0 -68
  310. package/docs/test/time.md +0 -126
  311. package/docs/test/writing.md +0 -825
  312. package/docs/typescript.md +0 -53
@@ -1,418 +0,0 @@
1
- To get started, import HTML files and pass them to the `routes` option in `Bun.serve()`.
2
-
3
- ```ts
4
- import { sql, serve } from "bun";
5
- import dashboard from "./dashboard.html";
6
- import homepage from "./index.html";
7
-
8
- const server = serve({
9
- routes: {
10
- // ** HTML imports **
11
- // Bundle & route index.html to "/". This uses HTMLRewriter to scan the HTML for `<script>` and `<link>` tags, run's Bun's JavaScript & CSS bundler on them, transpiles any TypeScript, JSX, and TSX, downlevels CSS with Bun's CSS parser and serves the result.
12
- "/": homepage,
13
- // Bundle & route dashboard.html to "/dashboard"
14
- "/dashboard": dashboard,
15
-
16
- // ** API endpoints ** (Bun v1.2.3+ required)
17
- "/api/users": {
18
- async GET(req) {
19
- const users = await sql`SELECT * FROM users`;
20
- return Response.json(users);
21
- },
22
- async POST(req) {
23
- const { name, email } = await req.json();
24
- const [user] =
25
- await sql`INSERT INTO users (name, email) VALUES (${name}, ${email})`;
26
- return Response.json(user);
27
- },
28
- },
29
- "/api/users/:id": async req => {
30
- const { id } = req.params;
31
- const [user] = await sql`SELECT * FROM users WHERE id = ${id}`;
32
- return Response.json(user);
33
- },
34
- },
35
-
36
- // Enable development mode for:
37
- // - Detailed error messages
38
- // - Hot reloading (Bun v1.2.3+ required)
39
- development: true,
40
-
41
- // Prior to v1.2.3, the `fetch` option was used to handle all API requests. It is now optional.
42
- // async fetch(req) {
43
- // // Return 404 for unmatched routes
44
- // return new Response("Not Found", { status: 404 });
45
- // },
46
- });
47
-
48
- console.log(`Listening on ${server.url}`);
49
- ```
50
-
51
- ```bash
52
- $ bun run app.ts
53
- ```
54
-
55
- ## HTML imports are routes
56
-
57
- The web starts with HTML, and so does Bun's fullstack dev server.
58
-
59
- To specify entrypoints to your frontend, import HTML files into your JavaScript/TypeScript/TSX/JSX files.
60
-
61
- ```ts
62
- import dashboard from "./dashboard.html";
63
- import homepage from "./index.html";
64
- ```
65
-
66
- These HTML files are used as routes in Bun's dev server you can pass to `Bun.serve()`.
67
-
68
- ```ts
69
- Bun.serve({
70
- routes: {
71
- "/": homepage,
72
- "/dashboard": dashboard,
73
- }
74
-
75
- fetch(req) {
76
- // ... api requests
77
- },
78
- });
79
- ```
80
-
81
- When you make a request to `/dashboard` or `/`, Bun automatically bundles the `<script>` and `<link>` tags in the HTML files, exposes them as static routes, and serves the result.
82
-
83
- An index.html file like this:
84
-
85
- ```html#index.html
86
- <!DOCTYPE html>
87
- <html>
88
- <head>
89
- <title>Home</title>
90
- <link rel="stylesheet" href="./reset.css" />
91
- <link rel="stylesheet" href="./styles.css" />
92
- </head>
93
- <body>
94
- <div id="root"></div>
95
- <script type="module" src="./sentry-and-preloads.ts"></script>
96
- <script type="module" src="./my-app.tsx"></script>
97
- </body>
98
- </html>
99
- ```
100
-
101
- Becomes something like this:
102
-
103
- ```html#index.html
104
- <!DOCTYPE html>
105
- <html>
106
- <head>
107
- <title>Home</title>
108
- <link rel="stylesheet" href="/index-[hash].css" />
109
- </head>
110
- <body>
111
- <div id="root"></div>
112
- <script type="module" src="/index-[hash].js"></script>
113
- </body>
114
- </html>
115
- ```
116
-
117
- ### How to use with React
118
-
119
- To use React in your client-side code, import `react-dom/client` and render your app.
120
-
121
- {% codetabs %}
122
-
123
- ```ts#src/backend.ts
124
- import dashboard from "../public/dashboard.html";
125
- import { serve } from "bun";
126
-
127
- serve({
128
- routes: {
129
- "/": dashboard,
130
- },
131
-
132
- async fetch(req) {
133
- // ...api requests
134
- return new Response("hello world");
135
- },
136
- });
137
- ```
138
-
139
- ```ts#src/frontend.tsx
140
- import "./styles.css";
141
- import { createRoot } from "react-dom/client";
142
- import { App } from "./app.tsx";
143
-
144
- document.addEventListener("DOMContentLoaded", () => {
145
- const root = createRoot(document.getElementById("root"));
146
- root.render(<App />);
147
- });
148
- ```
149
-
150
- ```html#public/dashboard.html
151
- <!DOCTYPE html>
152
- <html>
153
- <head>
154
- <title>Dashboard</title>
155
- </head>
156
- <body>
157
- <div id="root"></div>
158
- <script type="module" src="../src/frontend.tsx"></script>
159
- </body>
160
- </html>
161
- ```
162
-
163
- ```css#src/styles.css
164
- body {
165
- background-color: red;
166
- }
167
- ```
168
-
169
- ```tsx#src/app.tsx
170
- export function App() {
171
- return <div>Hello World</div>;
172
- }
173
- ```
174
-
175
- {% /codetabs %}
176
-
177
- ### Development mode
178
-
179
- When building locally, enable development mode by setting `development: true` in `Bun.serve()`.
180
-
181
- ```js-diff
182
- import homepage from "./index.html";
183
- import dashboard from "./dashboard.html";
184
-
185
- Bun.serve({
186
- routes: {
187
- "/": homepage,
188
- "/dashboard": dashboard,
189
- }
190
-
191
- + development: true,
192
-
193
- fetch(req) {
194
- // ... api requests
195
- },
196
- });
197
- ```
198
-
199
- When `development` is `true`, Bun will:
200
-
201
- - Include the `SourceMap` header in the response so that devtools can show the original source code
202
- - Disable minification
203
- - Re-bundle assets on each request to a .html file
204
- - Enable hot module reloading (unless `hmr: false` is set)
205
-
206
- #### Echo console logs from browser to terminal
207
-
208
- Bun.serve() supports echoing console logs from the browser to the terminal.
209
-
210
- To enable this, pass `console: true` in the `development` object in `Bun.serve()`.
211
-
212
- ```ts
213
- import homepage from "./index.html";
214
-
215
- Bun.serve({
216
- // development can also be an object.
217
- development: {
218
- // Enable Hot Module Reloading
219
- hmr: true,
220
-
221
- // Echo console logs from the browser to the terminal
222
- console: true,
223
- },
224
-
225
- routes: {
226
- "/": homepage,
227
- },
228
- });
229
- ```
230
-
231
- When `console: true` is set, Bun will stream console logs from the browser to the terminal. This reuses the existing WebSocket connection from HMR to send the logs.
232
-
233
- #### Production mode
234
-
235
- Hot reloading and `development: true` helps you iterate quickly, but in production, your server should be as fast as possible and have as few external dependencies as possible.
236
-
237
- ##### Ahead of time bundling (recommended)
238
-
239
- As of Bun v1.2.17, you can use `Bun.build` or `bun build` to bundle your full-stack application ahead of time.
240
-
241
- ```sh
242
- $ bun build --target=bun --production --outdir=dist ./src/index.ts
243
- ```
244
-
245
- When Bun's bundler sees an HTML import from server-side code, it will bundle the referenced JavaScript/TypeScript/TSX/JSX and CSS files into a manifest object that Bun.serve() can use to serve the assets.
246
-
247
- ```ts
248
- import { serve } from "bun";
249
- import index from "./index.html";
250
-
251
- serve({
252
- routes: { "/": index },
253
- });
254
- ```
255
-
256
- {% details summary="Internally, the `index` variable is a manifest object that looks something like this" %}
257
-
258
- ```json
259
- {
260
- "index": "./index.html",
261
- "files": [
262
- {
263
- "input": "index.html",
264
- "path": "./index-f2me3qnf.js",
265
- "loader": "js",
266
- "isEntry": true,
267
- "headers": {
268
- "etag": "eet6gn75",
269
- "content-type": "text/javascript;charset=utf-8"
270
- }
271
- },
272
- {
273
- "input": "index.html",
274
- "path": "./index.html",
275
- "loader": "html",
276
- "isEntry": true,
277
- "headers": {
278
- "etag": "r9njjakd",
279
- "content-type": "text/html;charset=utf-8"
280
- }
281
- },
282
- {
283
- "input": "index.html",
284
- "path": "./index-gysa5fmk.css",
285
- "loader": "css",
286
- "isEntry": true,
287
- "headers": {
288
- "etag": "50zb7x61",
289
- "content-type": "text/css;charset=utf-8"
290
- }
291
- },
292
- {
293
- "input": "logo.svg",
294
- "path": "./logo-kygw735p.svg",
295
- "loader": "file",
296
- "isEntry": false,
297
- "headers": {
298
- "etag": "kygw735p",
299
- "content-type": "application/octet-stream"
300
- }
301
- },
302
- {
303
- "input": "react.svg",
304
- "path": "./react-ck11dneg.svg",
305
- "loader": "file",
306
- "isEntry": false,
307
- "headers": {
308
- "etag": "ck11dneg",
309
- "content-type": "application/octet-stream"
310
- }
311
- }
312
- ]
313
- }
314
- ```
315
-
316
- {% /details %}
317
-
318
- ##### Runtime bundling
319
-
320
- When adding a build step is too complicated, you can set `development: false` in `Bun.serve()`.
321
-
322
- - Enable in-memory caching of bundled assets. Bun will bundle assets lazily on the first request to an `.html` file, and cache the result in memory until the server restarts.
323
- - Enables `Cache-Control` headers and `ETag` headers
324
- - Minifies JavaScript/TypeScript/TSX/JSX files
325
-
326
- ## Plugins
327
-
328
- Bun's [bundler plugins](https://bun.com/docs/bundler/plugins) are also supported when bundling static routes.
329
-
330
- To configure plugins for `Bun.serve`, add a `plugins` array in the `[serve.static]` section of your `bunfig.toml`.
331
-
332
- ### Using TailwindCSS in HTML routes
333
-
334
- For example, enable TailwindCSS on your routes by installing and adding the `bun-plugin-tailwind` plugin:
335
-
336
- ```sh
337
- $ bun add bun-plugin-tailwind
338
- ```
339
-
340
- ```toml#bunfig.toml
341
- [serve.static]
342
- plugins = ["bun-plugin-tailwind"]
343
- ```
344
-
345
- This will allow you to use TailwindCSS utility classes in your HTML and CSS files. All you need to do is import `tailwindcss` somewhere:
346
-
347
- ```html#index.html
348
- <!doctype html>
349
- <html>
350
- <head>
351
- <title>Home</title>
352
- <link rel="stylesheet" href="tailwindcss" />
353
- </head>
354
- <body>
355
- <!-- the rest of your HTML... -->
356
- </body>
357
- </html>
358
- ```
359
-
360
- Or in your CSS:
361
-
362
- ```css#style.css
363
- @import "tailwindcss";
364
- ```
365
-
366
- ### Custom plugins
367
-
368
- Any JS file or module which exports a [valid bundler plugin object](https://bun.com/docs/bundler/plugins#usage) (essentially an object with a `name` and `setup` field) can be placed inside the `plugins` array:
369
-
370
- ```toml#bunfig.toml
371
- [serve.static]
372
- plugins = ["./my-plugin-implementation.ts"]
373
- ```
374
-
375
- Bun will lazily resolve and load each plugin and use them to bundle your routes.
376
-
377
- Note: this is currently in `bunfig.toml` to make it possible to know statically which plugins are in use when we eventually integrate this with the `bun build` CLI. These plugins work in `Bun.build()`'s JS API, but are not yet supported in the CLI.
378
-
379
- ## How this works
380
-
381
- Bun uses [`HTMLRewriter`](/docs/api/html-rewriter) to scan for `<script>` and `<link>` tags in HTML files, uses them as entrypoints for [Bun's bundler](/docs/bundler), generates an optimized bundle for the JavaScript/TypeScript/TSX/JSX and CSS files, and serves the result.
382
-
383
- 1. **`<script>` processing**
384
- - Transpiles TypeScript, JSX, and TSX in `<script>` tags
385
- - Bundles imported dependencies
386
- - Generates sourcemaps for debugging
387
- - Minifies when `development` is not `true` in `Bun.serve()`
388
-
389
- ```html
390
- <script type="module" src="./counter.tsx"></script>
391
- ```
392
-
393
- 2. **`<link>` processing**
394
- - Processes CSS imports and `<link>` tags
395
- - Concatenates CSS files
396
- - Rewrites `url` and asset paths to include content-addressable hashes in URLs
397
-
398
- ```html
399
- <link rel="stylesheet" href="./styles.css" />
400
- ```
401
-
402
- 3. **`<img>` & asset processing**
403
- - Links to assets are rewritten to include content-addressable hashes in URLs
404
- - Small assets in CSS files are inlined into `data:` URLs, reducing the total number of HTTP requests sent over the wire
405
-
406
- 4. **Rewrite HTML**
407
- - Combines all `<script>` tags into a single `<script>` tag with a content-addressable hash in the URL
408
- - Combines all `<link>` tags into a single `<link>` tag with a content-addressable hash in the URL
409
- - Outputs a new HTML file
410
-
411
- 5. **Serve**
412
- - All the output files from the bundler are exposed as static routes, using the same mechanism internally as when you pass a `Response` object to [`static` in `Bun.serve()`](/docs/api/http#static-routes).
413
-
414
- This works similarly to how [`Bun.build` processes HTML files](/docs/bundler/html).
415
-
416
- ## This is a work in progress
417
-
418
- - This doesn't support `bun build` yet. It also will in the future.
@@ -1,234 +0,0 @@
1
- Hot Module Replacement (HMR) allows you to update modules in a running
2
- application without needing a full page reload. This preserves the application
3
- state and improves the development experience.
4
-
5
- HMR is enabled by default when using Bun's full-stack development server.
6
-
7
- ## `import.meta.hot` API Reference
8
-
9
- Bun implements a client-side HMR API modeled after [Vite's `import.meta.hot` API](https://vitejs.dev/guide/api-hmr.html). It can be checked for with `if (import.meta.hot)`, tree-shaking it in production
10
-
11
- ```ts
12
- if (import.meta.hot) {
13
- // HMR APIs are available.
14
- }
15
- ```
16
-
17
- However, **this check is often not needed** as Bun will dead-code-eliminate
18
- calls to all of the HMR APIs in production builds.
19
-
20
- ```ts
21
- // This entire function call will be removed in production!
22
- import.meta.hot.dispose(() => {
23
- console.log("dispose");
24
- });
25
- ```
26
-
27
- For this to work, Bun forces these APIs to be called without indirection. That means the following do not work:
28
-
29
- ```ts#invalid-hmr-usage.ts
30
- // INVALID: Assigning `hot` to a variable
31
- const hot = import.meta.hot;
32
- hot.accept();
33
-
34
- // INVALID: Assigning `import.meta` to a variable
35
- const meta = import.meta;
36
- meta.hot.accept();
37
- console.log(meta.hot.data);
38
-
39
- // INVALID: Passing to a function
40
- doSomething(import.meta.hot.dispose);
41
-
42
- // OK: The full phrase "import.meta.hot.<API>" must be called directly:
43
- import.meta.hot.accept();
44
-
45
- // OK: `data` can be passed to functions:
46
- doSomething(import.meta.hot.data);
47
- ```
48
-
49
- {% callout %}
50
-
51
- **Note** — The HMR API is still a work in progress. Some features are missing. HMR can be disabled in `Bun.serve` by setting the `development` option to `{ hmr: false }`.
52
-
53
- {% endcallout %}
54
-
55
- | | Method | Notes |
56
- | --- | ------------------ | --------------------------------------------------------------------- |
57
- | ✅ | `hot.accept()` | Indicate that a hot update can be replaced gracefully. |
58
- | ✅ | `hot.data` | Persist data between module evaluations. |
59
- | ✅ | `hot.dispose()` | Add a callback function to run when a module is about to be replaced. |
60
- | ❌ | `hot.invalidate()` | |
61
- | ✅ | `hot.on()` | Attach an event listener |
62
- | ✅ | `hot.off()` | Remove an event listener from `on`. |
63
- | ❌ | `hot.send()` | |
64
- | 🚧 | `hot.prune()` | **NOTE**: Callback is currently never called. |
65
- | ✅ | `hot.decline()` | No-op to match Vite's `import.meta.hot` |
66
-
67
- ### `import.meta.hot.accept()`
68
-
69
- The `accept()` method indicates that a module can be hot-replaced. When called
70
- without arguments, it indicates that this module can be replaced simply by
71
- re-evaluating the file. After a hot update, importers of this module will be
72
- automatically patched.
73
-
74
- ```ts#index.ts
75
- import { getCount } from "./foo.ts";
76
-
77
- console.log("count is ", getCount());
78
-
79
- import.meta.hot.accept();
80
-
81
- export function getNegativeCount() {
82
- return -getCount();
83
- }
84
- ```
85
-
86
- This creates a hot-reloading boundary for all of the files that `index.ts`
87
- imports. That means whenever `foo.ts` or any of its dependencies are saved, the
88
- update will bubble up to `index.ts` will re-evaluate. Files that import
89
- `index.ts` will then be patched to import the new version of
90
- `getNegativeCount()`. If only `index.ts` is updated, only the one file will be
91
- re-evaluated, and the counter in `foo.ts` is reused.
92
-
93
- This may be used in combination with `import.meta.hot.data` to transfer state
94
- from the previous module to the new one.
95
-
96
- When no modules call `import.meta.hot.accept()` (and there isn't React Fast
97
- Refresh or a plugin calling it for you), the page will reload when the file
98
- updates, and a console warning shows which files were invalidated. This warning
99
- is safe to ignore if it makes more sense to rely on full page reloads.
100
-
101
- #### With callback
102
-
103
- When provided one callback, `import.meta.hot.accept` will function how it does
104
- in Vite. Instead of patching the importers of this module, it will call the
105
- callback with the new module.
106
-
107
- ```ts
108
- export const count = 0;
109
-
110
- import.meta.hot.accept(newModule => {
111
- if (newModule) {
112
- // newModule is undefined when SyntaxError happened
113
- console.log("updated: count is now ", newModule.count);
114
- }
115
- });
116
- ```
117
-
118
- Prefer using `import.meta.hot.accept()` without an argument as it usually makes your code easier to understand.
119
-
120
- #### Accepting other modules
121
-
122
- ```ts
123
- import { count } from "./foo";
124
-
125
- import.meta.hot.accept("./foo", () => {
126
- if (!newModule) return;
127
-
128
- console.log("updated: count is now ", count);
129
- });
130
- ```
131
-
132
- Indicates that a dependency's module can be accepted. When the dependency is updated, the callback will be called with the new module.
133
-
134
- #### With multiple dependencies
135
-
136
- ```ts
137
- import.meta.hot.accept(["./foo", "./bar"], newModules => {
138
- // newModules is an array where each item corresponds to the updated module
139
- // or undefined if that module had a syntax error
140
- });
141
- ```
142
-
143
- Indicates that multiple dependencies' modules can be accepted. This variant accepts an array of dependencies, where the callback will receive the updated modules, and `undefined` for any that had errors.
144
-
145
- ### `import.meta.hot.data`
146
-
147
- `import.meta.hot.data` maintains state between module instances during hot
148
- replacement, enabling data transfer from previous to new versions. When
149
- `import.meta.hot.data` is written into, Bun will also mark this module as
150
- capable of self-accepting (equivalent of calling `import.meta.hot.accept()`).
151
-
152
- ```ts
153
- import { createRoot } from "react-dom/client";
154
- import { App } from "./app";
155
-
156
- const root = import.meta.hot.data.root ??= createRoot(elem);
157
- root.render(<App />); // re-use an existing root
158
- ```
159
-
160
- In production, `data` is inlined to be `{}`, meaning it cannot be used as a state holder.
161
-
162
- The above pattern is recommended for stateful modules because Bun knows it can minify `{}.prop ??= value` into `value` in production.
163
-
164
- ### `import.meta.hot.dispose()`
165
-
166
- Attaches an on-dispose callback. This is called:
167
-
168
- - Just before the module is replaced with another copy (before the next is loaded)
169
- - After the module is detached (removing all imports to this module, see `import.meta.hot.prune()`)
170
-
171
- ```ts
172
- const sideEffect = setupSideEffect();
173
-
174
- import.meta.hot.dispose(() => {
175
- sideEffect.cleanup();
176
- });
177
- ```
178
-
179
- This callback is not called on route navigation or when the browser tab closes.
180
-
181
- Returning a promise will delay module replacement until the module is disposed.
182
- All dispose callbacks are called in parallel.
183
-
184
- ### `import.meta.hot.prune()`
185
-
186
- Attaches an on-prune callback. This is called when all imports to this module
187
- are removed, but the module was previously loaded.
188
-
189
- This can be used to clean up resources that were created when the module was
190
- loaded. Unlike `import.meta.hot.dispose()`, this pairs much better with `accept`
191
- and `data` to manage stateful resources. A full example managing a `WebSocket`:
192
-
193
- ```ts
194
- import { something } from "./something";
195
-
196
- // Initialize or re-use a WebSocket connection
197
- export const ws = (import.meta.hot.data.ws ??= new WebSocket(location.origin));
198
-
199
- // If the module's import is removed, clean up the WebSocket connection.
200
- import.meta.hot.prune(() => {
201
- ws.close();
202
- });
203
- ```
204
-
205
- If `dispose` was used instead, the WebSocket would close and re-open on every
206
- hot update. Both versions of the code will prevent page reloads when imported
207
- files are updated.
208
-
209
- ### `import.meta.hot.on()` and `off()`
210
-
211
- `on()` and `off()` are used to listen for events from the HMR runtime. Event names are prefixed with a prefix so that plugins do not conflict with each other.
212
-
213
- ```ts
214
- import.meta.hot.on("bun:beforeUpdate", () => {
215
- console.log("before a hot update");
216
- });
217
- ```
218
-
219
- When a file is replaced, all of its event listeners are automatically removed.
220
-
221
- A list of all built-in events:
222
-
223
- | Event | Emitted when |
224
- | ---------------------- | ----------------------------------------------------------------------------------------------- |
225
- | `bun:beforeUpdate` | before a hot update is applied. |
226
- | `bun:afterUpdate` | after a hot update is applied. |
227
- | `bun:beforeFullReload` | before a full page reload happens. |
228
- | `bun:beforePrune` | before prune callbacks are called. |
229
- | `bun:invalidate` | when a module is invalidated with `import.meta.hot.invalidate()` |
230
- | `bun:error` | when a build or runtime error occurs |
231
- | `bun:ws:disconnect` | when the HMR WebSocket connection is lost. This can indicate the development server is offline. |
232
- | `bun:ws:connect` | when the HMR WebSocket connects or re-connects. |
233
-
234
- For compatibility with Vite, the above events are also available via `vite:*` prefix instead of `bun:*`.