mirror of
https://github.com/nuttylmao/nutty.gg.git
synced 2026-09-19 12:10:59 -04:00
Move a tonne of reused functions to helpers.js
This commit is contained in:
@@ -12,7 +12,7 @@
|
|||||||
<body>
|
<body>
|
||||||
<!-- Header -->
|
<!-- Header -->
|
||||||
<div id="header">
|
<div id="header">
|
||||||
<img src="../../.resources/logo.png" style="height: 40px;" />
|
<img src="../../resources/logo.png" style="height: 40px;" />
|
||||||
<button id="membershipsButton" onclick="OpenMembershipPage()">Check out my member exclusive widgets!</button>
|
<button id="membershipsButton" onclick="OpenMembershipPage()">Check out my member exclusive widgets!</button>
|
||||||
<div id="widgetUrlInputWrapper">
|
<div id="widgetUrlInputWrapper">
|
||||||
<span id="urlLabel">Click to copy URL</span>
|
<span id="urlLabel">Click to copy URL</span>
|
||||||
@@ -64,4 +64,5 @@
|
|||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|
||||||
|
<script src="../../../.common/utils/helpers.js"></script>
|
||||||
<script src="script.js"></script>
|
<script src="script.js"></script>
|
||||||
@@ -460,45 +460,6 @@ function OpenLoadSettingsPopup() {
|
|||||||
// HELPER FUNCTIONS //
|
// HELPER FUNCTIONS //
|
||||||
//////////////////////
|
//////////////////////
|
||||||
|
|
||||||
function GetBooleanParam(paramName, defaultValue) {
|
|
||||||
const urlParams = new URLSearchParams(window.location.search);
|
|
||||||
const paramValue = urlParams.get(paramName);
|
|
||||||
|
|
||||||
if (paramValue === null) {
|
|
||||||
return defaultValue; // Parameter not found
|
|
||||||
}
|
|
||||||
|
|
||||||
const lowercaseValue = paramValue.toLowerCase(); // Handle case-insensitivity
|
|
||||||
|
|
||||||
if (lowercaseValue === 'true') {
|
|
||||||
return true;
|
|
||||||
} else if (lowercaseValue === 'false') {
|
|
||||||
return false;
|
|
||||||
} else {
|
|
||||||
return paramValue; // Return original string if not 'true' or 'false'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function GetIntParam(paramName, defaultValue) {
|
|
||||||
const urlParams = new URLSearchParams(window.location.search);
|
|
||||||
const paramValue = urlParams.get(paramName);
|
|
||||||
|
|
||||||
if (paramValue === null) {
|
|
||||||
return defaultValue; // or undefined, or a default value, depending on your needs
|
|
||||||
}
|
|
||||||
|
|
||||||
console.log(paramValue);
|
|
||||||
|
|
||||||
const intValue = parseInt(paramValue, 10); // Parse as base 10 integer
|
|
||||||
|
|
||||||
if (isNaN(intValue)) {
|
|
||||||
return null; // or handle the error in another way, e.g., throw an error
|
|
||||||
}
|
|
||||||
|
|
||||||
return intValue;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Handle first window interaction
|
// Handle first window interaction
|
||||||
window.addEventListener('message', (event) => {
|
window.addEventListener('message', (event) => {
|
||||||
if (event.origin === new URL(widgetPreview.src).origin && event.data === 'iframe-interacted') {
|
if (event.origin === new URL(widgetPreview.src).origin && event.data === 'iframe-interacted') {
|
||||||
@@ -0,0 +1,222 @@
|
|||||||
|
//////////////////////
|
||||||
|
// GLOBAL VARIABLES //
|
||||||
|
//////////////////////
|
||||||
|
|
||||||
|
const avatarMap = new Map();
|
||||||
|
const pronounMap = new Map();
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//////////////////////
|
||||||
|
// HELPER FUNCTIONS //
|
||||||
|
//////////////////////
|
||||||
|
|
||||||
|
function GetBooleanParam(paramName, defaultValue) {
|
||||||
|
const urlParams = new URLSearchParams(window.location.search);
|
||||||
|
const paramValue = urlParams.get(paramName);
|
||||||
|
|
||||||
|
if (paramValue === null) {
|
||||||
|
return defaultValue; // Parameter not found
|
||||||
|
}
|
||||||
|
|
||||||
|
const lowercaseValue = paramValue.toLowerCase(); // Handle case-insensitivity
|
||||||
|
|
||||||
|
if (lowercaseValue === 'true') {
|
||||||
|
return true;
|
||||||
|
} else if (lowercaseValue === 'false') {
|
||||||
|
return false;
|
||||||
|
} else {
|
||||||
|
return paramValue; // Return original string if not 'true' or 'false'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function GetIntParam(paramName, defaultValue) {
|
||||||
|
const urlParams = new URLSearchParams(window.location.search);
|
||||||
|
const paramValue = urlParams.get(paramName);
|
||||||
|
|
||||||
|
if (paramValue === null) {
|
||||||
|
return defaultValue; // or undefined, or a default value, depending on your needs
|
||||||
|
}
|
||||||
|
|
||||||
|
const intValue = parseInt(paramValue, 10); // Parse as base 10 integer
|
||||||
|
|
||||||
|
if (isNaN(intValue)) {
|
||||||
|
return null; // or handle the error in another way, e.g., throw an error
|
||||||
|
}
|
||||||
|
|
||||||
|
return intValue;
|
||||||
|
}
|
||||||
|
|
||||||
|
async function GetKickIds(username) {
|
||||||
|
// First attempt with the original username
|
||||||
|
let url = `https://kick.com/api/v2/channels/${username}`;
|
||||||
|
|
||||||
|
try {
|
||||||
|
let response = await fetch(url);
|
||||||
|
if (!response.ok) {
|
||||||
|
// Retry with underscores replaced by dashes
|
||||||
|
const altUsername = username.replace(/_/g, "-");
|
||||||
|
url = `https://kick.com/api/v2/channels/${altUsername}`;
|
||||||
|
response = await fetch(url);
|
||||||
|
if (!response.ok) {
|
||||||
|
throw new Error(`HTTP error ${response.status}`);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const data = await response.json();
|
||||||
|
if (data.chatroom && data.chatroom.id) {
|
||||||
|
return { chatroomId: data.chatroom.id, channelId: data.chatroom.channel_id };
|
||||||
|
} else {
|
||||||
|
throw new Error("Chatroom ID not found in response.");
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
console.error("Failed to fetch chatroom ID:", error.message);
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function GetKickSubBadges(username) {
|
||||||
|
let url = `https://kick.com/api/v2/channels/${username}`;
|
||||||
|
|
||||||
|
try {
|
||||||
|
let response = await fetch(url);
|
||||||
|
if (!response.ok) {
|
||||||
|
// Retry with underscores replaced by dashes
|
||||||
|
const altUsername = username.replace(/_/g, "-");
|
||||||
|
url = `https://kick.com/api/v2/channels/${altUsername}`;
|
||||||
|
response = await fetch(url);
|
||||||
|
if (!response.ok) {
|
||||||
|
throw new Error(`HTTP error ${response.status}`);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const data = await response.json();
|
||||||
|
return data.subscriber_badges || [];
|
||||||
|
} catch (error) {
|
||||||
|
console.error("Failed to fetch subscriber badges:", error.message);
|
||||||
|
return [];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function GetAvatar(username, platform) {
|
||||||
|
// First, check if the username is hashed already
|
||||||
|
if (avatarMap.has(`${username}-${platform}`)) {
|
||||||
|
console.debug(`Avatar found for ${username} (${platform}). Retrieving from hash map.`);
|
||||||
|
return avatarMap.get(`${username}-${platform}`);
|
||||||
|
}
|
||||||
|
|
||||||
|
// If code reaches this point, the username hasn't been hashed, so retrieve avatar
|
||||||
|
switch (platform) {
|
||||||
|
case 'twitch': {
|
||||||
|
console.debug(`No avatar found for ${username} (${platform}). Retrieving from Decapi.`);
|
||||||
|
let response = await fetch('https://decapi.me/twitch/avatar/' + username);
|
||||||
|
let data = await response.text();
|
||||||
|
avatarMap.set(`${username}-${platform}`, data);
|
||||||
|
return data;
|
||||||
|
}
|
||||||
|
case 'kick': {
|
||||||
|
console.debug(`No avatar found for ${username} (${platform}). Retrieving from Kick.`);
|
||||||
|
|
||||||
|
let url = `https://kick.com/api/v2/channels/${username}`;
|
||||||
|
try {
|
||||||
|
let response = await fetch(url);
|
||||||
|
if (!response.ok) {
|
||||||
|
// Retry with underscores replaced by dashes
|
||||||
|
const altUsername = username.replace(/_/g, "-");
|
||||||
|
url = `https://kick.com/api/v2/channels/${altUsername}`;
|
||||||
|
response = await fetch(url);
|
||||||
|
if (!response.ok) {
|
||||||
|
throw new Error(`HTTP error ${response.status}`);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
let data = await response.json();
|
||||||
|
let avatarURL = data.user?.profile_pic || 'https://kick.com/img/default-profile-pictures/default2.jpeg';
|
||||||
|
avatarMap.set(`${username}-${platform}`, avatarURL);
|
||||||
|
return avatarURL;
|
||||||
|
} catch (error) {
|
||||||
|
console.error("Failed to fetch avatar:", error.message);
|
||||||
|
return 'https://kick.com/img/default-profile-pictures/default2.jpeg';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function GetPronouns(platform, username) {
|
||||||
|
if (pronounMap.has(username)) {
|
||||||
|
console.debug(`Pronouns found for ${username}. Retrieving from hash map.`)
|
||||||
|
return pronounMap.get(username);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
console.debug(`No pronouns found for ${username}. Retrieving from alejo.io.`)
|
||||||
|
const response = await client.getUserPronouns(platform, username);
|
||||||
|
const userFound = response.pronoun.userFound;
|
||||||
|
const pronouns = userFound ? `${response.pronoun.pronounSubject}/${response.pronoun.pronounObject}` : '';
|
||||||
|
|
||||||
|
pronounMap.set(username, pronouns);
|
||||||
|
|
||||||
|
return pronouns;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function GetCurrentTimeFormatted() {
|
||||||
|
const now = new Date();
|
||||||
|
let hours = now.getHours();
|
||||||
|
const minutes = String(now.getMinutes()).padStart(2, '0');
|
||||||
|
const ampm = hours >= 12 ? 'PM' : 'AM';
|
||||||
|
|
||||||
|
hours = hours % 12;
|
||||||
|
hours = hours ? hours : 12; // the hour '0' should be '12'
|
||||||
|
|
||||||
|
const formattedTime = `${hours}:${minutes} ${ampm}`;
|
||||||
|
return formattedTime;
|
||||||
|
}
|
||||||
|
|
||||||
|
function DecodeHTMLString(html) {
|
||||||
|
var txt = document.createElement("textarea");
|
||||||
|
txt.innerHTML = html;
|
||||||
|
return txt.value;
|
||||||
|
}
|
||||||
|
|
||||||
|
function TranslateToFurry(sentence) {
|
||||||
|
const words = sentence.toLowerCase().split(/\b/);
|
||||||
|
|
||||||
|
const furryWords = words.map(word => {
|
||||||
|
if (/\w+/.test(word)) {
|
||||||
|
let newWord = word;
|
||||||
|
|
||||||
|
// Common substitutions
|
||||||
|
newWord = newWord.replace(/l/g, 'w');
|
||||||
|
newWord = newWord.replace(/r/g, 'w');
|
||||||
|
newWord = newWord.replace(/th/g, 'f');
|
||||||
|
newWord = newWord.replace(/you/g, 'yous');
|
||||||
|
newWord = newWord.replace(/my/g, 'mah');
|
||||||
|
newWord = newWord.replace(/me/g, 'meh');
|
||||||
|
newWord = newWord.replace(/am/g, 'am');
|
||||||
|
newWord = newWord.replace(/is/g, 'is');
|
||||||
|
newWord = newWord.replace(/are/g, 'are');
|
||||||
|
newWord = newWord.replace(/very/g, 'vewy');
|
||||||
|
newWord = newWord.replace(/pretty/g, 'pwetty');
|
||||||
|
newWord = newWord.replace(/little/g, 'wittle');
|
||||||
|
newWord = newWord.replace(/nice/g, 'nyce');
|
||||||
|
|
||||||
|
// Random additions
|
||||||
|
if (Math.random() < 0.15) {
|
||||||
|
newWord += ' nya~';
|
||||||
|
} else if (Math.random() < 0.1) {
|
||||||
|
newWord += ' >w<';
|
||||||
|
} else if (Math.random() < 0.05) {
|
||||||
|
newWord += ' owo';
|
||||||
|
}
|
||||||
|
|
||||||
|
return newWord;
|
||||||
|
}
|
||||||
|
return word;
|
||||||
|
});
|
||||||
|
|
||||||
|
return furryWords.join('');
|
||||||
|
}
|
||||||
|
|
||||||
|
function EscapeRegExp(string) {
|
||||||
|
return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); // $& means the whole matched string
|
||||||
|
}
|
||||||
@@ -2,7 +2,7 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<link rel="stylesheet" href="../.common/styles/global.css" />
|
<link rel="stylesheet" href="../.common/styles/global.css" />
|
||||||
<link rel="icon" href="../../.resources/logo.png" type="image/png">
|
<link rel="icon" href="../../.common/resources/logo.png" type="image/png">
|
||||||
<title>nutty</title>
|
<title>nutty</title>
|
||||||
<style>
|
<style>
|
||||||
#dock-wrapper {
|
#dock-wrapper {
|
||||||
|
|||||||
@@ -4,7 +4,7 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<link rel="icon" href="../../.resources/logo.png" type="image/png">
|
<link rel="icon" href="../../.common/resources/logo.png" type="image/png">
|
||||||
<title>nutty</title>
|
<title>nutty</title>
|
||||||
<style>
|
<style>
|
||||||
body {
|
body {
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
const widgetContainer = document.getElementById('widgetContainer');
|
const widgetContainer = document.getElementById('widgetContainer');
|
||||||
|
|
||||||
const settingsPageURL = '../../.utilities/settings-page-builder';
|
const settingsPageURL = '../../.common/core/settings-core';
|
||||||
|
|
||||||
const currentURL = window.location.href;
|
const currentURL = window.location.href;
|
||||||
|
|
||||||
|
|||||||
@@ -38,4 +38,5 @@
|
|||||||
</template>
|
</template>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
|
<script src="../.common/utils/helpers.js"></script>
|
||||||
<script src="./script.js"></script>
|
<script src="./script.js"></script>
|
||||||
+1
-176
@@ -8,8 +8,6 @@ const urlParams = new URLSearchParams(queryString);
|
|||||||
const sbServerAddress = urlParams.get("address") || "127.0.0.1";
|
const sbServerAddress = urlParams.get("address") || "127.0.0.1";
|
||||||
const sbServerPort = urlParams.get("port") || "8080";
|
const sbServerPort = urlParams.get("port") || "8080";
|
||||||
const minimumRole = 2; // 1 - Viewer, 2 - VIP, 3 - Moderator, 4 - Broadcaster
|
const minimumRole = 2; // 1 - Viewer, 2 - VIP, 3 - Moderator, 4 - Broadcaster
|
||||||
const avatarMap = new Map();
|
|
||||||
const pronounMap = new Map();
|
|
||||||
const animationDuration = 8000;
|
const animationDuration = 8000;
|
||||||
let widgetLocked = false; // Needed to lock animation from overlapping
|
let widgetLocked = false; // Needed to lock animation from overlapping
|
||||||
let alertQueue = [];
|
let alertQueue = [];
|
||||||
@@ -52,7 +50,7 @@ const showTwitchChannelPointRedemptions = GetBooleanParam("showTwitchChannelPoin
|
|||||||
const showTwitchRaids = GetBooleanParam("showTwitchRaids", true);
|
const showTwitchRaids = GetBooleanParam("showTwitchRaids", true);
|
||||||
const showTwitchSharedChat = GetBooleanParam("showTwitchSharedChat", true);
|
const showTwitchSharedChat = GetBooleanParam("showTwitchSharedChat", true);
|
||||||
|
|
||||||
let kickUsername = urlParams.get("kickUsername") || "";
|
const kickUsername = urlParams.get("kickUsername") || "";
|
||||||
const showKickMessages = GetBooleanParam("showKickMessages", true);
|
const showKickMessages = GetBooleanParam("showKickMessages", true);
|
||||||
// const showKickFollows = GetBooleanParam("showKickFollows", false);
|
// const showKickFollows = GetBooleanParam("showKickFollows", false);
|
||||||
const showKickSubs = GetBooleanParam("showKickSubs", true);
|
const showKickSubs = GetBooleanParam("showKickSubs", true);
|
||||||
@@ -82,9 +80,6 @@ const furryMode = GetBooleanParam("furryMode", false);
|
|||||||
|
|
||||||
const animationSpeed = GetIntParam("animationSpeed", 0.5);
|
const animationSpeed = GetIntParam("animationSpeed", 0.5);
|
||||||
|
|
||||||
// Kick is stupid and turns underscores into dashes which fuck everything up, therefore do a find/replace to make it work good
|
|
||||||
kickUsername = kickUsername.replace(/_/g, "-");
|
|
||||||
|
|
||||||
// Set fonts for the widget
|
// Set fonts for the widget
|
||||||
document.body.style.fontFamily = font;
|
document.body.style.fontFamily = font;
|
||||||
document.body.style.fontSize = `${fontSize}px`;
|
document.body.style.fontSize = `${fontSize}px`;
|
||||||
@@ -1591,105 +1586,6 @@ function TikTokSubscribe(data) {
|
|||||||
// HELPER FUNCTIONS //
|
// HELPER FUNCTIONS //
|
||||||
//////////////////////
|
//////////////////////
|
||||||
|
|
||||||
function GetBooleanParam(paramName, defaultValue) {
|
|
||||||
const urlParams = new URLSearchParams(window.location.search);
|
|
||||||
const paramValue = urlParams.get(paramName);
|
|
||||||
|
|
||||||
if (paramValue === null) {
|
|
||||||
return defaultValue; // Parameter not found
|
|
||||||
}
|
|
||||||
|
|
||||||
const lowercaseValue = paramValue.toLowerCase(); // Handle case-insensitivity
|
|
||||||
|
|
||||||
if (lowercaseValue === 'true') {
|
|
||||||
return true;
|
|
||||||
} else if (lowercaseValue === 'false') {
|
|
||||||
return false;
|
|
||||||
} else {
|
|
||||||
return paramValue; // Return original string if not 'true' or 'false'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function GetIntParam(paramName, defaultValue) {
|
|
||||||
const urlParams = new URLSearchParams(window.location.search);
|
|
||||||
const paramValue = urlParams.get(paramName);
|
|
||||||
|
|
||||||
if (paramValue === null) {
|
|
||||||
return defaultValue; // or undefined, or a default value, depending on your needs
|
|
||||||
}
|
|
||||||
|
|
||||||
const intValue = parseInt(paramValue, 10); // Parse as base 10 integer
|
|
||||||
|
|
||||||
if (isNaN(intValue)) {
|
|
||||||
return null; // or handle the error in another way, e.g., throw an error
|
|
||||||
}
|
|
||||||
|
|
||||||
return intValue;
|
|
||||||
}
|
|
||||||
|
|
||||||
function GetCurrentTimeFormatted() {
|
|
||||||
const now = new Date();
|
|
||||||
let hours = now.getHours();
|
|
||||||
const minutes = String(now.getMinutes()).padStart(2, '0');
|
|
||||||
const ampm = hours >= 12 ? 'PM' : 'AM';
|
|
||||||
|
|
||||||
hours = hours % 12;
|
|
||||||
hours = hours ? hours : 12; // the hour '0' should be '12'
|
|
||||||
|
|
||||||
const formattedTime = `${hours}:${minutes} ${ampm}`;
|
|
||||||
return formattedTime;
|
|
||||||
}
|
|
||||||
|
|
||||||
async function GetAvatar(username, platform) {
|
|
||||||
|
|
||||||
// First, check if the username is hashed already
|
|
||||||
if (avatarMap.has(`${username}-${platform}`)) {
|
|
||||||
console.debug(`Avatar found for ${username} (${platform}). Retrieving from hash map.`)
|
|
||||||
return avatarMap.get(`${username}-${platform}`);
|
|
||||||
}
|
|
||||||
|
|
||||||
// If code reaches this point, the username hasn't been hashed, so retrieve avatar
|
|
||||||
switch (platform) {
|
|
||||||
case 'twitch':
|
|
||||||
{
|
|
||||||
console.debug(`No avatar found for ${username} (${platform}). Retrieving from Decapi.`)
|
|
||||||
let response = await fetch('https://decapi.me/twitch/avatar/' + username);
|
|
||||||
let data = await response.text();
|
|
||||||
avatarMap.set(`${username}-${platform}`, data);
|
|
||||||
return data;
|
|
||||||
}
|
|
||||||
case 'kick':
|
|
||||||
{
|
|
||||||
console.debug(`No avatar found for ${username} (${platform}). Retrieving from Kick.`)
|
|
||||||
let response = await fetch('https://kick.com/api/v2/channels/' + username);
|
|
||||||
console.log('https://kick.com/api/v2/channels/' + username)
|
|
||||||
let data = await response.json();
|
|
||||||
let avatarURL = data.user.profile_pic;
|
|
||||||
if (!avatarURL)
|
|
||||||
avatarURL = 'https://kick.com/img/default-profile-pictures/default2.jpeg';
|
|
||||||
avatarMap.set(`${username}-${platform}`, avatarURL);
|
|
||||||
return avatarURL;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
async function GetPronouns(platform, username) {
|
|
||||||
if (pronounMap.has(username)) {
|
|
||||||
console.debug(`Pronouns found for ${username}. Retrieving from hash map.`)
|
|
||||||
return pronounMap.get(username);
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
console.debug(`No pronouns found for ${username}. Retrieving from alejo.io.`)
|
|
||||||
const response = await client.getUserPronouns(platform, username);
|
|
||||||
const userFound = response.pronoun.userFound;
|
|
||||||
const pronouns = userFound ? `${response.pronoun.pronounSubject}/${response.pronoun.pronounObject}` : '';
|
|
||||||
|
|
||||||
pronounMap.set(username, pronouns);
|
|
||||||
|
|
||||||
return pronouns;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function AddMessageItem(element, elementID, platform, userId) {
|
function AddMessageItem(element, elementID, platform, userId) {
|
||||||
// Calculate the height of the div before inserting
|
// Calculate the height of the div before inserting
|
||||||
const tempDiv = document.getElementById('IPutThisHereSoICanCalculateHowBigEachMessageIsSupposedToBeBeforeIAddItToTheMessageList');
|
const tempDiv = document.getElementById('IPutThisHereSoICanCalculateHowBigEachMessageIsSupposedToBeBeforeIAddItToTheMessageList');
|
||||||
@@ -1839,77 +1735,6 @@ function GetWinnersList(gifts) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function TranslateToFurry(sentence) {
|
|
||||||
const words = sentence.toLowerCase().split(/\b/);
|
|
||||||
|
|
||||||
const furryWords = words.map(word => {
|
|
||||||
if (/\w+/.test(word)) {
|
|
||||||
let newWord = word;
|
|
||||||
|
|
||||||
// Common substitutions
|
|
||||||
newWord = newWord.replace(/l/g, 'w');
|
|
||||||
newWord = newWord.replace(/r/g, 'w');
|
|
||||||
newWord = newWord.replace(/th/g, 'f');
|
|
||||||
newWord = newWord.replace(/you/g, 'yous');
|
|
||||||
newWord = newWord.replace(/my/g, 'mah');
|
|
||||||
newWord = newWord.replace(/me/g, 'meh');
|
|
||||||
newWord = newWord.replace(/am/g, 'am');
|
|
||||||
newWord = newWord.replace(/is/g, 'is');
|
|
||||||
newWord = newWord.replace(/are/g, 'are');
|
|
||||||
newWord = newWord.replace(/very/g, 'vewy');
|
|
||||||
newWord = newWord.replace(/pretty/g, 'pwetty');
|
|
||||||
newWord = newWord.replace(/little/g, 'wittle');
|
|
||||||
newWord = newWord.replace(/nice/g, 'nyce');
|
|
||||||
|
|
||||||
// Random additions
|
|
||||||
if (Math.random() < 0.15) {
|
|
||||||
newWord += ' nya~';
|
|
||||||
} else if (Math.random() < 0.1) {
|
|
||||||
newWord += ' >w<';
|
|
||||||
} else if (Math.random() < 0.05) {
|
|
||||||
newWord += ' owo';
|
|
||||||
}
|
|
||||||
|
|
||||||
return newWord;
|
|
||||||
}
|
|
||||||
return word;
|
|
||||||
});
|
|
||||||
|
|
||||||
return furryWords.join('');
|
|
||||||
}
|
|
||||||
|
|
||||||
function EscapeRegExp(string) {
|
|
||||||
return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); // $& means the whole matched string
|
|
||||||
}
|
|
||||||
|
|
||||||
async function GetKickIds(username) {
|
|
||||||
const url = `https://kick.com/api/v2/channels/${username}`;
|
|
||||||
|
|
||||||
try {
|
|
||||||
const response = await fetch(url);
|
|
||||||
if (!response.ok) {
|
|
||||||
throw new Error(`HTTP error ${response.status}`);
|
|
||||||
}
|
|
||||||
|
|
||||||
const data = await response.json();
|
|
||||||
if (data.chatroom && data.chatroom.id) {
|
|
||||||
return { chatroomId: data.chatroom.id, channelId: data.chatroom.channel_id };
|
|
||||||
} else {
|
|
||||||
throw new Error("Chatroom ID not found in response.");
|
|
||||||
}
|
|
||||||
} catch (error) {
|
|
||||||
console.error("Failed to fetch chatroom ID:", error.message);
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
async function GetKickSubBadges(username) {
|
|
||||||
const response = await fetch(`https://kick.com/api/v2/channels/${username}`);
|
|
||||||
const data = await response.json();
|
|
||||||
|
|
||||||
return data.subscriber_badges || [];
|
|
||||||
}
|
|
||||||
|
|
||||||
function GetKickBadgeURL(data) {
|
function GetKickBadgeURL(data) {
|
||||||
switch (data.type) {
|
switch (data.type) {
|
||||||
case 'subscriber':
|
case 'subscriber':
|
||||||
|
|||||||
@@ -4,7 +4,7 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<link rel="icon" href="../../.resources/logo.png" type="image/png">
|
<link rel="icon" href="../../.common/resources/logo.png" type="image/png">
|
||||||
<title>nutty</title>
|
<title>nutty</title>
|
||||||
<style>
|
<style>
|
||||||
body {
|
body {
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
const widgetContainer = document.getElementById('widgetContainer');
|
const widgetContainer = document.getElementById('widgetContainer');
|
||||||
|
|
||||||
const settingsPageURL = '../../.utilities/settings-page-builder';
|
const settingsPageURL = '../../.common/core/settings-core';
|
||||||
|
|
||||||
const currentURL = window.location.href;
|
const currentURL = window.location.href;
|
||||||
|
|
||||||
|
|||||||
@@ -107,4 +107,5 @@
|
|||||||
</template>
|
</template>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
|
<script src="../.common/utils/helpers.js"></script>
|
||||||
<script src="./script.js"></script>
|
<script src="./script.js"></script>
|
||||||
+3
-191
@@ -7,8 +7,6 @@ const urlParams = new URLSearchParams(queryString);
|
|||||||
|
|
||||||
const sbServerAddress = urlParams.get("address") || "127.0.0.1";
|
const sbServerAddress = urlParams.get("address") || "127.0.0.1";
|
||||||
const sbServerPort = urlParams.get("port") || "8080";
|
const sbServerPort = urlParams.get("port") || "8080";
|
||||||
const avatarMap = new Map();
|
|
||||||
const pronounMap = new Map();
|
|
||||||
|
|
||||||
/////////////////
|
/////////////////
|
||||||
// GLOBAL VARS //
|
// GLOBAL VARS //
|
||||||
@@ -55,7 +53,7 @@ const showTwitchChannelPointRedemptions = GetBooleanParam("showTwitchChannelPoin
|
|||||||
const showTwitchRaids = GetBooleanParam("showTwitchRaids", true);
|
const showTwitchRaids = GetBooleanParam("showTwitchRaids", true);
|
||||||
const showTwitchSharedChat = GetIntParam("showTwitchSharedChat", 2);
|
const showTwitchSharedChat = GetIntParam("showTwitchSharedChat", 2);
|
||||||
|
|
||||||
let kickUsername = urlParams.get("kickUsername") || "";
|
const kickUsername = urlParams.get("kickUsername") || "";
|
||||||
const showKickMessages = GetBooleanParam("showKickMessages", true);
|
const showKickMessages = GetBooleanParam("showKickMessages", true);
|
||||||
// const showKickFollows = GetBooleanParam("showKickFollows", false);
|
// const showKickFollows = GetBooleanParam("showKickFollows", false);
|
||||||
const showKickSubs = GetBooleanParam("showKickSubs", true);
|
const showKickSubs = GetBooleanParam("showKickSubs", true);
|
||||||
@@ -86,9 +84,6 @@ const furryMode = GetBooleanParam("furryMode", false);
|
|||||||
|
|
||||||
const animationSpeed = GetIntParam("animationSpeed", 0.1);
|
const animationSpeed = GetIntParam("animationSpeed", 0.1);
|
||||||
|
|
||||||
// Kick is stupid and turns underscores into dashes which fuck everything up, therefore do a find/replace to make it work good
|
|
||||||
kickUsername = kickUsername.replace(/_/g, "-");
|
|
||||||
|
|
||||||
// Set fonts for the widget
|
// Set fonts for the widget
|
||||||
document.body.style.fontFamily = font;
|
document.body.style.fontFamily = font;
|
||||||
document.body.style.fontSize = `${fontSize}px`;
|
document.body.style.fontSize = `${fontSize}px`;
|
||||||
@@ -549,8 +544,7 @@ async function TwitchChatMessage(data) {
|
|||||||
// Set Shared Chat
|
// Set Shared Chat
|
||||||
const isFromSharedChatGuest = data.isFromSharedChatGuest;
|
const isFromSharedChatGuest = data.isFromSharedChatGuest;
|
||||||
if (isFromSharedChatGuest) {
|
if (isFromSharedChatGuest) {
|
||||||
switch (showTwitchSharedChat)
|
switch (showTwitchSharedChat) {
|
||||||
{
|
|
||||||
// 2 = Show & Highlight
|
// 2 = Show & Highlight
|
||||||
case 2:
|
case 2:
|
||||||
let sharedChatChannel = data.sharedChatSource.name; // Twitch removed the source channel for some reason?!?!
|
let sharedChatChannel = data.sharedChatSource.name; // Twitch removed the source channel for some reason?!?!
|
||||||
@@ -2548,7 +2542,7 @@ async function KickKicksGifted(data) {
|
|||||||
const amountDiv = instance.querySelector('#kick-gift-amount');
|
const amountDiv = instance.querySelector('#kick-gift-amount');
|
||||||
const messageDiv = instance.querySelector('#kick-gift-message');
|
const messageDiv = instance.querySelector('#kick-gift-message');
|
||||||
|
|
||||||
avatarImg.src = await GetAvatar(data.sender.username.replace('_', '-'), 'kick'); // Set the card header
|
avatarImg.src = await GetAvatar(data.sender.username, 'kick'); // Set the card header
|
||||||
usernameSpan.innerText = data.sender.username; // Set the username
|
usernameSpan.innerText = data.sender.username; // Set the username
|
||||||
usernameSpan.style.color = data.sender.username_color;
|
usernameSpan.style.color = data.sender.username_color;
|
||||||
giftNameSpan.innerText = data.gift.name; // Set the gift name
|
giftNameSpan.innerText = data.gift.name; // Set the gift name
|
||||||
@@ -2912,111 +2906,6 @@ function YouTubeThumbnailPreview(data) {
|
|||||||
// HELPER FUNCTIONS //
|
// HELPER FUNCTIONS //
|
||||||
//////////////////////
|
//////////////////////
|
||||||
|
|
||||||
function GetBooleanParam(paramName, defaultValue) {
|
|
||||||
const urlParams = new URLSearchParams(window.location.search);
|
|
||||||
const paramValue = urlParams.get(paramName);
|
|
||||||
|
|
||||||
if (paramValue === null) {
|
|
||||||
return defaultValue; // Parameter not found
|
|
||||||
}
|
|
||||||
|
|
||||||
const lowercaseValue = paramValue.toLowerCase(); // Handle case-insensitivity
|
|
||||||
|
|
||||||
if (lowercaseValue === 'true') {
|
|
||||||
return true;
|
|
||||||
} else if (lowercaseValue === 'false') {
|
|
||||||
return false;
|
|
||||||
} else {
|
|
||||||
return paramValue; // Return original string if not 'true' or 'false'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function GetIntParam(paramName, defaultValue) {
|
|
||||||
const urlParams = new URLSearchParams(window.location.search);
|
|
||||||
const paramValue = urlParams.get(paramName);
|
|
||||||
|
|
||||||
if (paramValue === null) {
|
|
||||||
return defaultValue; // or undefined, or a default value, depending on your needs
|
|
||||||
}
|
|
||||||
|
|
||||||
console.log(paramValue);
|
|
||||||
|
|
||||||
const intValue = parseInt(paramValue, 10); // Parse as base 10 integer
|
|
||||||
|
|
||||||
if (isNaN(intValue)) {
|
|
||||||
return null; // or handle the error in another way, e.g., throw an error
|
|
||||||
}
|
|
||||||
|
|
||||||
return intValue;
|
|
||||||
}
|
|
||||||
|
|
||||||
function GetCurrentTimeFormatted() {
|
|
||||||
const now = new Date();
|
|
||||||
let hours = now.getHours();
|
|
||||||
const minutes = String(now.getMinutes()).padStart(2, '0');
|
|
||||||
const ampm = hours >= 12 ? 'PM' : 'AM';
|
|
||||||
|
|
||||||
hours = hours % 12;
|
|
||||||
hours = hours ? hours : 12; // the hour '0' should be '12'
|
|
||||||
|
|
||||||
const formattedTime = `${hours}:${minutes} ${ampm}`;
|
|
||||||
return formattedTime;
|
|
||||||
}
|
|
||||||
|
|
||||||
async function GetAvatar(username, platform) {
|
|
||||||
|
|
||||||
// First, check if the username is hashed already
|
|
||||||
if (avatarMap.has(`${username}-${platform}`)) {
|
|
||||||
console.debug(`Avatar found for ${username} (${platform}). Retrieving from hash map.`)
|
|
||||||
return avatarMap.get(`${username}-${platform}`);
|
|
||||||
}
|
|
||||||
|
|
||||||
// If code reaches this point, the username hasn't been hashed, so retrieve avatar
|
|
||||||
switch (platform) {
|
|
||||||
case 'twitch':
|
|
||||||
{
|
|
||||||
console.debug(`No avatar found for ${username} (${platform}). Retrieving from Decapi.`)
|
|
||||||
let response = await fetch('https://decapi.me/twitch/avatar/' + username);
|
|
||||||
let data = await response.text();
|
|
||||||
avatarMap.set(`${username}-${platform}`, data);
|
|
||||||
return data;
|
|
||||||
}
|
|
||||||
case 'kick':
|
|
||||||
{
|
|
||||||
console.debug(`No avatar found for ${username} (${platform}). Retrieving from Kick.`)
|
|
||||||
let response = await fetch('https://kick.com/api/v2/channels/' + username);
|
|
||||||
console.log('https://kick.com/api/v2/channels/' + username)
|
|
||||||
let data = await response.json();
|
|
||||||
let avatarURL = data.user.profile_pic;
|
|
||||||
if (!avatarURL)
|
|
||||||
avatarURL = 'https://kick.com/img/default-profile-pictures/default2.jpeg';
|
|
||||||
avatarMap.set(`${username}-${platform}`, avatarURL);
|
|
||||||
return avatarURL;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
async function GetPronouns(platform, username) {
|
|
||||||
if (pronounMap.has(username)) {
|
|
||||||
console.debug(`Pronouns found for ${username}. Retrieving from hash map.`)
|
|
||||||
return pronounMap.get(username);
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
console.debug(`No pronouns found for ${username}. Retrieving from alejo.io.`)
|
|
||||||
const response = await client.getUserPronouns(platform, username);
|
|
||||||
const userFound = response.pronoun.userFound;
|
|
||||||
const pronouns = userFound ? `${response.pronoun.pronounSubject}/${response.pronoun.pronounObject}` : '';
|
|
||||||
|
|
||||||
pronounMap.set(username, pronouns);
|
|
||||||
|
|
||||||
return pronouns;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// function IsImageUrl(url) {
|
|
||||||
// return url.match(/^http.*\.(jpeg|jpg|gif|png)$/) != null;
|
|
||||||
// }
|
|
||||||
|
|
||||||
function IsImageUrl(url) {
|
function IsImageUrl(url) {
|
||||||
try {
|
try {
|
||||||
const { pathname } = new URL(url);
|
const { pathname } = new URL(url);
|
||||||
@@ -3085,12 +2974,6 @@ function AddMessageItem(element, elementID, platform, userId) {
|
|||||||
}, 200);
|
}, 200);
|
||||||
}
|
}
|
||||||
|
|
||||||
function DecodeHTMLString(html) {
|
|
||||||
var txt = document.createElement("textarea");
|
|
||||||
txt.innerHTML = html;
|
|
||||||
return txt.value;
|
|
||||||
}
|
|
||||||
|
|
||||||
// I used Gemini for this shit so if it doesn't work, blame Google
|
// I used Gemini for this shit so if it doesn't work, blame Google
|
||||||
function FindFirstImageUrl(jsonObject) {
|
function FindFirstImageUrl(jsonObject) {
|
||||||
if (typeof jsonObject !== 'object' || jsonObject === null) {
|
if (typeof jsonObject !== 'object' || jsonObject === null) {
|
||||||
@@ -3186,77 +3069,6 @@ function GetWinnersList(gifts) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function TranslateToFurry(sentence) {
|
|
||||||
const words = sentence.toLowerCase().split(/\b/);
|
|
||||||
|
|
||||||
const furryWords = words.map(word => {
|
|
||||||
if (/\w+/.test(word)) {
|
|
||||||
let newWord = word;
|
|
||||||
|
|
||||||
// Common substitutions
|
|
||||||
newWord = newWord.replace(/l/g, 'w');
|
|
||||||
newWord = newWord.replace(/r/g, 'w');
|
|
||||||
newWord = newWord.replace(/th/g, 'f');
|
|
||||||
newWord = newWord.replace(/you/g, 'yous');
|
|
||||||
newWord = newWord.replace(/my/g, 'mah');
|
|
||||||
newWord = newWord.replace(/me/g, 'meh');
|
|
||||||
newWord = newWord.replace(/am/g, 'am');
|
|
||||||
newWord = newWord.replace(/is/g, 'is');
|
|
||||||
newWord = newWord.replace(/are/g, 'are');
|
|
||||||
newWord = newWord.replace(/very/g, 'vewy');
|
|
||||||
newWord = newWord.replace(/pretty/g, 'pwetty');
|
|
||||||
newWord = newWord.replace(/little/g, 'wittle');
|
|
||||||
newWord = newWord.replace(/nice/g, 'nyce');
|
|
||||||
|
|
||||||
// Random additions
|
|
||||||
if (Math.random() < 0.15) {
|
|
||||||
newWord += ' nya~';
|
|
||||||
} else if (Math.random() < 0.1) {
|
|
||||||
newWord += ' >w<';
|
|
||||||
} else if (Math.random() < 0.05) {
|
|
||||||
newWord += ' owo';
|
|
||||||
}
|
|
||||||
|
|
||||||
return newWord;
|
|
||||||
}
|
|
||||||
return word;
|
|
||||||
});
|
|
||||||
|
|
||||||
return furryWords.join('');
|
|
||||||
}
|
|
||||||
|
|
||||||
function EscapeRegExp(string) {
|
|
||||||
return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); // $& means the whole matched string
|
|
||||||
}
|
|
||||||
|
|
||||||
async function GetKickIds(username) {
|
|
||||||
const url = `https://kick.com/api/v2/channels/${username}`;
|
|
||||||
|
|
||||||
try {
|
|
||||||
const response = await fetch(url);
|
|
||||||
if (!response.ok) {
|
|
||||||
throw new Error(`HTTP error ${response.status}`);
|
|
||||||
}
|
|
||||||
|
|
||||||
const data = await response.json();
|
|
||||||
if (data.chatroom && data.chatroom.id) {
|
|
||||||
return { chatroomId: data.chatroom.id, channelId: data.chatroom.channel_id };
|
|
||||||
} else {
|
|
||||||
throw new Error("Chatroom ID not found in response.");
|
|
||||||
}
|
|
||||||
} catch (error) {
|
|
||||||
console.error("Failed to fetch chatroom ID:", error.message);
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
async function GetKickSubBadges(username) {
|
|
||||||
const response = await fetch(`https://kick.com/api/v2/channels/${username}`);
|
|
||||||
const data = await response.json();
|
|
||||||
|
|
||||||
return data.subscriber_badges || [];
|
|
||||||
}
|
|
||||||
|
|
||||||
function GetKickBadgeURL(data) {
|
function GetKickBadgeURL(data) {
|
||||||
switch (data.type) {
|
switch (data.type) {
|
||||||
case 'subscriber':
|
case 'subscriber':
|
||||||
|
|||||||
@@ -4,7 +4,7 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<link rel="icon" href="../../.resources/logo.png" type="image/png">
|
<link rel="icon" href="../../.common/resources/logo.png" type="image/png">
|
||||||
<title>nutty</title>
|
<title>nutty</title>
|
||||||
<style>
|
<style>
|
||||||
body {
|
body {
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
const widgetContainer = document.getElementById('widgetContainer');
|
const widgetContainer = document.getElementById('widgetContainer');
|
||||||
|
|
||||||
const settingsPageURL = '../../.utilities/settings-page-builder';
|
const settingsPageURL = '../../.common/core/settings-core';
|
||||||
|
|
||||||
const currentURL = window.location.href;
|
const currentURL = window.location.href;
|
||||||
|
|
||||||
|
|||||||
@@ -253,9 +253,9 @@ li {
|
|||||||
gap: 1em;
|
gap: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.kick-gift-contents {
|
/* .kick-gift-contents {
|
||||||
/* text-align: center; */
|
text-align: center;
|
||||||
}
|
} */
|
||||||
|
|
||||||
#kick-gift-message {
|
#kick-gift-message {
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
|
|||||||
@@ -44,4 +44,5 @@
|
|||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
|
<script src="../.common/utils/helpers.js"></script>
|
||||||
<script src="./script.js"></script>
|
<script src="./script.js"></script>
|
||||||
@@ -7,7 +7,6 @@ const urlParams = new URLSearchParams(queryString);
|
|||||||
|
|
||||||
const sbServerAddress = urlParams.get("address") || "127.0.0.1";
|
const sbServerAddress = urlParams.get("address") || "127.0.0.1";
|
||||||
const sbServerPort = urlParams.get("port") || "8080";
|
const sbServerPort = urlParams.get("port") || "8080";
|
||||||
const avatarMap = new Map();
|
|
||||||
|
|
||||||
const mainContainer = document.getElementById('mainContainer');
|
const mainContainer = document.getElementById('mainContainer');
|
||||||
const alertBox = document.getElementById('alertBox');
|
const alertBox = document.getElementById('alertBox');
|
||||||
@@ -70,7 +69,7 @@ const showTwitchRaids = GetBooleanParam("showTwitchRaids", true);
|
|||||||
const twitchRaidAction = urlParams.get("twitchRaidAction") || "";
|
const twitchRaidAction = urlParams.get("twitchRaidAction") || "";
|
||||||
|
|
||||||
// Which Kick alerts do you want to see?
|
// Which Kick alerts do you want to see?
|
||||||
let kickUsername = urlParams.get("kickUsername") || "";
|
const kickUsername = urlParams.get("kickUsername") || "";
|
||||||
const showKickSubs = GetBooleanParam("showKickSubs", true);
|
const showKickSubs = GetBooleanParam("showKickSubs", true);
|
||||||
const kickSubAction = urlParams.get("kickSubAction") || "";
|
const kickSubAction = urlParams.get("kickSubAction") || "";
|
||||||
const showKickChannelPointRedemptions = GetBooleanParam("showKickChannelPointRedemptions", true);
|
const showKickChannelPointRedemptions = GetBooleanParam("showKickChannelPointRedemptions", true);
|
||||||
@@ -109,9 +108,6 @@ const tipeeestreamDonationAction = urlParams.get("tipeeestreamDonationAction") |
|
|||||||
const showFourthwallAlerts = GetBooleanParam("showFourthwallAlerts", false);
|
const showFourthwallAlerts = GetBooleanParam("showFourthwallAlerts", false);
|
||||||
const fourthwallAlertAction = urlParams.get("fourthwallAlertAction") || "";
|
const fourthwallAlertAction = urlParams.get("fourthwallAlertAction") || "";
|
||||||
|
|
||||||
// Kick is stupid and turns underscores into dashes which fuck everything up, therefore do a find/replace to make it work good
|
|
||||||
kickUsername = kickUsername.replace(/_/g, "-");
|
|
||||||
|
|
||||||
// Set avatar visibility
|
// Set avatar visibility
|
||||||
if (!showAvatar) {
|
if (!showAvatar) {
|
||||||
avatarElement.style.display = 'none';
|
avatarElement.style.display = 'none';
|
||||||
@@ -1384,7 +1380,6 @@ async function KickKicksGifted(data) {
|
|||||||
const kickKicksIcon = `<img src=icons/badges/kick-kicks.svg style="height: 0.8em"/>`;
|
const kickKicksIcon = `<img src=icons/badges/kick-kicks.svg style="height: 0.8em"/>`;
|
||||||
|
|
||||||
// Render avatars
|
// Render avatars
|
||||||
// const avatarURL = await GetAvatar(data.sender.username.replace('_', '-'), 'kick');
|
|
||||||
const avatarURL = `https://files.kick.com/kicks/gifts/${data.gift.gift_id.replace('_', '-')}.webp`;
|
const avatarURL = `https://files.kick.com/kicks/gifts/${data.gift.gift_id.replace('_', '-')}.webp`;
|
||||||
|
|
||||||
UpdateAlertBox(
|
UpdateAlertBox(
|
||||||
@@ -1464,83 +1459,6 @@ async function TikTokSubscribe(data) {
|
|||||||
// HELPER FUNCTIONS //
|
// HELPER FUNCTIONS //
|
||||||
//////////////////////
|
//////////////////////
|
||||||
|
|
||||||
function GetBooleanParam(paramName, defaultValue) {
|
|
||||||
const urlParams = new URLSearchParams(window.location.search);
|
|
||||||
const paramValue = urlParams.get(paramName);
|
|
||||||
|
|
||||||
if (paramValue === null) {
|
|
||||||
return defaultValue; // Parameter not found
|
|
||||||
}
|
|
||||||
|
|
||||||
const lowercaseValue = paramValue.toLowerCase(); // Handle case-insensitivity
|
|
||||||
|
|
||||||
if (lowercaseValue === 'true') {
|
|
||||||
return true;
|
|
||||||
} else if (lowercaseValue === 'false') {
|
|
||||||
return false;
|
|
||||||
} else {
|
|
||||||
return paramValue; // Return original string if not 'true' or 'false'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function GetIntParam(paramName, defaultValue) {
|
|
||||||
const urlParams = new URLSearchParams(window.location.search);
|
|
||||||
const paramValue = urlParams.get(paramName);
|
|
||||||
|
|
||||||
if (paramValue === null) {
|
|
||||||
return defaultValue; // or undefined, or a default value, depending on your needs
|
|
||||||
}
|
|
||||||
|
|
||||||
console.log(paramValue);
|
|
||||||
|
|
||||||
const intValue = parseInt(paramValue, 10); // Parse as base 10 integer
|
|
||||||
|
|
||||||
if (isNaN(intValue)) {
|
|
||||||
return null; // or handle the error in another way, e.g., throw an error
|
|
||||||
}
|
|
||||||
|
|
||||||
return intValue;
|
|
||||||
}
|
|
||||||
|
|
||||||
async function GetAvatar(username, platform) {
|
|
||||||
|
|
||||||
// First, check if the username is hashed already
|
|
||||||
if (avatarMap.has(`${username}-${platform}`)) {
|
|
||||||
console.debug(`Avatar found for ${username} (${platform}). Retrieving from hash map.`)
|
|
||||||
return avatarMap.get(`${username}-${platform}`);
|
|
||||||
}
|
|
||||||
|
|
||||||
// If code reaches this point, the username hasn't been hashed, so retrieve avatar
|
|
||||||
switch (platform) {
|
|
||||||
case 'twitch':
|
|
||||||
{
|
|
||||||
console.debug(`No avatar found for ${username} (${platform}). Retrieving from Decapi.`)
|
|
||||||
let response = await fetch('https://decapi.me/twitch/avatar/' + username);
|
|
||||||
let data = await response.text();
|
|
||||||
avatarMap.set(`${username}-${platform}`, data);
|
|
||||||
return data;
|
|
||||||
}
|
|
||||||
case 'kick':
|
|
||||||
{
|
|
||||||
console.debug(`No avatar found for ${username} (${platform}). Retrieving from Kick.`)
|
|
||||||
let response = await fetch('https://kick.com/api/v2/channels/' + username);
|
|
||||||
console.log('https://kick.com/api/v2/channels/' + username)
|
|
||||||
let data = await response.json();
|
|
||||||
let avatarURL = data.user.profile_pic;
|
|
||||||
if (!avatarURL)
|
|
||||||
avatarURL = 'https://kick.com/img/default-profile-pictures/default2.jpeg';
|
|
||||||
avatarMap.set(`${username}-${platform}`, avatarURL);
|
|
||||||
return avatarURL;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function DecodeHTMLString(html) {
|
|
||||||
var txt = document.createElement("textarea");
|
|
||||||
txt.innerHTML = html;
|
|
||||||
return txt.value;
|
|
||||||
}
|
|
||||||
|
|
||||||
// I used Gemini for this shit so if it doesn't work, blame Google
|
// I used Gemini for this shit so if it doesn't work, blame Google
|
||||||
function FindFirstImageUrl(jsonObject) {
|
function FindFirstImageUrl(jsonObject) {
|
||||||
if (typeof jsonObject !== 'object' || jsonObject === null) {
|
if (typeof jsonObject !== 'object' || jsonObject === null) {
|
||||||
@@ -1745,43 +1663,6 @@ function UpdateAlertBox(platform, avatarURL, headerText, descriptionText, attrib
|
|||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
async function GetKickIds(username) {
|
|
||||||
const url = `https://kick.com/api/v2/channels/${username}`;
|
|
||||||
|
|
||||||
try {
|
|
||||||
const response = await fetch(url);
|
|
||||||
if (!response.ok) {
|
|
||||||
throw new Error(`HTTP error ${response.status}`);
|
|
||||||
}
|
|
||||||
|
|
||||||
const data = await response.json();
|
|
||||||
if (data.chatroom && data.chatroom.id) {
|
|
||||||
return { chatroomId: data.chatroom.id, channelId: data.chatroom.channel_id };
|
|
||||||
} else {
|
|
||||||
throw new Error("Chatroom ID not found in response.");
|
|
||||||
}
|
|
||||||
} catch (error) {
|
|
||||||
console.error("Failed to fetch chatroom ID:", error.message);
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
async function GetKickSubBadges(username) {
|
|
||||||
const response = await fetch(`https://kick.com/api/v2/channels/${username}`);
|
|
||||||
const data = await response.json();
|
|
||||||
|
|
||||||
return data.subscriber_badges || [];
|
|
||||||
}
|
|
||||||
|
|
||||||
function GetKickBadgeURL(data) {
|
|
||||||
switch (data.type) {
|
|
||||||
case 'subscriber':
|
|
||||||
return CalculateKickSubBadge(data.count);
|
|
||||||
default:
|
|
||||||
return `icons/badges/kick-${data.type}.svg`;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function CalculateKickSubBadge(months) {
|
function CalculateKickSubBadge(months) {
|
||||||
if (!Array.isArray(kickSubBadges)) return null;
|
if (!Array.isArray(kickSubBadges)) return null;
|
||||||
|
|
||||||
|
|||||||
@@ -4,7 +4,7 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<link rel="icon" href="../../.resources/logo.png" type="image/png">
|
<link rel="icon" href="../../.common/resources/logo.png" type="image/png">
|
||||||
<title>nutty</title>
|
<title>nutty</title>
|
||||||
<style>
|
<style>
|
||||||
body {
|
body {
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
const widgetContainer = document.getElementById('widgetContainer');
|
const widgetContainer = document.getElementById('widgetContainer');
|
||||||
|
|
||||||
const settingsPageURL = '../../.utilities/settings-page-builder';
|
const settingsPageURL = '../../.common/core/settings-core';
|
||||||
|
|
||||||
const currentURL = window.location.href;
|
const currentURL = window.location.href;
|
||||||
|
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<link rel="stylesheet" href="../.common/styles/global.css" />
|
<link rel="stylesheet" href="../.common/styles/global.css" />
|
||||||
<link rel="icon" href="../../.resources/logo.png" type="image/png">
|
<link rel="icon" href="../../.common/resources/logo.png" type="image/png">
|
||||||
<title>nutty</title>
|
<title>nutty</title>
|
||||||
<style>
|
<style>
|
||||||
#dock-wrapper {
|
#dock-wrapper {
|
||||||
|
|||||||
@@ -4,7 +4,7 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<link rel="icon" href="../../.resources/logo.png" type="image/png">
|
<link rel="icon" href="../../.common/resources/logo.png" type="image/png">
|
||||||
<title>nutty</title>
|
<title>nutty</title>
|
||||||
<style>
|
<style>
|
||||||
body {
|
body {
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
const widgetContainer = document.getElementById('widgetContainer');
|
const widgetContainer = document.getElementById('widgetContainer');
|
||||||
|
|
||||||
const settingsPageURL = '../../.utilities/settings-page-builder';
|
const settingsPageURL = '../../.common/core/settings-core';
|
||||||
|
|
||||||
const currentURL = window.location.href;
|
const currentURL = window.location.href;
|
||||||
|
|
||||||
|
|||||||
@@ -73,4 +73,5 @@
|
|||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
<script src="../../../.common/utils/helpers.js"></script>
|
||||||
<script src="script.js"></script>
|
<script src="script.js"></script>
|
||||||
@@ -3,7 +3,6 @@
|
|||||||
//////////////////////
|
//////////////////////
|
||||||
|
|
||||||
const sbActionPrintRoutine = '5c756513-a1d0-4285-9dbc-21ad34491310';
|
const sbActionPrintRoutine = '5c756513-a1d0-4285-9dbc-21ad34491310';
|
||||||
const avatarMap = new Map();
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -582,45 +581,6 @@ async function CustomEvent(data) {
|
|||||||
// HELPER FUNCTIONS //
|
// HELPER FUNCTIONS //
|
||||||
//////////////////////
|
//////////////////////
|
||||||
|
|
||||||
async function GetAvatar(username, platform) {
|
|
||||||
|
|
||||||
// First, check if the username is hashed already
|
|
||||||
if (avatarMap.has(`${username}-${platform}`)) {
|
|
||||||
console.debug(`Avatar found for ${username} (${platform}). Retrieving from hash map.`)
|
|
||||||
return avatarMap.get(`${username}-${platform}`);
|
|
||||||
}
|
|
||||||
|
|
||||||
// If code reaches this point, the username hasn't been hashed, so retrieve avatar
|
|
||||||
switch (platform) {
|
|
||||||
case 'twitch':
|
|
||||||
{
|
|
||||||
console.debug(`No avatar found for ${username} (${platform}). Retrieving from Decapi.`)
|
|
||||||
let response = await fetch('https://decapi.me/twitch/avatar/' + username);
|
|
||||||
let data = await response.text();
|
|
||||||
avatarMap.set(`${username}-${platform}`, data);
|
|
||||||
return data;
|
|
||||||
}
|
|
||||||
case 'kick':
|
|
||||||
{
|
|
||||||
console.debug(`No avatar found for ${username} (${platform}). Retrieving from Kick.`)
|
|
||||||
try {
|
|
||||||
let response = await fetch('https://kick.com/api/v2/channels/' + username);
|
|
||||||
console.log('https://kick.com/api/v2/channels/' + username)
|
|
||||||
let data = await response.json();
|
|
||||||
let avatarURL = data.user.profile_pic;
|
|
||||||
if (!avatarURL)
|
|
||||||
avatarURL = 'https://kick.com/img/default-profile-pictures/default2.jpeg';
|
|
||||||
avatarMap.set(`${username}-${platform}`, avatarURL);
|
|
||||||
return avatarURL;
|
|
||||||
}
|
|
||||||
catch (error) {
|
|
||||||
console.debug(error);
|
|
||||||
return 'https://kick.com/img/default-profile-pictures/default2.jpeg';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
async function GetRenderedHTML(fragment) {
|
async function GetRenderedHTML(fragment) {
|
||||||
if (!(fragment instanceof DocumentFragment)) {
|
if (!(fragment instanceof DocumentFragment)) {
|
||||||
throw new Error('Argument must be a DocumentFragment');
|
throw new Error('Argument must be a DocumentFragment');
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<link rel="stylesheet" href="../.common/styles/global.css" />
|
<link rel="stylesheet" href="../.common/styles/global.css" />
|
||||||
<link rel="icon" href="../../.resources/logo.png" type="image/png">
|
<link rel="icon" href="../../.common/resources/logo.png" type="image/png">
|
||||||
<title>nutty</title>
|
<title>nutty</title>
|
||||||
<style>
|
<style>
|
||||||
#dock-wrapper {
|
#dock-wrapper {
|
||||||
|
|||||||
@@ -4,7 +4,7 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<link rel="icon" href="../../.resources/logo.png" type="image/png">
|
<link rel="icon" href="../../.common/resources/logo.png" type="image/png">
|
||||||
<title>nutty</title>
|
<title>nutty</title>
|
||||||
<style>
|
<style>
|
||||||
body {
|
body {
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
const widgetContainer = document.getElementById('widgetContainer');
|
const widgetContainer = document.getElementById('widgetContainer');
|
||||||
|
|
||||||
const settingsPageURL = '../../.utilities/settings-page-builder';
|
const settingsPageURL = '../../.common/core/settings-core';
|
||||||
|
|
||||||
const currentURL = window.location.href;
|
const currentURL = window.location.href;
|
||||||
|
|
||||||
|
|||||||
@@ -4,7 +4,7 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<link rel="icon" href="../../.resources/logo.png" type="image/png">
|
<link rel="icon" href="../../.common/resources/logo.png" type="image/png">
|
||||||
<title>nutty</title>
|
<title>nutty</title>
|
||||||
<style>
|
<style>
|
||||||
body {
|
body {
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
const widgetContainer = document.getElementById('widgetContainer');
|
const widgetContainer = document.getElementById('widgetContainer');
|
||||||
|
|
||||||
const settingsPageURL = '../../.utilities/settings-page-builder';
|
const settingsPageURL = '../../.common/core/settings-core';
|
||||||
|
|
||||||
const currentURL = window.location.href;
|
const currentURL = window.location.href;
|
||||||
|
|
||||||
|
|||||||
@@ -25,4 +25,5 @@
|
|||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
|
<script src="../.common/utils/helpers.js"></script>
|
||||||
<script src="./script.js"></script>
|
<script src="./script.js"></script>
|
||||||
@@ -160,8 +160,7 @@ function TwitchAdRun(data) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function TwitchUpcomingAd(data) {
|
function TwitchUpcomingAd(data) {
|
||||||
if (upcomingAdWarningStartDelay != null)
|
if (upcomingAdWarningStartDelay != null) {
|
||||||
{
|
|
||||||
console.debug('Countdown already started, skipping...');
|
console.debug('Countdown already started, skipping...');
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
@@ -307,44 +306,6 @@ function UpcomingAdWarning(warningSeconds) {
|
|||||||
// HELPER FUNCTIONS //
|
// HELPER FUNCTIONS //
|
||||||
//////////////////////
|
//////////////////////
|
||||||
|
|
||||||
function GetBooleanParam(paramName, defaultValue) {
|
|
||||||
const urlParams = new URLSearchParams(window.location.search);
|
|
||||||
const paramValue = urlParams.get(paramName);
|
|
||||||
|
|
||||||
if (paramValue === null) {
|
|
||||||
return defaultValue; // Parameter not found
|
|
||||||
}
|
|
||||||
|
|
||||||
const lowercaseValue = paramValue.toLowerCase(); // Handle case-insensitivity
|
|
||||||
|
|
||||||
if (lowercaseValue === 'true') {
|
|
||||||
return true;
|
|
||||||
} else if (lowercaseValue === 'false') {
|
|
||||||
return false;
|
|
||||||
} else {
|
|
||||||
return paramValue; // Return original string if not 'true' or 'false'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function GetIntParam(paramName, defaultValue) {
|
|
||||||
const urlParams = new URLSearchParams(window.location.search);
|
|
||||||
const paramValue = urlParams.get(paramName);
|
|
||||||
|
|
||||||
if (paramValue === null) {
|
|
||||||
return defaultValue; // or undefined, or a default value, depending on your needs
|
|
||||||
}
|
|
||||||
|
|
||||||
console.log(paramValue);
|
|
||||||
|
|
||||||
const intValue = parseInt(paramValue, 10); // Parse as base 10 integer
|
|
||||||
|
|
||||||
if (isNaN(intValue)) {
|
|
||||||
return null; // or handle the error in another way, e.g., throw an error
|
|
||||||
}
|
|
||||||
|
|
||||||
return intValue;
|
|
||||||
}
|
|
||||||
|
|
||||||
String.prototype.toHHMMSS = function () {
|
String.prototype.toHHMMSS = function () {
|
||||||
var sec_num = parseInt(this, 10); // don't forget the second param
|
var sec_num = parseInt(this, 10); // don't forget the second param
|
||||||
var hours = Math.floor(sec_num / 3600);
|
var hours = Math.floor(sec_num / 3600);
|
||||||
@@ -358,10 +319,6 @@ String.prototype.toHHMMSS = function () {
|
|||||||
return minutes + ':' + seconds;
|
return minutes + ':' + seconds;
|
||||||
}
|
}
|
||||||
|
|
||||||
function IsNullOrWhitespace(str) {
|
|
||||||
return /^\s*$/.test(str);
|
|
||||||
}
|
|
||||||
|
|
||||||
function formatTime(seconds) {
|
function formatTime(seconds) {
|
||||||
seconds = Math.floor(seconds); // Round down to nearest whole second
|
seconds = Math.floor(seconds); // Round down to nearest whole second
|
||||||
|
|
||||||
|
|||||||
@@ -4,7 +4,7 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<link rel="icon" href="../../.resources/logo.png" type="image/png">
|
<link rel="icon" href="../../.common/resources/logo.png" type="image/png">
|
||||||
<title>nutty</title>
|
<title>nutty</title>
|
||||||
<style>
|
<style>
|
||||||
body {
|
body {
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
const widgetContainer = document.getElementById('widgetContainer');
|
const widgetContainer = document.getElementById('widgetContainer');
|
||||||
|
|
||||||
const settingsPageURL = '../../.utilities/settings-page-builder';
|
const settingsPageURL = '../../.common/core/settings-core';
|
||||||
|
|
||||||
const currentURL = window.location.href;
|
const currentURL = window.location.href;
|
||||||
|
|
||||||
|
|||||||
@@ -4,7 +4,7 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<link rel="icon" href="../../.resources/logo.png" type="image/png">
|
<link rel="icon" href="../../.common/resources/logo.png" type="image/png">
|
||||||
<title>nutty</title>
|
<title>nutty</title>
|
||||||
<style>
|
<style>
|
||||||
body {
|
body {
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
const widgetContainer = document.getElementById('widgetContainer');
|
const widgetContainer = document.getElementById('widgetContainer');
|
||||||
|
|
||||||
const settingsPageURL = '../../.utilities/settings-page-builder';
|
const settingsPageURL = '../../.common/core/settings-core';
|
||||||
|
|
||||||
const currentURL = window.location.href;
|
const currentURL = window.location.href;
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user