Attachments

Creating attachments

The Attachment component is really simple to use, it just gets either a file or a path and returns a LilybirdAttachment.

Caution

Passing in path instead of file will make it so Lilybird will try to use Bun APIs, so if you are using Node pass in a Blob or extension of blob instead.

bun

import { Attachment } from "@lilybird/jsx";
import { join } from "node:path"

const att = <Attachment
  path={join(import.meta.dir, "./lilybird.png")}
  name="lilybird"
/>;

node

import { Attachment } from "@lilybird/jsx";
import { readFile } from "node:fs/promises";

const att = <Attachment
  file={new Blob([await readFile(new URL("./lilybird.png", import.meta.url))])}
  name="lilybird"
/>;

Using attachments

When using the the Attachment component you can easily pass in <Attachment>.uri to embeds and other places that use the URI form of attachments.

An example would be:

import { Attachment, Embed, EmbedImage } from "@lilybird/jsx";
import { join } from "node:path"

const att = <Attachment
  path={join(import.meta.dir, "./lilybird.png")}
  name="lilybird"
/>;

const embed = (
  <Embed title="Lilybird" description="For bun, with bun">
    <EmbedImage url={att.uri} />
  </Embed>
);