npm - @hasna/skills - Versions diffs - 0.1.22 → 0.1.23 - Mend

@hasna/skills 0.1.22 → 0.1.23

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 (699) hide show

package/skills/skill-logo-design/node_modules/bun-types/docs/runtime/html-rewriter.mdx DELETED Viewed

@@ -1,333 +0,0 @@
----
-title: HTMLRewriter
-description: Use Bun's HTMLRewriter to transform HTML documents with CSS selectors
----
-HTMLRewriter lets you use CSS selectors to transform HTML documents. It works with `Request`, `Response`, as well as `string`. Bun's implementation is based on Cloudflare's [lol-html](https://github.com/cloudflare/lol-html).
----
-## Usage
-A common usecase is rewriting URLs in HTML content. Here's an example that rewrites image sources and link URLs to use a CDN domain:
-```ts
-// Replace all images with a rickroll
-const rewriter = new HTMLRewriter().on("img", {
-  element(img) {
-    // Famous rickroll video thumbnail
-    img.setAttribute("src", "https://img.youtube.com/vi/dQw4w9WgXcQ/maxresdefault.jpg");
-    // Wrap the image in a link to the video
-    img.before('<a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ" target="_blank">', {
-      html: true,
-    });
-    img.after("</a>", { html: true });
-    // Add some fun alt text
-    img.setAttribute("alt", "Definitely not a rickroll");
-  },
-});
-// An example HTML document
-const html = `
-<html>
-<body>
-  <img src="/cat.jpg">
-  <img src="dog.png">
-  <img src="https://example.com/bird.webp">
-</body>
-</html>
-`;
-const result = rewriter.transform(html);
-console.log(result);
-```
-This replaces all images with a thumbnail of Rick Astley and wraps each `<img>` in a link, producing a diff like this:
-{/* prettier-ignore */}
-```html
-<html>
-  <body>
-    <img src="/cat.jpg" /> <!-- [!code --] -->
-    <img src="dog.png" /> <!-- [!code --] -->
-    <img src="https://example.com/bird.webp" /> <!-- [!code --] -->
-    <a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ" target="_blank"> <!-- [!code ++] -->
-      <img src="https://img.youtube.com/vi/dQw4w9WgXcQ/maxresdefault.jpg" alt="Definitely not a rickroll" /> <!-- [!code ++] -->
-    </a> <!-- [!code ++] -->
-    <a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ" target="_blank"> <!-- [!code ++] -->
-      <img src="https://img.youtube.com/vi/dQw4w9WgXcQ/maxresdefault.jpg" alt="Definitely not a rickroll" /> <!-- [!code ++] -->
-    </a> <!-- [!code ++] -->
-    <a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ" target="_blank"> <!-- [!code ++] -->
-      <img src="https://img.youtube.com/vi/dQw4w9WgXcQ/maxresdefault.jpg" alt="Definitely not a rickroll" /> <!-- [!code ++] -->
-    </a> <!-- [!code ++] -->
-  </body>
-</html>
-```
-Now every image on the page will be replaced with a thumbnail of Rick Astley, and clicking any image will lead to [a very famous video](https://www.youtube.com/watch?v=dQw4w9WgXcQ).
-### Input types
-HTMLRewriter can transform HTML from various sources. The input is automatically handled based on its type:
-```ts
-// From Response
-rewriter.transform(new Response("<div>content</div>"));
-// From string
-rewriter.transform("<div>content</div>");
-// From ArrayBuffer
-rewriter.transform(new TextEncoder().encode("<div>content</div>").buffer);
-// From Blob
-rewriter.transform(new Blob(["<div>content</div>"]));
-// From File
-rewriter.transform(Bun.file("index.html"));
-```
-Note that Cloudflare Workers implementation of HTMLRewriter only supports `Response` objects.
-### Element Handlers
-The `on(selector, handlers)` method allows you to register handlers for HTML elements that match a CSS selector. The handlers are called for each matching element during parsing:
-```ts
-rewriter.on("div.content", {
-  // Handle elements
-  element(element) {
-    element.setAttribute("class", "new-content");
-    element.append("<p>New content</p>", { html: true });
-  },
-  // Handle text nodes
-  text(text) {
-    text.replace("new text");
-  },
-  // Handle comments
-  comments(comment) {
-    comment.remove();
-  },
-});
-```
-The handlers can be asynchronous and return a Promise. Note that async operations will block the transformation until they complete:
-```ts
-rewriter.on("div", {
-  async element(element) {
-    await Bun.sleep(1000);
-    element.setInnerContent("<span>replace</span>", { html: true });
-  },
-});
-```
-### CSS Selector Support
-The `on()` method supports a wide range of CSS selectors:
-```ts
-// Tag selectors
-rewriter.on("p", handler);
-// Class selectors
-rewriter.on("p.red", handler);
-// ID selectors
-rewriter.on("h1#header", handler);
-// Attribute selectors
-rewriter.on("p[data-test]", handler); // Has attribute
-rewriter.on('p[data-test="one"]', handler); // Exact match
-rewriter.on('p[data-test="one" i]', handler); // Case-insensitive
-rewriter.on('p[data-test="one" s]', handler); // Case-sensitive
-rewriter.on('p[data-test~="two"]', handler); // Word match
-rewriter.on('p[data-test^="a"]', handler); // Starts with
-rewriter.on('p[data-test$="1"]', handler); // Ends with
-rewriter.on('p[data-test*="b"]', handler); // Contains
-rewriter.on('p[data-test|="a"]', handler); // Dash-separated
-// Combinators
-rewriter.on("div span", handler); // Descendant
-rewriter.on("div > span", handler); // Direct child
-// Pseudo-classes
-rewriter.on("p:nth-child(2)", handler);
-rewriter.on("p:first-child", handler);
-rewriter.on("p:nth-of-type(2)", handler);
-rewriter.on("p:first-of-type", handler);
-rewriter.on("p:not(:first-child)", handler);
-// Universal selector
-rewriter.on("*", handler);
-```
-### Element Operations
-Elements provide various methods for manipulation. All modification methods return the element instance for chaining:
-```ts
-rewriter.on("div", {
-  element(el) {
-    // Attributes
-    el.setAttribute("class", "new-class").setAttribute("data-id", "123");
-    const classAttr = el.getAttribute("class"); // "new-class"
-    const hasId = el.hasAttribute("id"); // boolean
-    el.removeAttribute("class");
-    // Content manipulation
-    el.setInnerContent("New content"); // Escapes HTML by default
-    el.setInnerContent("<p>HTML content</p>", { html: true }); // Parses HTML
-    el.setInnerContent(""); // Clear content
-    // Position manipulation
-    el.before("Content before").after("Content after").prepend("First child").append("Last child");
-    // HTML content insertion
-    el.before("<span>before</span>", { html: true })
-      .after("<span>after</span>", { html: true })
-      .prepend("<span>first</span>", { html: true })
-      .append("<span>last</span>", { html: true });
-    // Removal
-    el.remove(); // Remove element and contents
-    el.removeAndKeepContent(); // Remove only the element tags
-    // Properties
-    console.log(el.tagName); // Lowercase tag name
-    console.log(el.namespaceURI); // Element's namespace URI
-    console.log(el.selfClosing); // Whether element is self-closing (e.g. <div />)
-    console.log(el.canHaveContent); // Whether element can contain content (false for void elements like <br>)
-    console.log(el.removed); // Whether element was removed
-    // Attributes iteration
-    for (const [name, value] of el.attributes) {
-      console.log(name, value);
-    }
-    // End tag handling
-    el.onEndTag(endTag => {
-      endTag.before("Before end tag");
-      endTag.after("After end tag");
-      endTag.remove(); // Remove the end tag
-      console.log(endTag.name); // Tag name in lowercase
-    });
-  },
-});
-```
-### Text Operations
-Text handlers provide methods for text manipulation. Text chunks represent portions of text content and provide information about their position in the text node:
-```ts
-rewriter.on("p", {
-  text(text) {
-    // Content
-    console.log(text.text); // Text content
-    console.log(text.lastInTextNode); // Whether this is the last chunk
-    console.log(text.removed); // Whether text was removed
-    // Manipulation
-    text.before("Before text").after("After text").replace("New text").remove();
-    // HTML content insertion
-    text
-      .before("<span>before</span>", { html: true })
-      .after("<span>after</span>", { html: true })
-      .replace("<span>replace</span>", { html: true });
-  },
-});
-```
-### Comment Operations
-Comment handlers allow comment manipulation with similar methods to text nodes:
-```ts
-rewriter.on("*", {
-  comments(comment) {
-    // Content
-    console.log(comment.text); // Comment text
-    comment.text = "New comment text"; // Set comment text
-    console.log(comment.removed); // Whether comment was removed
-    // Manipulation
-    comment.before("Before comment").after("After comment").replace("New comment").remove();
-    // HTML content insertion
-    comment
-      .before("<span>before</span>", { html: true })
-      .after("<span>after</span>", { html: true })
-      .replace("<span>replace</span>", { html: true });
-  },
-});
-```
-### Document Handlers
-The `onDocument(handlers)` method allows you to handle document-level events. These handlers are called for events that occur at the document level rather than within specific elements:
-```ts
-rewriter.onDocument({
-  // Handle doctype
-  doctype(doctype) {
-    console.log(doctype.name); // "html"
-    console.log(doctype.publicId); // public identifier if present
-    console.log(doctype.systemId); // system identifier if present
-  },
-  // Handle text nodes
-  text(text) {
-    console.log(text.text);
-  },
-  // Handle comments
-  comments(comment) {
-    console.log(comment.text);
-  },
-  // Handle document end
-  end(end) {
-    end.append("<!-- Footer -->", { html: true });
-  },
-});
-```
-### Response Handling
-When transforming a Response:
-- The status code, headers, and other response properties are preserved
-- The body is transformed while maintaining streaming capabilities
-- Content-encoding (like gzip) is handled automatically
-- The original response body is marked as used after transformation
-- Headers are cloned to the new response
-## Error Handling
-HTMLRewriter operations can throw errors in several cases:
-- Invalid selector syntax in `on()` method
-- Invalid HTML content in transformation methods
-- Stream errors when processing Response bodies
-- Memory allocation failures
-- Invalid input types (e.g., passing Symbol)
-- Body already used errors
-Errors should be caught and handled appropriately:
-```ts
-try {
-  const result = rewriter.transform(input);
-  // Process result
-} catch (error) {
-  console.error("HTMLRewriter error:", error);
-}
-```
----
-## See also
-You can also read the [Cloudflare documentation](https://developers.cloudflare.com/workers/runtime-apis/html-rewriter/), which this API is intended to be compatible with.

package/skills/skill-logo-design/node_modules/bun-types/docs/runtime/http/cookies.mdx DELETED Viewed

@@ -1,79 +0,0 @@
----
-title: Cookies
-description: Work with cookies in HTTP requests and responses using Bun's built-in Cookie API.
----
-Bun provides a built-in API for working with cookies in HTTP requests and responses. The `BunRequest` object includes a `cookies` property that provides a `CookieMap` for easily accessing and manipulating cookies. When using `routes`, `Bun.serve()` automatically tracks `request.cookies.set` and applies them to the response.
-## Reading cookies
-Read cookies from incoming requests using the `cookies` property on the `BunRequest` object:
-```ts
-Bun.serve({
-  routes: {
-    "/profile": req => {
-      // Access cookies from the request
-      const userId = req.cookies.get("user_id");
-      const theme = req.cookies.get("theme") || "light";
-      return Response.json({
-        userId,
-        theme,
-        message: "Profile page",
-      });
-    },
-  },
-});
-```
-## Setting cookies
-To set cookies, use the `set` method on the `CookieMap` from the `BunRequest` object.
-```ts
-Bun.serve({
-  routes: {
-    "/login": req => {
-      const cookies = req.cookies;
-      // Set a cookie with various options
-      cookies.set("user_id", "12345", {
-        maxAge: 60 * 60 * 24 * 7, // 1 week
-        httpOnly: true,
-        secure: true,
-        path: "/",
-      });
-      // Add a theme preference cookie
-      cookies.set("theme", "dark");
-      // Modified cookies from the request are automatically applied to the response
-      return new Response("Login successful");
-    },
-  },
-});
-```
-`Bun.serve()` automatically tracks modified cookies from the request and applies them to the response.
-## Deleting cookies
-To delete a cookie, use the `delete` method on the `request.cookies` (`CookieMap`) object:
-```ts
-Bun.serve({
-  routes: {
-    "/logout": req => {
-      // Delete the user_id cookie
-      req.cookies.delete("user_id", {
-        path: "/",
-      });
-      return new Response("Logged out successfully");
-    },
-  },
-});
-```
-Deleted cookies become a `Set-Cookie` header on the response with the `maxAge` set to `0` and an empty `value`.

package/skills/skill-logo-design/node_modules/bun-types/docs/runtime/http/error-handling.mdx DELETED Viewed

@@ -1,40 +0,0 @@
----
-title: Error Handling
-description: Learn how to handle errors in Bun's development server
----
-To activate development mode, set `development: true`.
-```ts title="server.ts" icon="/icons/typescript.svg"
-Bun.serve({
-  development: true, // [!code ++]
-  fetch(req) {
-    throw new Error("woops!");
-  },
-});
-```
-In development mode, Bun will surface errors in-browser with a built-in error page.
-<Frame>![Bun's built-in 500 page](https://bun.com/images/exception_page.png)</Frame>
-### `error` callback
-To handle server-side errors, implement an `error` handler. This function should return a `Response` to serve to the client when an error occurs. This response will supersede Bun's default error page in `development` mode.
-```ts
-Bun.serve({
-  fetch(req) {
-    throw new Error("woops!");
-  },
-  error(error) {
-    return new Response(`<pre>${error}\n${error.stack}</pre>`, {
-      headers: {
-        "Content-Type": "text/html",
-      },
-    });
-  },
-});
-```
-<Info>[Learn more about debugging in Bun](/docs/runtime/debugger)</Info>

package/skills/skill-logo-design/node_modules/bun-types/docs/runtime/http/metrics.mdx DELETED Viewed

@@ -1,36 +0,0 @@
----
-title: Metrics
-description: Monitor server activity with built-in metrics
----
-### `server.pendingRequests` and `server.pendingWebSockets`
-Monitor server activity with built-in counters:
-```ts
-const server = Bun.serve({
-  fetch(req, server) {
-    return new Response(
-      `Active requests: ${server.pendingRequests}\n` + `Active WebSockets: ${server.pendingWebSockets}`,
-    );
-  },
-});
-```
-### `server.subscriberCount(topic)`
-Get count of subscribers for a WebSocket topic:
-```ts
-const server = Bun.serve({
-  fetch(req, server) {
-    const chatUsers = server.subscriberCount("chat");
-    return new Response(`${chatUsers} users in chat`);
-  },
-  websocket: {
-    message(ws) {
-      ws.subscribe("chat");
-    },
-  },
-});
-```