instance management and deactivation

playground/counter.tsx

@@ -4,7 +4,7 @@ import { EmbedField } from "../src.new/embed/embed-field.js"
 import { EmbedTitle } from "../src.new/embed/embed-title.js"
 import { Embed } from "../src.new/embed/embed.js"
 
-export function Counter() {
+export function Counter(props: { onDeactivate: () => void }) {
   const [count, setCount] = React.useState(0)
   const [embedVisible, setEmbedVisible] = React.useState(false)
 
@@ -32,6 +32,7 @@ export function Counter() {
       {!embedVisible && (
         <Button label="show embed" onClick={() => setEmbedVisible(true)} />
       )}
+      <Button style="danger" label="deactivate" onClick={props.onDeactivate} />
     </>
   )
 }

playground/main.tsx

@@ -1,7 +1,7 @@
 import { Client } from "discord.js"
 import "dotenv/config"
 import React from "react"
-import { InstanceManager } from "../src.new/main.js"
+import { Reacord } from "../src.new/main.js"
 import { createCommandHandler } from "./command-handler.js"
 import { Counter } from "./counter.js"
 
@@ -9,15 +9,15 @@ const client = new Client({
   intents: ["GUILDS"],
 })
 
-const manager = InstanceManager.create(client)
+const reacord = Reacord.create({ client, maxInstances: 2 })
 
 createCommandHandler(client, [
   {
     name: "counter",
     description: "shows a counter button",
     run: (interaction) => {
-      manager.create(interaction).render(<Counter />)
-      manager.create(interaction).render(<Counter />)
+      const reply = reacord.reply(interaction)
+      reply.render(<Counter onDeactivate={() => reply.deactivate()} />)
     },
   },
 ])