test: playground

Author: davidabou

playground/buttons/hello.ts

@@ -0,0 +1,11 @@
+import { defineButton } from '../../src'
+
+export default defineButton(
+  {
+    label: 'Say hello!',
+    style: 'Primary'
+  },
+  (interaction) => {
+    interaction.reply('Hello!')
+  }
+)

playground/commands/utils/noop.ts

@@ -1,28 +1,13 @@
-import { defineCommand, defineEmbed } from '../../../src'
+import { defineCommand, getSelectMenu, useActionRow } from '../../../src'
 
 export default defineCommand(
   {
-    description: 'NOOP!',
-    options: {
-      noop: {
-        type: 'User',
-        description: 'Noop user',
-        required: false
-      }
-    }
+    description: 'NOOP!'
   },
-  (_, interaction, context) => {
-    const { noop } = context.options
+  (_, interaction) => {
+    const selectMenu = getSelectMenu('choose')
+    const row = useActionRow(selectMenu!)
 
-    const embed = defineEmbed({
-      color: 0x0099ff,
-      title: 'Noop title',
-      description: `Noop description here ${noop}`,
-      thumbnail:
-        'https://tr.rbxcdn.com/dd80ef8b8f6ecc3ffd54b4bffbb91af4/420/420/Image/Png',
-      timestamp: new Date()
-    })
-
-    interaction.reply({ embeds: [embed] })
+    interaction.reply({ content: 'Say hello:', components: [row] })
   }
 )

playground/commands/utils/test.ts

@@ -1,32 +1,13 @@
-import { TextInputStyle } from 'discord.js'
-import { defineCommand, defineModal } from '../../../src'
+import { defineCommand, getModal } from '../../../src'
 
 export default defineCommand(
   {
     description: 'Test the bot',
-    guildOnly: true,
     preconditions: ['ownerOnly']
   },
   async (_, interaction) => {
-    const modal = defineModal({
-      id: 'test',
-      title: 'Test',
-      textInputs: [
-        {
-          id: 'color',
-          label: 'Color',
-          style: TextInputStyle.Short,
-          placeholder: 'Enter a color'
-        },
-        {
-          id: 'hobbies',
-          label: 'Hobbies',
-          style: TextInputStyle.Paragraph,
-          placeholder: 'Enter your hobbies'
-        }
-      ]
-    })
+    const modal = getModal('form')
 
-    await interaction.showModal(modal)
+    await interaction.showModal(modal!)
   }
 )

playground/events/modals/test.ts

@@ -0,0 +1,26 @@
+import { defineModal } from '../../src'
+
+export default defineModal(
+  {
+    title: 'Form',
+    textInputs: [
+      {
+        id: 'color',
+        label: 'Favorite color',
+        placeholder: 'Enter your favorite color',
+        style: 'Short'
+      },
+      {
+        id: 'hobbies',
+        label: 'Hobbies',
+        placeholder: 'Enter your hobbies',
+        style: 'Paragraph'
+      }
+    ]
+  },
+  (interaction) => {
+    const color = interaction.fields.getTextInputValue('color')
+
+    interaction.reply(`Submitted color: ${color}`)
+  }
+)

playground/events/ready.once.ts renamed to playground/events/ready.ts

@@ -0,0 +1,11 @@
+import { defineSelectMenu } from '../../src'
+
+export default defineSelectMenu(
+  {
+    type: 'User',
+    placeholder: 'Choose a user'
+  },
+  (interaction) => {
+    interaction.reply(`You selected an user!`)
+  }
+)