@dressed/react 1.1.0 → 1.3.0

package/dist/index.d.ts

@@ -1,49 +1,3 @@
-import type { ReactNode } from "react";
-import { type APIInteractionResponseCallbackData, type APIModalInteractionResponseCallbackData } from "discord-api-types/v10";
-import type { createInteraction, RawFile } from "dressed/server";
-type ReplyProps = [
-    components: ReactNode,
-    data?: Omit<APIInteractionResponseCallbackData, "content"> & {
-        /** Whether the message is ephemeral */
-        ephemeral?: boolean;
-        /** The files to send with the message */
-        files?: RawFile[];
-        /** Whether to return the source message with the response */
-        with_response?: boolean;
-    }
-];
-type EditReplyProps = [
-    components: ReactNode,
-    data?: Omit<APIInteractionResponseCallbackData, "content"> & {
-        /** The files to send with the message */
-        files?: RawFile[];
-    }
-];
-type FollowUpProps = [
-    components: ReactNode,
-    data?: Omit<APIInteractionResponseCallbackData, "content"> & {
-        /** The files to send with the message */
-        files?: RawFile[];
-        /** Whether the message is ephemeral */
-        ephemeral?: boolean;
-    }
-];
-type ShowModalProps = [
-    components: ReactNode,
-    data?: Omit<APIModalInteractionResponseCallbackData, "components">
-];
-type ReactivatedInteraction<T extends NonNullable<ReturnType<typeof createInteraction>>> = OverrideMethodParams<T, {
-    reply: ReplyProps;
-    editReply: EditReplyProps;
-    update: EditReplyProps;
-    followUp: FollowUpProps;
-    showModal: ShowModalProps;
-}>;
-type OverrideMethodParams<T, Overrides extends Record<string, unknown[]>> = {
-    [K in keyof T]: K extends keyof Overrides ? T[K] extends (...args: any) => any ? (...args: Overrides[K]) => ReturnType<T[K]> : T[K] : T[K];
-};
-export declare function render(component: ReactNode): Promise<import("./react/renderer.ts").Renderer>;
-export declare function patchInteraction<T extends NonNullable<ReturnType<typeof createInteraction>>>(interaction: T): ReactivatedInteraction<T>;
 export { ActionRow } from "./components/action-row.ts";
 export { Button } from "./components/button.ts";
 export { Container } from "./components/container.ts";
@@ -55,3 +9,6 @@ export { Separator } from "./components/separator.ts";
 export { TextDisplay } from "./components/text-display.ts";
 export { TextInput } from "./components/text-input.ts";
 export { Thumbnail } from "./components/thumbnail.ts";
+export * from "./rendering/index.ts";
+export * from "./rendering/interaction.ts";
+export * from "./rendering/message.ts";

package/dist/index.js

@@ -1,39 +1,4 @@
-import { MessageFlags, } from "discord-api-types/v10";
-import { createRenderer } from "./react/renderer.js";
-import { reconciler } from "./react/reconciler.js";
-export async function render(component) {
-    const container = createRenderer();
-    const root = reconciler.createContainer(container, 0, null, false, null, "dressed", (error) => console.error(error), null);
-    if (root !== null) {
-        await new Promise((r) => reconciler.updateContainer(component, root, null, r));
-        await container.render();
-    }
-    return container;
-}
-export function patchInteraction(interaction) {
-    if (!interaction)
-        throw new Error("No interaction");
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const newInteraction = interaction;
-    for (const method of [
-        "reply",
-        "editReply",
-        "update",
-        "followUp",
-    ]) {
-        if (!(method in interaction))
-            continue;
-        const original = interaction[method];
-        newInteraction[method] = async (components, data = {}) => {
-            var _a;
-            const flags = ((_a = data.flags) !== null && _a !== void 0 ? _a : 0) | MessageFlags.IsComponentsV2;
-            data.flags = flags;
-            data.components = (await render(components)).components;
-            return original(data);
-        };
-    }
-    return newInteraction;
-}
+// Components
 export { ActionRow } from "./components/action-row.js";
 export { Button } from "./components/button.js";
 export { Container } from "./components/container.js";
@@ -45,4 +10,8 @@ export { Separator } from "./components/separator.js";
 export { TextDisplay } from "./components/text-display.js";
 export { TextInput } from "./components/text-input.js";
 export { Thumbnail } from "./components/thumbnail.js";
+// Rendering
+export * from "./rendering/index.js";
+export * from "./rendering/interaction.js";
+export * from "./rendering/message.js";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,YAAY,GAGb,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAyDnD,MAAM,CAAC,KAAK,UAAU,MAAM,CAAC,SAAoB;IAC/C,MAAM,SAAS,GAAG,cAAc,EAAE,CAAC;IACnC,MAAM,IAAI,GAAG,UAAU,CAAC,eAAe,CACrC,SAAS,EACT,CAAC,EACD,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,SAAS,EACT,CAAC,KAAY,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EACtC,IAAI,CACL,CAAC;IAEF,IAAI,IAAI,KAAK,IAAI,EAAE,CAAC;QAClB,MAAM,IAAI,OAAO,CAAO,CAAC,CAAC,EAAE,EAAE,CAC5B,UAAU,CAAC,eAAe,CAAC,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CACrD,CAAC;QACF,MAAM,SAAS,CAAC,MAAM,EAAE,CAAC;IAC3B,CAAC;IACD,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,MAAM,UAAU,gBAAgB,CAE9B,WAAc;IACd,IAAI,CAAC,WAAW;QAAE,MAAM,IAAI,KAAK,CAAC,gBAAgB,CAAC,CAAC;IACpD,8DAA8D;IAC9D,MAAM,cAAc,GAAG,WAAkB,CAAC;IAC1C,KAAK,MAAM,MAAM,IAAI;QACnB,OAAO;QACP,WAAW;QACX,QAAQ;QACR,UAAU;KACI,EAAE,CAAC;QACjB,IAAI,CAAC,CAAC,MAAM,IAAI,WAAW,CAAC;YAAE,SAAS;QACvC,MAAM,QAAQ,GAAG,WAAW,CAAC,MAAM,CAA4B,CAAC;QAChE,cAAc,CAAC,MAAM,CAAC,GAAG,KAAK,EAC5B,UAAyB,EACzB,OAAsB,EAAE,EACxB,EAAE;;YACF,MAAM,KAAK,GAAG,CAAC,MAAA,IAAI,CAAC,KAAK,mCAAI,CAAC,CAAC,GAAG,YAAY,CAAC,cAAc,CAAC;YAC9D,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,IAAI,CAAC,UAAU,GAAG,CAAC,MAAM,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,UAAmB,CAAC;YACjE,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC;QACxB,CAAC,CAAC;IACJ,CAAC;IACD,OAAO,cAA2C,CAAC;AACrD,CAAC;AAED,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAC/E,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,aAAa;AACb,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAC/E,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,YAAY;AACZ,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC"}

package/dist/rendering/index.d.ts

@@ -0,0 +1,2 @@
+import type { ReactNode } from "react";
+export declare function render(children: ReactNode): Promise<import("../react/renderer.ts").Renderer>;

package/dist/rendering/index.js

@@ -0,0 +1,12 @@
+import { createRenderer } from "../react/renderer.js";
+import { reconciler } from "../react/reconciler.js";
+export async function render(children) {
+    const container = createRenderer();
+    const root = reconciler.createContainer(container, 0, null, false, null, "dressed", (error) => console.error(error), null);
+    if (root !== null) {
+        await new Promise((r) => reconciler.updateContainer(children, root, null, r));
+        await container.render();
+    }
+    return container;
+}
+//# sourceMappingURL=index.js.map

package/dist/rendering/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/rendering/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,MAAM,CAAC,KAAK,UAAU,MAAM,CAAC,QAAmB;IAC9C,MAAM,SAAS,GAAG,cAAc,EAAE,CAAC;IACnC,MAAM,IAAI,GAAG,UAAU,CAAC,eAAe,CACrC,SAAS,EACT,CAAC,EACD,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,SAAS,EACT,CAAC,KAAY,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EACtC,IAAI,CACL,CAAC;IAEF,IAAI,IAAI,KAAK,IAAI,EAAE,CAAC;QAClB,MAAM,IAAI,OAAO,CAAO,CAAC,CAAC,EAAE,EAAE,CAC5B,UAAU,CAAC,eAAe,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CACpD,CAAC;QACF,MAAM,SAAS,CAAC,MAAM,EAAE,CAAC;IAC3B,CAAC;IACD,OAAO,SAAS,CAAC;AACnB,CAAC"}

package/dist/rendering/interaction.d.ts

@@ -0,0 +1,50 @@
+import type { CommandInteraction as DressedCommandInteraction, MessageComponentInteraction as DressedMessageComponentInteraction, ModalSubmitInteraction as DressedModalSubmitInteraction } from "dressed";
+import type { createInteraction, RawFile } from "dressed/server";
+import { type APIInteractionResponseCallbackData, type APIModalInteractionResponseCallbackData } from "discord-api-types/v10";
+import type { ReactNode } from "react";
+type ReplyProps = [
+    components: ReactNode,
+    data?: Omit<APIInteractionResponseCallbackData, "content"> & {
+        /** Whether the message is ephemeral */
+        ephemeral?: boolean;
+        /** The files to send with the message */
+        files?: RawFile[];
+        /** Whether to return the source message with the response */
+        with_response?: boolean;
+    }
+];
+type EditReplyProps = [
+    components: ReactNode,
+    data?: Omit<APIInteractionResponseCallbackData, "content"> & {
+        /** The files to send with the message */
+        files?: RawFile[];
+    }
+];
+type FollowUpProps = [
+    components: ReactNode,
+    data?: Omit<APIInteractionResponseCallbackData, "content"> & {
+        /** The files to send with the message */
+        files?: RawFile[];
+        /** Whether the message is ephemeral */
+        ephemeral?: boolean;
+    }
+];
+type ShowModalProps = [
+    components: ReactNode,
+    data: Omit<APIModalInteractionResponseCallbackData, "components">
+];
+type ReactivatedInteraction<T extends NonNullable<ReturnType<typeof createInteraction>>> = OverrideMethodParams<T, {
+    reply: ReplyProps;
+    editReply: EditReplyProps;
+    update: EditReplyProps;
+    followUp: FollowUpProps;
+    showModal: ShowModalProps;
+}>;
+type OverrideMethodParams<T, Overrides extends Record<string, unknown[]>> = {
+    [K in keyof T]: K extends keyof Overrides ? T[K] extends (...args: any) => any ? (...args: Overrides[K]) => ReturnType<T[K]> : T[K] : T[K];
+};
+export type CommandInteraction = ReactivatedInteraction<DressedCommandInteraction>;
+export type MessageComponentInteraction = ReactivatedInteraction<DressedMessageComponentInteraction>;
+export type ModalSubmitInteraction = ReactivatedInteraction<DressedModalSubmitInteraction>;
+export declare function patchInteraction<T extends NonNullable<ReturnType<typeof createInteraction>>>(interaction: T): ReactivatedInteraction<T>;
+export {};

package/dist/rendering/interaction.js

@@ -0,0 +1,28 @@
+import { MessageFlags, } from "discord-api-types/v10";
+import { render } from "./index.js";
+export function patchInteraction(interaction) {
+    if (!interaction)
+        throw new Error("No interaction");
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const newInteraction = interaction;
+    for (const method of [
+        "reply",
+        "editReply",
+        "update",
+        "followUp",
+        "showModal",
+    ]) {
+        if (!(method in interaction))
+            continue;
+        const original = interaction[method];
+        newInteraction[method] = async (components, data = {}) => {
+            var _a;
+            const flags = ((_a = data.flags) !== null && _a !== void 0 ? _a : 0) | MessageFlags.IsComponentsV2;
+            data.flags = flags;
+            data.components = (await render(components)).components;
+            return original(data);
+        };
+    }
+    return newInteraction;
+}
+//# sourceMappingURL=interaction.js.map

package/dist/rendering/interaction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interaction.js","sourceRoot":"","sources":["../../src/rendering/interaction.ts"],"names":[],"mappings":"AAMA,OAAO,EACL,YAAY,GAGb,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AA+DpC,MAAM,UAAU,gBAAgB,CAE9B,WAAc;IACd,IAAI,CAAC,WAAW;QAAE,MAAM,IAAI,KAAK,CAAC,gBAAgB,CAAC,CAAC;IACpD,8DAA8D;IAC9D,MAAM,cAAc,GAAG,WAAkB,CAAC;IAC1C,KAAK,MAAM,MAAM,IAAI;QACnB,OAAO;QACP,WAAW;QACX,QAAQ;QACR,UAAU;QACV,WAAW;KACG,EAAE,CAAC;QACjB,IAAI,CAAC,CAAC,MAAM,IAAI,WAAW,CAAC;YAAE,SAAS;QACvC,MAAM,QAAQ,GAAG,WAAW,CAAC,MAAM,CAA4B,CAAC;QAChE,cAAc,CAAC,MAAM,CAAC,GAAG,KAAK,EAC5B,UAAyB,EACzB,OAAsB,EAAE,EACxB,EAAE;;YACF,MAAM,KAAK,GAAG,CAAC,MAAA,IAAI,CAAC,KAAK,mCAAI,CAAC,CAAC,GAAG,YAAY,CAAC,cAAc,CAAC;YAC9D,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,IAAI,CAAC,UAAU,GAAG,CAAC,MAAM,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,UAAmB,CAAC;YACjE,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC;QACxB,CAAC,CAAC;IACJ,CAAC;IACD,OAAO,cAAc,CAAC;AACxB,CAAC"}

package/dist/rendering/message.d.ts

@@ -0,0 +1,23 @@
+import type { RawFile } from "dressed/server";
+import { type RESTPatchAPIChannelMessageJSONBody, type RESTPostAPIChannelMessageJSONBody, type Snowflake } from "discord-api-types/v10";
+import type { ReactNode } from "react";
+/**
+ * Renders the provided children and posts a message to a guild text or DM channel with the `IsComponentsV2` flag.
+ * @example createMessage(channelId, <Button label="Foo" />)
+ * @param channel The channel to post the message to
+ * @param components The contents of the message
+ * @param data The message data
+ */
+export declare function createMessage(channel: Snowflake, components: ReactNode, data: Omit<RESTPostAPIChannelMessageJSONBody, "content"> & {
+    files?: RawFile[];
+}): Promise<import("discord-api-types/v10").APIMessage>;
+/**
+ * Renders the provided children and edits a previously sent message.
+ * @example editMessage(channelId, messageId, <Button label="Bar" />)
+ * @param channel The channel to edit the message in
+ * @param components The contents of the message
+ * @param data The new message data
+ */
+export declare function editMessage(channel: Snowflake, message: Snowflake, components: ReactNode, data: Omit<RESTPatchAPIChannelMessageJSONBody, "content"> & {
+    files?: RawFile[];
+}): Promise<import("discord-api-types/v10").APIMessage>;

package/dist/rendering/message.js

@@ -0,0 +1,32 @@
+import { createMessage as dressedCreateMessage, editMessage as dressedEditMessage, } from "dressed";
+import { MessageFlags, } from "discord-api-types/v10";
+import { render } from "./index.js";
+/**
+ * Renders the provided children and posts a message to a guild text or DM channel with the `IsComponentsV2` flag.
+ * @example createMessage(channelId, <Button label="Foo" />)
+ * @param channel The channel to post the message to
+ * @param components The contents of the message
+ * @param data The message data
+ */
+export async function createMessage(channel, components, data) {
+    var _a;
+    const flags = ((_a = data.flags) !== null && _a !== void 0 ? _a : 0) | MessageFlags.IsComponentsV2;
+    data.flags = flags;
+    data.components = (await render(components)).components;
+    return dressedCreateMessage(channel, data);
+}
+/**
+ * Renders the provided children and edits a previously sent message.
+ * @example editMessage(channelId, messageId, <Button label="Bar" />)
+ * @param channel The channel to edit the message in
+ * @param components The contents of the message
+ * @param data The new message data
+ */
+export async function editMessage(channel, message, components, data) {
+    var _a;
+    const flags = ((_a = data.flags) !== null && _a !== void 0 ? _a : 0) | MessageFlags.IsComponentsV2;
+    data.flags = flags;
+    data.components = (await render(components)).components;
+    return dressedEditMessage(channel, message, data);
+}
+//# sourceMappingURL=message.js.map

package/dist/rendering/message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message.js","sourceRoot":"","sources":["../../src/rendering/message.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,IAAI,oBAAoB,EACrC,WAAW,IAAI,kBAAkB,GAClC,MAAM,SAAS,CAAC;AAEjB,OAAO,EACL,YAAY,GAIb,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAEpC;;;;;;GAMG;AACH,MAAM,CAAC,KAAK,UAAU,aAAa,CACjC,OAAkB,EAClB,UAAqB,EACrB,IAEC;;IAED,MAAM,KAAK,GAAG,CAAC,MAAA,IAAI,CAAC,KAAK,mCAAI,CAAC,CAAC,GAAG,YAAY,CAAC,cAAc,CAAC;IAC9D,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACnB,IAAI,CAAC,UAAU,GAAG,CAAC,MAAM,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,UAAmB,CAAC;IACjE,OAAO,oBAAoB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;AAC7C,CAAC;AAED;;;;;;GAMG;AACH,MAAM,CAAC,KAAK,UAAU,WAAW,CAC/B,OAAkB,EAClB,OAAkB,EAClB,UAAqB,EACrB,IAEC;;IAED,MAAM,KAAK,GAAG,CAAC,MAAA,IAAI,CAAC,KAAK,mCAAI,CAAC,CAAC,GAAG,YAAY,CAAC,cAAc,CAAC;IAC9D,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACnB,IAAI,CAAC,UAAU,GAAG,CAAC,MAAM,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,UAAmB,CAAC;IACjE,OAAO,kBAAkB,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;AACpD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dressed/react",
-  "version": "1.1.0",
+  "version": "1.3.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/Inbestigator/dressed.git",