CyTube/www/js/data.js

/*eslint no-unused-vars: "off"*/

(function() {
    /**
     * Test whether the browser supports nullish-coalescing operator.
     *
     * Users with old browsers will probably fail to load the client correctly
     * because parsing this operator in older browsers results in a SyntaxError
     * that aborts compilation of the entire script (not just an exception where
     * it is used).  In particular, as of 2023-01-28, Utherverse ships with
     * a rather old browser version (Chrome 76) and several users have reported
     * it not working.
     */
    try {
        try {
            new Function('x?.y');
        } catch (e) {
            if (e.name === 'SyntaxError') {
                /**
                 * If we're at this point, we can't be sure what scripts have
                 * actually loaded, so construct the error alert the old
                 * fashioned way.
                 */
                var wrap = document.createElement('div');
                wrap.className = 'col-md-12';
                var al = document.createElement('div');
                al.className = 'alert alert-danger';
                var title = document.createElement('strong');
                title.textContent = 'Unsupported Browser';
                var msg = document.createElement('p');
                msg.textContent = 'It looks like your browser does not support ' +
                                  'the required JavaScript features to run ' +
                                  'CyTube.  This is usually caused by ' +
                                  'using an outdated browser version.  Please '+
                                  'check if an update is available.  Your ' +
                                  'browser version is reported as:';
                var version = document.createElement('tt');
                version.textContent = navigator.userAgent;

                wrap.appendChild(al);
                al.appendChild(title);
                al.appendChild(msg);
                al.appendChild(document.createElement('br'));
                al.appendChild(version);
                document.getElementById('motdrow').appendChild(wrap);
            }
        }
    } catch (e) {
        console.error('Error probing for feature support:', e.stack);
    }
})();

var CL_VERSION = 3.0;
var GS_VERSION = 1.7; // Google Drive Userscript

var CLIENT = {
    rank: -1,
    leader: false,
    name: "",
    logged_in: false,
    profile: {
        image: "",
        text: ""
    }
};
var SUPERADMIN = false;

var CHANNEL = {
    opts: {},
    openqueue: false,
    perms: {},
    css: "",
    js: "",
    motd: "",
    name: CHANNELNAME,
    usercount: 0,
    emotes: []
};

var PLAYER = false;
var LIVESTREAM_CHROMELESS = false;
var FLUIDLAYOUT = false;
var VWIDTH;
var VHEIGHT;
if($("#videowidth").length > 0) {
    VWIDTH = $("#videowidth").css("width").replace("px", "");
    VHEIGHT = ""+parseInt(parseInt(VWIDTH) * 9 / 16);
}
var REBUILDING = false;
var socket = {
    emit: function() {
        console.log("socket not initialized");
        console.log(arguments);
    }
};
var CHATHIST = [];
var CHATHISTIDX = 0;
var CHATTHROTTLE = false;
var CHATMAXSIZE = 100;
var SCROLLCHAT = true;
var IGNORE_SCROLL_EVENT = false;
var LASTCHAT = {
    name: "",
    time: 0
};
var FOCUSED = true;
var PAGETITLE = "CyTube";
var TITLE_BLINK;
var CHATSOUND = new Audio("/boop.wav");
var KICKED = false;
var NAME = readCookie("cytube_uname");
var SESSION = readCookie("cytube_session");
var LEADTMR = false;
var PL_FROM = "";
var PL_AFTER = "";
var PL_CURRENT = -1;
var PL_WAIT_SCROLL = false;
var FILTER_FROM = 0;
var FILTER_TO = 0;
var NO_STORAGE = typeof localStorage == "undefined" || localStorage === null;
var SOCKETIO_CONNECT_ERROR_COUNT = 0;
var HAS_CONNECTED_BEFORE = false;
var IMAGE_MATCH = /<img\s[^>]*?src\s*=\s*['\"]([^'\"]*?)['\"][^>]*?>/gi;
var CyTube = {};
CyTube.ui = {
    suppressedAnnouncementId: getOpt("suppressed_announcement_id")
};
CyTube.featureFlag = {
    efficientEmotes: true
};
CyTube.channelCustomizations = {
    cssHash: null,
    jsHash: null
};
CyTube._internal_do_not_use_or_you_will_be_banned = {};

function getOpt(k) {
    var v = NO_STORAGE ? readCookie(k) : localStorage.getItem(k);
    try {
        v = JSON.parse(v);
    } catch (e) { }
    return v;
}

function setOpt(k, v) {
    v = JSON.stringify(v);
    NO_STORAGE ? createCookie(k, v, 1000) : localStorage.setItem(k, v);
}

function getOrDefault(k, def) {
    var v = getOpt(k);
    if(v === null || v === "null")
        return def;
    if(v === "true")
        return true;
    if(v === "false")
        return false;
    if(v.match && v.match(/^[0-9]+$/))
        return parseInt(v);
    if(v.match && v.match(/^[0-9\.]+$/))
        return parseFloat(v);
    return v;
}

var IGNORED = getOrDefault("ignorelist", []);

var USEROPTS = {
    // General tab
    theme                : getOrDefault("theme", DEFAULT_THEME), // Set in head template
    layout               : getOrDefault("layout", "fluid"),
    ignore_channelcss    : getOrDefault("ignore_channelcss", false),
    ignore_channeljs     : getOrDefault("ignore_channeljs", false),
    // Playback tab
    synch                : getOrDefault("synch", true),
    sync_accuracy        : getOrDefault("sync_accuracy", 2),
    hidevid              : getOrDefault("hidevid", false),
    default_quality      : getOrDefault("default_quality", "auto"),
    qbtn_hide            : getOrDefault("qbtn_hide", false),
    qbtn_idontlikechange : getOrDefault("qbtn_idontlikechange", false),
    peertube_risk        : getOrDefault("peertube_risk", false),
    // Chat tab
    show_timestamps      : getOrDefault("show_timestamps", true),
    sort_rank            : getOrDefault("sort_rank", true),
    sort_afk             : getOrDefault("sort_afk", false),
    blink_title          : getOrDefault("blink_title", "onlyping"),
    boop                 : getOrDefault("boop", "never"),
    notifications        : getOrDefault("notifications", "never"),
    chatbtn              : getOrDefault("chatbtn", false),
    no_emotes            : getOrDefault("no_emotes", false),
    strip_image          : getOrDefault("strip_image", false),
    chat_tab_method      : getOrDefault("chat_tab_method", "Cycle options"),
    // Moderator tab
    modhat               : getOrDefault("modhat", false),
    show_shadowchat      : getOrDefault("show_shadowchat", false),
    show_ip_in_tooltip   : getOrDefault("show_ip_in_tooltip", true),
    // Elsewhere
    first_visit          : getOrDefault("first_visit", true),
    emotelist_sort       : getOrDefault("emotelist_sort", true),
};

/* Backwards compatibility check */
if (USEROPTS.blink_title === true) {
    USEROPTS.blink_title = "always";
} else if (USEROPTS.blink_title === false) {
    USEROPTS.blink_title = "onlyping";
}
/* Last ditch */
if (["never", "onlyping", "always"].indexOf(USEROPTS.blink_title) === -1) {
    USEROPTS.blink_title = "onlyping";
}

if (USEROPTS.boop === true) {
    USEROPTS.boop = "onlyping";
} else if (USEROPTS.boop === false) {
    USEROPTS.boop = "never";
}
if (["never", "onlyping", "always"].indexOf(USEROPTS.boop) === -1) {
    USEROPTS.boop = "onlyping";
}

// As of 3.8, preferred quality names are different
(function () {
    var fix = {
        small: "240",
        medium: "360",
        large: "480",
        hd720: "720",
        hd1080: "1080",
        highres: "best"
    };

    if (fix.hasOwnProperty(USEROPTS.default_quality)) {
        USEROPTS.default_quality = fix[USEROPTS.default_quality];
    }
})();

var VOLUME = parseFloat(getOrDefault("volume", 1));

var NO_VIMEO = Boolean(location.host.match("cytu.be"));

var JSPREF = getOpt("channel_js_pref") || {};
// Dunno why this happens
if (typeof JSPREF !== "object" || JSPREF === null) {
    try {
        JSPREF = JSON.parse(JSPREF);
    } catch (e) {
        console.error("JSPREF is bugged: " + e + " (" + JSPREF + ")");
        JSPREF = {};
        setOpt("channel_js_pref", JSPREF);
    }
}

var Rank = {
    Guest: 0,
    Member: 1,
    Leader: 1.5,
    Moderator: 2,
    Admin: 3,
    Owner: 10,
    Siteadmin: 255
};

function createCookie(name,value,days) {
    if (days) {
        var date = new Date();
        date.setTime(date.getTime()+(days*24*60*60*1000));
        var expires = "; expires="+date.toGMTString();
    }
    else var expires = "";
    document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(";");
    for(var i=0;i < ca.length;i++) {
        var c = ca[i];
        while (c.charAt(0)==" ") c = c.substring(1,c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
    }
    return null;
}

function eraseCookie(name) {
    createCookie(name,"",-1);
}

(function () {
    var localVersion = parseFloat(getOpt("version"));
    if (isNaN(localVersion)) {
        USEROPTS.theme = DEFAULT_THEME;
        USEROPTS.layout = "fluid";
        setOpt("theme", DEFAULT_THEME);
        setOpt("layout", "fluid");
        setOpt("version", CL_VERSION);
    }
})();

/* to be implemented in callbacks.js */
function setupCallbacks() { }