Violets-Purgatory/overcomplicatedStatuses.js

const path = require("path"),
    fs = require("fs")

var constants = JSON.parse(fs.readFileSync(path.join(__dirname, 'constants.json')))

function makeCompat(string="") {
    return string.replaceAll("<", "&lt;").replaceAll(">", "&gt;")
}

function timeFormatter(seconds) {
    seconds = Math.ceil(seconds / 1000)
    var minutes = Math.floor(seconds / 60)

    if (seconds % 60 < 10) {
        return `${minutes}:0${seconds % 60}`
    } else {
        return `${minutes}:${seconds % 60}`
    }
}

function gameTimeFormatter(seconds) {
    seconds = Math.ceil(seconds / 1000)
    var minutes = Math.ceil(seconds / 60)
    var hours = Math.floor(minutes / 60)
    if (seconds <= 60) {
        return 'about ' + seconds + ' seconds'
    } else if (minutes < 60) {
        return `${minutes} Minutes`
    }

    return `${hours} hours and ${minutes % 60} minutes`

}

function onlyIfExists(string, check) {
    if (check) {
        return string
    } else {
        return ""
    }
}

module.exports = {
    activitiesToHTML: (lanyardData, cachedImages) => {
        var debounce = false
        var addedHTML = ""

        if (lanyardData && lanyardData.activities.length > 0) {
            for (let index = 0; index < lanyardData.activities.length; index++) {
                const activity = lanyardData.activities[index];

                var found = false
                for (let index = 0; index < lanyardData.activities.length; index++) {
                    const act = lanyardData.activities[index]
                    if (act.name == activity.name) {
                        if (Object.keys(act).length > Object.keys(activity).length) {
                            found = true
                        }
                    }
                }
                if (found) {
                    continue
                }

                function get_img(activity, size = "large_image") {
                    return "https://cache.violets-purgatory.dev/cached/byID/" + activity.id + "?size=" + size + "&url=" + activity.assets[size]
                }

                function activityTime() {
                    if (activity.timestamps) {
                        if (activity.timestamps.start) {
                            if (activity.timestamps.end) {
                                var timeLeft = Math.round((activity.timestamps.end - Date.now()) / 1000)
                                var totalTime = Math.round((activity.timestamps.end - activity.timestamps.start) / 1000)
                                return `
                                <div class="durationBarStuff">
                                    <p style="padding-right: 4px;" class="playTimeStart scriptEnabled" data-start="${activity.timestamps.start}" data-end="${activity.timestamps.end}">${timeFormatter((Date.now() - activity.timestamps.start))}</p>
                                    <div class="lengthBar lengthBar${index}">
                                        <div></div>
                                    </div>
                                     <p style="padding-left: 4px;" class="playTimeEnd" data-start="${activity.timestamps.start}" data-end="${activity.timestamps.end}">${timeFormatter((activity.timestamps.end - activity.timestamps.start))}</p>
                                </div>
                                    <style>
                                        .lengthBar${index} > div {
                                            animation-name: songSlider${index};
                                            animation-duration: ${totalTime}s;
                                            animation-delay: ${timeLeft - totalTime}s;
                                            animation-timing-function: linear;
                                            animation-iteration-count: infinite;

                                        }

                                        @keyframes songSlider${index} {
                                            0% {
                                                width: 0%;
                                            }
                                            100% {
                                                width: 100%;
                                            }
                                        }
                                    </style>
                                `
                            } else {
                                return `
                                <p class="timeEstimate" data-start="${activity.timestamps.start}">${gameTimeFormatter((Date.now() - activity.timestamps.start))}</p>
                                `
                            }
                        } else if (activity.timestamps.end) {
                            return `
                            <p><span class="endEstimate" data-end="${activity.timestamps.end}">${timeFormatter((activity.timestamps.end - Date.now()))}</span> left</p>
                            `
                        }
                    }
                }

                if (activity.type != 4 && activity.assets) {

                    var time = activity.created_at
                    if (activity.timestamps) {
                        time = activity.timestamps.start
                    }
                    if (!activity.assets) {
                        activity.assets = { "large_text": "", "small_text": "" }
                    }

                    var text1 = onlyIfExists("<span style='font-size: 1.3rem;'>" + makeCompat(activity.song) + "</span>", activity.song) || activity.details
                    var text2 = onlyIfExists("By: " + activity.artist, activity.artist) || activity.state
                    var text3 = onlyIfExists("On: " + activity.album, activity.album != activity.song && activity.album)

                    addedHTML += `
                        <div class="chip activity grid-child">
                            <img src="${get_img(activity)}" title="${activity.assets.large_text || activity.assets.small_text}">
                            ${onlyIfExists(`<img class="smallimg" src="${get_img(activity, "small_image")}" title="${activity.assets.small_text}">`, activity.assets.small_image)}
                            <div>
                                <p style="font-size: 1.6rem;">${activity.name}</p>
                                ${onlyIfExists("<p>" + text1 + "</p>", text1)}
                                ${onlyIfExists("<p>" + makeCompat(text2) + "</p>", text2)}
                                ${onlyIfExists("<p>" + makeCompat(text3) + "</p>", text3)}
                                ${onlyIfExists(activityTime(), activityTime())}
                            </div>
                        </div>
                    `
                }
            }
        }
        if (addedHTML.length > 10) {
            addedHTML = `<h2><hr>What I'm up to:</h2><div class="activity-container">` + addedHTML
            addedHTML += "</div>"
        }
        return addedHTML
    }
}