@hasna/skills 0.1.22 → 0.1.23

package/skills/skill-logo-design/node_modules/bun-types/docs/runtime/http/tls.mdx

@@ -1,101 +0,0 @@
----
-title: TLS
-description: Enable TLS in Bun.serve
----
-
-Bun supports TLS out of the box, powered by [BoringSSL](https://boringssl.googlesource.com/boringssl). Enable TLS by passing in a value for `key` and `cert`; both are required to enable TLS.
-
-```ts
-Bun.serve({
-  tls: {
-    key: Bun.file("./key.pem"), // [!code ++]
-    cert: Bun.file("./cert.pem"), // [!code ++]
-  },
-});
-```
-
-The `key` and `cert` fields expect the _contents_ of your TLS key and certificate, _not a path to it_. This can be a string, `BunFile`, `TypedArray`, or `Buffer`.
-
-```ts
-Bun.serve({
-  tls: {
-    key: Bun.file("./key.pem"), // BunFile
-    key: fs.readFileSync("./key.pem"), // Buffer
-    key: fs.readFileSync("./key.pem", "utf8"), // string
-    key: [Bun.file("./key1.pem"), Bun.file("./key2.pem")], // array of above
-  },
-});
-```
-
-### Passphrase
-
-If your private key is encrypted with a passphrase, provide a value for `passphrase` to decrypt it.
-
-```ts
-Bun.serve({
-  tls: {
-    key: Bun.file("./key.pem"),
-    cert: Bun.file("./cert.pem"),
-    passphrase: "my-secret-passphrase", // [!code ++]
-  },
-});
-```
-
-### CA Certificates
-
-Optionally, you can override the trusted CA certificates by passing a value for `ca`. By default, the server will trust the list of well-known CAs curated by Mozilla. When `ca` is specified, the Mozilla list is overwritten.
-
-```ts
-Bun.serve({
-  tls: {
-    key: Bun.file("./key.pem"), // path to TLS key
-    cert: Bun.file("./cert.pem"), // path to TLS cert
-    ca: Bun.file("./ca.pem"), // path to root CA certificate  // [!code ++]
-  },
-});
-```
-
-### Diffie-Hellman
-
-To override Diffie-Hellman parameters:
-
-```ts
-Bun.serve({
-  tls: {
-    dhParamsFile: "/path/to/dhparams.pem", // path to Diffie Hellman parameters // [!code ++]
-  },
-});
-```
-
----
-
-## Server name indication (SNI)
-
-To configure the server name indication (SNI) for the server, set the `serverName` field in the `tls` object.
-
-```ts
-Bun.serve({
-  tls: {
-    serverName: "my-server.com", // SNI // [!code ++]
-  },
-});
-```
-
-To allow multiple server names, pass an array of objects to `tls`, each with a `serverName` field.
-
-```ts
-Bun.serve({
-  tls: [
-    {
-      key: Bun.file("./key1.pem"),
-      cert: Bun.file("./cert1.pem"),
-      serverName: "my-server1.com", // [!code ++]
-    },
-    {
-      key: Bun.file("./key2.pem"),
-      cert: Bun.file("./cert2.pem"),
-      serverName: "my-server2.com", // [!code ++]
-    },
-  ],
-});
-```

package/skills/skill-logo-design/node_modules/bun-types/docs/runtime/http/websockets.mdx

@@ -1,414 +0,0 @@
----
-title: WebSockets
-description: Server-side WebSockets in Bun
----
-
-`Bun.serve()` supports server-side WebSockets, with on-the-fly compression, TLS support, and a Bun-native publish-subscribe API.
-
-<Info>
-
-**⚡️ 7x more throughput**
-
-Bun's WebSockets are fast. For a [simple chatroom](https://github.com/oven-sh/bun/tree/main/bench/websocket-server/README.md) on Linux x64, Bun can handle 7x more requests per second than Node.js + [`"ws"`](https://github.com/websockets/ws).
-
-| **Messages sent per second** | **Runtime**                    | **Clients** |
-| ---------------------------- | ------------------------------ | ----------- |
-| ~700,000                     | (`Bun.serve`) Bun v0.2.1 (x64) | 16          |
-| ~100,000                     | (`ws`) Node v18.10.0 (x64)     | 16          |
-
-Internally Bun's WebSocket implementation is built on [uWebSockets](https://github.com/uNetworking/uWebSockets).
-
-</Info>
-
----
-
-## Start a WebSocket server
-
-Below is a simple WebSocket server built with `Bun.serve`, in which all incoming requests are [upgraded](https://developer.mozilla.org/en-US/docs/Web/HTTP/Protocol_upgrade_mechanism) to WebSocket connections in the `fetch` handler. The socket handlers are declared in the `websocket` parameter.
-
-```ts server.ts icon="/icons/typescript.svg"
-Bun.serve({
-  fetch(req, server) {
-    // upgrade the request to a WebSocket
-    if (server.upgrade(req)) {
-      return; // do not return a Response
-    }
-    return new Response("Upgrade failed", { status: 500 });
-  },
-  websocket: {}, // handlers
-});
-```
-
-The following WebSocket event handlers are supported:
-
-```ts server.ts icon="/icons/typescript.svg"
-Bun.serve({
-  fetch(req, server) {}, // upgrade logic
-  websocket: {
-    message(ws, message) {}, // a message is received
-    open(ws) {}, // a socket is opened
-    close(ws, code, message) {}, // a socket is closed
-    drain(ws) {}, // the socket is ready to receive more data
-  },
-});
-```
-
-<Accordion title="An API designed for speed">
-
-In Bun, handlers are declared once per server, instead of per socket.
-
-`ServerWebSocket` expects you to pass a `WebSocketHandler` object to the `Bun.serve()` method which has methods for `open`, `message`, `close`, `drain`, and `error`. This is different than the client-side `WebSocket` class which extends `EventTarget` (onmessage, onopen, onclose),
-
-Clients tend to not have many socket connections open so an event-based API makes sense.
-
-But servers tend to have **many** socket connections open, which means:
-
-- Time spent adding/removing event listeners for each connection adds up
-- Extra memory spent on storing references to callbacks function for each connection
-- Usually, people create new functions for each connection, which also means more memory
-
-So, instead of using an event-based API, `ServerWebSocket` expects you to pass a single object with methods for each event in `Bun.serve()` and it is reused for each connection.
-
-This leads to less memory usage and less time spent adding/removing event listeners.
-
-</Accordion>
-
-The first argument to each handler is the instance of `ServerWebSocket` handling the event. The `ServerWebSocket` class is a fast, Bun-native implementation of [`WebSocket`](https://developer.mozilla.org/en-US/docs/Web/API/WebSocket) with some additional features.
-
-```ts server.ts icon="/icons/typescript.svg"
-Bun.serve({
-  fetch(req, server) {}, // upgrade logic
-  websocket: {
-    message(ws, message) {
-      ws.send(message); // echo back the message
-    },
-  },
-});
-```
-
-### Sending messages
-
-Each `ServerWebSocket` instance has a `.send()` method for sending messages to the client. It supports a range of input types.
-
-```ts server.ts icon="/icons/typescript.svg" focus={4-6}
-Bun.serve({
-  fetch(req, server) {}, // upgrade logic
-  websocket: {
-    message(ws, message) {
-      ws.send("Hello world"); // string
-      ws.send(response.arrayBuffer()); // ArrayBuffer
-      ws.send(new Uint8Array([1, 2, 3])); // TypedArray | DataView
-    },
-  },
-});
-```
-
-### Headers
-
-Once the upgrade succeeds, Bun will send a `101 Switching Protocols` response per the [spec](https://developer.mozilla.org/en-US/docs/Web/HTTP/Protocol_upgrade_mechanism). Additional `headers` can be attached to this `Response` in the call to `server.upgrade()`.
-
-{/* prettier-ignore */}
-```ts server.ts icon="/icons/typescript.svg"
-Bun.serve({
-  fetch(req, server) {
-    const sessionId = await generateSessionId();
-    server.upgrade(req, {
-      headers: { // [!code ++]
-        "Set-Cookie": `SessionId=${sessionId}`, // [!code ++]
-      }, // [!code ++]
-    });
-  },
-  websocket: {}, // handlers
-});
-```
-
-### Contextual data
-
-Contextual `data` can be attached to a new WebSocket in the `.upgrade()` call. This data is made available on the `ws.data` property inside the WebSocket handlers.
-
-To strongly type `ws.data`, add a `data` property to the `websocket` handler object. This types `ws.data` across all lifecycle hooks.
-
-```ts server.ts icon="/icons/typescript.svg"
-type WebSocketData = {
-  createdAt: number;
-  channelId: string;
-  authToken: string;
-};
-
-Bun.serve({
-  fetch(req, server) {
-    const cookies = new Bun.CookieMap(req.headers.get("cookie")!);
-
-    server.upgrade(req, {
-      // this object must conform to WebSocketData
-      data: {
-        createdAt: Date.now(),
-        channelId: new URL(req.url).searchParams.get("channelId"),
-        authToken: cookies.get("X-Token"),
-      },
-    });
-
-    return undefined;
-  },
-  websocket: {
-    // TypeScript: specify the type of ws.data like this
-    data: {} as WebSocketData,
-    // handler called when a message is received
-    async message(ws, message) {
-      // ws.data is now properly typed as WebSocketData
-      const user = getUserFromToken(ws.data.authToken);
-
-      await saveMessageToDatabase({
-        channel: ws.data.channelId,
-        message: String(message),
-        userId: user.id,
-      });
-    },
-  },
-});
-```
-
-<Info>
-**Note:** Previously, you could specify the type of `ws.data` using a type parameter on `Bun.serve`, like `Bun.serve<MyData>({...})`. This pattern was removed due to [a limitation in TypeScript](https://github.com/microsoft/TypeScript/issues/26242) in favor of the `data` property shown above.
-</Info>
-
-To connect to this server from the browser, create a new `WebSocket`.
-
-```js browser.js icon="file-code"
-const socket = new WebSocket("ws://localhost:3000/chat");
-
-socket.addEventListener("message", event => {
-  console.log(event.data);
-});
-```
-
-<Info>
-**Identifying users**
-
-The cookies that are currently set on the page will be sent with the WebSocket upgrade request and available on `req.headers` in the `fetch` handler. Parse these cookies to determine the identity of the connecting user and set the value of `data` accordingly.
-
-</Info>
-
-### Pub/Sub
-
-Bun's `ServerWebSocket` implementation implements a native publish-subscribe API for topic-based broadcasting. Individual sockets can `.subscribe()` to a topic (specified with a string identifier) and `.publish()` messages to all other subscribers to that topic (excluding itself). This topic-based broadcast API is similar to [MQTT](https://en.wikipedia.org/wiki/MQTT) and [Redis Pub/Sub](https://redis.io/topics/pubsub).
-
-```ts server.ts icon="/icons/typescript.svg"
-const server = Bun.serve({
-  fetch(req, server) {
-    const url = new URL(req.url);
-    if (url.pathname === "/chat") {
-      console.log(`upgrade!`);
-      const username = getUsernameFromReq(req);
-      const success = server.upgrade(req, { data: { username } });
-      return success ? undefined : new Response("WebSocket upgrade error", { status: 400 });
-    }
-
-    return new Response("Hello world");
-  },
-  websocket: {
-    // TypeScript: specify the type of ws.data like this
-    data: {} as { username: string },
-    open(ws) {
-      const msg = `${ws.data.username} has entered the chat`;
-      ws.subscribe("the-group-chat");
-      server.publish("the-group-chat", msg);
-    },
-    message(ws, message) {
-      // this is a group chat
-      // so the server re-broadcasts incoming message to everyone
-      server.publish("the-group-chat", `${ws.data.username}: ${message}`);
-
-      // inspect current subscriptions
-      console.log(ws.subscriptions); // ["the-group-chat"]
-    },
-    close(ws) {
-      const msg = `${ws.data.username} has left the chat`;
-      ws.unsubscribe("the-group-chat");
-      server.publish("the-group-chat", msg);
-    },
-  },
-});
-
-console.log(`Listening on ${server.hostname}:${server.port}`);
-```
-
-Calling `.publish(data)` will send the message to all subscribers of a topic _except_ the socket that called `.publish()`. To send a message to all subscribers of a topic, use the `.publish()` method on the `Server` instance.
-
-```ts
-const server = Bun.serve({
-  websocket: {
-    // ...
-  },
-});
-
-// listen for some external event
-server.publish("the-group-chat", "Hello world");
-```
-
-### Compression
-
-Per-message [compression](https://websockets.readthedocs.io/en/stable/topics/compression.html) can be enabled with the `perMessageDeflate` parameter.
-
-```ts server.ts icon="/icons/typescript.svg"
-Bun.serve({
-  websocket: {
-    perMessageDeflate: true, // [!code ++]
-  },
-});
-```
-
-Compression can be enabled for individual messages by passing a `boolean` as the second argument to `.send()`.
-
-```ts
-ws.send("Hello world", true);
-```
-
-For fine-grained control over compression characteristics, refer to the [Reference](#reference).
-
-### Backpressure
-
-The `.send(message)` method of `ServerWebSocket` returns a `number` indicating the result of the operation.
-
-- `-1` — The message was enqueued but there is backpressure
-- `0` — The message was dropped due to a connection issue
-- `1+` — The number of bytes sent
-
-This gives you better control over backpressure in your server.
-
-### Timeouts and limits
-
-By default, Bun will close a WebSocket connection if it is idle for 120 seconds. This can be configured with the `idleTimeout` parameter.
-
-```ts
-Bun.serve({
-  fetch(req, server) {}, // upgrade logic
-  websocket: {
-    idleTimeout: 60, // 60 seconds  // [!code ++]
-  },
-});
-```
-
-Bun will also close a WebSocket connection if it receives a message that is larger than 16 MB. This can be configured with the `maxPayloadLength` parameter.
-
-```ts
-Bun.serve({
-  fetch(req, server) {}, // upgrade logic
-  websocket: {
-    maxPayloadLength: 1024 * 1024, // 1 MB  // [!code ++]
-  },
-});
-```
-
----
-
-## Connect to a `Websocket` server
-
-Bun implements the `WebSocket` class. To create a WebSocket client that connects to a `ws://` or `wss://` server, create an instance of `WebSocket`, as you would in the browser.
-
-```ts
-const socket = new WebSocket("ws://localhost:3000");
-
-// With subprotocol negotiation
-const socket2 = new WebSocket("ws://localhost:3000", ["soap", "wamp"]);
-```
-
-In browsers, the cookies that are currently set on the page will be sent with the WebSocket upgrade request. This is a standard feature of the `WebSocket` API.
-
-For convenience, Bun lets you setting custom headers directly in the constructor. This is a Bun-specific extension of the `WebSocket` standard. _This will not work in browsers._
-
-```ts
-const socket = new WebSocket("ws://localhost:3000", {
-  headers: {
-    /* custom headers */
-  }, // [!code ++]
-});
-```
-
-To add event listeners to the socket:
-
-```ts
-// message is received
-socket.addEventListener("message", event => {});
-
-// socket opened
-socket.addEventListener("open", event => {});
-
-// socket closed
-socket.addEventListener("close", event => {});
-
-// error handler
-socket.addEventListener("error", event => {});
-```
-
----
-
-## Reference
-
-```ts See Typescript Definitions expandable
-namespace Bun {
-  export function serve(params: {
-    fetch: (req: Request, server: Server) => Response | Promise<Response>;
-    websocket?: {
-      message: (ws: ServerWebSocket, message: string | ArrayBuffer | Uint8Array) => void;
-      open?: (ws: ServerWebSocket) => void;
-      close?: (ws: ServerWebSocket, code: number, reason: string) => void;
-      error?: (ws: ServerWebSocket, error: Error) => void;
-      drain?: (ws: ServerWebSocket) => void;
-
-      maxPayloadLength?: number; // default: 16 * 1024 * 1024 = 16 MB
-      idleTimeout?: number; // default: 120 (seconds)
-      backpressureLimit?: number; // default: 1024 * 1024 = 1 MB
-      closeOnBackpressureLimit?: boolean; // default: false
-      sendPings?: boolean; // default: true
-      publishToSelf?: boolean; // default: false
-
-      perMessageDeflate?:
-        | boolean
-        | {
-            compress?: boolean | Compressor;
-            decompress?: boolean | Compressor;
-          };
-    };
-  }): Server;
-}
-
-type Compressor =
-  | `"disable"`
-  | `"shared"`
-  | `"dedicated"`
-  | `"3KB"`
-  | `"4KB"`
-  | `"8KB"`
-  | `"16KB"`
-  | `"32KB"`
-  | `"64KB"`
-  | `"128KB"`
-  | `"256KB"`;
-
-interface Server {
-  pendingWebSockets: number;
-  publish(topic: string, data: string | ArrayBufferView | ArrayBuffer, compress?: boolean): number;
-  upgrade(
-    req: Request,
-    options?: {
-      headers?: HeadersInit;
-      data?: any;
-    },
-  ): boolean;
-}
-
-interface ServerWebSocket {
-  readonly data: any;
-  readonly readyState: number;
-  readonly remoteAddress: string;
-  readonly subscriptions: string[];
-  send(message: string | ArrayBuffer | Uint8Array, compress?: boolean): number;
-  close(code?: number, reason?: string): void;
-  subscribe(topic: string): void;
-  unsubscribe(topic: string): void;
-  publish(topic: string, message: string | ArrayBuffer | Uint8Array): void;
-  isSubscribed(topic: string): boolean;
-  cork(cb: (ws: ServerWebSocket) => void): void;
-}
-```