Files
reacord/packages/reacord/library/react/embed.tsx
itsMapleLeaf 2c8742bc5f cleanup
2022-08-04 13:30:02 -05:00

55 lines
1.6 KiB
TypeScript

import React from "react"
import { Node } from "../node.js"
import { ReacordElement } from "./reacord-element.js"
/**
* @category Embed
* @see https://discord.com/developers/docs/resources/channel#embed-object
*/
export type EmbedProps = {
title?: string
description?: string
url?: string
color?: number
fields?: Array<{ name: string; value: string; inline?: boolean }>
author?: { name: string; url?: string; iconUrl?: string }
thumbnail?: { url: string }
image?: { url: string }
video?: { url: string }
footer?: { text: string; iconUrl?: string }
timestamp?: string | number | Date
children?: React.ReactNode
}
/**
* @category Embed
* @see https://discord.com/developers/docs/resources/channel#embed-object
*/
export function Embed(props: EmbedProps) {
return (
<ReacordElement props={props} createNode={() => new EmbedNode(props)}>
{props.children}
</ReacordElement>
)
}
export class EmbedNode extends Node<EmbedProps> {
// override modifyMessageOptions(options: MessageOptions): void {
// const embed: EmbedOptions = {
// ...snakeCaseDeep(omit(this.props, ["children", "timestamp"])),
// timestamp: this.props.timestamp
// ? new Date(this.props.timestamp).toISOString()
// : undefined,
// }
// for (const child of this.children) {
// if (child instanceof EmbedChildNode) {
// child.modifyEmbedOptions(embed)
// }
// if (child instanceof TextNode) {
// embed.description = (embed.description || "") + child.props
// }
// }
// options.embeds.push(embed)
// }
}