script.js

// ==UserScript==
// @name         Instagram Chat Bot
// @namespace    https://github.com/swempish
// @version      1.0.5
// @description  A script that adds a side panel to Instagram's DM section. Activates an AI-powered bot to automatically reply to incoming messages.
// @author       Emirhan Çolak
// @match        https://www.instagram.com/direct/t/*
// @icon         data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
// @grant        none
// @license GPL-3.0
// @require      https://code.jquery.com/jquery-3.7.1.slim.min.js
// ==/UserScript==

// Side panel element (Start bot button)
var panelElement = `

<div style="
    justify-content: center;
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 1rem;
    gap: 1rem;
">
    <h2>Insta Chat Bot Utilz</h2>
    <button id="startTheBot" style="
    min-height: 2rem;
    max-width: 14rem;
    margin: auto;
    width: 100%;
    cursor: pointer;
">Start the Bot!</button>
    <div style="
    border-style: outset;
    border-color: brown;
    background-color: rgb(66,66,66);
    text-align: left;
    padding: 0 .2rem 0 .2rem;
    font-family: monospace;
    font-size: x-small;
    word-break: break-all;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 8rem;
    height: 100%;
    display: none;
" id="botLogChat">
        <p>Log</p>
    </div>
</div>

`;

const injectCSS = css => {
    let el = document.createElement('style');
    el.type = 'text/css';
    el.innerText = css;
    document.head.appendChild(el);
    return el;
};

var days = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];

var personalities = [
    'Your name is Emirhan. You are talking to someone in Instagram. Reply to them.' // Put here your personality prompt
]

const GEMINI_API_KEY = "YOUR-GEMINI-API-KEY";
const GEMINI_API_URL = `https://generativelanguage.googleapis.com/v1beta/models/gemini-pro:generateContent?key=${GEMINI_API_KEY}`;

var bot_config = {
    contents: [
        {
            role: "user",
            parts: [{ text: personalities[0] }]
        },
        {
            role: "model",
            parts: [{ text: "Okay." }]
        },
    ],
    "safetySettings": [
        {
            category: "HARM_CATEGORY_HARASSMENT",
            threshold: "BLOCK_NONE"
        },
        {
            category: "HARM_CATEGORY_HATE_SPEECH",
            threshold: "BLOCK_NONE"
        },
        {
            category: "HARM_CATEGORY_SEXUALLY_EXPLICIT",
            threshold: "BLOCK_NONE"
        },
        {
            category: "HARM_CATEGORY_DANGEROUS_CONTENT",
            threshold: "BLOCK_NONE"
        },
    ]
}

async function generate_ai_response(input) {

    // Provide time information to the bot
    //save_message("*** SYSTEM MESSAGE *** Time: " + new Date().toLocaleTimeString(undefined, { hour: '2-digit', minute: '2-digit' }) + " Date: " + new Date().toLocaleDateString() + " Day of the week: " + days[new Date().getDay()], "user");
//save_message("*** DATE AND TIME RECORDED ***", "model");

    save_message(input, "user");
    const response = await fetch(GEMINI_API_URL, {
        method: "POST",
        body: JSON.stringify(bot_config),
    });

    const result = await response.json();
    save_message(result["candidates"][0]["content"]["parts"][0]["text"], "model");
    return String(result["candidates"][0]["content"]["parts"][0]["text"]);
}

function save_message(message, role) {
    bot_config["contents"].push({ role: role, parts: [{ text: message }] });
}

var lastSentMessage = "---------------";
var generatingResponse = false;

var lastChatContent = "";

function main() {
    // Add the start bot button
    document.querySelector("main > section > div > div > div > div > div > div > div > div:nth-child(2) > div > div > div > div > div:nth-child(2)").innerHTML = panelElement + document.querySelector("main > section > div > div > div > div > div > div > div > div:nth-child(2) > div > div > div > div > div:nth-child(2)").innerHTML

    var chatContainer = document.querySelector("main > section > div > div > div > div > div > div > div > div > div > div > div > div > div > div > div > div > div > div > div > div > div > div > div:nth-child(3) > div");
    var sendButton = document.querySelector("main > section > div > div > div > div > div > div > div > div > div > div > div > div > div > div > div > div:nth-child(2) > div > div > div:nth-child(3)");

    document.querySelector("#startTheBot").addEventListener("click", function () {
        var inputPlaceholderElement = document.querySelector("main > section > div > div > div > div > div > div > div > div > div > div > div > div > div > div > div > div:nth-child(2) > div > div > div > div > div:nth-child(2)");
        inputPlaceholderElement.innerText = "Controlled by the bot...";
        $("#botLogChat").show();
        logBot("Starting the bot...");
        injectCSS('*{--messenger-card-background: rgb(34 113 120);}');
        lastChatContent = chatContainer.innerHTML;

        // Create a new interval that will check chatContainer's innerHTML and if it changes, generate a response
        var elementTesterInterval = setInterval(async () => {
            if (!generatingResponse && chatContainer.innerHTML != lastChatContent) {
                var chatSize = chatContainer.childNodes.length;
                var lastMessage = "";

                for (let index = 1; index < chatContainer.childNodes[chatSize - 2].getElementsByTagName("span").length; index++) {
                    lastMessage += chatContainer.childNodes[chatSize - 2].getElementsByTagName("span")[index].innerText + " ";
                }

                var whoSent = chatContainer.childNodes[chatSize - 2].getElementsByTagName("span")[0].innerText == "You sent" ? "yourself" : "other";

                if (generatingResponse || whoSent == "yourself") {
                    return;
                }

                logBot("Got message from user. Waiting for AI response...");
                generatingResponse = true;
                var response = await generate_ai_response(lastMessage);

                logBot(`Got the response: ${response.slice(0, 30) + "..."}`);

                lastSentMessage = response;
                typeAndSend(response, sendButton);
            }
        }, 100);

        var observer = new MutationObserver(function (mutations) {
            // Iterate over each mutation record
            mutations.forEach(async function (mutation) {
                if (mutation.type === 'childList') {

                }
            });
        });

        // Configure the observer to observe changes in childList
        var config = { childList: true };

        // Start observing the chat container element
        observer.observe(chatContainer, config);


    });
}

async function typeAndSend(text, sendButton) {
    // Insert text character by character so it looks like someone is typing. Max duration is 1 second
    // This is to simulate human typing
    for (var i = 0; i < text.length; i++) {
        document.execCommand('insertText', false, text.charAt(i));
        await new Promise(r => setTimeout(r, 100));
    }
    // Wait for 1 second
    await new Promise(r => setTimeout(r, 100));
    sendButton.click();
    generatingResponse = false;
    await new Promise(r => setTimeout(r, 100));
    inputPlaceholderElement.innerText = "Controlled by the bot...";
}

// Log to chat div. Put logs to bottom
function logBot(text) {
    document.querySelector("#botLogChat").innerHTML += "<p>" + text + "</p>";
    document.querySelector("#botLogChat").scrollTop = document.querySelector("#botLogChat").scrollHeight;
}


$(document).ready(function () {
    var elementTesterInterval = setInterval(() => {
        if (document.querySelector("main > section > div > div > div > div > div > div > div > div:nth-child(2) > div > div > div > div > div:nth-child(2)")) {
            clearInterval(elementTesterInterval);
            main();
        }
    }, 1000);
});