498 lines
14 KiB
TypeScript
498 lines
14 KiB
TypeScript
|
import type { CommandMessage } from '../../../core/types/commands';
|
|||
|
|
import type Amayo from '../../../core/client';
|
|||
|
|
import {
|
|||
|
|
Message,
|
|||
|
|
ButtonInteraction,
|
|||
|
|
MessageComponentInteraction,
|
|||
|
|
ComponentType,
|
|||
|
|
ButtonStyle,
|
|||
|
|
MessageFlags,
|
|||
|
|
StringSelectMenuInteraction
|
|||
|
|
} from 'discord.js';
|
|||
|
|
import { prisma } from '../../../core/database/prisma';
|
|||
|
|
import { getOrCreateWallet, buyFromOffer } from '../../../game/economy/service';
|
|||
|
|
import type { DisplayComponentContainer } from '../../../core/types/displayComponents';
|
|||
|
|
import type { ItemProps } from '../../../game/economy/types';
|
|||
|
|
|
|||
|
|
const ITEMS_PER_PAGE = 5;
|
|||
|
|
|
|||
|
|
function parseItemProps(json: unknown): ItemProps {
|
|||
|
|
if (!json || typeof json !== 'object') return {};
|
|||
|
|
return json as ItemProps;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function formatPrice(price: any): string {
|
|||
|
|
const parts: string[] = [];
|
|||
|
|
if (price.coins) parts.push(`💰 ${price.coins}`);
|
|||
|
|
if (price.items && price.items.length > 0) {
|
|||
|
|
for (const item of price.items) {
|
|||
|
|
parts.push(`📦 ${item.itemKey} x${item.qty}`);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return parts.join(' + ') || '¿Gratis?';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getItemIcon(props: ItemProps, category?: string): string {
|
|||
|
|
if (props.tool) {
|
|||
|
|
const t = props.tool.type;
|
|||
|
|
if (t === 'pickaxe') return '⛏️';
|
|||
|
|
if (t === 'rod') return '🎣';
|
|||
|
|
if (t === 'sword') return '🗡️';
|
|||
|
|
if (t === 'bow') return '🏹';
|
|||
|
|
if (t === 'halberd') return '⚔️';
|
|||
|
|
if (t === 'net') return '🕸️';
|
|||
|
|
return '🔧';
|
|||
|
|
}
|
|||
|
|
if (props.damage && props.damage > 0) return '⚔️';
|
|||
|
|
if (props.defense && props.defense > 0) return '🛡️';
|
|||
|
|
if (props.food) return '🍖';
|
|||
|
|
if (props.chest) return '📦';
|
|||
|
|
if (category === 'consumables') return '🧪';
|
|||
|
|
if (category === 'materials') return '🔨';
|
|||
|
|
return '📦';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
export const command: CommandMessage = {
|
|||
|
|
name: 'tienda',
|
|||
|
|
type: 'message',
|
|||
|
|
aliases: ['shop', 'store'],
|
|||
|
|
cooldown: 5,
|
|||
|
|
description: 'Abre la tienda y navega por las ofertas disponibles con un panel interactivo.',
|
|||
|
|
usage: 'tienda [categoria]',
|
|||
|
|
run: async (message, args, _client: Amayo) => {
|
|||
|
|
const userId = message.author.id;
|
|||
|
|
const guildId = message.guild!.id;
|
|||
|
|
|
|||
|
|
// Obtener wallet del usuario
|
|||
|
|
const wallet = await getOrCreateWallet(userId, guildId);
|
|||
|
|
|
|||
|
|
// Obtener todas las ofertas activas
|
|||
|
|
const now = new Date();
|
|||
|
|
const offers = await prisma.shopOffer.findMany({
|
|||
|
|
where: {
|
|||
|
|
guildId,
|
|||
|
|
enabled: true,
|
|||
|
|
OR: [
|
|||
|
|
{ startAt: null, endAt: null },
|
|||
|
|
{ startAt: { lte: now }, endAt: { gte: now } },
|
|||
|
|
{ startAt: { lte: now }, endAt: null },
|
|||
|
|
{ startAt: null, endAt: { gte: now } }
|
|||
|
|
]
|
|||
|
|
},
|
|||
|
|
include: { item: true },
|
|||
|
|
orderBy: { createdAt: 'desc' }
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
if (offers.length === 0) {
|
|||
|
|
await message.reply('🏪 La tienda está vacía. ¡Vuelve más tarde!');
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// Filtrar por categoría si se proporciona
|
|||
|
|
const categoryFilter = args[0]?.trim().toLowerCase();
|
|||
|
|
const filteredOffers = categoryFilter
|
|||
|
|
? offers.filter(o => o.item.category?.toLowerCase().includes(categoryFilter))
|
|||
|
|
: offers;
|
|||
|
|
|
|||
|
|
if (filteredOffers.length === 0) {
|
|||
|
|
await message.reply(`🏪 No hay ofertas en la categoría "${categoryFilter}".`);
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// Estado inicial
|
|||
|
|
let currentPage = 1;
|
|||
|
|
let selectedOfferId: string | null = null;
|
|||
|
|
|
|||
|
|
const shopMessage = await message.reply({
|
|||
|
|
flags: MessageFlags.SuppressEmbeds | 32768,
|
|||
|
|
components: await buildShopPanel(filteredOffers, currentPage, wallet.coins, selectedOfferId)
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// Collector para interacciones
|
|||
|
|
const collector = shopMessage.createMessageComponentCollector({
|
|||
|
|
time: 300000, // 5 minutos
|
|||
|
|
filter: (i: MessageComponentInteraction) => i.user.id === message.author.id
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
collector.on('collect', async (interaction: MessageComponentInteraction) => {
|
|||
|
|
try {
|
|||
|
|
if (interaction.isButton()) {
|
|||
|
|
await handleButtonInteraction(
|
|||
|
|
interaction as ButtonInteraction,
|
|||
|
|
filteredOffers,
|
|||
|
|
currentPage,
|
|||
|
|
selectedOfferId,
|
|||
|
|
userId,
|
|||
|
|
guildId,
|
|||
|
|
shopMessage,
|
|||
|
|
collector
|
|||
|
|
);
|
|||
|
|
} else if (interaction.isStringSelectMenu()) {
|
|||
|
|
await handleSelectInteraction(
|
|||
|
|
interaction as StringSelectMenuInteraction,
|
|||
|
|
filteredOffers,
|
|||
|
|
currentPage,
|
|||
|
|
userId,
|
|||
|
|
guildId,
|
|||
|
|
shopMessage
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// Actualizar página y selección basado en customId
|
|||
|
|
if (interaction.customId === 'shop_prev_page') {
|
|||
|
|
currentPage = Math.max(1, currentPage - 1);
|
|||
|
|
} else if (interaction.customId === 'shop_next_page') {
|
|||
|
|
const totalPages = Math.ceil(filteredOffers.length / ITEMS_PER_PAGE);
|
|||
|
|
currentPage = Math.min(totalPages, currentPage + 1);
|
|||
|
|
} else if (interaction.customId === 'shop_select_item') {
|
|||
|
|
// El select menu ya maneja la selección
|
|||
|
|
}
|
|||
|
|
} catch (error: any) {
|
|||
|
|
console.error('Error handling shop interaction:', error);
|
|||
|
|
if (!interaction.replied && !interaction.deferred) {
|
|||
|
|
await interaction.reply({
|
|||
|
|
content: `❌ Error: ${error?.message ?? error}`,
|
|||
|
|
flags: MessageFlags.Ephemeral
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
collector.on('end', async (_, reason) => {
|
|||
|
|
if (reason === 'time') {
|
|||
|
|
try {
|
|||
|
|
await shopMessage.edit({
|
|||
|
|
components: await buildExpiredPanel()
|
|||
|
|
});
|
|||
|
|
} catch {}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
async function buildShopPanel(
|
|||
|
|
offers: any[],
|
|||
|
|
page: number,
|
|||
|
|
userCoins: number,
|
|||
|
|
selectedOfferId: string | null
|
|||
|
|
): Promise<any[]> {
|
|||
|
|
const totalPages = Math.ceil(offers.length / ITEMS_PER_PAGE);
|
|||
|
|
const safePage = Math.min(Math.max(1, page), totalPages);
|
|||
|
|
const start = (safePage - 1) * ITEMS_PER_PAGE;
|
|||
|
|
const pageOffers = offers.slice(start, start + ITEMS_PER_PAGE);
|
|||
|
|
|
|||
|
|
// Encontrar la oferta seleccionada
|
|||
|
|
const selectedOffer = selectedOfferId
|
|||
|
|
? offers.find(o => o.id === selectedOfferId)
|
|||
|
|
: null;
|
|||
|
|
|
|||
|
|
// Container principal
|
|||
|
|
const container: DisplayComponentContainer = {
|
|||
|
|
type: 17,
|
|||
|
|
accent_color: 0xffa500,
|
|||
|
|
components: [
|
|||
|
|
{
|
|||
|
|
type: 10,
|
|||
|
|
content: `🏪 **TIENDA** | Página ${safePage}/${totalPages}\n💰 Tus Monedas: **${userCoins}**`
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
type: 14,
|
|||
|
|
divider: true,
|
|||
|
|
spacing: 2
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
// Si hay una oferta seleccionada, mostrar detalles
|
|||
|
|
if (selectedOffer) {
|
|||
|
|
const item = selectedOffer.item;
|
|||
|
|
const props = parseItemProps(item.props);
|
|||
|
|
const icon = getItemIcon(props, item.category);
|
|||
|
|
const price = formatPrice(selectedOffer.price);
|
|||
|
|
|
|||
|
|
// Stock info
|
|||
|
|
let stockInfo = '';
|
|||
|
|
if (selectedOffer.stock != null) {
|
|||
|
|
stockInfo = `\n📊 Stock: ${selectedOffer.stock}`;
|
|||
|
|
}
|
|||
|
|
if (selectedOffer.perUserLimit != null) {
|
|||
|
|
const purchased = await prisma.shopPurchase.aggregate({
|
|||
|
|
where: { offerId: selectedOffer.id },
|
|||
|
|
_sum: { qty: true }
|
|||
|
|
});
|
|||
|
|
const userPurchased = purchased._sum.qty ?? 0;
|
|||
|
|
stockInfo += `\n👤 Límite por usuario: ${userPurchased}/${selectedOffer.perUserLimit}`;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// Stats del item
|
|||
|
|
let statsInfo = '';
|
|||
|
|
if (props.damage) statsInfo += `\n⚔️ Daño: +${props.damage}`;
|
|||
|
|
if (props.defense) statsInfo += `\n🛡️ Defensa: +${props.defense}`;
|
|||
|
|
if (props.maxHpBonus) statsInfo += `\n❤️ HP Bonus: +${props.maxHpBonus}`;
|
|||
|
|
if (props.tool) statsInfo += `\n🔧 Herramienta: ${props.tool.type} T${props.tool.tier ?? 1}`;
|
|||
|
|
if (props.food && props.food.healHp) statsInfo += `\n🍖 Cura: ${props.food.healHp} HP`;
|
|||
|
|
|
|||
|
|
container.components.push({
|
|||
|
|
type: 10,
|
|||
|
|
content: `${icon} **${item.name || item.key}**\n\n${item.description || 'Sin descripción'}${statsInfo}\n\n💰 Precio: ${price}${stockInfo}`
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
container.components.push({
|
|||
|
|
type: 14,
|
|||
|
|
divider: true,
|
|||
|
|
spacing: 1
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// Lista de ofertas en la página
|
|||
|
|
container.components.push({
|
|||
|
|
type: 10,
|
|||
|
|
content: selectedOffer ? '📋 **Otras Ofertas:**' : '📋 **Ofertas Disponibles:**'
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
for (const offer of pageOffers) {
|
|||
|
|
const item = offer.item;
|
|||
|
|
const props = parseItemProps(item.props);
|
|||
|
|
const icon = getItemIcon(props, item.category);
|
|||
|
|
const price = formatPrice(offer.price);
|
|||
|
|
const isSelected = selectedOfferId === offer.id;
|
|||
|
|
|
|||
|
|
const stockText = offer.stock != null ? ` (${offer.stock} disponibles)` : '';
|
|||
|
|
const selectedMark = isSelected ? ' ✓' : '';
|
|||
|
|
|
|||
|
|
container.components.push({
|
|||
|
|
type: 9,
|
|||
|
|
components: [{
|
|||
|
|
type: 10,
|
|||
|
|
content: `${icon} **${item.name || item.key}**${selectedMark}\n💰 ${price}${stockText}`
|
|||
|
|
}],
|
|||
|
|
accessory: {
|
|||
|
|
type: 2,
|
|||
|
|
style: isSelected ? ButtonStyle.Success : ButtonStyle.Primary,
|
|||
|
|
label: isSelected ? 'Seleccionado' : 'Ver',
|
|||
|
|
custom_id: `shop_view_${offer.id}`
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// Botones de navegación y acciones
|
|||
|
|
const actionRow1 = {
|
|||
|
|
type: ComponentType.ActionRow,
|
|||
|
|
components: [
|
|||
|
|
{
|
|||
|
|
type: ComponentType.Button,
|
|||
|
|
style: ButtonStyle.Secondary,
|
|||
|
|
label: '◀️ Anterior',
|
|||
|
|
custom_id: 'shop_prev_page',
|
|||
|
|
disabled: safePage <= 1
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
type: ComponentType.Button,
|
|||
|
|
style: ButtonStyle.Secondary,
|
|||
|
|
label: `Página ${safePage}/${totalPages}`,
|
|||
|
|
custom_id: 'shop_current_page',
|
|||
|
|
disabled: true
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
type: ComponentType.Button,
|
|||
|
|
style: ButtonStyle.Secondary,
|
|||
|
|
label: 'Siguiente ▶️',
|
|||
|
|
custom_id: 'shop_next_page',
|
|||
|
|
disabled: safePage >= totalPages
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const actionRow2 = {
|
|||
|
|
type: ComponentType.ActionRow,
|
|||
|
|
components: [
|
|||
|
|
{
|
|||
|
|
type: ComponentType.Button,
|
|||
|
|
style: ButtonStyle.Success,
|
|||
|
|
label: '🛒 Comprar (x1)',
|
|||
|
|
custom_id: 'shop_buy_1',
|
|||
|
|
disabled: !selectedOfferId
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
type: ComponentType.Button,
|
|||
|
|
style: ButtonStyle.Success,
|
|||
|
|
label: '🛒 Comprar (x5)',
|
|||
|
|
custom_id: 'shop_buy_5',
|
|||
|
|
disabled: !selectedOfferId
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
type: ComponentType.Button,
|
|||
|
|
style: ButtonStyle.Primary,
|
|||
|
|
label: '🔄 Actualizar',
|
|||
|
|
custom_id: 'shop_refresh'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
type: ComponentType.Button,
|
|||
|
|
style: ButtonStyle.Danger,
|
|||
|
|
label: '❌ Cerrar',
|
|||
|
|
custom_id: 'shop_close'
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
return [container, actionRow1, actionRow2];
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
async function handleButtonInteraction(
|
|||
|
|
interaction: ButtonInteraction,
|
|||
|
|
offers: any[],
|
|||
|
|
currentPage: number,
|
|||
|
|
selectedOfferId: string | null,
|
|||
|
|
userId: string,
|
|||
|
|
guildId: string,
|
|||
|
|
shopMessage: Message,
|
|||
|
|
collector: any
|
|||
|
|
): Promise<void> {
|
|||
|
|
const customId = interaction.customId;
|
|||
|
|
|
|||
|
|
// Ver detalles de un item
|
|||
|
|
if (customId.startsWith('shop_view_')) {
|
|||
|
|
const offerId = customId.replace('shop_view_', '');
|
|||
|
|
const wallet = await getOrCreateWallet(userId, guildId);
|
|||
|
|
|
|||
|
|
await interaction.update({
|
|||
|
|
components: await buildShopPanel(offers, currentPage, wallet.coins, offerId)
|
|||
|
|
});
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// Comprar
|
|||
|
|
if (customId === 'shop_buy_1' || customId === 'shop_buy_5') {
|
|||
|
|
if (!selectedOfferId) {
|
|||
|
|
await interaction.reply({
|
|||
|
|
content: '❌ Primero selecciona un item.',
|
|||
|
|
flags: MessageFlags.Ephemeral
|
|||
|
|
});
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const qty = customId === 'shop_buy_1' ? 1 : 5;
|
|||
|
|
|
|||
|
|
try {
|
|||
|
|
await interaction.deferUpdate();
|
|||
|
|
const result = await buyFromOffer(userId, guildId, selectedOfferId, qty);
|
|||
|
|
const wallet = await getOrCreateWallet(userId, guildId);
|
|||
|
|
|
|||
|
|
await interaction.followUp({
|
|||
|
|
content: `✅ **Compra exitosa!**\n🛒 ${result.item.name || result.item.key} x${result.qty}\n💰 Te quedan: ${wallet.coins} monedas`,
|
|||
|
|
flags: MessageFlags.Ephemeral
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// Actualizar tienda
|
|||
|
|
await shopMessage.edit({
|
|||
|
|
components: await buildShopPanel(offers, currentPage, wallet.coins, selectedOfferId)
|
|||
|
|
});
|
|||
|
|
} catch (error: any) {
|
|||
|
|
await interaction.followUp({
|
|||
|
|
content: `❌ No se pudo comprar: ${error?.message ?? error}`,
|
|||
|
|
flags: MessageFlags.Ephemeral
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// Actualizar
|
|||
|
|
if (customId === 'shop_refresh') {
|
|||
|
|
const wallet = await getOrCreateWallet(userId, guildId);
|
|||
|
|
await interaction.update({
|
|||
|
|
components: await buildShopPanel(offers, currentPage, wallet.coins, selectedOfferId)
|
|||
|
|
});
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// Cerrar
|
|||
|
|
if (customId === 'shop_close') {
|
|||
|
|
await interaction.update({
|
|||
|
|
components: await buildClosedPanel()
|
|||
|
|
});
|
|||
|
|
collector.stop();
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// Navegación de páginas (ya manejado en el collect)
|
|||
|
|
if (customId === 'shop_prev_page' || customId === 'shop_next_page') {
|
|||
|
|
const wallet = await getOrCreateWallet(userId, guildId);
|
|||
|
|
let newPage = currentPage;
|
|||
|
|
|
|||
|
|
if (customId === 'shop_prev_page') {
|
|||
|
|
newPage = Math.max(1, currentPage - 1);
|
|||
|
|
} else {
|
|||
|
|
const totalPages = Math.ceil(offers.length / ITEMS_PER_PAGE);
|
|||
|
|
newPage = Math.min(totalPages, currentPage + 1);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
await interaction.update({
|
|||
|
|
components: await buildShopPanel(offers, newPage, wallet.coins, selectedOfferId)
|
|||
|
|
});
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
async function handleSelectInteraction(
|
|||
|
|
interaction: StringSelectMenuInteraction,
|
|||
|
|
offers: any[],
|
|||
|
|
currentPage: number,
|
|||
|
|
userId: string,
|
|||
|
|
guildId: string,
|
|||
|
|
shopMessage: Message
|
|||
|
|
): Promise<void> {
|
|||
|
|
// Si implementas un select menu, manejar aquí
|
|||
|
|
await interaction.reply({
|
|||
|
|
content: 'Select menu no implementado aún',
|
|||
|
|
flags: MessageFlags.Ephemeral
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
async function buildExpiredPanel(): Promise<any[]> {
|
|||
|
|
const container: DisplayComponentContainer = {
|
|||
|
|
type: 17,
|
|||
|
|
accent_color: 0x36393f,
|
|||
|
|
components: [
|
|||
|
|
{
|
|||
|
|
type: 10,
|
|||
|
|
content: '⏰ **Tienda Expirada**'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
type: 14,
|
|||
|
|
divider: true,
|
|||
|
|
spacing: 1
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
type: 10,
|
|||
|
|
content: 'La sesión de tienda ha expirado.\nUsa `!tienda` nuevamente para ver las ofertas.'
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
return [container];
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
async function buildClosedPanel(): Promise<any[]> {
|
|||
|
|
const container: DisplayComponentContainer = {
|
|||
|
|
type: 17,
|
|||
|
|
accent_color: 0x36393f,
|
|||
|
|
components: [
|
|||
|
|
{
|
|||
|
|
type: 10,
|
|||
|
|
content: '✅ **Tienda Cerrada**'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
type: 14,
|
|||
|
|
divider: true,
|
|||
|
|
spacing: 1
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
type: 10,
|
|||
|
|
content: '¡Gracias por visitar la tienda!\nVuelve pronto. 🛒'
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
return [container];
|
|||
|
|
}
|