script.js

/*Sets of lists of images
*/
const politics = [
    "https://i.ibb.co/S6xnr5n/poli-trump.png",
    "https://i.ibb.co/8ByyBy2/poli-putin.png",
    "https://i.ibb.co/DzZ0hNN/poli-obama.png",
    "https://i.ibb.co/99N4hyY/poli-kim.png",
];

const flags = [
    "https://i.ibb.co/9bpq8bj/flags-usa.png",
    "https://i.ibb.co/3RzYGKJ/flags-bhr.png",
    "https://i.ibb.co/Vw2qKgt/flags-pr.png",
    "https://i.ibb.co/VpsP1Fs/flags-china.png",
];

const dogs = [
    "https://i.ibb.co/pynTy8K/dog-chichi.png",
    "https://i.ibb.co/6Xx1hLY/dog-husky.png",
    "https://i.ibb.co/T4rWzgL/dog-scruffy.png",
    "https://i.ibb.co/GVf947d/dog-bulldog.png",
];

const cats = [
    "https://i.ibb.co/1ZFy52Z/cat-moonie.png",
    "https://i.ibb.co/ZLj1Df5/cat-grumpy.png",
    "https://i.ibb.co/874q7tX/cat-tongue.png",
    "https://i.ibb.co/RT53mNF/cat-scared.png",
];

const hb = [
    "https://i.ibb.co/xM37Cvt/hb-bahar.png",
    "https://i.ibb.co/PYkKSK0/hb-noah.png",
    "https://i.ibb.co/BK1HbHT/hb-raquel.png",
    "https://i.ibb.co/fkwCfjY/hb-catu.png",
];

/*Sets the cursor depending on the selected theme.*/
const runScript = (pickTheme) => {

    // The cursors picked
    let selectedSet = pickTheme;

    //Number of cursors in set
    let cursorCount = pickTheme.length;

    //Index of current displayed cursor
    let currCursor = 0;

    //The url of the selected cursor
    let cursorURL = selectedSet[currCursor];

    //Determines whether user is clicking and dragging
    //var dragging = false;

    //Cursor initally set to first cursor
    document.body.style.cursor = "url('" + cursorURL + "'), auto";


    /*Switches to a new cursor from the set every time the user clicks or drags mouse*/
    document.addEventListener("click", () => { randCursor(); });

    /*Unused -- changes the icon while dragging the mouse*/
    //document.addEventListener("mousedown", () => {
    //dragging = true;
    //if (dragging) {randCursor();}});
    //document.addEventListener("mousemove", () => {
    //if (dragging) {randCursor();}});
    //document.addEventListener("mouseup", () => {dragging = false});


    /*Sets cursor to a random cursor from the set*/
    const randCursor = () => {

        // Select a new random cursor index within range
        let newNum = Math.floor(Math.random() * cursorCount);

        //If the random index is set to the same current cursor
        if (newNum == currCursor) {
            if (newNum != (cursorCount - 1)) {
                //set to last cursor in set
                newNum = cursorCount - 1;
            } else {
                //if newNum is the last number, set to prev cursor
                newNum = currCursor - 1;
            }
        }

        //Set to the new number
        currCursor = newNum;
        cursorURL = selectedSet[currCursor];

        setCursor(cursorURL);
    }


    /*Sets the styling of the cursor to the given URL*/
    const setCursor = (url) => {
        document.body.style.cursor = "url('" + url + "') 0 0, auto";
    }
}


/*Retrieves the selected cursor theme from the popup input*/
chrome.runtime.onMessage.addListener(
    (request, sender, sendResponse) => {

        let pickTheme;

        switch (request) {
            case 'pol':
                pickTheme = politics;
                break;
            case 'flags':
                pickTheme = flags;
                break;
            case 'dogs':
                pickTheme = dogs;
                break;
            case 'cats':
                pickTheme = cats;
                break;
            case 'hb':
                pickTheme = hb;
                break;
        };

        runScript(pickTheme);

        let theme = request;
    });