wip embeds

src/components/embed.tsx

@@ -0,0 +1,19 @@
+import type { ColorResolvable } from "discord.js"
+import type { ReactNode } from "react"
+import * as React from "react"
+
+export type EmbedProps = {
+  color?: ColorResolvable
+  children?: ReactNode
+}
+
+export function Embed(props: EmbedProps) {
+  return (
+    <reacord-element
+      modifyOptions={(options) => {
+        options.embeds ??= []
+        options.embeds.push({ color: props.color })
+      }}
+    />
+  )
+}

src/container.ts

@@ -1,4 +1,5 @@
 import type { Message, MessageOptions, TextBasedChannels } from "discord.js"
+import type { ReacordElement } from "./element.js"
 
 type Action =
   | { type: "updateMessage"; options: MessageOptions }
@@ -14,7 +15,7 @@ export class ReacordContainer {
     this.channel = channel
   }
 
-  render(instances: string[]) {
+  render(instances: ReacordElement[]) {
     const messageOptions: MessageOptions = {
       content: instances.join("") || undefined, // empty strings are not allowed
     }

src/element.ts

@@ -0,0 +1,15 @@
+import type { MessageOptions } from "discord.js"
+
+export type ReacordElementJsxTag = "reacord-element"
+
+export type ReacordElement = {
+  modifyOptions: (options: MessageOptions) => void
+}
+
+declare global {
+  namespace JSX {
+    // eslint-disable-next-line @typescript-eslint/consistent-type-definitions
+    interface IntrinsicElements
+      extends Record<ReacordElementJsxTag, ReacordElement> {}
+  }
+}

src/reconciler.ts

@@ -1,15 +1,16 @@
 /* eslint-disable unicorn/no-null */
 import ReactReconciler from "react-reconciler"
 import type { ReacordContainer } from "./container.js"
+import type { ReacordElement, ReacordElementJsxTag } from "./element.js"
 import { raise } from "./helpers/raise.js"
 
 export const reconciler = ReactReconciler<
-  unknown,
-  Record<string, unknown>,
+  ReacordElementJsxTag,
+  ReacordElement,
   ReacordContainer,
+  ReacordElement,
   string,
-  string,
-  string,
+  unknown,
   unknown,
   unknown,
   unknown,
@@ -33,12 +34,12 @@ export const reconciler = ReactReconciler<
 
   createInstance: (
     type,
-    properties,
+    props,
     rootContainerInstance,
     hostContext,
     internalInstanceHandle,
   ) => {
-    throw new Error("Not implemented")
+    return props
   },
 
   createTextInstance: (
@@ -54,24 +55,30 @@ export const reconciler = ReactReconciler<
   resetAfterCommit: () => null,
 
   appendInitialChild: (parent, child) => raise("Not implemented"),
-  finalizeInitialChildren: () => raise("Not implemented"),
+  finalizeInitialChildren: (...args) => {
+    console.log("finalizeInitialChildren", args)
+    return false
+  },
   getPublicInstance: () => raise("Not implemented"),
   prepareUpdate: () => raise("Not implemented"),
   preparePortalMount: () => raise("Not implemented"),
 
-  createContainerChildSet: (container: ReacordContainer): string[] => {
+  createContainerChildSet: (): ReacordElement[] => {
     // console.log("createContainerChildSet", [container])
     return []
   },
 
-  appendChildToContainerChildSet: (children: string[], child: string) => {
+  appendChildToContainerChildSet: (
+    children: ReacordElement[],
+    child: ReacordElement,
+  ) => {
     // console.log("appendChildToContainerChildSet", [children, child])
     children.push(child)
   },
 
   finalizeContainerChildren: (
     container: ReacordContainer,
-    children: string[],
+    children: ReacordElement[],
   ) => {
     // console.log("finalizeContainerChildren", [container, children])
     return false
@@ -79,9 +86,9 @@ export const reconciler = ReactReconciler<
 
   replaceContainerChildren: (
     container: ReacordContainer,
-    children: string[],
+    children: ReacordElement[],
   ) => {
-    // console.log("replaceContainerChildren", [container, children])
+    console.log("replaceContainerChildren", [container, children])
     container.render(children)
   },
 })