feat: update templates to have buttons

Author: ghostdevv

.changeset/mean-fans-explode.md

@@ -0,0 +1,5 @@
+---
+'create-jellycommands': minor
+---
+
+update templates to have buttons

packages/create-jellycommands/src/js/src/buttons/hello.js

@@ -0,0 +1,11 @@
+import { button } from 'jellycommands';
+
+export default button({
+    id: 'hello',
+
+    async run({ interaction }) {
+        interaction.reply({
+            content: 'Hello from a button!',
+        });
+    },
+});

packages/create-jellycommands/src/js/src/commands/hello.js

@@ -0,0 +1,25 @@
+import { ActionRowBuilder, ButtonBuilder, ButtonStyle } from 'discord.js';
+import { command } from 'jellycommands';
+
+export default command({
+    name: 'test',
+    description: 'Testing that the bot works fine',
+
+    global: true,
+
+    run: ({ interaction }) => {
+        const row = new ActionRowBuilder();
+
+        const button = new ButtonBuilder()
+            .setCustomId('hello')
+            .setLabel('Click me!')
+            .setStyle(ButtonStyle.Primary);
+
+        row.addComponents(button);
+
+        interaction.reply({
+            content: 'Hello, world!',
+            components: [row],
+        });
+    },
+});

packages/create-jellycommands/src/js/src/commands/test.js

@@ -9,6 +9,9 @@ const client = new JellyCommands({
     // https://jellycommands.dev/guide/events/loading
     events: 'src/events',
 
+    // https://jellycommands.dev/guide/buttons/loading
+    buttons: 'src/buttons',
+
     clientOptions: {
         intents: [IntentsBitField.Flags.Guilds],
     },

packages/create-jellycommands/src/js/src/index.js

@@ -0,0 +1,11 @@
+import { button } from 'jellycommands';
+
+export default button({
+    id: 'hello',
+
+    async run({ interaction }) {
+        interaction.reply({
+            content: 'Hello from a button!',
+        });
+    },
+});

packages/create-jellycommands/src/ts/src/buttons/hello.ts

@@ -0,0 +1,25 @@
+import { ActionRowBuilder, ButtonBuilder, ButtonStyle } from 'discord.js';
+import { command } from 'jellycommands';
+
+export default command({
+    name: 'test',
+    description: 'Testing that the bot works fine',
+
+    global: true,
+
+    run: ({ interaction }) => {
+        const row = new ActionRowBuilder<ButtonBuilder>();
+
+        const button = new ButtonBuilder()
+            .setCustomId('hello')
+            .setLabel('Click me!')
+            .setStyle(ButtonStyle.Primary);
+
+        row.addComponents(button);
+
+        interaction.reply({
+            content: 'Hello, world!',
+            components: [row],
+        });
+    },
+});

packages/create-jellycommands/src/ts/src/commands/hello.ts

@@ -9,6 +9,9 @@ const client = new JellyCommands({
     // https://jellycommands.dev/guide/events/loading
     events: 'src/events',
 
+    // https://jellycommands.dev/guide/buttons/loading
+    buttons: 'src/buttons',
+
     clientOptions: {
         intents: [IntentsBitField.Flags.Guilds],
     },