CHANGELOG.md

@@ -1,7 +1,3 @@
-## v3.4.x
-#### v3.4.0 (#25)
-* Added nested commands, enclose a command in brackets, braces, or parenthesis inside a longer message: `You really don't get it do you? [that's the joke.gif] You're so dense` would return the results for just `that's the joke.gif`
-
 ## v3.3.x
 #### v3.3.3 (#20)
 * Fixed content-list slash commands `/gifs`, `/pastas`, `/joints`, `/requests` (#19)

CustomModules/ButtonHandlers.js

@@ -3,7 +3,6 @@ const InteractionStorage = require('../CustomModules/InteractionStorage.js');
 const indexer = require('../CustomModules/Indexer.js');
 const fn = require('../functions.js');
 const requests = require('../slash-commands/requests.js');
-const { GifData } = require('./NodBot.js');
 
 module.exports = {
     baseEvent(interaction) {
@@ -41,18 +40,6 @@ module.exports = {
             case 'nextJointsPage':
                 module.exports.jointsPage(interaction);
                 break;
-            case 'prevGif':
-                module.exports.gifSearchPage(interaction);
-                break;
-            case 'nextGif':
-                module.exports.gifSearchPage(interaction);
-                break;
-            case 'confirmGif':
-                module.exports.gifSearchPage(interaction);
-                break;
-            case 'cancelGif':
-                module.exports.gifSearchPage(interaction);
-                break;
             default:
                 return;
         }
@@ -160,45 +147,5 @@ module.exports = {
         }
 
         interaction.update(fn.embeds.joints({command: "/joints", author: interaction.member.displayName}, indexedJoints));
-    },
-    gifSearchPage(interaction) {
-        const iStorage = interaction.client.iStorage.get(interaction.message.interaction.id);
-
-        switch (interaction.component.customId) {
-            case 'prevGif':
-                if (iStorage.page > 0) {
-                    iStorage.page = iStorage.page - 1;
-                }
-                break;
-            case 'nextGif':
-                if (iStorage.page < interaction.client.gifs.size / 10) {
-                    iStorage.page = iStorage.page + 1;
-                }
-                break;
-            case 'confirmGif':
-                const gif = indexer(iStorage.gifsCollection, iStorage.page, 1).thisPage[0];
-                const gifData = new GifData().setInfo(iStorage.gifName, gif.media_formats.gif.url, gif.id);
-                fn.upload.gif(gifData, interaction.client);
-                interaction.update({ content: `I've saved the GIF as ${gifData.name}.gif`, components: [] });
-                fn.download.gifs(interaction.client);
-                return;
-                break;
-            case 'cancelGif':
-                interaction.update({ content: 'The GIF has been discarded.', components: [], embeds: [] });
-                return;
-                break;
-            default:
-                break;
-        }
-        // Generate the action row
-        const gifSearchAR = customEmbeds.actionRows.gifSearchAR(iStorage.state);
-        // Update the index
-        const indexedGifs = indexer(iStorage.gifsCollection, iStorage.page, 1);
-        indexedGifs.query = iStorage.query;
-        indexedGifs.gifName = iStorage.gifName;
-        // Generate the embed
-        const gifEmbed = customEmbeds.core.gifSearch({ author: interaction.member.displayName }, indexedGifs);
-        // Update the interaction
-        interaction.update({ embeds: [gifEmbed], components: [gifSearchAR], ephemeral: true });
     }
 }

CustomModules/Embeds.js

@@ -1,7 +1,6 @@
-const { MessageActionRow, MessageButton, MessageEmbed } = require('discord.js');
+const { MessageActionRow, MessageButton } = require('discord.js');
 
 module.exports = {
-    actionRows: {
     gifSearchAR(state) {
         // Setup the buttons
         const previousButton = new MessageButton()
@@ -11,7 +10,7 @@ module.exports = {
 
         const confirmButton = new MessageButton()
             .setCustomId('confirmGif')
-            .setLabel('Select')
+            .setLabel('✅')
             .setStyle('PRIMARY');
 
         const nextButton = new MessageButton()
@@ -21,7 +20,7 @@ module.exports = {
 
         const cancelButton = new MessageButton()
             .setCustomId('cancelGif')
-            .setLabel('Cancel')
+            .setLabel('❌')
             .setStyle('DANGER');
 
         switch (state) {
@@ -137,18 +136,4 @@ module.exports = {
         return new MessageActionRow()
             .addComponents(previousButton, nextButton);
     }
-    },
-    core: {
-        gifSearch(commandData, indexedGifs) {
-            return new MessageEmbed()
-                .setColor('#0099ff')
-                .setTitle('GIF Search')
-                .setImage(indexedGifs.thisPage[0].media_formats.gif.url)
-                .setFooter({ text: `Page ${indexedGifs.pagesString}` })
-                .addFields(
-                    { name: 'Query', value: `"${indexedGifs.query}"`, inline: true },
-                    { name: 'Saving As', value: `${indexedGifs.gifName}.gif`, inline: true },
-                );
-        }
-    }
 }

CustomModules/Indexer.js

@@ -1,5 +1,5 @@
-module.exports = (collection, page, qty) => {
+module.exports = (collection, page) => {
-    const itemsPerPage = qty ? qty : 10;
+    const itemsPerPage = 10;
     const index = page * itemsPerPage;
     const totalPages = Math.ceil(collection.size / itemsPerPage);
     let state = page === 0 ? 'first' : 'middle';

functions.js

@@ -270,7 +270,7 @@ const functions = {
 				.setFooter({text: `Page: ${indexedPastas.pagesString}`})
 				.setDescription(indexedPastas.pastasString);
 
-			const pastasPageAR = customEmbeds.actionRows.pastasPageAR(indexedPastas.state);
+			const pastasPageAR = customEmbeds.pastasPageAR(indexedPastas.state);
 			return { embeds: [pastasEmbed], components: [pastasPageAR], ephemeral: true };
 		},
 		gifs(commandData, indexedGifs) {
@@ -280,7 +280,7 @@ const functions = {
 				.setFooter({text: `Page: ${indexedGifs.pagesString}`})
 				.setDescription(indexedGifs.gifsString);
 
-				const gifsPageAR = customEmbeds.actionRows.gifsPageAR(indexedGifs.state);
+				const gifsPageAR = customEmbeds.gifsPageAR(indexedGifs.state);
 			return { embeds: [gifsEmbed], components: [gifsPageAR], ephemeral: true };
 		},
 		joints(commandData, indexedJoints) {
@@ -290,7 +290,7 @@ const functions = {
 				.setFooter({text: `Page: ${indexedJoints.pagesString}`})
 				.setDescription(indexedJoints.jointsString);
 
-			const jointsPageAR = customEmbeds.actionRows.jointsPageAR(indexedJoints.state);
+			const jointsPageAR = customEmbeds.jointsPageAR(indexedJoints.state);
 			return { embeds: [jointsEmbed], components: [jointsPageAR], ephemeral: true };
 		},
 		text(commandData) {
@@ -307,7 +307,7 @@ const functions = {
 				.setFooter({text: `Page: ${indexedRequests.pagesString}`})
 				.setDescription(indexedRequests.requestsString);
 
-			const requestsPageAR = customEmbeds.actionRows.requestsPageAR(indexedRequests.state);
+			const requestsPageAR = customEmbeds.requestsPageAR(indexedRequests.state);
 			return { embeds: [requestsEmbed], components: [requestsPageAR], ephemeral: true };
 		},
 		strain(strainInfo, interaction) {

main.js

@@ -76,7 +76,117 @@ client.on('interactionCreate', async interaction => {
 	if (interaction.isButton()) {
 		if (isDev) console.log('Origin Interaction ID: ' + interaction.message.interaction.id);
         if (isDev) console.log('Button ID: ' + interaction.component.customId);
+		// Get some meta info from strings
+		const index = strings.temp.gifIndex;
+		const limit = strings.temp.gifLimit;
+		let newIndex;
+		const buttonId = interaction.component.customId;
+		switch (buttonId) {
+			case 'prevGif':
+				newIndex = index - 1;
+				strings.temp.gifIndex = newIndex;
+				// If we're leaving the last GIF, enable the Next GIF button
+				if (index == limit) {
+					// Re-Send Previous GIF button
+					const prevButton = new MessageButton().setCustomId('prevGif').setLabel('Previous GIF').setStyle('SECONDARY');
+					// Re-Send Confirm GIF Button
+					const confirmButton = new MessageButton().setCustomId('confirmGif').setLabel('Confirm').setStyle('PRIMARY');
+					// Enable Next GIF Button
+					const nextButton = new MessageButton().setCustomId('nextGif').setLabel('Next GIF').setStyle('SECONDARY');
+					// Re-Send Cancel Button
+					const cancelButton = new MessageButton().setCustomId('cancelGif').setLabel('Cancel').setStyle('DANGER');
+					// Put all the above into an ActionRow to be sent as a component of the reply
+					const row = new MessageActionRow().addComponents(prevButton, confirmButton, nextButton, cancelButton);
+
+					interaction.update({ content: strings.temp.gifs[newIndex].embed_url, components: [row] });
+					break;
+				}
+				// If we're going into the first GIF, disable the Previous GIF button
+				if (newIndex == 0) {
+					// Disable Previous GIF button
+					const prevButton = new MessageButton().setCustomId('prevGif').setLabel('Previous GIF').setStyle('SECONDARY').setDisabled();
+					// Re-Send Confirm GIF Button
+					const confirmButton = new MessageButton().setCustomId('confirmGif').setLabel('Confirm').setStyle('PRIMARY');
+					// Re-Send  Next GIF Button
+					const nextButton = new MessageButton().setCustomId('nextGif').setLabel('Next GIF').setStyle('SECONDARY');
+					// Re-Send Cancel Button
+					const cancelButton = new MessageButton().setCustomId('cancelGif').setLabel('Canceled').setStyle('DANGER');
+					// Put all the above into an ActionRow to be sent as a component of the reply
+					const row = new MessageActionRow().addComponents(prevButton, confirmButton, nextButton, cancelButton);
+
+					interaction.update({ content: strings.temp.gifs[newIndex].embed_url, components: [row] });
+					break;
+				}
+
+				interaction.update(strings.temp.gifs[newIndex].embed_url);
+				break;
+			case 'confirmGif':
+				// const gifData = {
+				// 	name: strings.temp.gifName,
+				// 	url: strings.temp.gifs[strings.temp.gifIndex].embed_url,
+				// };
+				const gifData = new GifData().setInfo(strings.temp.gifName, strings.temp.gifs[strings.temp.gifIndex].embed_url);
+				fn.upload.gif(gifData, client);
+				interaction.update({ content: `I've saved the GIF as ${gifData.name}.gif`, components: [] });
+				fn.download.gifs(interaction.client);
+				break;
+			case 'nextGif':
+				newIndex = index + 1;
+				strings.temp.gifIndex = newIndex;
+				// If we're leaving the first GIF, enable the Previous GIF button
+				if (index == 0) {
+					// Enable Previous GIF button
+					const prevButton = new MessageButton().setCustomId('prevGif').setLabel('Previous GIF').setStyle('SECONDARY').setDisabled(false);
+					// Re-Send Confirm GIF Button
+					const confirmButton = new MessageButton().setCustomId('confirmGif').setLabel('Confirm').setStyle('PRIMARY');
+					// Re-Send Next GIF Button
+					const nextButton = new MessageButton().setCustomId('nextGif').setLabel('Next GIF').setStyle('SECONDARY');
+					// Re-Send Cancel Button
+					const cancelButton = new MessageButton().setCustomId('cancelGif').setLabel('Cancel').setStyle('DANGER');
+					// Put all the above into an ActionRow to be sent as a component of the reply
+					const row = new MessageActionRow().addComponents(prevButton, confirmButton, nextButton, cancelButton);
+
+					interaction.update({ content: strings.temp.gifs[newIndex].embed_url, components: [row] });
+					break;
+				}
+				// If we're going into the last GIF, disable the Next GIF button
+				if (newIndex == strings.temp.gifLimit) {
+					// Re-Send Previous GIF button
+					const prevButton = new MessageButton().setCustomId('prevGif').setLabel('Previous GIF').setStyle('SECONDARY');
+					// Re-Send Confirm GIF Button
+					const confirmButton = new MessageButton().setCustomId('confirmGif').setLabel('Confirm').setStyle('PRIMARY');
+					// Disable  Next GIF Button
+					const nextButton = new MessageButton().setCustomId('nextGif').setLabel('Next GIF').setStyle('SECONDARY').setDisabled();
+					// Re-Send Cancel Button
+					const cancelButton = new MessageButton().setCustomId('cancelGif').setLabel('Canceled').setStyle('DANGER');
+					// Put all the above into an ActionRow to be sent as a component of the reply
+					const row = new MessageActionRow().addComponents(prevButton, confirmButton, nextButton, cancelButton);
+
+					interaction.update({ content: strings.temp.gifs[newIndex].embed_url, components: [row] });
+					break;
+				}
+
+				interaction.update(strings.temp.gifs[newIndex].embed_url);
+				break;
+			case 'cancelGif':
+				// Previous GIF button
+				const prevButton = new MessageButton().setCustomId('prevGif').setLabel('Previous GIF').setStyle('SECONDARY').setDisabled();
+				// Confirm GIF Button
+				const confirmButton = new MessageButton().setCustomId('confirmGif').setLabel('Confirm').setStyle('PRIMARY').setDisabled();
+				// Next GIF Button
+				const nextButton = new MessageButton().setCustomId('nextGif').setLabel('Next GIF').setStyle('SECONDARY').setDisabled();
+				// Cancel Button
+				const cancelButton = new MessageButton().setCustomId('cancelGif').setLabel('Canceled').setStyle('DANGER');
+				// Put all the above into an ActionRow to be sent as a component of the reply
+				const row = new MessageActionRow().addComponents(prevButton, confirmButton, nextButton, cancelButton);
+				interaction.component.setDisabled(true);
+
+				interaction.update({ content: 'Canceled.', components: [row] });
+				break;
+			default:
 				ButtonHandlers.baseEvent(interaction);
+				break;
+		}
 	}
 
 	// Handle autocomplete requests

slash-commands/save.js

@@ -7,13 +7,11 @@ const tenor = require('tenorjs').client({
 });
 
 const { SlashCommandBuilder } = require('@discordjs/builders');
-const { Collection } = require('discord.js');
+const { MessageActionRow, MessageButton } = require('discord.js');
 const fn = require('../functions.js');
 const strings = require('../strings.json');
 const { GifData } = require('../CustomModules/NodBot.js');
 const customEmbeds = require('../CustomModules/Embeds.js');
-const Indexer = require('../CustomModules/Indexer.js');
-const Embeds = require('../CustomModules/Embeds.js');
 const { emoji } = strings;
 
 module.exports = {
@@ -144,21 +142,15 @@ module.exports = {
 			switch (subcommand) {
 // GIF Search
 				case "gifsearch":
-					// Grab the inputs from the command
+					// TODO Check on option names
+					const actionRow = customEmbeds.gifSearchAR();
+
+					// Get the query
 					const query = interaction.options.getString('query');
-					const gifName = interaction.options.getString('name').toLowerCase();
+					strings.temp.gifName = interaction.options.getString('name').toLowerCase();
-
-					const iStorage = interaction.client.iStorage.get(interaction.id);
-					iStorage.page = 0;
-					iStorage.gifsCollection = new Collection();
-					iStorage.gifName = gifName;
-					iStorage.query = query;
-
-
 
 					// Search Tenor for the GIF
-					tenor.Search.Query(query, '20').then(res => {
+					tenor.Search.Query(query, '10').then(res => {
-
 						strings.temp.gifs = [];
 						strings.temp.gifIndex = 0;
 						strings.temp.gifLimit = res.length - 1;
@@ -169,18 +161,11 @@ module.exports = {
 							return;
 						}
 						for (const row of res) {
-							iStorage.gifsCollection.set(row.id, row);
+							strings.temp.gifs.push({
+								embed_url: row.media_formats.gif.url,
+							});
 						}
-
+						interaction.editReply({ content: strings.temp.gifs[0].embed_url, components: [actionRow], ephemeral: true });
-						// Generate the initial action row
-						const actionRow = customEmbeds.actionRows.gifSearchAR('first');
-						// Get the index built
-						const gifPage = Indexer(iStorage.gifsCollection, 0, 1);
-						gifPage.query = query;
-						gifPage.gifName = gifName;
-						// Generate the embed
-						const gifEmbed = Embeds.core.gifSearch({ author: interaction.member.displayName }, gifPage);
-						interaction.editReply({ embeds: [gifEmbed], components: [actionRow], ephemeral: true });
 					});
 					break;
 // GIF URL