move stuff around until it feels right

library/embed/embed-child.ts

@@ -0,0 +1,6 @@
+import { Node } from "../node.js"
+import type { EmbedOptions } from "./embed-options"
+
+export abstract class EmbedChildNode<Props> extends Node<Props> {
+  abstract modifyEmbedOptions(options: EmbedOptions): void
+}

library/embed/embed-field.tsx

@@ -0,0 +1,30 @@
+import React from "react"
+import { ReacordElement } from "../element.js"
+import { EmbedChildNode } from "./embed-child.js"
+import type { EmbedOptions } from "./embed-options"
+
+export type EmbedFieldProps = {
+  name: string
+  inline?: boolean
+  children: string
+}
+
+export function EmbedField(props: EmbedFieldProps) {
+  return (
+    <ReacordElement
+      props={props}
+      createNode={() => new EmbedFieldNode(props)}
+    />
+  )
+}
+
+class EmbedFieldNode extends EmbedChildNode<EmbedFieldProps> {
+  override modifyEmbedOptions(options: EmbedOptions): void {
+    options.fields ??= []
+    options.fields.push({
+      name: this.props.name,
+      value: this.props.children,
+      inline: this.props.inline,
+    })
+  }
+}

library/embed/embed-options.ts

@@ -0,0 +1,19 @@
+export type EmbedOptions = {
+  title?: string
+  description?: string
+  url?: string
+  timestamp?: string
+  color?: number
+  fields?: EmbedFieldOptions[]
+  author?: { name: string; url?: string; icon_url?: string }
+  thumbnail?: { url: string }
+  image?: { url: string }
+  video?: { url: string }
+  footer?: { text: string; icon_url?: string }
+}
+
+export type EmbedFieldOptions = {
+  name: string
+  value: string
+  inline?: boolean
+}

library/embed/embed-title.tsx

@@ -0,0 +1,25 @@
+import React from "react"
+import { ReacordElement } from "../element.js"
+import { EmbedChildNode } from "./embed-child.js"
+import type { EmbedOptions } from "./embed-options"
+
+export type EmbedTitleProps = {
+  children: string
+  url?: string
+}
+
+export function EmbedTitle(props: EmbedTitleProps) {
+  return (
+    <ReacordElement
+      props={props}
+      createNode={() => new EmbedTitleNode(props)}
+    />
+  )
+}
+
+class EmbedTitleNode extends EmbedChildNode<EmbedTitleProps> {
+  override modifyEmbedOptions(options: EmbedOptions): void {
+    options.title = this.props.children
+    options.url = this.props.url
+  }
+}

library/embed/embed.tsx

@@ -0,0 +1,51 @@
+import React from "react"
+import { omit } from "../../helpers/omit"
+import { ReacordElement } from "../element.js"
+import type { MessageOptions } from "../message"
+import { Node } from "../node.js"
+import { EmbedChildNode } from "./embed-child.js"
+
+export type EmbedProps = {
+  description?: string
+  url?: string
+  timestamp?: string
+  color?: number
+  footer?: {
+    text: string
+    iconURL?: string
+  }
+  image?: {
+    url: string
+  }
+  thumbnail?: {
+    url: string
+  }
+  author?: {
+    name: string
+    url?: string
+    iconURL?: string
+  }
+  children?: React.ReactNode
+}
+
+export function Embed(props: EmbedProps) {
+  return (
+    <ReacordElement props={props} createNode={() => new EmbedNode(props)}>
+      {props.children}
+    </ReacordElement>
+  )
+}
+
+class EmbedNode extends Node<EmbedProps> {
+  override modifyMessageOptions(options: MessageOptions): void {
+    const embed = omit(this.props, ["children"])
+    for (const child of this.children) {
+      if (child instanceof EmbedChildNode) {
+        child.modifyEmbedOptions(embed)
+      }
+    }
+
+    options.embeds ??= []
+    options.embeds.push(embed)
+  }
+}