Rehber Buton, Select Menu ve Modal Kullanımı (discord.js v14 / discord.py)

npm install discord.js dotenv

TOKEN=BOT_TOKENINIZ
CLIENT_ID=BOT_UYGULAMA_IDSI
GUILD_ID=SUNUCU_IDSI

require('dotenv').config();
const {
    Client, GatewayIntentBits, REST, Routes, SlashCommandBuilder, MessageFlags,
    ActionRowBuilder, ButtonBuilder, ButtonStyle,
    StringSelectMenuBuilder, StringSelectMenuOptionBuilder,
    ModalBuilder, TextInputBuilder, TextInputStyle
} = require('discord.js');

const client = new Client({ intents: [GatewayIntentBits.Guilds] });

// ---------- Bileşen Oluşturucular ----------
const butonSatiri = (sayi) => new ActionRowBuilder().addComponents(
    new ButtonBuilder().setCustomId('selam').setLabel('Selam Ver').setEmoji('👋').setStyle(ButtonStyle.Success),
    new ButtonBuilder().setCustomId('sayac').setLabel(`Tıklama: ${sayi}`).setStyle(ButtonStyle.Primary),
    new ButtonBuilder().setCustomId('form_ac').setLabel('Form Aç').setEmoji('📝').setStyle(ButtonStyle.Secondary),
    new ButtonBuilder().setLabel('Dokümantasyon').setStyle(ButtonStyle.Link).setURL('https://discordjs.guide/')
);

const menuSatiri = () => new ActionRowBuilder().addComponents(
    new StringSelectMenuBuilder()
        .setCustomId('renk_menu')
        .setPlaceholder('Bir renk seçin...')
        .addOptions(
            new StringSelectMenuOptionBuilder().setLabel('Kırmızı').setValue('kirmizi').setDescription('Ateş gibi').setEmoji('🔴'),
            new StringSelectMenuOptionBuilder().setLabel('Mavi').setValue('mavi').setDescription('Deniz gibi').setEmoji('🔵'),
            new StringSelectMenuOptionBuilder().setLabel('Yeşil').setValue('yesil').setDescription('Orman gibi').setEmoji('🟢')
        )
);

const renkler = { kirmizi: 'Kırmızı 🔴', mavi: 'Mavi 🔵', yesil: 'Yeşil 🟢' };

// ---------- Komut Kaydı ----------
const commands = [
    new SlashCommandBuilder()
        .setName('panel')
        .setDescription('Buton, menü ve form içeren panel gönderir')
        .toJSON()
];

const rest = new REST({ version: '10' }).setToken(process.env.TOKEN);

client.once('ready', async () => {
    console.log(`Bot giriş yaptı: ${client.user.tag}`);
    try {
        await rest.put(
            Routes.applicationGuildCommands(process.env.CLIENT_ID, process.env.GUILD_ID),
            { body: commands }
        );
        console.log('Slash komutlar yüklendi!');
    } catch (error) {
        console.error(error);
    }
});

// ---------- Etkileşimler ----------
client.on('interactionCreate', async interaction => {
    try {
        // ----- /panel komutu -----
        if (interaction.isChatInputCommand() && interaction.commandName === 'panel') {
            return interaction.reply({
                content: '🎛️ **SroCave Kontrol Paneli**\nAşağıdaki bileşenleri deneyin!',
                components: [menuSatiri(), butonSatiri(0)]
            });
        }

        // ----- Butonlar -----
        if (interaction.isButton()) {
            if (interaction.customId === 'selam') {
                return interaction.reply({
                    content: `Merhaba ${interaction.user}! 👋`,
                    flags: MessageFlags.Ephemeral
                });
            }

            if (interaction.customId === 'sayac') {
                // Butonun üzerindeki sayıyı oku, 1 artır, mesajı güncelle
                const sayi = parseInt(interaction.component.label.replace(/\D/g, ''), 10) + 1;
                return interaction.update({ components: [menuSatiri(), butonSatiri(sayi)] });
            }

            if (interaction.customId === 'form_ac') {
                const modal = new ModalBuilder()
                    .setCustomId('geri_bildirim')
                    .setTitle('Geri Bildirim Formu');

                const konu = new TextInputBuilder()
                    .setCustomId('konu')
                    .setLabel('Konu')
                    .setStyle(TextInputStyle.Short)
                    .setPlaceholder('Kısaca konuyu yazın')
                    .setMaxLength(50)
                    .setRequired(true);

                const mesaj = new TextInputBuilder()
                    .setCustomId('mesaj')
                    .setLabel('Mesajınız')
                    .setStyle(TextInputStyle.Paragraph)
                    .setPlaceholder('Düşüncelerinizi buraya yazın...')
                    .setMaxLength(500)
                    .setRequired(true);

                modal.addComponents(
                    new ActionRowBuilder().addComponents(konu),
                    new ActionRowBuilder().addComponents(mesaj)
                );

                return interaction.showModal(modal);
            }
        }

        // ----- Select Menu -----
        if (interaction.isStringSelectMenu() && interaction.customId === 'renk_menu') {
            const secilen = interaction.values[0];
            return interaction.reply({
                content: `Seçtiğiniz renk: **${renkler[secilen]}**`,
                flags: MessageFlags.Ephemeral
            });
        }

        // ----- Modal Gönderimi -----
        if (interaction.isModalSubmit() && interaction.customId === 'geri_bildirim') {
            const konu = interaction.fields.getTextInputValue('konu');
            const mesaj = interaction.fields.getTextInputValue('mesaj');

            return interaction.reply({
                content: `✅ Teşekkürler ${interaction.user}!\n**Konu:** ${konu}\n**Mesaj:** ${mesaj}`,
                allowedMentions: { parse: [] }, // Kullanıcı yazdığı metinle etiket atamasın
                flags: MessageFlags.Ephemeral
            });
        }
    } catch (error) {
        console.error(error);
        const mesaj = { content: '❌ Bir hata oluştu.', flags: MessageFlags.Ephemeral };
        if (interaction.replied || interaction.deferred) interaction.followUp(mesaj).catch(() => {});
        else interaction.reply(mesaj).catch(() => {});
    }
});

client.login(process.env.TOKEN);

node index.js

pip install -U discord.py python-dotenv

TOKEN=BOT_TOKENINIZ

import os
import discord
from discord.ext import commands
from dotenv import load_dotenv

load_dotenv()

intents = discord.Intents.default()
bot = commands.Bot(command_prefix="!", intents=intents)

RENKLER = {"kirmizi": "Kırmızı 🔴", "mavi": "Mavi 🔵", "yesil": "Yeşil 🟢"}


# ---------- Modal (Form) ----------
class GeriBildirimModal(discord.ui.Modal, title="Geri Bildirim Formu"):
    konu = discord.ui.TextInput(
        label="Konu",
        placeholder="Kısaca konuyu yazın",
        max_length=50,
        required=True,
    )
    mesaj = discord.ui.TextInput(
        label="Mesajınız",
        style=discord.TextStyle.paragraph,
        placeholder="Düşüncelerinizi buraya yazın...",
        max_length=500,
        required=True,
    )

    async def on_submit(self, interaction: discord.Interaction):
        await interaction.response.send_message(
            f"✅ Teşekkürler {interaction.user.mention}!\n"
            f"**Konu:** {self.konu.value}\n**Mesaj:** {self.mesaj.value}",
            allowed_mentions=discord.AllowedMentions.none(),  # Yazılan metinle etiket atılmasın
            ephemeral=True,
        )


# ---------- Select Menu ----------
class RenkMenusu(discord.ui.Select):
    def __init__(self):
        secenekler = [
            discord.SelectOption(label="Kırmızı", value="kirmizi", description="Ateş gibi", emoji="🔴"),
            discord.SelectOption(label="Mavi", value="mavi", description="Deniz gibi", emoji="🔵"),
            discord.SelectOption(label="Yeşil", value="yesil", description="Orman gibi", emoji="🟢"),
        ]
        super().__init__(
            placeholder="Bir renk seçin...",
            min_values=1,
            max_values=1,
            options=secenekler,
            custom_id="panel:renk",
        )

    async def callback(self, interaction: discord.Interaction):
        await interaction.response.send_message(
            f"Seçtiğiniz renk: **{RENKLER[self.values[0]]}**", ephemeral=True
        )


# ---------- Butonlar + Menü (View) ----------
class PanelView(discord.ui.View):
    def __init__(self):
        super().__init__(timeout=None)  # Süresiz çalışsın
        self.sayac = 0
        self.add_item(RenkMenusu())

    @discord.ui.button(label="Selam Ver", style=discord.ButtonStyle.success, emoji="👋", custom_id="panel:selam")
    async def selam(self, interaction: discord.Interaction, button: discord.ui.Button):
        await interaction.response.send_message(f"Merhaba {interaction.user.mention}! 👋", ephemeral=True)

    @discord.ui.button(label="Tıklama: 0", style=discord.ButtonStyle.primary, custom_id="panel:sayac")
    async def sayac_butonu(self, interaction: discord.Interaction, button: discord.ui.Button):
        self.sayac += 1
        button.label = f"Tıklama: {self.sayac}"
        await interaction.response.edit_message(view=self)

    @discord.ui.button(label="Form Aç", style=discord.ButtonStyle.secondary, emoji="📝", custom_id="panel:form")
    async def form_ac(self, interaction: discord.Interaction, button: discord.ui.Button):
        await interaction.response.send_modal(GeriBildirimModal())


# ---------- Bot Olayları ve Komut ----------
@bot.event
async def setup_hook():
    bot.add_view(PanelView())   # Bot yeniden başlasa bile eski panellerin butonları çalışsın
    await bot.tree.sync()       # Slash komutları Discord'a kaydet


@bot.event
async def on_ready():
    print(f"Bot giriş yaptı: {bot.user}")


@bot.tree.command(name="panel", description="Buton, menü ve form içeren panel gönderir")
async def panel(interaction: discord.Interaction):
    await interaction.response.send_message(
        "🎛️ **SroCave Kontrol Paneli**\nAşağıdaki bileşenleri deneyin!",
        view=PanelView(),
    )


bot.run(os.getenv("TOKEN"))

python bot.py