Smartcraft-Media-Tech/nutty-tools
1
0
Fork 0
mirror of https://github.com/nuttylmao/nutty.gg.git synced 2026-09-18 19:50:58 -04:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #27 from nuttylmao/beta

Browse Source 
Beta
This commit is contained in:
nuttylmao
2026-03-26 05:16:39 +11:00
committed by GitHub
parent 99266ab543 b7b414f6ea
commit ae00dc0981
38 changed files with 115 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.common/core/settings-core/index.html
+2 -2
View File
@@ -12,7 +12,7 @@
<body>
<!-- Header -->
<div id="header">
<img src="../../resources/logo.png" style="height: 40px;" />
<img src="/.common/resources/logo.png" style="height: 40px;" />
<button id="membershipsButton" onclick="OpenMembershipPage()">Check out my member exclusive widgets!</button>
<div id="widgetUrlInputWrapper">
<span id="urlLabel">Click to copy URL</span>
@@ -64,5 +64,5 @@
</html>
<script src="../../../.common/utils/helpers.js"></script>
<script src="/.common/utils/helpers.js"></script>
<script src="script.js"></script>
.common/core/widget-dock-core/index.html
+3 -3
View File
@@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" href="#" />
<link rel="stylesheet" href="../../styles/global.css" />
<link rel="stylesheet" href="/.common/styles/global.css" />
<link rel="stylesheet" href="./style.css" />
<script type="text/javascript" src="https://unpkg.com/@streamerbot/client/dist/streamerbot-client.js"></script>
<script src="https://cdn.jsdelivr.net/npm/luxon@3/build/global/luxon.min.js"></script>
@@ -13,7 +13,7 @@
<!-- Header -->
<div id="header">
<img src="../../resources/logo.png" style="height: 40px;" />
<img src="/.common/resources/logo.png" style="height: 40px;" />
<label id="title" class="title"></label>
<div id="header-end">
<button id="sb-actions-button" class="icon-button" onclick="OpenRequiredActionsDialog()">
@@ -60,7 +60,7 @@
<button class="dialog-nav-button" onclick="ClosenConnectDialog()">×</button>
<div style="display: flex; flex-direction: row; align-items: center; gap: 1em">
<img src="../../resources/streamer.bot.png" style="height: 40px;" />
<img src="/.common/resources/streamer.bot.png" style="height: 40px;" />
<label class="title">Streamer.bot</label>
</div>
.common/styles/global.css
+17
View File
@@ -15,6 +15,8 @@
--error-color: #c65e5e;
--mandatory-field-color: #c93f3f;
--error-text-color: #c93f3f;
--danger-color: #c93f3f;
--blur-intensity: 20px;
}
@@ -49,6 +51,10 @@ body {
gap: 0.5em;
}
.setting-label {
font-weight: 500;
}
.setting-description {
font-size: 0.9em;
font-weight: 100;
@@ -59,6 +65,17 @@ body {
font-weight: 200;
}
.time-pill {
background-color: #333;
color: #ccc;
border-radius: 1em;
padding: 0.2em 0.5em;
font-size: 0.8em;
font-weight: 200;
display: inline-block;
white-space: nowrap;
}
/***************/
.common/utils/helpers.js
+52 -17
View File
@@ -159,6 +159,15 @@ async function GetPronouns(platform, username) {
}
}
function RenderKickEmotes(message) {
const emoteRegex = /\[emote:(\d+):([^\]]+)\]/g;
return message.replace(emoteRegex, (_, id, name) => {
const imgUrl = `https://files.kick.com/emotes/${id}/fullsize`;
return `<img src="${imgUrl}" alt="${name}" title="${name}" class="emote" />`;
});
}
function GetCurrentTimeFormatted() {
const now = new Date();
let hours = now.getHours();
@@ -178,6 +187,14 @@ function DecodeHTMLString(html) {
return txt.value;
}
// Simple HTML escape function to prevent XSS attacks
function EscapeHTML(str) {
return str.replace(/[&<>"']/g, match => {
const escape = { "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" };
return escape[match];
});
}
function TranslateToFurry(sentence) {
// Split on <img ...> tags, keeping them in the result
const parts = sentence.split(/(<img\b[^>]*>)/gi);
@@ -273,24 +290,26 @@ function RandomHex(str) {
function ConstructMessageFromParts(parts) {
return parts.map(part => {
if (part.emoji)
return ` <img src="${part.image}" alt="${part.text}" title="${part.text}" class="emote"> `;
return ` <img src="${EscapeHTML(part.image)}" alt="${EscapeHTML(part.text)}" title="${EscapeHTML(part.text)}" class="emote"> `;
if (!part.type)
return part.text;
return EscapeHTML(part.text);
if (part.source == 'Twemoji')
return EscapeHTML(part.text);
switch (part.type)
{
case "text":
return part.text;
return EscapeHTML(part.text);
case "cheer":
// Render the cheer emote image
const emoteImg = `<img src="${part.imageUrl}" alt="${part.text}" title="${part.text}" class="emote">`;
const emoteImg = `<img src="${EscapeHTML(part.imageUrl)}" alt="${EscapeHTML(part.text)}" title="${EscapeHTML(part.text)}" class="emote">`;
// Render the bits count
const bitLabel = `<span class="bits">${part.bits}</span>`;
const bitLabel = `<span class="bits">${EscapeHTML(part.bits.toString())}</span>`;
return emoteImg + bitLabel;
default:
return `<img src="${part.imageUrl}" alt="${part.text}" title="${part.text}" class="emote">`;
return `<img src="${EscapeHTML(part.imageUrl)}" alt="${EscapeHTML(part.text)}" title="${EscapeHTML(part.text)}" class="emote">`;
}
}).join('');
}
@@ -308,27 +327,43 @@ function RenderMessageWithEmotesHTML(originalMessage, emotes) {
emotes.forEach(emote => {
// Add text before the emote
if (emote.startIndex > cursor) {
html += escapeHTML(originalMessage.slice(cursor, emote.startIndex));
html += EscapeHTML(originalMessage.slice(cursor, emote.startIndex));
}
// Add emote image
html += `<img src="${emote.imageUrl}" alt="${escapeHTML(emote.name)}" title="${escapeHTML(emote.name)}" class="emote">`;
html += `<img src="${EscapeHTML(emote.imageUrl)}" alt="${EscapeHTML(emote.name)}" title="${EscapeHTML(emote.name)}" class="emote">`;
cursor = emote.endIndex + 1;
});
// Add remaining text after last emote
if (cursor < originalMessage.length) {
html += escapeHTML(originalMessage.slice(cursor));
}
// Simple HTML escape function
function escapeHTML(str) {
return str.replace(/[&<>"']/g, match => {
const escape = { "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" };
return escape[match];
});
html += EscapeHTML(originalMessage.slice(cursor));
}
return html;
}
async function LoadHTMLTemplate(name) {
const response = await fetch(name);
if (!response.ok) {
throw new Error(`Failed to load template: ${name}`);
}
const html = await response.text();
const tempDiv = document.createElement("div");
tempDiv.innerHTML = html;
const template = tempDiv.querySelector("template");
if (!template) {
throw new Error(`No <template> found in ${name}.html`);
}
// Avoid duplicate registration
if (!document.getElementById(template.id)) {
document.body.appendChild(template.cloneNode(true));
}
}
.templates/obs-dock/contents/index.html
+1 -1
View File
@@ -2,7 +2,7 @@
<html lang="en">
<head>
<link rel="stylesheet" href="../../../.common/styles/global.css" />
<link rel="stylesheet" href="/.common/styles/global.css" />
<link rel="stylesheet" href="./style.css" />
</head>
.templates/obs-dock/index.html
+2 -2
View File
@@ -1,8 +1,8 @@
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="../.common/styles/global.css" />
<link rel="icon" href="../../.common/resources/logo.png" type="image/png">
<link rel="stylesheet" href="/.common/styles/global.css" />
<link rel="icon" href="/.common/resources/logo.png" type="image/png">
<title>nutty</title>
<style>
#dock-wrapper {
.templates/obs-dock/script.js
+1 -1
View File
@@ -9,7 +9,7 @@ const configJson = "?config=" + baseURL + "config.json";
// Implement widget dock core
window.dockWrapper = document.getElementById('dock-wrapper');
dockWrapper.src = `../../.common/core/widget-dock-core${configJson}`;
dockWrapper.src = `/.common/core/widget-dock-core${configJson}`;
dockWrapper.addEventListener('load', () => {
dockWrapper.contentWindow.content.src = baseURL + '/contents';
clock-widget/settings/index.html
+1 -1
View File
@@ -4,7 +4,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="../../.common/resources/logo.png" type="image/png">
<link rel="icon" href="/.common/resources/logo.png" type="image/png">
<title>nutty</title>
<style>
body {
clock-widget/settings/script.js
+1 -1
View File
@@ -1,6 +1,6 @@
const widgetContainer = document.getElementById('widgetContainer');
const settingsPageURL = '../../.common/core/settings-core';
const settingsPageURL = '/.common/core/settings-core';
const currentURL = window.location.href;
horizontal-chat/index.html
+1 -1
View File
@@ -38,5 +38,5 @@
</template>
</body>
<script src="../.common/utils/helpers.js"></script>
<script src="/.common/utils/helpers.js"></script>
<script src="./script.js"></script>
horizontal-chat/script.js
+1 -3
View File
@@ -125,6 +125,7 @@ const client = new StreamerbotClient({
console.log(`Streamer.bot successfully connected to ${sbServerAddress}:${sbServerPort}`)
console.debug(data);
SetConnectionStatus(true);
KickConnect();
},
onDisconnect: () => {
@@ -433,9 +434,6 @@ async function KickConnect() {
}
}
// Try connect when window is loaded
window.addEventListener('load', KickConnect);
//////////////////////
// TIKFINITY CLIENT //
horizontal-chat/settings/index.html
+1 -1
View File
@@ -4,7 +4,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="../../.common/resources/logo.png" type="image/png">
<link rel="icon" href="/.common/resources/logo.png" type="image/png">
<title>nutty</title>
<style>
body {
horizontal-chat/settings/script.js
+1 -1
View File
@@ -1,6 +1,6 @@
const widgetContainer = document.getElementById('widgetContainer');
const settingsPageURL = '../../.common/core/settings-core';
const settingsPageURL = '/.common/core/settings-core';
const currentURL = window.location.href;
multichat-overlay/index.html
+1 -1
View File
@@ -107,5 +107,5 @@
</template>
</body>
<script src="../.common/utils/helpers.js"></script>
<script src="/.common/utils/helpers.js"></script>
<script src="./script.js"></script>
multichat-overlay/script.js
+4 -6
View File
@@ -145,6 +145,7 @@ const client = new StreamerbotClient({
console.log(`Streamer.bot successfully connected to ${sbServerAddress}:${sbServerPort}`)
console.debug(data);
SetConnectionStatus(true);
KickConnect();
},
onDisconnect: () => {
@@ -473,9 +474,6 @@ async function KickConnect() {
}
}
// Try connect when window is loaded
window.addEventListener('load', KickConnect);
//////////////////////
@@ -2303,11 +2301,11 @@ async function KickChatMessage(data) {
const isReply = data.isReply;
if (isReply && showMessage) {
const replyUser = data.reply.sender.name;
const replyMsg = data.reply.sender.content;
const replyMsg = data.reply.content;
replyDiv.style.display = 'block';
replyUserDiv.innerText = replyUser;
replyMsgDiv.innerHTML = replaceEmotes(replyMsg);;
replyMsgDiv.innerHTML = RenderKickEmotes(replyMsg);
}
// Set timestamp
@@ -2616,7 +2614,7 @@ async function KickRewardRedeemed(data) {
// Set the text
const username = data.username;
const rewardName = data.reward_title;
const userInput = data.userInput;
const userInput = data.user_input;
titleDiv.innerHTML = `${username} redeemed ${rewardName}`;
contentDiv.innerText = `${userInput}`;
multichat-overlay/settings/index.html
+1 -1
View File
@@ -4,7 +4,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="../../.common/resources/logo.png" type="image/png">
<link rel="icon" href="/.common/resources/logo.png" type="image/png">
<title>nutty</title>
<style>
body {
multichat-overlay/settings/script.js
+1 -1
View File
@@ -1,6 +1,6 @@
const widgetContainer = document.getElementById('widgetContainer');
const settingsPageURL = '../../.common/core/settings-core';
const settingsPageURL = '/.common/core/settings-core';
const currentURL = window.location.href;
multistream-alerts/index.html
+1 -1
View File
@@ -44,5 +44,5 @@
</div>
</body>
<script src="../.common/utils/helpers.js"></script>
<script src="/.common/utils/helpers.js"></script>
<script src="./script.js"></script>
multistream-alerts/script.js
+1 -3
View File
@@ -172,6 +172,7 @@ const client = new StreamerbotClient({
console.log(`Streamer.bot successfully connected to ${sbServerAddress}:${sbServerPort}`)
console.debug(data);
SetConnectionStatus(true);
KickConnect();
},
onDisconnect: () => {
@@ -405,9 +406,6 @@ async function KickConnect() {
}
}
// Try connect when window is loaded
window.addEventListener('load', KickConnect);
//////////////////////
multistream-alerts/settings/index.html
+1 -1
View File
@@ -4,7 +4,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="../../.common/resources/logo.png" type="image/png">
<link rel="icon" href="/.common/resources/logo.png" type="image/png">
<title>nutty</title>
<style>
body {
multistream-alerts/settings/script.js
+1 -1
View File
@@ -1,6 +1,6 @@
const widgetContainer = document.getElementById('widgetContainer');
const settingsPageURL = '../../.common/core/settings-core';
const settingsPageURL = '/.common/core/settings-core';
const currentURL = window.location.href;
multistream-title-updater/contents/index.html
+1 -1
View File
@@ -2,7 +2,7 @@
<html lang="en">
<head>
<link rel="stylesheet" href="../../../.common/styles/global.css" />
<link rel="stylesheet" href="/.common/styles/global.css" />
<link rel="stylesheet" href="./style.css" />
</head>
multistream-title-updater/index.html
+2 -2
View File
@@ -1,8 +1,8 @@
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="../.common/styles/global.css" />
<link rel="icon" href="../../.common/resources/logo.png" type="image/png">
<link rel="stylesheet" href="/.common/styles/global.css" />
<link rel="icon" href="/.common/resources/logo.png" type="image/png">
<title>nutty</title>
<style>
#dock-wrapper {
multistream-title-updater/script.js
+1 -1
View File
@@ -9,7 +9,7 @@ const configJson = "?config=" + baseURL + "config.json";
// Implement widget dock core
window.dockWrapper = document.getElementById('dock-wrapper');
dockWrapper.src = `../../.common/core/widget-dock-core${configJson}`;
dockWrapper.src = `/.common/core/widget-dock-core${configJson}`;
dockWrapper.addEventListener('load', () => {
dockWrapper.contentWindow.content.src = baseURL + '/contents';
obs-info-hud/settings/index.html
+1 -1
View File
@@ -4,7 +4,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="../../.common/resources/logo.png" type="image/png">
<link rel="icon" href="/.common/resources/logo.png" type="image/png">
<title>nutty</title>
<style>
body {
obs-info-hud/settings/script.js
+1 -1
View File
@@ -1,6 +1,6 @@
const widgetContainer = document.getElementById('widgetContainer');
const settingsPageURL = '../../.common/core/settings-core';
const settingsPageURL = '/.common/core/settings-core';
const currentURL = window.location.href;
printer-bot/contents/index.html
+2 -2
View File
@@ -2,7 +2,7 @@
<html lang="en">
<head>
<link rel="stylesheet" href="../../../.common/styles/global.css" />
<link rel="stylesheet" href="/.common/styles/global.css" />
<link rel="stylesheet" href="./style.css" />
<script src="https://cdn.jsdelivr.net/npm/luxon@3/build/global/luxon.min.js"></script>
</head>
@@ -73,5 +73,5 @@
</div>
</template>
<script src="../../../.common/utils/helpers.js"></script>
<script src="/.common/utils/helpers.js"></script>
<script src="script.js"></script>
printer-bot/index.html
+2 -2
View File
@@ -1,8 +1,8 @@
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="../.common/styles/global.css" />
<link rel="icon" href="../../.common/resources/logo.png" type="image/png">
<link rel="stylesheet" href="/.common/styles/global.css" />
<link rel="icon" href="/.common/resources/logo.png" type="image/png">
<title>nutty</title>
<style>
#dock-wrapper {
printer-bot/script.js
+1 -1
View File
@@ -9,7 +9,7 @@ const configJson = "?config=" + baseURL + "config.json";
// Implement widget dock core
window.dockWrapper = document.getElementById('dock-wrapper');
dockWrapper.src = `../../.common/core/widget-dock-core${configJson}`;
dockWrapper.src = `/.common/core/widget-dock-core${configJson}`;
dockWrapper.addEventListener('load', () => {
dockWrapper.contentWindow.content.src = baseURL + '/contents';
scumbag-sub-goal-widget/settings/index.html
+1 -1
View File
@@ -4,7 +4,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="../../.common/resources/logo.png" type="image/png">
<link rel="icon" href="/.common/resources/logo.png" type="image/png">
<title>nutty</title>
<style>
body {
scumbag-sub-goal-widget/settings/script.js
+1 -1
View File
@@ -1,6 +1,6 @@
const widgetContainer = document.getElementById('widgetContainer');
const settingsPageURL = '../../.common/core/settings-core';
const settingsPageURL = '/.common/core/settings-core';
const currentURL = window.location.href;
simple-twitch-metrics/settings/index.html
+1 -1
View File
@@ -4,7 +4,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="../../.common/resources/logo.png" type="image/png">
<link rel="icon" href="/.common/resources/logo.png" type="image/png">
<title>nutty</title>
<style>
body {
simple-twitch-metrics/settings/script.js
+1 -1
View File
@@ -1,6 +1,6 @@
const widgetContainer = document.getElementById('widgetContainer');
const settingsPageURL = '../../.common/core/settings-core';
const settingsPageURL = '/.common/core/settings-core';
const currentURL = window.location.href;
twitch-ad-countdown-timer/index.html
+1 -1
View File
@@ -25,5 +25,5 @@
</div>
</body>
<script src="../.common/utils/helpers.js"></script>
<script src="/.common/utils/helpers.js"></script>
<script src="./script.js"></script>
twitch-ad-countdown-timer/settings/index.html
+1 -1
View File
@@ -4,7 +4,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="../../.common/resources/logo.png" type="image/png">
<link rel="icon" href="/.common/resources/logo.png" type="image/png">
<title>nutty</title>
<style>
body {
twitch-ad-countdown-timer/settings/script.js
+1 -1
View File
@@ -1,6 +1,6 @@
const widgetContainer = document.getElementById('widgetContainer');
const settingsPageURL = '../../.common/core/settings-core';
const settingsPageURL = '/.common/core/settings-core';
const currentURL = window.location.href;
twitch-uptime-widget/settings/index.html
+1 -1
View File
@@ -4,7 +4,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="../../.common/resources/logo.png" type="image/png">
<link rel="icon" href="/.common/resources/logo.png" type="image/png">
<title>nutty</title>
<style>
body {
twitch-uptime-widget/settings/script.js
+1 -1
View File
@@ -1,6 +1,6 @@
const widgetContainer = document.getElementById('widgetContainer');
const settingsPageURL = '../../.common/core/settings-core';
const settingsPageURL = '/.common/core/settings-core';
const currentURL = window.location.href;