shni/amayo
Template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor and modernize itemCreate command: flatten message components and improve editor logic

Browse Source
This commit is contained in:
shni
2025-10-05 17:32:12 -05:00
parent 9b3599339a
commit b37261e73b
1 changed files with 78 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files

138
src/commands/messages/game/itemCreate.ts
View File

@@ -30,24 +30,17 @@ export const command: CommandMessage = {
const allowed = await hasManageGuildOrStaff(message.member, message.guild!.id, client.prisma); const allowed = await hasManageGuildOrStaff(message.member, message.guild!.id, client.prisma);
if (!allowed) { if (!allowed) {
await (channel.send as any)({ await (channel.send as any)({
content: null,
flags: 32768, flags: 32768,
components: [{ components: [{
type: 17, type: 17,
accent_color: 0xFF0000, accent_color: 0xFF0000,
components: [{
type: 9,
components: [{ components: [{
type: 10, type: 10,
content: '❌ **Error de Permisos**\n└ No tienes permisos de ManageGuild ni rol de staff.' content: '❌ **Error de Permisos**\n└ No tienes permisos de ManageGuild ni rol de staff.'
}] }]
}]
}], }],
message_reference: { reply: { messageReference: message.id }
message_id: message.id,
channel_id: message.channel.id,
guild_id: message.guild!.id,
fail_if_not_exists: false
}
}); });
return; return;
} }
@@ -55,24 +48,17 @@ export const command: CommandMessage = {
const key = args[0]?.trim(); const key = args[0]?.trim();
if (!key) { if (!key) {
await (channel.send as any)({ await (channel.send as any)({
content: null,
flags: 32768, flags: 32768,
components: [{ components: [{
type: 17, type: 17,
accent_color: 0xFFA500, accent_color: 0xFFA500,
components: [{
type: 9,
components: [{ components: [{
type: 10, type: 10,
content: '⚠️ **Uso Incorrecto**\n└ Uso: `!item-crear <key-única>`' content: '⚠️ **Uso Incorrecto**\n└ Uso: `!item-crear <key-única>`'
}] }]
}]
}], }],
message_reference: { reply: { messageReference: message.id }
message_id: message.id,
channel_id: message.channel.id,
guild_id: message.guild!.id,
fail_if_not_exists: false
}
}); });
return; return;
} }
@@ -82,24 +68,17 @@ export const command: CommandMessage = {
const exists = await client.prisma.economyItem.findFirst({ where: { key, guildId } }); const exists = await client.prisma.economyItem.findFirst({ where: { key, guildId } });
if (exists) { if (exists) {
await (channel.send as any)({ await (channel.send as any)({
content: null,
flags: 32768, flags: 32768,
components: [{ components: [{
type: 17, type: 17,
accent_color: 0xFF0000, accent_color: 0xFF0000,
components: [{
type: 9,
components: [{ components: [{
type: 10, type: 10,
content: '❌ **Item Ya Existe**\n└ Ya existe un item con esa key en este servidor.' content: '❌ **Item Ya Existe**\n└ Ya existe un item con esa key en este servidor.'
}] }]
}]
}], }],
message_reference: { reply: { messageReference: message.id }
message_id: message.id,
channel_id: message.channel.id,
guild_id: message.guild!.id,
fail_if_not_exists: false
}
}); });
return; return;
} }
@@ -112,64 +91,65 @@ export const command: CommandMessage = {
props: {}, props: {},
}; };
// Función para crear display const buildEditorDisplay = () => {
const createDisplay = () => ({ const baseInfo = [
display: { `**Nombre:** ${state.name || '*Sin definir*'}`,
`**Descripción:** ${state.description || '*Sin definir*'}`,
`**Categoría:** ${state.category || '*Sin definir*'}`,
`**Icon URL:** ${state.icon || '*Sin definir*'}`,
`**Stackable:** ${state.stackable ? 'Sí' : 'No'}`,
`**Máx. Inventario:** ${state.maxPerInventory ?? 'Ilimitado'}`,
].join('\n');
const tagsInfo = `**Tags:** ${state.tags.length > 0 ? state.tags.join(', ') : '*Ninguno*'}`;
const propsJson = JSON.stringify(state.props ?? {}, null, 2);
return {
type: 17, type: 17,
accent_color: 0x00D9FF, accent_color: 0x00D9FF,
components: [ components: [
{ {
type: 9,
components: [{
type: 10, type: 10,
content: `**🛠️ Editor de Item: \`${key}\`**` content: `# 🛠️ Editor de Item: \`${key}\``
}]
}, },
{ type: 14, divider: true }, { type: 14, divider: true },
{ {
type: 9,
components: [{
type: 10, type: 10,
content: `**Nombre:** ${state.name || '*Sin definir*'}\n` + content: baseInfo
`**Descripción:** ${state.description || '*Sin definir*'}\n` +
`**Categoría:** ${state.category || '*Sin definir*'}\n` +
`**Icon URL:** ${state.icon || '*Sin definir*'}\n` +
`**Stackable:** ${state.stackable ? 'Sí' : 'No'}\n` +
`**Máx. Inventario:** ${state.maxPerInventory || 'Ilimitado'}`
}]
}, },
{ type: 14, divider: true }, { type: 14, divider: true },
{ {
type: 9,
components: [{
type: 10, type: 10,
content: `**Tags:** ${state.tags.length > 0 ? state.tags.join(', ') : '*Ninguno*'}` content: tagsInfo
}]
}, },
{ type: 14, divider: true }, { type: 14, divider: true },
{ {
type: 9,
components: [{
type: 10, type: 10,
content: `**Props (JSON):**\n\`\`\`json\n${JSON.stringify(state.props, null, 2)}\n\`\`\`` content: `**Props (JSON):**\n\`\`\`json\n${propsJson}\n\`\`\``
}]
} }
] ]
} };
}); };
const editorMsg = await (channel.send as any)({ const buildEditorComponents = () => [
flags: 32768, buildEditorDisplay(),
{
type: 1,
components: [ components: [
createDisplay().display,
{ type: 1, components: [
{ type: 2, style: ButtonStyle.Primary, label: 'Base', custom_id: 'it_base' }, { type: 2, style: ButtonStyle.Primary, label: 'Base', custom_id: 'it_base' },
{ type: 2, style: ButtonStyle.Secondary, label: 'Tags', custom_id: 'it_tags' }, { type: 2, style: ButtonStyle.Secondary, label: 'Tags', custom_id: 'it_tags' },
{ type: 2, style: ButtonStyle.Secondary, label: 'Props (JSON)', custom_id: 'it_props' }, { type: 2, style: ButtonStyle.Secondary, label: 'Props (JSON)', custom_id: 'it_props' },
{ type: 2, style: ButtonStyle.Success, label: 'Guardar', custom_id: 'it_save' }, { type: 2, style: ButtonStyle.Success, label: 'Guardar', custom_id: 'it_save' },
{ type: 2, style: ButtonStyle.Danger, label: 'Cancelar', custom_id: 'it_cancel' }, { type: 2, style: ButtonStyle.Danger, label: 'Cancelar', custom_id: 'it_cancel' },
]}, ]
], }
];
const editorMsg = await (channel.send as any)({
content: null,
flags: 32768,
components: buildEditorComponents(),
reply: { messageReference: message.id }
}); });
const collector = editorMsg.createMessageComponentCollector({ time: 30 * 60_000, filter: (i) => i.user.id === message.author.id }); const collector = editorMsg.createMessageComponentCollector({ time: 30 * 60_000, filter: (i) => i.user.id === message.author.id });
@@ -180,32 +160,30 @@ export const command: CommandMessage = {
if (i.customId === 'it_cancel') { if (i.customId === 'it_cancel') {
await i.deferUpdate(); await i.deferUpdate();
await editorMsg.edit({ await editorMsg.edit({
content: null,
flags: 32768, flags: 32768,
components: [{ components: [{
type: 17, type: 17,
accent_color: 0xFF0000, accent_color: 0xFF0000,
components: [{
type: 9,
components: [{ components: [{
type: 10, type: 10,
content: '**❌ Editor cancelado.**' content: '**❌ Editor cancelado.**'
}] }]
}] }]
}]
}); });
collector.stop('cancel'); collector.stop('cancel');
return; return;
} }
if (i.customId === 'it_base') { if (i.customId === 'it_base') {
await showBaseModal(i as ButtonInteraction, state, editorMsg, createDisplay); await showBaseModal(i as ButtonInteraction, state, editorMsg, buildEditorComponents);
return; return;
} }
if (i.customId === 'it_tags') { if (i.customId === 'it_tags') {
await showTagsModal(i as ButtonInteraction, state, editorMsg, createDisplay); await showTagsModal(i as ButtonInteraction, state, editorMsg, buildEditorComponents);
return; return;
} }
if (i.customId === 'it_props') { if (i.customId === 'it_props') {
await showPropsModal(i as ButtonInteraction, state, editorMsg, createDisplay); await showPropsModal(i as ButtonInteraction, state, editorMsg, buildEditorComponents);
return; return;
} }
if (i.customId === 'it_save') { if (i.customId === 'it_save') {
@@ -231,18 +209,16 @@ export const command: CommandMessage = {
}); });
await i.reply({ content: '✅ Item guardado!', flags: MessageFlags.Ephemeral }); await i.reply({ content: '✅ Item guardado!', flags: MessageFlags.Ephemeral });
await editorMsg.edit({ await editorMsg.edit({
content: null,
flags: 32768, flags: 32768,
components: [{ components: [{
type: 17, type: 17,
accent_color: 0x00FF00, accent_color: 0x00FF00,
components: [{
type: 9,
components: [{ components: [{
type: 10, type: 10,
content: `✅ **Item Creado**\n└ Item \`${state.key}\` creado exitosamente.` content: `✅ **Item Creado**\n└ Item \`${state.key}\` creado exitosamente.`
}] }]
}] }]
}]
}); });
collector.stop('saved'); collector.stop('saved');
return; return;
@@ -256,25 +232,23 @@ export const command: CommandMessage = {
collector.on('end', async (_c, r) => { collector.on('end', async (_c, r) => {
if (r === 'time') { if (r === 'time') {
try { await editorMsg.edit({ try { await editorMsg.edit({
content: null,
flags: 32768, flags: 32768,
components: [{ components: [{
type: 17, type: 17,
accent_color: 0xFFA500, accent_color: 0xFFA500,
components: [{
type: 9,
components: [{ components: [{
type: 10, type: 10,
content: '**⏰ Editor expirado.**' content: '**⏰ Editor expirado.**'
}] }]
}] }]
}]
}); } catch {} }); } catch {}
} }
}); });
}, },
}; };
async function showBaseModal(i: ButtonInteraction, state: ItemEditorState, editorMsg: any, createDisplay: Function) { async function showBaseModal(i: ButtonInteraction, state: ItemEditorState, editorMsg: any, buildComponents: () => any[]) {
const modal = { const modal = {
title: 'Configuración base del Item', title: 'Configuración base del Item',
customId: 'it_base_modal', customId: 'it_base_modal',
@@ -310,13 +284,14 @@ async function showBaseModal(i: ButtonInteraction, state: ItemEditorState, edito
await sub.deferUpdate(); await sub.deferUpdate();
await editorMsg.edit({ await editorMsg.edit({
content: null,
flags: 32768, flags: 32768,
components: [createDisplay().display] components: buildComponents()
}); });
} catch {} } catch {}
} }
async function showTagsModal(i: ButtonInteraction, state: ItemEditorState, editorMsg: any, createDisplay: Function) { async function showTagsModal(i: ButtonInteraction, state: ItemEditorState, editorMsg: any, buildComponents: () => any[]) {
const modal = { const modal = {
title: 'Tags del Item (separados por coma)', title: 'Tags del Item (separados por coma)',
customId: 'it_tags_modal', customId: 'it_tags_modal',
@@ -331,13 +306,14 @@ async function showTagsModal(i: ButtonInteraction, state: ItemEditorState, edito
state.tags = tags ? tags.split(',').map((t) => t.trim()).filter(Boolean) : []; state.tags = tags ? tags.split(',').map((t) => t.trim()).filter(Boolean) : [];
await sub.deferUpdate(); await sub.deferUpdate();
await editorMsg.edit({ await editorMsg.edit({
content: null,
flags: 32768, flags: 32768,
components: [createDisplay().display] components: buildComponents()
}); });
} catch {} } catch {}
} }
async function showPropsModal(i: ButtonInteraction, state: ItemEditorState, editorMsg: any, createDisplay: Function) { async function showPropsModal(i: ButtonInteraction, state: ItemEditorState, editorMsg: any, buildComponents: () => any[]) {
const template = state.props && Object.keys(state.props).length ? JSON.stringify(state.props) : JSON.stringify({ const template = state.props && Object.keys(state.props).length ? JSON.stringify(state.props) : JSON.stringify({
tool: undefined, tool: undefined,
breakable: undefined, breakable: undefined,
@@ -368,8 +344,9 @@ async function showPropsModal(i: ButtonInteraction, state: ItemEditorState, edit
state.props = parsed; state.props = parsed;
await sub.deferUpdate(); await sub.deferUpdate();
await editorMsg.edit({ await editorMsg.edit({
content: null,
flags: 32768, flags: 32768,
components: [createDisplay().display] components: buildComponents()
}); });
} catch (e) { } catch (e) {
await sub.reply({ content: '❌ JSON inválido.', flags: MessageFlags.Ephemeral }); await sub.reply({ content: '❌ JSON inválido.', flags: MessageFlags.Ephemeral });
@@ -377,6 +354,13 @@ async function showPropsModal(i: ButtonInteraction, state: ItemEditorState, edit
} else { } else {
state.props = {}; state.props = {};
await sub.reply({ content: 'ℹ️ Props limpiados.', flags: MessageFlags.Ephemeral }); await sub.reply({ content: 'ℹ️ Props limpiados.', flags: MessageFlags.Ephemeral });
try {
await editorMsg.edit({
content: null,
flags: 32768,
components: buildComponents()
});
} catch {}
} }
} catch {} } catch {}
} }