Elimino los embedBuilder y los cambio por Components Message V2, algo tardado.
This commit is contained in:
@@ -1,292 +0,0 @@
|
||||
import { CommandMessage } from "../../../core/types/commands";
|
||||
// @ts-ignore
|
||||
import { EmbedBuilder, ActionRowBuilder, ButtonBuilder, TextChannel, ChannelType } from "discord.js";
|
||||
//@ts-ignore
|
||||
import { ButtonStyle, ComponentType } from "discord.js";
|
||||
import { replaceVars } from "../../../core/lib/vars";
|
||||
|
||||
export const command: CommandMessage = {
|
||||
name: "embedcreate",
|
||||
type: "message",
|
||||
aliases: ["crearembed", "newembed"],
|
||||
cooldown: 20,
|
||||
// @ts-ignore
|
||||
run: async (message, args, client) => {
|
||||
if (!message.member?.permissions.has("Administrator")) {
|
||||
return message.reply("❌ No tienes permisos de Administrador.");
|
||||
}
|
||||
|
||||
const embedName: string | null = args[0] ?? null;
|
||||
if (!embedName) {
|
||||
return message.reply(
|
||||
"Debes proporcionar un nombre para el embed. Uso: `!embedcreate <nombre>`"
|
||||
);
|
||||
}
|
||||
|
||||
const nameIsValid = await client.prisma.embedConfig.findFirst({ where: {
|
||||
//@ts-ignore
|
||||
guildId: message.guild.id,
|
||||
name: embedName
|
||||
}})
|
||||
if(nameIsValid) return message.reply("❌ Nombre del embed ya fue tomado!")
|
||||
|
||||
// 📌 Estado independiente
|
||||
let embedState: {
|
||||
title?: string;
|
||||
description?: string;
|
||||
color?: number;
|
||||
footer?: string;
|
||||
} = {
|
||||
title: `Editor de Embed: ${embedName}`,
|
||||
description:
|
||||
"Usa los botones de abajo para configurar este embed.\n\n_Ejemplo de variable: `{user.name}`_",
|
||||
color: 0x5865f2,
|
||||
footer: "Haz clic en Guardar cuando termines.",
|
||||
};
|
||||
|
||||
// 📌 Función para construir un embed a partir del estado
|
||||
const renderPreview = async () => {
|
||||
const preview = new EmbedBuilder()
|
||||
.setColor(embedState.color ?? 0x5865f2);
|
||||
|
||||
if (embedState.title)
|
||||
preview.setTitle(
|
||||
//@ts-ignore
|
||||
await replaceVars(embedState.title, message.member)
|
||||
);
|
||||
if (embedState.description)
|
||||
preview.setDescription(
|
||||
//@ts-ignore
|
||||
await replaceVars(embedState.description, message.member)
|
||||
);
|
||||
if (embedState.footer)
|
||||
preview.setFooter({
|
||||
//@ts-ignore
|
||||
text: await replaceVars(embedState.footer, message.member),
|
||||
});
|
||||
|
||||
return preview;
|
||||
};
|
||||
|
||||
// 📌 Botones
|
||||
const generateButtonRows = (disabled = false) => {
|
||||
const primaryRow = new ActionRowBuilder<ButtonBuilder>().addComponents(
|
||||
new ButtonBuilder()
|
||||
.setCustomId("edit_title")
|
||||
.setLabel("Título")
|
||||
.setStyle(ButtonStyle.Primary)
|
||||
.setDisabled(disabled),
|
||||
new ButtonBuilder()
|
||||
.setCustomId("edit_description")
|
||||
.setLabel("Descripción")
|
||||
.setStyle(ButtonStyle.Primary)
|
||||
.setDisabled(disabled),
|
||||
new ButtonBuilder()
|
||||
.setCustomId("edit_color")
|
||||
.setLabel("Color")
|
||||
.setStyle(ButtonStyle.Primary)
|
||||
.setDisabled(disabled)
|
||||
);
|
||||
|
||||
const secondaryRow = new ActionRowBuilder<ButtonBuilder>().addComponents(
|
||||
new ButtonBuilder()
|
||||
.setCustomId("edit_footer")
|
||||
.setLabel("Footer")
|
||||
.setStyle(ButtonStyle.Secondary)
|
||||
.setDisabled(disabled)
|
||||
);
|
||||
|
||||
const controlRow = new ActionRowBuilder<ButtonBuilder>().addComponents(
|
||||
new ButtonBuilder()
|
||||
.setCustomId("save_embed")
|
||||
.setLabel("Guardar")
|
||||
.setStyle(ButtonStyle.Success)
|
||||
.setDisabled(disabled),
|
||||
new ButtonBuilder()
|
||||
.setCustomId("cancel_embed")
|
||||
.setLabel("Cancelar")
|
||||
.setStyle(ButtonStyle.Danger)
|
||||
.setDisabled(disabled)
|
||||
);
|
||||
|
||||
return [primaryRow, secondaryRow, controlRow];
|
||||
};
|
||||
|
||||
if (message.channel.type === ChannelType.GuildText) {
|
||||
const channel = message.channel as TextChannel;
|
||||
|
||||
const editorMessage = await channel.send({
|
||||
embeds: [await renderPreview()],
|
||||
components: generateButtonRows(),
|
||||
});
|
||||
|
||||
const collector = editorMessage.createMessageComponentCollector({
|
||||
componentType: ComponentType.Button,
|
||||
time: 300000,
|
||||
});
|
||||
|
||||
collector.on("collect", async (i) => {
|
||||
if (i.user.id !== message.author.id) {
|
||||
await i.reply({
|
||||
content: "No puedes usar este menú.",
|
||||
ephemeral: true,
|
||||
});
|
||||
return;
|
||||
}
|
||||
await i.deferUpdate();
|
||||
await editorMessage.edit({ components: generateButtonRows(true) });
|
||||
|
||||
// Guardar
|
||||
if (i.customId === "save_embed") {
|
||||
try {
|
||||
const dataForDb = {
|
||||
title: embedState.title,
|
||||
description: embedState.description,
|
||||
color: embedState.color ? `#${embedState.color.toString(16).padStart(6, '0')}` : null,
|
||||
footerText: embedState.footer,
|
||||
};
|
||||
|
||||
await client.prisma.embedConfig.upsert({
|
||||
where: {
|
||||
guildId_name: {
|
||||
guildId: message.guildId!,
|
||||
name: embedName,
|
||||
},
|
||||
},
|
||||
update: dataForDb,
|
||||
create: {
|
||||
name: embedName,
|
||||
...dataForDb,
|
||||
// ✅ ESTA ES LA SOLUCIÓN:
|
||||
// Le decimos a Prisma que se conecte al Guild o lo cree si no existe.
|
||||
guild: {
|
||||
connectOrCreate: {
|
||||
where: { id: message.guildId! },
|
||||
create: {
|
||||
id: message.guildId!,
|
||||
name: message.guild!.name, // Asegura que el nombre del servidor se guarde
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
const saved = new EmbedBuilder()
|
||||
.setColor(0x00ff00)
|
||||
.setTitle(`✅ Guardado: ${embedName}`)
|
||||
.setDescription("La configuración se guardó en la base de datos.");
|
||||
|
||||
await editorMessage.edit({
|
||||
embeds: [saved],
|
||||
components: [],
|
||||
});
|
||||
} catch (e) {
|
||||
const errorEmbed = new EmbedBuilder()
|
||||
.setColor(0xff0000)
|
||||
.setTitle("❌ Error al Guardar")
|
||||
.setDescription("No se pudo guardar en la base de datos. Revisa la consola.");
|
||||
await editorMessage.edit({
|
||||
embeds: [errorEmbed],
|
||||
components: [],
|
||||
});
|
||||
console.error("Error de Prisma al guardar el embed:", e);
|
||||
}
|
||||
collector.stop();
|
||||
return;
|
||||
}
|
||||
// Cancelar
|
||||
if (i.customId === "cancel_embed") {
|
||||
await editorMessage.delete();
|
||||
collector.stop();
|
||||
return;
|
||||
}
|
||||
|
||||
// Edición
|
||||
let promptContent = "";
|
||||
let fieldToEdit: "title" | "description" | "color" | "footer" | null =
|
||||
null;
|
||||
|
||||
switch (i.customId) {
|
||||
case "edit_title":
|
||||
promptContent =
|
||||
"Escribe el nuevo **título** (puedes usar variables como `{user.name}`).";
|
||||
fieldToEdit = "title";
|
||||
break;
|
||||
case "edit_description":
|
||||
promptContent =
|
||||
"Escribe la nueva **descripción** (puedes usar variables).";
|
||||
fieldToEdit = "description";
|
||||
break;
|
||||
case "edit_color":
|
||||
promptContent =
|
||||
"Escribe el nuevo **color** en formato hexadecimal (ej: `#FF0000`).";
|
||||
fieldToEdit = "color";
|
||||
break;
|
||||
case "edit_footer":
|
||||
promptContent =
|
||||
"Escribe el nuevo **texto del footer** (puedes usar variables).";
|
||||
fieldToEdit = "footer";
|
||||
break;
|
||||
}
|
||||
|
||||
//@ts-ignore
|
||||
const promptMessage = await i.channel.send(promptContent);
|
||||
|
||||
//@ts-ignore
|
||||
const messageCollector = i.channel!.createMessageCollector({
|
||||
//@ts-ignore
|
||||
filter: (m: Message) => m.author.id === i.user.id,
|
||||
max: 1,
|
||||
time: 60000,
|
||||
});
|
||||
//@ts-ignore
|
||||
messageCollector.on("collect", async (collectedMessage) => {
|
||||
const newValue = collectedMessage.content;
|
||||
|
||||
if (fieldToEdit === "title") embedState.title = newValue;
|
||||
if (fieldToEdit === "description") embedState.description = newValue;
|
||||
if (fieldToEdit === "footer") embedState.footer = newValue;
|
||||
|
||||
if (fieldToEdit === "color") {
|
||||
try {
|
||||
const hex = newValue.replace("#", "");
|
||||
embedState.color = parseInt(hex, 16);
|
||||
} catch {
|
||||
embedState.color = 0x5865f2;
|
||||
}
|
||||
}
|
||||
|
||||
await collectedMessage.delete();
|
||||
await promptMessage.delete();
|
||||
|
||||
await editorMessage.edit({
|
||||
embeds: [await renderPreview()],
|
||||
components: generateButtonRows(false),
|
||||
});
|
||||
});
|
||||
//@ts-ignore
|
||||
messageCollector.on("end", async (collected) => {
|
||||
if (collected.size === 0) {
|
||||
await promptMessage.delete();
|
||||
await editorMessage.edit({
|
||||
components: generateButtonRows(false),
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
collector.on("end", async (_, reason) => {
|
||||
if (reason === "time") {
|
||||
const timeoutEmbed = new EmbedBuilder()
|
||||
.setColor(0xff0000)
|
||||
.setTitle("Editor finalizado por inactividad.");
|
||||
|
||||
await editorMessage.edit({
|
||||
embeds: [timeoutEmbed],
|
||||
components: [],
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
};
|
||||
729
src/commands/messages/alliaces/createEmbedv2.ts
Normal file
729
src/commands/messages/alliaces/createEmbedv2.ts
Normal file
@@ -0,0 +1,729 @@
|
||||
import { CommandMessage } from "../../../core/types/commands";
|
||||
// @ts-ignore
|
||||
import { ComponentType, ButtonStyle } from "discord.js";
|
||||
import { replaceVars } from "../../../core/lib/vars";
|
||||
|
||||
/**
|
||||
* Botones de edición
|
||||
*/
|
||||
const btns = (disabled = false) => ([
|
||||
{
|
||||
type: 1,
|
||||
components: [
|
||||
{ style: ButtonStyle.Secondary, type: 2, label: "Editar Título", disabled, custom_id: "edit_title" },
|
||||
{ style: ButtonStyle.Secondary, type: 2, label: "Editar Descripción", disabled, custom_id: "edit_description" },
|
||||
{ style: ButtonStyle.Secondary, type: 2, label: "Editar Color", disabled, custom_id: "edit_color" },
|
||||
{ style: ButtonStyle.Secondary, type: 2, label: "Añadir Contenido", disabled, custom_id: "add_content" },
|
||||
{ style: ButtonStyle.Secondary, type: 2, label: "Añadir Separador", disabled, custom_id: "add_separator" }
|
||||
]
|
||||
},
|
||||
{
|
||||
type: 1,
|
||||
components: [
|
||||
{ style: ButtonStyle.Secondary, type: 2, label: "Añadir Imagen", disabled, custom_id: "add_image" },
|
||||
{ style: ButtonStyle.Secondary, type: 2, label: "Imagen Portada", disabled, custom_id: "cover_image" },
|
||||
{ style: ButtonStyle.Primary, type: 2, label: "Mover Bloque", disabled, custom_id: "move_block" },
|
||||
{ style: ButtonStyle.Danger, type: 2, label: "Eliminar Bloque", disabled, custom_id: "delete_block" },
|
||||
{ style: ButtonStyle.Secondary, type: 2, label: "Editar Thumbnail", disabled, custom_id: "edit_thumbnail" }
|
||||
]
|
||||
},
|
||||
{
|
||||
type: 1,
|
||||
components: [
|
||||
{ style: ButtonStyle.Success, type: 2, label: "Guardar", disabled, custom_id: "save_block" },
|
||||
{ style: ButtonStyle.Danger, type: 2, label: "Cancelar", disabled, custom_id: "cancel_block" }
|
||||
]
|
||||
}
|
||||
]);
|
||||
|
||||
/**
|
||||
* Validar si una URL es válida
|
||||
*/
|
||||
const isValidUrl = (url: string): boolean => {
|
||||
if (!url || typeof url !== 'string') return false;
|
||||
try {
|
||||
new URL(url);
|
||||
return url.startsWith('http://') || url.startsWith('https://');
|
||||
} catch {
|
||||
return false;
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Generar vista previa
|
||||
*/
|
||||
const renderPreview = async (blockState: any, member: any, guild: any) => {
|
||||
const previewComponents = [];
|
||||
|
||||
// Añadir imagen de portada primero si existe
|
||||
if (blockState.coverImage && isValidUrl(blockState.coverImage)) {
|
||||
//@ts-ignore
|
||||
const processedCoverUrl = await replaceVars(blockState.coverImage, member, guild);
|
||||
if (isValidUrl(processedCoverUrl)) {
|
||||
previewComponents.push({
|
||||
type: 12,
|
||||
items: [{ media: { url: processedCoverUrl } }]
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// Añadir título después de la portada
|
||||
previewComponents.push({
|
||||
type: 10,
|
||||
//@ts-ignore
|
||||
content: await replaceVars(blockState.title ?? "Sin título", member, guild)
|
||||
});
|
||||
|
||||
// Procesar componentes en orden
|
||||
for (const c of blockState.components) {
|
||||
if (c.type === 10) {
|
||||
// Componente de texto con thumbnail opcional
|
||||
//@ts-ignore
|
||||
const processedThumbnail = c.thumbnail ? await replaceVars(c.thumbnail, member, guild) : null;
|
||||
|
||||
if (processedThumbnail && isValidUrl(processedThumbnail)) {
|
||||
// Si tiene thumbnail válido, usar contenedor tipo 9 con accessory
|
||||
previewComponents.push({
|
||||
type: 9,
|
||||
components: [
|
||||
{
|
||||
type: 10,
|
||||
//@ts-ignore
|
||||
content: await replaceVars(c.content || " ", member, guild)
|
||||
}
|
||||
],
|
||||
accessory: {
|
||||
type: 11,
|
||||
media: { url: processedThumbnail }
|
||||
}
|
||||
});
|
||||
} else {
|
||||
// Sin thumbnail o thumbnail inválido, componente normal
|
||||
previewComponents.push({
|
||||
type: 10,
|
||||
//@ts-ignore
|
||||
content: await replaceVars(c.content || " ", member, guild)
|
||||
});
|
||||
}
|
||||
} else if (c.type === 14) {
|
||||
// Separador
|
||||
previewComponents.push({
|
||||
type: 14,
|
||||
divider: c.divider ?? true,
|
||||
spacing: c.spacing ?? 1
|
||||
});
|
||||
} else if (c.type === 12) {
|
||||
// Imagen - validar URL también
|
||||
//@ts-ignore
|
||||
const processedImageUrl = await replaceVars(c.url, member, guild);
|
||||
|
||||
if (isValidUrl(processedImageUrl)) {
|
||||
previewComponents.push({
|
||||
type: 12,
|
||||
items: [{ media: { url: processedImageUrl } }]
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
type: 17,
|
||||
accent_color: blockState.color ?? null,
|
||||
components: previewComponents
|
||||
};
|
||||
};
|
||||
|
||||
export const command: CommandMessage = {
|
||||
name: "blockcreatev2",
|
||||
type: "message",
|
||||
cooldown: 20,
|
||||
run: async (message, args, client) => {
|
||||
if (!message.member?.permissions.has("Administrator")) {
|
||||
return message.reply("❌ No tienes permisos de Administrador.");
|
||||
}
|
||||
|
||||
const blockName: string | null = args[0] ?? null;
|
||||
if (!blockName) {
|
||||
return message.reply("Debes proporcionar un nombre. Uso: `!blockcreatev2 <nombre>`");
|
||||
}
|
||||
|
||||
const nameIsValid = await client.prisma.blockV2Config.findFirst({
|
||||
where: { guildId: message.guild!.id, name: blockName }
|
||||
});
|
||||
if (nameIsValid) return message.reply("❌ Nombre ya usado!");
|
||||
|
||||
// Estado inicial
|
||||
let blockState: any = {
|
||||
title: `Editor de Block: ${blockName}`,
|
||||
color: null,
|
||||
coverImage: null, // Nueva propiedad para imagen de portada
|
||||
components: [
|
||||
{ type: 14, divider: false },
|
||||
{ type: 10, content: "Usa los botones para configurar.", thumbnail: null }
|
||||
]
|
||||
};
|
||||
|
||||
//@ts-ignore
|
||||
const editorMessage = await message.channel.send({
|
||||
flags: 32768,
|
||||
components: [
|
||||
await renderPreview(blockState, message.member, message.guild),
|
||||
...btns(false)
|
||||
]
|
||||
});
|
||||
|
||||
const collector = editorMessage.createMessageComponentCollector({
|
||||
time: 300000
|
||||
});
|
||||
|
||||
collector.on("collect", async (i) => {
|
||||
if (i.user.id !== message.author.id) {
|
||||
await i.reply({ content: "No puedes usar este menú.", ephemeral: true });
|
||||
return;
|
||||
}
|
||||
|
||||
// --- BOTONES ---
|
||||
if (i.isButton()) {
|
||||
await editorMessage.edit({
|
||||
components: [await renderPreview(blockState, message.member, message.guild), ...btns(true)]
|
||||
});
|
||||
await i.deferUpdate();
|
||||
|
||||
switch (i.customId) {
|
||||
case "save_block": {
|
||||
await client.prisma.blockV2Config.upsert({
|
||||
where: { guildId_name: { guildId: message.guildId!, name: blockName } },
|
||||
update: { config: blockState },
|
||||
create: {
|
||||
name: blockName,
|
||||
config: blockState,
|
||||
guild: {
|
||||
connectOrCreate: {
|
||||
where: { id: message.guildId! },
|
||||
create: { id: message.guildId!, name: message.guild!.name }
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
await editorMessage.edit({
|
||||
components: [
|
||||
{
|
||||
type: 17,
|
||||
accent_color: blockState.color ?? null,
|
||||
components: [
|
||||
{ type: 10, content: `✅ Guardado: ${blockName}` },
|
||||
{ type: 10, content: "Configuración guardada en la base de datos (JSON)." }
|
||||
]
|
||||
}
|
||||
]
|
||||
});
|
||||
collector.stop();
|
||||
return;
|
||||
}
|
||||
case "cancel_block": {
|
||||
await editorMessage.delete();
|
||||
collector.stop();
|
||||
return;
|
||||
}
|
||||
case "edit_title": {
|
||||
const prompt = await message.channel.send("Escribe el nuevo **título**.");
|
||||
const mc = message.channel.createMessageCollector({
|
||||
filter: (m) => m.author.id === message.author.id,
|
||||
max: 1,
|
||||
time: 60000
|
||||
});
|
||||
mc.on("collect", async (collected) => {
|
||||
blockState.title = collected.content;
|
||||
await collected.delete();
|
||||
await prompt.delete();
|
||||
await editorMessage.edit({
|
||||
components: [await renderPreview(blockState, message.member, message.guild), ...btns(false)]
|
||||
});
|
||||
});
|
||||
break;
|
||||
}
|
||||
case "cover_image": {
|
||||
if (blockState.coverImage) {
|
||||
// Si ya tiene portada, preguntar si editar o eliminar
|
||||
//@ts-ignore
|
||||
const reply = await i.followUp({
|
||||
ephemeral: true,
|
||||
content: "Ya tienes una imagen de portada. ¿Qué quieres hacer?",
|
||||
components: [
|
||||
{
|
||||
type: 1,
|
||||
components: [
|
||||
{ type: 2, style: ButtonStyle.Primary, label: "✏️ Editar", custom_id: "edit_cover" },
|
||||
{ type: 2, style: ButtonStyle.Danger, label: "🗑️ Eliminar", custom_id: "delete_cover" }
|
||||
]
|
||||
}
|
||||
],
|
||||
fetchReply: true
|
||||
});
|
||||
|
||||
//@ts-ignore
|
||||
const coverCollector = reply.createMessageComponentCollector({
|
||||
componentType: ComponentType.Button,
|
||||
max: 1,
|
||||
time: 60000,
|
||||
filter: (b: any) => b.user.id === message.author.id
|
||||
});
|
||||
|
||||
coverCollector.on("collect", async (b: any) => {
|
||||
if (b.customId === "edit_cover") {
|
||||
await b.update({ content: "Escribe la nueva **URL de la imagen de portada**:", components: [] });
|
||||
|
||||
const prompt = await message.channel.send("Nueva URL de portada:");
|
||||
const mc = message.channel.createMessageCollector({
|
||||
filter: (m) => m.author.id === message.author.id,
|
||||
max: 1,
|
||||
time: 60000
|
||||
});
|
||||
|
||||
mc.on("collect", async (collected) => {
|
||||
blockState.coverImage = collected.content;
|
||||
await collected.delete();
|
||||
await prompt.delete();
|
||||
await editorMessage.edit({
|
||||
components: [await renderPreview(blockState, message.member, message.guild), ...btns(false)]
|
||||
});
|
||||
});
|
||||
} else if (b.customId === "delete_cover") {
|
||||
blockState.coverImage = null;
|
||||
await b.update({ content: "✅ Imagen de portada eliminada.", components: [] });
|
||||
await editorMessage.edit({
|
||||
components: [await renderPreview(blockState, message.member, message.guild), ...btns(false)]
|
||||
});
|
||||
}
|
||||
coverCollector.stop();
|
||||
});
|
||||
} else {
|
||||
// No tiene portada, añadir nueva
|
||||
const prompt = await message.channel.send("Escribe la **URL de la imagen de portada**.");
|
||||
const mc = message.channel.createMessageCollector({
|
||||
filter: (m) => m.author.id === message.author.id,
|
||||
max: 1,
|
||||
time: 60000
|
||||
});
|
||||
mc.on("collect", async (collected) => {
|
||||
blockState.coverImage = collected.content;
|
||||
await collected.delete();
|
||||
await prompt.delete();
|
||||
await editorMessage.edit({
|
||||
components: [await renderPreview(blockState, message.member, message.guild), ...btns(false)]
|
||||
});
|
||||
});
|
||||
}
|
||||
break;
|
||||
}
|
||||
case "edit_description": {
|
||||
const prompt = await message.channel.send("Escribe la nueva **descripción**.");
|
||||
const mc = message.channel.createMessageCollector({
|
||||
filter: (m) => m.author.id === message.author.id,
|
||||
max: 1,
|
||||
time: 60000
|
||||
});
|
||||
mc.on("collect", async (collected) => {
|
||||
const descComp = blockState.components.find((c: any) => c.type === 10);
|
||||
if (descComp) descComp.content = collected.content;
|
||||
await collected.delete();
|
||||
await prompt.delete();
|
||||
await editorMessage.edit({
|
||||
components: [await renderPreview(blockState, message.member, message.guild), ...btns(false)]
|
||||
});
|
||||
});
|
||||
break;
|
||||
}
|
||||
case "edit_color": {
|
||||
const prompt = await message.channel.send("Escribe el nuevo **color** en HEX (#RRGGBB).");
|
||||
const mc = message.channel.createMessageCollector({
|
||||
filter: (m) => m.author.id === message.author.id,
|
||||
max: 1,
|
||||
time: 60000
|
||||
});
|
||||
mc.on("collect", async (collected) => {
|
||||
const newValue = collected.content;
|
||||
let parsed: number | null = null;
|
||||
if (/^#?[0-9A-Fa-f]{6}$/.test(newValue)) {
|
||||
parsed = parseInt(newValue.replace("#", ""), 16);
|
||||
}
|
||||
blockState.color = parsed;
|
||||
await collected.delete();
|
||||
await prompt.delete();
|
||||
await editorMessage.edit({
|
||||
components: [await renderPreview(blockState, message.member, message.guild), ...btns(false)]
|
||||
});
|
||||
});
|
||||
break;
|
||||
}
|
||||
case "add_content": {
|
||||
const prompt = await message.channel.send("Escribe el nuevo **contenido**.");
|
||||
const mc = message.channel.createMessageCollector({
|
||||
filter: (m) => m.author.id === message.author.id,
|
||||
max: 1,
|
||||
time: 60000
|
||||
});
|
||||
mc.on("collect", async (collected) => {
|
||||
blockState.components.push({ type: 10, content: collected.content, thumbnail: null });
|
||||
await collected.delete();
|
||||
await prompt.delete();
|
||||
await editorMessage.edit({
|
||||
components: [await renderPreview(blockState, message.member, message.guild), ...btns(false)]
|
||||
});
|
||||
});
|
||||
break;
|
||||
}
|
||||
case "add_separator": {
|
||||
//@ts-ignore
|
||||
const reply = await i.followUp({
|
||||
ephemeral: true,
|
||||
content: "¿El separador debe ser visible?",
|
||||
components: [
|
||||
{
|
||||
type: 1,
|
||||
components: [
|
||||
{ type: 2, style: ButtonStyle.Success, label: "✅ Visible", custom_id: "separator_visible" },
|
||||
{ type: 2, style: ButtonStyle.Secondary, label: "❌ Invisible", custom_id: "separator_invisible" }
|
||||
]
|
||||
}
|
||||
],
|
||||
fetchReply: true
|
||||
});
|
||||
|
||||
//@ts-ignore
|
||||
const sepCollector = reply.createMessageComponentCollector({
|
||||
componentType: ComponentType.Button,
|
||||
max: 1,
|
||||
time: 60000,
|
||||
filter: (b: any) => b.user.id === message.author.id
|
||||
});
|
||||
|
||||
sepCollector.on("collect", async (b: any) => {
|
||||
const isVisible = b.customId === "separator_visible";
|
||||
blockState.components.push({ type: 14, divider: isVisible, spacing: 1 });
|
||||
|
||||
await b.update({
|
||||
content: `✅ Separador ${isVisible ? 'visible' : 'invisible'} añadido.`,
|
||||
components: []
|
||||
});
|
||||
|
||||
await editorMessage.edit({
|
||||
components: [await renderPreview(blockState, message.member, message.guild), ...btns(false)]
|
||||
});
|
||||
|
||||
sepCollector.stop();
|
||||
});
|
||||
break;
|
||||
}
|
||||
case "add_image": {
|
||||
const prompt = await message.channel.send("Escribe la **URL de la imagen**.");
|
||||
const mc = message.channel.createMessageCollector({
|
||||
filter: (m) => m.author.id === message.author.id,
|
||||
max: 1,
|
||||
time: 60000
|
||||
});
|
||||
mc.on("collect", async (collected) => {
|
||||
blockState.components.push({ type: 12, url: collected.content });
|
||||
await collected.delete();
|
||||
await prompt.delete();
|
||||
await editorMessage.edit({
|
||||
components: [await renderPreview(blockState, message.member, message.guild), ...btns(false)]
|
||||
});
|
||||
});
|
||||
break;
|
||||
}
|
||||
case "edit_thumbnail": {
|
||||
// Buscar componentes de texto para seleccionar cuál editar
|
||||
const textComponents = blockState.components
|
||||
.map((c: any, idx: number) => ({ component: c, index: idx }))
|
||||
.filter(({ component }) => component.type === 10);
|
||||
|
||||
if (textComponents.length === 0) {
|
||||
//@ts-ignore
|
||||
await i.followUp({
|
||||
content: "❌ No hay componentes de texto para añadir thumbnail.",
|
||||
ephemeral: true
|
||||
});
|
||||
break;
|
||||
}
|
||||
|
||||
if (textComponents.length === 1) {
|
||||
// Solo un componente de texto, editarlo directamente
|
||||
const prompt = await message.channel.send("Escribe la **URL del thumbnail**.");
|
||||
const mc = message.channel.createMessageCollector({
|
||||
filter: (m) => m.author.id === message.author.id,
|
||||
max: 1,
|
||||
time: 60000
|
||||
});
|
||||
mc.on("collect", async (collected) => {
|
||||
textComponents[0].component.thumbnail = collected.content;
|
||||
await collected.delete();
|
||||
await prompt.delete();
|
||||
await editorMessage.edit({
|
||||
components: [await renderPreview(blockState, message.member, message.guild), ...btns(false)]
|
||||
});
|
||||
});
|
||||
} else {
|
||||
// Múltiples componentes de texto, mostrar selector
|
||||
const options = textComponents.map(({ component, index }) => ({
|
||||
label: `Texto: ${component.content?.slice(0, 30) || "..."}`,
|
||||
value: index.toString(),
|
||||
description: component.thumbnail ? "Ya tiene thumbnail" : "Sin thumbnail"
|
||||
}));
|
||||
|
||||
//@ts-ignore
|
||||
const reply = await i.followUp({
|
||||
ephemeral: true,
|
||||
content: "Selecciona el texto al que quieres añadir/editar thumbnail:",
|
||||
components: [
|
||||
{
|
||||
type: 1,
|
||||
components: [
|
||||
{
|
||||
type: 3,
|
||||
custom_id: "select_text_for_thumbnail",
|
||||
placeholder: "Elige un texto",
|
||||
options
|
||||
}
|
||||
]
|
||||
}
|
||||
],
|
||||
fetchReply: true
|
||||
});
|
||||
|
||||
//@ts-ignore
|
||||
const selCollector = reply.createMessageComponentCollector({
|
||||
componentType: ComponentType.StringSelect,
|
||||
max: 1,
|
||||
time: 60000,
|
||||
filter: (sel: any) => sel.user.id === message.author.id
|
||||
});
|
||||
|
||||
selCollector.on("collect", async (sel: any) => {
|
||||
const selectedIndex = parseInt(sel.values[0]);
|
||||
|
||||
await sel.update({
|
||||
content: "Escribe la **URL del thumbnail**:",
|
||||
components: []
|
||||
});
|
||||
|
||||
const prompt = await message.channel.send("URL del thumbnail:");
|
||||
const mc = message.channel.createMessageCollector({
|
||||
filter: (m) => m.author.id === message.author.id,
|
||||
max: 1,
|
||||
time: 60000
|
||||
});
|
||||
|
||||
mc.on("collect", async (collected) => {
|
||||
blockState.components[selectedIndex].thumbnail = collected.content;
|
||||
await collected.delete();
|
||||
await prompt.delete();
|
||||
await editorMessage.edit({
|
||||
components: [await renderPreview(blockState, message.member, message.guild), ...btns(false)]
|
||||
});
|
||||
});
|
||||
});
|
||||
}
|
||||
break;
|
||||
}
|
||||
case "move_block": {
|
||||
const options = blockState.components.map((c: any, idx: number) => ({
|
||||
label:
|
||||
c.type === 10
|
||||
? `Texto: ${c.content?.slice(0, 30) || "..."}`
|
||||
: c.type === 14
|
||||
? "Separador"
|
||||
: c.type === 12
|
||||
? `Imagen: ${c.url?.slice(-30) || "..."}`
|
||||
: `Componente ${c.type}`,
|
||||
value: idx.toString(),
|
||||
description:
|
||||
c.type === 10 && c.thumbnail
|
||||
? "Con thumbnail"
|
||||
: undefined
|
||||
}));
|
||||
|
||||
//@ts-ignore
|
||||
const reply = await i.followUp({
|
||||
ephemeral: true,
|
||||
content: "Selecciona el bloque que quieres mover:",
|
||||
components: [
|
||||
{
|
||||
type: 1,
|
||||
components: [
|
||||
{ type: 3, custom_id: "move_block_select", placeholder: "Elige un bloque", options }
|
||||
]
|
||||
}
|
||||
],
|
||||
fetchReply: true
|
||||
});
|
||||
|
||||
//@ts-ignore
|
||||
const selCollector = reply.createMessageComponentCollector({
|
||||
componentType: ComponentType.StringSelect,
|
||||
max: 1,
|
||||
time: 60000,
|
||||
filter: (it: any) => it.user.id === message.author.id
|
||||
});
|
||||
|
||||
selCollector.on("collect", async (sel: any) => {
|
||||
const idx = parseInt(sel.values[0]);
|
||||
|
||||
await sel.update({
|
||||
content: "¿Quieres mover este bloque?",
|
||||
components: [
|
||||
{
|
||||
type: 1,
|
||||
components: [
|
||||
{ type: 2, style: ButtonStyle.Secondary, label: "⬆️ Subir", custom_id: `move_up_${idx}`, disabled: idx === 0 },
|
||||
{ type: 2, style: ButtonStyle.Secondary, label: "⬇️ Bajar", custom_id: `move_down_${idx}`, disabled: idx === blockState.components.length - 1 }
|
||||
]
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
//@ts-ignore
|
||||
const btnCollector = reply.createMessageComponentCollector({
|
||||
componentType: ComponentType.Button,
|
||||
max: 1,
|
||||
time: 60000,
|
||||
filter: (b: any) => b.user.id === message.author.id
|
||||
});
|
||||
|
||||
btnCollector.on("collect", async (b: any) => {
|
||||
if (b.customId.startsWith("move_up_")) {
|
||||
const i2 = parseInt(b.customId.replace("move_up_", ""));
|
||||
if (i2 > 0) {
|
||||
const item = blockState.components[i2];
|
||||
blockState.components.splice(i2, 1);
|
||||
blockState.components.splice(i2 - 1, 0, item);
|
||||
}
|
||||
await b.update({ content: "✅ Bloque movido arriba.", components: [] });
|
||||
} else if (b.customId.startsWith("move_down_")) {
|
||||
const i2 = parseInt(b.customId.replace("move_down_", ""));
|
||||
if (i2 < blockState.components.length - 1) {
|
||||
const item = blockState.components[i2];
|
||||
blockState.components.splice(i2, 1);
|
||||
blockState.components.splice(i2 + 1, 0, item);
|
||||
}
|
||||
await b.update({ content: "✅ Bloque movido abajo.", components: [] });
|
||||
}
|
||||
|
||||
await editorMessage.edit({
|
||||
components: [await renderPreview(blockState, message.member, message.guild), ...btns(false)]
|
||||
});
|
||||
|
||||
btnCollector.stop();
|
||||
selCollector.stop();
|
||||
});
|
||||
});
|
||||
|
||||
break;
|
||||
}
|
||||
case "delete_block": {
|
||||
// Incluir portada en las opciones si existe
|
||||
const options = [];
|
||||
|
||||
// Añadir portada como opción si existe
|
||||
if (blockState.coverImage) {
|
||||
options.push({
|
||||
label: "🖼️ Imagen de Portada",
|
||||
value: "cover_image",
|
||||
description: "Imagen principal del bloque"
|
||||
});
|
||||
}
|
||||
|
||||
// Añadir componentes regulares
|
||||
blockState.components.forEach((c: any, idx: number) => {
|
||||
options.push({
|
||||
label:
|
||||
c.type === 10
|
||||
? `Texto: ${c.content?.slice(0, 30) || "..."}`
|
||||
: c.type === 14
|
||||
? `Separador ${c.divider ? '(Visible)' : '(Invisible)'}`
|
||||
: c.type === 12
|
||||
? `Imagen: ${c.url?.slice(-30) || "..."}`
|
||||
: `Componente ${c.type}`,
|
||||
value: idx.toString(),
|
||||
description:
|
||||
c.type === 10 && c.thumbnail
|
||||
? "Con thumbnail"
|
||||
: undefined
|
||||
});
|
||||
});
|
||||
|
||||
if (options.length === 0) {
|
||||
//@ts-ignore
|
||||
await i.followUp({
|
||||
content: "❌ No hay elementos para eliminar.",
|
||||
ephemeral: true
|
||||
});
|
||||
break;
|
||||
}
|
||||
|
||||
//@ts-ignore
|
||||
const reply = await i.followUp({
|
||||
ephemeral: true,
|
||||
content: "Selecciona el elemento que quieres eliminar:",
|
||||
components: [
|
||||
{
|
||||
type: 1,
|
||||
components: [
|
||||
{ type: 3, custom_id: "delete_block_select", placeholder: "Elige un elemento", options }
|
||||
]
|
||||
}
|
||||
],
|
||||
fetchReply: true
|
||||
});
|
||||
|
||||
//@ts-ignore
|
||||
const selCollector = reply.createMessageComponentCollector({
|
||||
componentType: ComponentType.StringSelect,
|
||||
max: 1,
|
||||
time: 60000,
|
||||
filter: (it: any) => it.user.id === message.author.id
|
||||
});
|
||||
|
||||
selCollector.on("collect", async (sel: any) => {
|
||||
const selectedValue = sel.values[0];
|
||||
|
||||
if (selectedValue === "cover_image") {
|
||||
blockState.coverImage = null;
|
||||
await sel.update({ content: "✅ Imagen de portada eliminada.", components: [] });
|
||||
} else {
|
||||
const idx = parseInt(selectedValue);
|
||||
blockState.components.splice(idx, 1);
|
||||
await sel.update({ content: "✅ Elemento eliminado.", components: [] });
|
||||
}
|
||||
|
||||
await editorMessage.edit({
|
||||
components: [await renderPreview(blockState, message.member, message.guild), ...btns(false)]
|
||||
});
|
||||
|
||||
selCollector.stop();
|
||||
});
|
||||
|
||||
break;
|
||||
}
|
||||
default:
|
||||
break;
|
||||
}
|
||||
|
||||
await editorMessage.edit({
|
||||
components: [await renderPreview(blockState, message.member, message.guild), ...btns(false)]
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
//@ts-ignore
|
||||
collector.on("end", async (_, reason) => {
|
||||
if (reason === "time") {
|
||||
await editorMessage.edit({
|
||||
components: [
|
||||
{ type: 17, components: [{ type: 10, content: "⏰ Editor finalizado por inactividad." }] }
|
||||
]
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
@@ -1,276 +0,0 @@
|
||||
import { CommandMessage } from "../../../core/types/commands";
|
||||
// @ts-ignore
|
||||
import { EmbedBuilder, ActionRowBuilder, ButtonBuilder, TextChannel, ChannelType } from "discord.js";
|
||||
//@ts-ignore
|
||||
import { ButtonStyle, ComponentType } from "discord.js";
|
||||
import { replaceVars } from "../../../core/lib/vars";
|
||||
|
||||
export const command: CommandMessage = {
|
||||
name: "editembed",
|
||||
type: "message",
|
||||
aliases: ["modembed", "updateembed"],
|
||||
cooldown: 20,
|
||||
// @ts-ignore
|
||||
run: async (message, args, client) => {
|
||||
if (!message.member?.permissions.has("Administrator")) {
|
||||
return message.reply("❌ No tienes permisos de Administrador.");
|
||||
}
|
||||
|
||||
const embedName: string | null = args[0] ?? null;
|
||||
if (!embedName) {
|
||||
return message.reply(
|
||||
"Debes proporcionar un nombre para el embed. Uso: `!editembed <nombre>`"
|
||||
);
|
||||
}
|
||||
|
||||
// 📌 Buscar en la base de datos
|
||||
const existing = await client.prisma.embedConfig.findUnique({
|
||||
where: {
|
||||
guildId_name: {
|
||||
guildId: message.guildId!,
|
||||
name: embedName,
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
if (!existing) {
|
||||
return message.reply("❌ No encontré un embed con ese nombre.");
|
||||
}
|
||||
|
||||
// 📌 Estado inicial desde DB
|
||||
let embedState: {
|
||||
title?: string;
|
||||
description?: string;
|
||||
color?: number;
|
||||
footer?: string;
|
||||
} = {
|
||||
title: existing.title ?? undefined,
|
||||
description: existing.description ?? undefined,
|
||||
color: existing.color ? parseInt(existing.color.replace("#", ""), 16) : 0x5865f2,
|
||||
footer: existing.footerText ?? undefined,
|
||||
};
|
||||
|
||||
// 📌 Función para renderizar preview
|
||||
const renderPreview = async () => {
|
||||
const preview = new EmbedBuilder().setColor(embedState.color ?? 0x5865f2);
|
||||
|
||||
if (embedState.title)
|
||||
//@ts-ignore
|
||||
preview.setTitle(await replaceVars(embedState.title, message.member));
|
||||
if (embedState.description)
|
||||
//@ts-ignore
|
||||
preview.setDescription(await replaceVars(embedState.description, message.member));
|
||||
if (embedState.footer)
|
||||
preview.setFooter({
|
||||
//@ts-ignore
|
||||
text: await replaceVars(embedState.footer, message.member),
|
||||
});
|
||||
|
||||
return preview;
|
||||
};
|
||||
|
||||
const generateButtonRows = (disabled = false) => {
|
||||
const primaryRow = new ActionRowBuilder<ButtonBuilder>().addComponents(
|
||||
new ButtonBuilder()
|
||||
.setCustomId("edit_title")
|
||||
.setLabel("Título")
|
||||
.setStyle(ButtonStyle.Primary)
|
||||
.setDisabled(disabled),
|
||||
new ButtonBuilder()
|
||||
.setCustomId("edit_description")
|
||||
.setLabel("Descripción")
|
||||
.setStyle(ButtonStyle.Primary)
|
||||
.setDisabled(disabled),
|
||||
new ButtonBuilder()
|
||||
.setCustomId("edit_color")
|
||||
.setLabel("Color")
|
||||
.setStyle(ButtonStyle.Primary)
|
||||
.setDisabled(disabled)
|
||||
);
|
||||
|
||||
const secondaryRow = new ActionRowBuilder<ButtonBuilder>().addComponents(
|
||||
new ButtonBuilder()
|
||||
.setCustomId("edit_footer")
|
||||
.setLabel("Footer")
|
||||
.setStyle(ButtonStyle.Secondary)
|
||||
.setDisabled(disabled)
|
||||
);
|
||||
|
||||
const controlRow = new ActionRowBuilder<ButtonBuilder>().addComponents(
|
||||
new ButtonBuilder()
|
||||
.setCustomId("save_embed")
|
||||
.setLabel("Guardar cambios")
|
||||
.setStyle(ButtonStyle.Success)
|
||||
.setDisabled(disabled),
|
||||
new ButtonBuilder()
|
||||
.setCustomId("cancel_embed")
|
||||
.setLabel("Cancelar")
|
||||
.setStyle(ButtonStyle.Danger)
|
||||
.setDisabled(disabled)
|
||||
);
|
||||
|
||||
return [primaryRow, secondaryRow, controlRow];
|
||||
};
|
||||
|
||||
if (message.channel.type === ChannelType.GuildText) {
|
||||
const channel = message.channel as TextChannel;
|
||||
|
||||
const editorMessage = await channel.send({
|
||||
embeds: [await renderPreview()],
|
||||
components: generateButtonRows(),
|
||||
});
|
||||
|
||||
const collector = editorMessage.createMessageComponentCollector({
|
||||
componentType: ComponentType.Button,
|
||||
time: 300000,
|
||||
});
|
||||
|
||||
collector.on("collect", async (i) => {
|
||||
if (i.user.id !== message.author.id) {
|
||||
await i.reply({
|
||||
content: "No puedes usar este menú.",
|
||||
ephemeral: true,
|
||||
});
|
||||
return;
|
||||
}
|
||||
await i.deferUpdate();
|
||||
await editorMessage.edit({ components: generateButtonRows(true) });
|
||||
|
||||
// Guardar cambios
|
||||
if (i.customId === "save_embed") {
|
||||
try {
|
||||
const dataForDb = {
|
||||
title: embedState.title,
|
||||
description: embedState.description,
|
||||
color: embedState.color ? `#${embedState.color.toString(16).padStart(6, '0')}` : null,
|
||||
footerText: embedState.footer,
|
||||
};
|
||||
|
||||
await client.prisma.embedConfig.update({
|
||||
where: {
|
||||
guildId_name: {
|
||||
guildId: message.guildId!,
|
||||
name: embedName,
|
||||
},
|
||||
},
|
||||
data: dataForDb,
|
||||
});
|
||||
|
||||
const saved = new EmbedBuilder()
|
||||
.setColor(0x00ff00)
|
||||
.setTitle(`✅ Actualizado: ${embedName}`)
|
||||
.setDescription("Los cambios fueron guardados en la base de datos.");
|
||||
|
||||
await editorMessage.edit({
|
||||
embeds: [saved],
|
||||
components: [],
|
||||
});
|
||||
} catch (e) {
|
||||
const errorEmbed = new EmbedBuilder()
|
||||
.setColor(0xff0000)
|
||||
.setTitle("❌ Error al Guardar")
|
||||
.setDescription("No se pudo guardar en la base de datos. Revisa la consola.");
|
||||
await editorMessage.edit({
|
||||
embeds: [errorEmbed],
|
||||
components: [],
|
||||
});
|
||||
console.error("Error de Prisma al actualizar el embed:", e);
|
||||
}
|
||||
collector.stop();
|
||||
return;
|
||||
}
|
||||
|
||||
// Cancelar
|
||||
if (i.customId === "cancel_embed") {
|
||||
await editorMessage.delete();
|
||||
collector.stop();
|
||||
return;
|
||||
}
|
||||
|
||||
// Edición
|
||||
let promptContent = "";
|
||||
let fieldToEdit: "title" | "description" | "color" | "footer" | null =
|
||||
null;
|
||||
|
||||
switch (i.customId) {
|
||||
case "edit_title":
|
||||
promptContent = "Escribe el nuevo **título** (puedes usar variables).";
|
||||
fieldToEdit = "title";
|
||||
break;
|
||||
case "edit_description":
|
||||
promptContent = "Escribe la nueva **descripción**.";
|
||||
fieldToEdit = "description";
|
||||
break;
|
||||
case "edit_color":
|
||||
promptContent = "Escribe el nuevo **color** en formato hexadecimal (ej: `#FF0000`).";
|
||||
fieldToEdit = "color";
|
||||
break;
|
||||
case "edit_footer":
|
||||
promptContent = "Escribe el nuevo **texto del footer**.";
|
||||
fieldToEdit = "footer";
|
||||
break;
|
||||
}
|
||||
|
||||
//@ts-ignore
|
||||
const promptMessage = await i.channel.send(promptContent);
|
||||
|
||||
//@ts-ignore
|
||||
const messageCollector = i.channel!.createMessageCollector({
|
||||
//@ts-ignore
|
||||
filter: (m: Message) => m.author.id === i.user.id,
|
||||
max: 1,
|
||||
time: 60000,
|
||||
});
|
||||
|
||||
//@ts-ignore
|
||||
messageCollector.on("collect", async (collectedMessage) => {
|
||||
const newValue = collectedMessage.content;
|
||||
|
||||
if (fieldToEdit === "title") embedState.title = newValue;
|
||||
if (fieldToEdit === "description") embedState.description = newValue;
|
||||
if (fieldToEdit === "footer") embedState.footer = newValue;
|
||||
|
||||
if (fieldToEdit === "color") {
|
||||
try {
|
||||
const hex = newValue.replace("#", "");
|
||||
embedState.color = parseInt(hex, 16);
|
||||
} catch {
|
||||
embedState.color = 0x5865f2;
|
||||
}
|
||||
}
|
||||
|
||||
await collectedMessage.delete();
|
||||
await promptMessage.delete();
|
||||
|
||||
await editorMessage.edit({
|
||||
embeds: [await renderPreview()],
|
||||
components: generateButtonRows(false),
|
||||
});
|
||||
});
|
||||
|
||||
//@ts-ignore
|
||||
messageCollector.on("end", async (collected) => {
|
||||
if (collected.size === 0) {
|
||||
await promptMessage.delete();
|
||||
await editorMessage.edit({
|
||||
components: generateButtonRows(false),
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
collector.on("end", async (_, reason) => {
|
||||
if (reason === "time") {
|
||||
const timeoutEmbed = new EmbedBuilder()
|
||||
.setColor(0xff0000)
|
||||
.setTitle("Editor finalizado por inactividad.");
|
||||
|
||||
await editorMessage.edit({
|
||||
embeds: [timeoutEmbed],
|
||||
components: [],
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
};
|
||||
732
src/commands/messages/alliaces/editEmbedv2.ts
Normal file
732
src/commands/messages/alliaces/editEmbedv2.ts
Normal file
@@ -0,0 +1,732 @@
|
||||
import { CommandMessage } from "../../../core/types/commands";
|
||||
// @ts-ignore
|
||||
import { ComponentType, ButtonStyle } from "discord.js";
|
||||
import { replaceVars } from "../../../core/lib/vars";
|
||||
|
||||
/**
|
||||
* Validar si una URL es válida
|
||||
*/
|
||||
const isValidUrl = (url: string): boolean => {
|
||||
if (!url || typeof url !== 'string') return false;
|
||||
try {
|
||||
new URL(url);
|
||||
return url.startsWith('http://') || url.startsWith('https://');
|
||||
} catch {
|
||||
return false;
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Botones de edición
|
||||
*/
|
||||
const btns = (disabled = false) => ([
|
||||
{
|
||||
type: 1,
|
||||
components: [
|
||||
{ style: ButtonStyle.Secondary, type: 2, label: "Editar Título", disabled, custom_id: "edit_title" },
|
||||
{ style: ButtonStyle.Secondary, type: 2, label: "Editar Descripción", disabled, custom_id: "edit_description" },
|
||||
{ style: ButtonStyle.Secondary, type: 2, label: "Editar Color", disabled, custom_id: "edit_color" },
|
||||
{ style: ButtonStyle.Secondary, type: 2, label: "Añadir Contenido", disabled, custom_id: "add_content" },
|
||||
{ style: ButtonStyle.Secondary, type: 2, label: "Añadir Separador", disabled, custom_id: "add_separator" }
|
||||
]
|
||||
},
|
||||
{
|
||||
type: 1,
|
||||
components: [
|
||||
{ style: ButtonStyle.Secondary, type: 2, label: "Añadir Imagen", disabled, custom_id: "add_image" },
|
||||
{ style: ButtonStyle.Secondary, type: 2, label: "Imagen Portada", disabled, custom_id: "cover_image" },
|
||||
{ style: ButtonStyle.Primary, type: 2, label: "Mover Bloque", disabled, custom_id: "move_block" },
|
||||
{ style: ButtonStyle.Danger, type: 2, label: "Eliminar Bloque", disabled, custom_id: "delete_block" },
|
||||
{ style: ButtonStyle.Secondary, type: 2, label: "Editar Thumbnail", disabled, custom_id: "edit_thumbnail" }
|
||||
]
|
||||
},
|
||||
{
|
||||
type: 1,
|
||||
components: [
|
||||
{ style: ButtonStyle.Success, type: 2, label: "Guardar", disabled, custom_id: "save_block" },
|
||||
{ style: ButtonStyle.Danger, type: 2, label: "Cancelar", disabled, custom_id: "cancel_block" }
|
||||
]
|
||||
}
|
||||
]);
|
||||
|
||||
/**
|
||||
* Generar vista previa
|
||||
*/
|
||||
const renderPreview = async (blockState: any, member: any, guild: any) => {
|
||||
const previewComponents = [];
|
||||
|
||||
// Añadir imagen de portada primero si existe
|
||||
if (blockState.coverImage && isValidUrl(blockState.coverImage)) {
|
||||
//@ts-ignore
|
||||
const processedCoverUrl = await replaceVars(blockState.coverImage, member, guild);
|
||||
if (isValidUrl(processedCoverUrl)) {
|
||||
previewComponents.push({
|
||||
type: 12,
|
||||
items: [{ media: { url: processedCoverUrl } }]
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// Añadir título después de la portada
|
||||
previewComponents.push({
|
||||
type: 10,
|
||||
//@ts-ignore
|
||||
content: await replaceVars(blockState.title ?? "Sin título", member, guild)
|
||||
});
|
||||
|
||||
// Procesar componentes en orden
|
||||
for (const c of blockState.components) {
|
||||
if (c.type === 10) {
|
||||
// Componente de texto con thumbnail opcional
|
||||
//@ts-ignore
|
||||
const processedThumbnail = c.thumbnail ? await replaceVars(c.thumbnail, member, guild) : null;
|
||||
|
||||
if (processedThumbnail && isValidUrl(processedThumbnail)) {
|
||||
// Si tiene thumbnail válido, usar contenedor tipo 9 con accessory
|
||||
previewComponents.push({
|
||||
type: 9,
|
||||
components: [
|
||||
{
|
||||
type: 10,
|
||||
//@ts-ignore
|
||||
content: await replaceVars(c.content || " ", member, guild)
|
||||
}
|
||||
],
|
||||
accessory: {
|
||||
type: 11,
|
||||
media: { url: processedThumbnail }
|
||||
}
|
||||
});
|
||||
} else {
|
||||
// Sin thumbnail o thumbnail inválido, componente normal
|
||||
previewComponents.push({
|
||||
type: 10,
|
||||
//@ts-ignore
|
||||
content: await replaceVars(c.content || " ", member, guild)
|
||||
});
|
||||
}
|
||||
} else if (c.type === 14) {
|
||||
// Separador
|
||||
previewComponents.push({
|
||||
type: 14,
|
||||
divider: c.divider ?? true,
|
||||
spacing: c.spacing ?? 1
|
||||
});
|
||||
} else if (c.type === 12) {
|
||||
// Imagen - validar URL también
|
||||
//@ts-ignore
|
||||
const processedImageUrl = await replaceVars(c.url, member, guild);
|
||||
|
||||
if (isValidUrl(processedImageUrl)) {
|
||||
previewComponents.push({
|
||||
type: 12,
|
||||
items: [{ media: { url: processedImageUrl } }]
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
type: 17,
|
||||
accent_color: blockState.color ?? null,
|
||||
components: previewComponents
|
||||
};
|
||||
};
|
||||
|
||||
export const command: CommandMessage = {
|
||||
name: "blockedit",
|
||||
type: "message",
|
||||
cooldown: 20,
|
||||
run: async (message, args, client) => {
|
||||
if (!message.member?.permissions.has("Administrator")) {
|
||||
return message.reply("❌ No tienes permisos de Administrador.");
|
||||
}
|
||||
|
||||
const blockName: string | null = args[0] ?? null;
|
||||
if (!blockName) {
|
||||
return message.reply("Debes proporcionar un nombre. Uso: `!blockedit <nombre>`");
|
||||
}
|
||||
|
||||
// Buscar el block existente
|
||||
const existingBlock = await client.prisma.blockV2Config.findFirst({
|
||||
where: { guildId: message.guild!.id, name: blockName }
|
||||
});
|
||||
|
||||
if (!existingBlock) {
|
||||
return message.reply(`❌ No se encontró un block con el nombre: **${blockName}**`);
|
||||
}
|
||||
|
||||
// Cargar configuración existente
|
||||
let blockState: any = {
|
||||
...existingBlock.config,
|
||||
// Asegurar que las propiedades necesarias existan
|
||||
title: existingBlock.config.title || `Block: ${blockName}`,
|
||||
color: existingBlock.config.color || null,
|
||||
coverImage: existingBlock.config.coverImage || null,
|
||||
components: existingBlock.config.components || []
|
||||
};
|
||||
|
||||
//@ts-ignore
|
||||
const editorMessage = await message.channel.send({
|
||||
flags: 32768,
|
||||
components: [
|
||||
await renderPreview(blockState, message.member, message.guild),
|
||||
...btns(false)
|
||||
]
|
||||
});
|
||||
|
||||
const collector = editorMessage.createMessageComponentCollector({
|
||||
time: 300000
|
||||
});
|
||||
|
||||
collector.on("collect", async (i) => {
|
||||
if (i.user.id !== message.author.id) {
|
||||
await i.reply({ content: "No puedes usar este menú.", ephemeral: true });
|
||||
return;
|
||||
}
|
||||
|
||||
// --- BOTONES ---
|
||||
if (i.isButton()) {
|
||||
await editorMessage.edit({
|
||||
components: [await renderPreview(blockState, message.member, message.guild), ...btns(true)]
|
||||
});
|
||||
await i.deferUpdate();
|
||||
|
||||
switch (i.customId) {
|
||||
case "save_block": {
|
||||
await client.prisma.blockV2Config.update({
|
||||
where: { guildId_name: { guildId: message.guildId!, name: blockName } },
|
||||
data: { config: blockState }
|
||||
});
|
||||
await editorMessage.edit({
|
||||
components: [
|
||||
{
|
||||
type: 17,
|
||||
accent_color: blockState.color ?? null,
|
||||
components: [
|
||||
{ type: 10, content: `✅ Block actualizado: ${blockName}` },
|
||||
{ type: 10, content: "Configuración guardada exitosamente." }
|
||||
]
|
||||
}
|
||||
]
|
||||
});
|
||||
collector.stop();
|
||||
return;
|
||||
}
|
||||
case "cancel_block": {
|
||||
await editorMessage.edit({
|
||||
components: [
|
||||
{
|
||||
type: 17,
|
||||
components: [
|
||||
{ type: 10, content: "❌ Edición cancelada." },
|
||||
{ type: 10, content: "No se guardaron los cambios." }
|
||||
]
|
||||
}
|
||||
]
|
||||
});
|
||||
collector.stop();
|
||||
return;
|
||||
}
|
||||
case "edit_title": {
|
||||
const prompt = await message.channel.send("Escribe el nuevo **título**.");
|
||||
const mc = message.channel.createMessageCollector({
|
||||
filter: (m) => m.author.id === message.author.id,
|
||||
max: 1,
|
||||
time: 60000
|
||||
});
|
||||
mc.on("collect", async (collected) => {
|
||||
blockState.title = collected.content;
|
||||
await collected.delete();
|
||||
await prompt.delete();
|
||||
await editorMessage.edit({
|
||||
components: [await renderPreview(blockState, message.member, message.guild), ...btns(false)]
|
||||
});
|
||||
});
|
||||
break;
|
||||
}
|
||||
case "edit_description": {
|
||||
const prompt = await message.channel.send("Escribe la nueva **descripción**.");
|
||||
const mc = message.channel.createMessageCollector({
|
||||
filter: (m) => m.author.id === message.author.id,
|
||||
max: 1,
|
||||
time: 60000
|
||||
});
|
||||
mc.on("collect", async (collected) => {
|
||||
const descComp = blockState.components.find((c: any) => c.type === 10);
|
||||
if (descComp) descComp.content = collected.content;
|
||||
await collected.delete();
|
||||
await prompt.delete();
|
||||
await editorMessage.edit({
|
||||
components: [await renderPreview(blockState, message.member, message.guild), ...btns(false)]
|
||||
});
|
||||
});
|
||||
break;
|
||||
}
|
||||
case "edit_color": {
|
||||
const prompt = await message.channel.send("Escribe el nuevo **color** en HEX (#RRGGBB).");
|
||||
const mc = message.channel.createMessageCollector({
|
||||
filter: (m) => m.author.id === message.author.id,
|
||||
max: 1,
|
||||
time: 60000
|
||||
});
|
||||
mc.on("collect", async (collected) => {
|
||||
const newValue = collected.content;
|
||||
let parsed: number | null = null;
|
||||
if (/^#?[0-9A-Fa-f]{6}$/.test(newValue)) {
|
||||
parsed = parseInt(newValue.replace("#", ""), 16);
|
||||
}
|
||||
blockState.color = parsed;
|
||||
await collected.delete();
|
||||
await prompt.delete();
|
||||
await editorMessage.edit({
|
||||
components: [await renderPreview(blockState, message.member, message.guild), ...btns(false)]
|
||||
});
|
||||
});
|
||||
break;
|
||||
}
|
||||
case "add_content": {
|
||||
const prompt = await message.channel.send("Escribe el nuevo **contenido**.");
|
||||
const mc = message.channel.createMessageCollector({
|
||||
filter: (m) => m.author.id === message.author.id,
|
||||
max: 1,
|
||||
time: 60000
|
||||
});
|
||||
mc.on("collect", async (collected) => {
|
||||
blockState.components.push({ type: 10, content: collected.content, thumbnail: null });
|
||||
await collected.delete();
|
||||
await prompt.delete();
|
||||
await editorMessage.edit({
|
||||
components: [await renderPreview(blockState, message.member, message.guild), ...btns(false)]
|
||||
});
|
||||
});
|
||||
break;
|
||||
}
|
||||
case "add_separator": {
|
||||
//@ts-ignore
|
||||
const reply = await i.followUp({
|
||||
ephemeral: true,
|
||||
content: "¿El separador debe ser visible?",
|
||||
components: [
|
||||
{
|
||||
type: 1,
|
||||
components: [
|
||||
{ type: 2, style: ButtonStyle.Success, label: "✅ Visible", custom_id: "separator_visible" },
|
||||
{ type: 2, style: ButtonStyle.Secondary, label: "❌ Invisible", custom_id: "separator_invisible" }
|
||||
]
|
||||
}
|
||||
],
|
||||
fetchReply: true
|
||||
});
|
||||
|
||||
//@ts-ignore
|
||||
const sepCollector = reply.createMessageComponentCollector({
|
||||
componentType: ComponentType.Button,
|
||||
max: 1,
|
||||
time: 60000,
|
||||
filter: (b: any) => b.user.id === message.author.id
|
||||
});
|
||||
|
||||
sepCollector.on("collect", async (b: any) => {
|
||||
const isVisible = b.customId === "separator_visible";
|
||||
blockState.components.push({ type: 14, divider: isVisible, spacing: 1 });
|
||||
|
||||
await b.update({
|
||||
content: `✅ Separador ${isVisible ? 'visible' : 'invisible'} añadido.`,
|
||||
components: []
|
||||
});
|
||||
|
||||
await editorMessage.edit({
|
||||
components: [await renderPreview(blockState, message.member, message.guild), ...btns(false)]
|
||||
});
|
||||
|
||||
sepCollector.stop();
|
||||
});
|
||||
break;
|
||||
}
|
||||
case "add_image": {
|
||||
const prompt = await message.channel.send("Escribe la **URL de la imagen**.");
|
||||
const mc = message.channel.createMessageCollector({
|
||||
filter: (m) => m.author.id === message.author.id,
|
||||
max: 1,
|
||||
time: 60000
|
||||
});
|
||||
mc.on("collect", async (collected) => {
|
||||
blockState.components.push({ type: 12, url: collected.content });
|
||||
await collected.delete();
|
||||
await prompt.delete();
|
||||
await editorMessage.edit({
|
||||
components: [await renderPreview(blockState, message.member, message.guild), ...btns(false)]
|
||||
});
|
||||
});
|
||||
break;
|
||||
}
|
||||
case "cover_image": {
|
||||
if (blockState.coverImage) {
|
||||
// Si ya tiene portada, preguntar si editar o eliminar
|
||||
//@ts-ignore
|
||||
const reply = await i.followUp({
|
||||
ephemeral: true,
|
||||
content: "Ya tienes una imagen de portada. ¿Qué quieres hacer?",
|
||||
components: [
|
||||
{
|
||||
type: 1,
|
||||
components: [
|
||||
{ type: 2, style: ButtonStyle.Primary, label: "✏️ Editar", custom_id: "edit_cover" },
|
||||
{ type: 2, style: ButtonStyle.Danger, label: "🗑️ Eliminar", custom_id: "delete_cover" }
|
||||
]
|
||||
}
|
||||
],
|
||||
fetchReply: true
|
||||
});
|
||||
|
||||
//@ts-ignore
|
||||
const coverCollector = reply.createMessageComponentCollector({
|
||||
componentType: ComponentType.Button,
|
||||
max: 1,
|
||||
time: 60000,
|
||||
filter: (b: any) => b.user.id === message.author.id
|
||||
});
|
||||
|
||||
coverCollector.on("collect", async (b: any) => {
|
||||
if (b.customId === "edit_cover") {
|
||||
await b.update({ content: "Escribe la nueva **URL de la imagen de portada**:", components: [] });
|
||||
|
||||
const prompt = await message.channel.send("Nueva URL de portada:");
|
||||
const mc = message.channel.createMessageCollector({
|
||||
filter: (m) => m.author.id === message.author.id,
|
||||
max: 1,
|
||||
time: 60000
|
||||
});
|
||||
|
||||
mc.on("collect", async (collected) => {
|
||||
blockState.coverImage = collected.content;
|
||||
await collected.delete();
|
||||
await prompt.delete();
|
||||
await editorMessage.edit({
|
||||
components: [await renderPreview(blockState, message.member, message.guild), ...btns(false)]
|
||||
});
|
||||
});
|
||||
} else if (b.customId === "delete_cover") {
|
||||
blockState.coverImage = null;
|
||||
await b.update({ content: "✅ Imagen de portada eliminada.", components: [] });
|
||||
await editorMessage.edit({
|
||||
components: [await renderPreview(blockState, message.member, message.guild), ...btns(false)]
|
||||
});
|
||||
}
|
||||
coverCollector.stop();
|
||||
});
|
||||
} else {
|
||||
// No tiene portada, añadir nueva
|
||||
const prompt = await message.channel.send("Escribe la **URL de la imagen de portada**.");
|
||||
const mc = message.channel.createMessageCollector({
|
||||
filter: (m) => m.author.id === message.author.id,
|
||||
max: 1,
|
||||
time: 60000
|
||||
});
|
||||
mc.on("collect", async (collected) => {
|
||||
blockState.coverImage = collected.content;
|
||||
await collected.delete();
|
||||
await prompt.delete();
|
||||
await editorMessage.edit({
|
||||
components: [await renderPreview(blockState, message.member, message.guild), ...btns(false)]
|
||||
});
|
||||
});
|
||||
}
|
||||
break;
|
||||
}
|
||||
case "edit_thumbnail": {
|
||||
// Buscar componentes de texto para seleccionar cuál editar
|
||||
const textComponents = blockState.components
|
||||
.map((c: any, idx: number) => ({ component: c, index: idx }))
|
||||
.filter(({ component }) => component.type === 10);
|
||||
|
||||
if (textComponents.length === 0) {
|
||||
//@ts-ignore
|
||||
await i.followUp({
|
||||
content: "❌ No hay componentes de texto para añadir thumbnail.",
|
||||
ephemeral: true
|
||||
});
|
||||
break;
|
||||
}
|
||||
|
||||
if (textComponents.length === 1) {
|
||||
// Solo un componente de texto, editarlo directamente
|
||||
const prompt = await message.channel.send("Escribe la **URL del thumbnail**.");
|
||||
const mc = message.channel.createMessageCollector({
|
||||
filter: (m) => m.author.id === message.author.id,
|
||||
max: 1,
|
||||
time: 60000
|
||||
});
|
||||
mc.on("collect", async (collected) => {
|
||||
textComponents[0].component.thumbnail = collected.content;
|
||||
await collected.delete();
|
||||
await prompt.delete();
|
||||
await editorMessage.edit({
|
||||
components: [await renderPreview(blockState, message.member, message.guild), ...btns(false)]
|
||||
});
|
||||
});
|
||||
} else {
|
||||
// Múltiples componentes de texto, mostrar selector
|
||||
const options = textComponents.map(({ component, index }) => ({
|
||||
label: `Texto: ${component.content?.slice(0, 30) || "..."}`,
|
||||
value: index.toString(),
|
||||
description: component.thumbnail ? "Ya tiene thumbnail" : "Sin thumbnail"
|
||||
}));
|
||||
|
||||
//@ts-ignore
|
||||
const reply = await i.followUp({
|
||||
ephemeral: true,
|
||||
content: "Selecciona el texto al que quieres añadir/editar thumbnail:",
|
||||
components: [
|
||||
{
|
||||
type: 1,
|
||||
components: [
|
||||
{
|
||||
type: 3,
|
||||
custom_id: "select_text_for_thumbnail",
|
||||
placeholder: "Elige un texto",
|
||||
options
|
||||
}
|
||||
]
|
||||
}
|
||||
],
|
||||
fetchReply: true
|
||||
});
|
||||
|
||||
//@ts-ignore
|
||||
const selCollector = reply.createMessageComponentCollector({
|
||||
componentType: ComponentType.StringSelect,
|
||||
max: 1,
|
||||
time: 60000,
|
||||
filter: (sel: any) => sel.user.id === message.author.id
|
||||
});
|
||||
|
||||
selCollector.on("collect", async (sel: any) => {
|
||||
const selectedIndex = parseInt(sel.values[0]);
|
||||
|
||||
await sel.update({
|
||||
content: "Escribe la **URL del thumbnail**:",
|
||||
components: []
|
||||
});
|
||||
|
||||
const prompt = await message.channel.send("URL del thumbnail:");
|
||||
const mc = message.channel.createMessageCollector({
|
||||
filter: (m) => m.author.id === message.author.id,
|
||||
max: 1,
|
||||
time: 60000
|
||||
});
|
||||
|
||||
mc.on("collect", async (collected) => {
|
||||
blockState.components[selectedIndex].thumbnail = collected.content;
|
||||
await collected.delete();
|
||||
await prompt.delete();
|
||||
await editorMessage.edit({
|
||||
components: [await renderPreview(blockState, message.member, message.guild), ...btns(false)]
|
||||
});
|
||||
});
|
||||
});
|
||||
}
|
||||
break;
|
||||
}
|
||||
case "move_block": {
|
||||
const options = blockState.components.map((c: any, idx: number) => ({
|
||||
label:
|
||||
c.type === 10
|
||||
? `Texto: ${c.content?.slice(0, 30) || "..."}`
|
||||
: c.type === 14
|
||||
? `Separador ${c.divider ? '(Visible)' : '(Invisible)'}`
|
||||
: c.type === 12
|
||||
? `Imagen: ${c.url?.slice(-30) || "..."}`
|
||||
: `Componente ${c.type}`,
|
||||
value: idx.toString(),
|
||||
description:
|
||||
c.type === 10 && c.thumbnail
|
||||
? "Con thumbnail"
|
||||
: undefined
|
||||
}));
|
||||
|
||||
//@ts-ignore
|
||||
const reply = await i.followUp({
|
||||
ephemeral: true,
|
||||
content: "Selecciona el bloque que quieres mover:",
|
||||
components: [
|
||||
{
|
||||
type: 1,
|
||||
components: [
|
||||
{ type: 3, custom_id: "move_block_select", placeholder: "Elige un bloque", options }
|
||||
]
|
||||
}
|
||||
],
|
||||
fetchReply: true
|
||||
});
|
||||
|
||||
//@ts-ignore
|
||||
const selCollector = reply.createMessageComponentCollector({
|
||||
componentType: ComponentType.StringSelect,
|
||||
max: 1,
|
||||
time: 60000,
|
||||
filter: (it: any) => it.user.id === message.author.id
|
||||
});
|
||||
|
||||
selCollector.on("collect", async (sel: any) => {
|
||||
const idx = parseInt(sel.values[0]);
|
||||
|
||||
await sel.update({
|
||||
content: "¿Quieres mover este bloque?",
|
||||
components: [
|
||||
{
|
||||
type: 1,
|
||||
components: [
|
||||
{ type: 2, style: ButtonStyle.Secondary, label: "⬆️ Subir", custom_id: `move_up_${idx}`, disabled: idx === 0 },
|
||||
{ type: 2, style: ButtonStyle.Secondary, label: "⬇️ Bajar", custom_id: `move_down_${idx}`, disabled: idx === blockState.components.length - 1 }
|
||||
]
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
//@ts-ignore
|
||||
const btnCollector = reply.createMessageComponentCollector({
|
||||
componentType: ComponentType.Button,
|
||||
max: 1,
|
||||
time: 60000,
|
||||
filter: (b: any) => b.user.id === message.author.id
|
||||
});
|
||||
|
||||
btnCollector.on("collect", async (b: any) => {
|
||||
if (b.customId.startsWith("move_up_")) {
|
||||
const i2 = parseInt(b.customId.replace("move_up_", ""));
|
||||
if (i2 > 0) {
|
||||
const item = blockState.components[i2];
|
||||
blockState.components.splice(i2, 1);
|
||||
blockState.components.splice(i2 - 1, 0, item);
|
||||
}
|
||||
await b.update({ content: "✅ Bloque movido arriba.", components: [] });
|
||||
} else if (b.customId.startsWith("move_down_")) {
|
||||
const i2 = parseInt(b.customId.replace("move_down_", ""));
|
||||
if (i2 < blockState.components.length - 1) {
|
||||
const item = blockState.components[i2];
|
||||
blockState.components.splice(i2, 1);
|
||||
blockState.components.splice(i2 + 1, 0, item);
|
||||
}
|
||||
await b.update({ content: "✅ Bloque movido abajo.", components: [] });
|
||||
}
|
||||
|
||||
await editorMessage.edit({
|
||||
components: [await renderPreview(blockState, message.member, message.guild), ...btns(false)]
|
||||
});
|
||||
|
||||
btnCollector.stop();
|
||||
selCollector.stop();
|
||||
});
|
||||
});
|
||||
|
||||
break;
|
||||
}
|
||||
case "delete_block": {
|
||||
// Incluir portada en las opciones si existe
|
||||
const options = [];
|
||||
|
||||
// Añadir portada como opción si existe
|
||||
if (blockState.coverImage) {
|
||||
options.push({
|
||||
label: "🖼️ Imagen de Portada",
|
||||
value: "cover_image",
|
||||
description: "Imagen principal del bloque"
|
||||
});
|
||||
}
|
||||
|
||||
// Añadir componentes regulares
|
||||
blockState.components.forEach((c: any, idx: number) => {
|
||||
options.push({
|
||||
label:
|
||||
c.type === 10
|
||||
? `Texto: ${c.content?.slice(0, 30) || "..."}`
|
||||
: c.type === 14
|
||||
? `Separador ${c.divider ? '(Visible)' : '(Invisible)'}`
|
||||
: c.type === 12
|
||||
? `Imagen: ${c.url?.slice(-30) || "..."}`
|
||||
: `Componente ${c.type}`,
|
||||
value: idx.toString(),
|
||||
description:
|
||||
c.type === 10 && c.thumbnail
|
||||
? "Con thumbnail"
|
||||
: undefined
|
||||
});
|
||||
});
|
||||
|
||||
if (options.length === 0) {
|
||||
//@ts-ignore
|
||||
await i.followUp({
|
||||
content: "❌ No hay elementos para eliminar.",
|
||||
ephemeral: true
|
||||
});
|
||||
break;
|
||||
}
|
||||
|
||||
//@ts-ignore
|
||||
const reply = await i.followUp({
|
||||
ephemeral: true,
|
||||
content: "Selecciona el elemento que quieres eliminar:",
|
||||
components: [
|
||||
{
|
||||
type: 1,
|
||||
components: [
|
||||
{ type: 3, custom_id: "delete_block_select", placeholder: "Elige un elemento", options }
|
||||
]
|
||||
}
|
||||
],
|
||||
fetchReply: true
|
||||
});
|
||||
|
||||
//@ts-ignore
|
||||
const selCollector = reply.createMessageComponentCollector({
|
||||
componentType: ComponentType.StringSelect,
|
||||
max: 1,
|
||||
time: 60000,
|
||||
filter: (it: any) => it.user.id === message.author.id
|
||||
});
|
||||
|
||||
selCollector.on("collect", async (sel: any) => {
|
||||
const selectedValue = sel.values[0];
|
||||
|
||||
if (selectedValue === "cover_image") {
|
||||
blockState.coverImage = null;
|
||||
await sel.update({ content: "✅ Imagen de portada eliminada.", components: [] });
|
||||
} else {
|
||||
const idx = parseInt(selectedValue);
|
||||
blockState.components.splice(idx, 1);
|
||||
await sel.update({ content: "✅ Elemento eliminado.", components: [] });
|
||||
}
|
||||
|
||||
await editorMessage.edit({
|
||||
components: [await renderPreview(blockState, message.member, message.guild), ...btns(false)]
|
||||
});
|
||||
|
||||
selCollector.stop();
|
||||
});
|
||||
|
||||
break;
|
||||
}
|
||||
default:
|
||||
break;
|
||||
}
|
||||
|
||||
await editorMessage.edit({
|
||||
components: [await renderPreview(blockState, message.member, message.guild), ...btns(false)]
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
//@ts-ignore
|
||||
collector.on("end", async (_, reason) => {
|
||||
if (reason === "time") {
|
||||
await editorMessage.edit({
|
||||
components: [
|
||||
{ type: 17, components: [{ type: 10, content: "⏰ Editor finalizado por inactividad." }] }
|
||||
]
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
@@ -17,7 +17,7 @@ export const command: CommandMessage = {
|
||||
}
|
||||
|
||||
try {
|
||||
await client.prisma.embedConfig.delete({
|
||||
await client.prisma.blockV2Config.delete({
|
||||
where: {
|
||||
guildId_name: {
|
||||
guildId: message.guildId!,
|
||||
|
||||
@@ -24,7 +24,7 @@ export const command: CommandMessage = {
|
||||
return message.reply("❌ No tienes permisos de Administrador.");
|
||||
}
|
||||
|
||||
const embeds = await client.prisma.embedConfig.findMany({
|
||||
const embeds = await client.prisma.blockV2Config.findMany({
|
||||
where: { guildId: message.guildId! },
|
||||
});
|
||||
|
||||
|
||||
Reference in New Issue
Block a user