sync from github
This commit is contained in:
minster586
12
js/modules/fourthwall/images/logo-fourthwall.svg
Normal file
12
js/modules/fourthwall/images/logo-fourthwall.svg
Normal file
@@ -0,0 +1,12 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 800 800">
|
||||
<!-- Generator: Adobe Illustrator 29.0.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 186) -->
|
||||
<defs>
|
||||
<style>
|
||||
.st0 {
|
||||
fill: #fff;
|
||||
}
|
||||
</style>
|
||||
</defs>
|
||||
<path class="st0" d="M330.1,230.7l-11.4,54.8-52.4,3.7-9.8,29.8h136.1l31.3,165.6,27.6-165.6,80.5.4,28,165.2,31.3-165.6h80.9l-55.2,250.2-91.8-.2-29.6-176.4-37.3,176.1-88-1.1-56.9-241.2c-8.2-3-5,7.8-6,12.3-2.6,11.7-4.9,23.5-7.2,35.2l-56.8,3.9-38.5,191.5h-77.3l40.5-193.1-33.2-1.9,9.1-51.7,34.6-4c6.5-28,12.3-60.5,39.7-76.2,5.2-3,31.8-11.6,36.2-11.6h75.4Z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 677 B |
11
js/modules/fourthwall/module.css
Normal file
11
js/modules/fourthwall/module.css
Normal file
@@ -0,0 +1,11 @@
|
||||
#chat .event.fourthwall .message {
|
||||
background: rgba(0,68,255,0.75);
|
||||
}
|
||||
|
||||
#chat .event.fourthwall .header {
|
||||
padding: 5px 0;
|
||||
text-align: center;
|
||||
}
|
||||
#chat .event.fourthwall .header img {
|
||||
height: 128px;
|
||||
}
|
||||
291
js/modules/fourthwall/module.js
Normal file
291
js/modules/fourthwall/module.js
Normal file
@@ -0,0 +1,291 @@
|
||||
/* --------------------------- */
|
||||
/* FOURTHWALL MODULE VARIABLES */
|
||||
/* --------------------------- */
|
||||
|
||||
const showFourthwall = getURLParam("showFourthwall", true);
|
||||
|
||||
const showFourthwallDonations = getURLParam("showFourthwallDonations", true);
|
||||
const showFourthwallSubscriptions = getURLParam("showFourthwallSubscriptions", true);
|
||||
|
||||
const showFourthwallOrders = getURLParam("showFourthwallOrders", true);
|
||||
const showFourthwallShowImage = getURLParam("showFourthwallShowImage", true);
|
||||
|
||||
const showFourthwallGiftPurchase = getURLParam("showFourthwallGiftPurchase", true);
|
||||
const showFourthwallShowGiftImage = getURLParam("showFourthwallShowGiftImage", true);
|
||||
|
||||
const showFourthwallGiftDraw = getURLParam("showFourthwallGiftDraw", true);
|
||||
const fourthWallGiftDrawCommand = getURLParam("fourthWallGiftDrawCommand", "!enter");
|
||||
|
||||
|
||||
// FOURTHWALL EVENTS HANDLERS
|
||||
|
||||
const fourthwallMessageHandlers = {
|
||||
'Fourthwall.Donation': (response) => {
|
||||
fourthwallDonationMessage(response.data);
|
||||
},
|
||||
'Fourthwall.SubscriptionPurchased': (response) => {
|
||||
fourthwallSubMessage(response.data);
|
||||
},
|
||||
'Fourthwall.OrderPlaced': (response) => {
|
||||
fourthwallOrderMessage(response.data);
|
||||
},
|
||||
'Fourthwall.GiftPurchase': (response) => {
|
||||
fourthwallGiftMessage(response.data);
|
||||
},
|
||||
'Fourthwall.GiftDrawStarted': (response) => {
|
||||
fourthwallGiftDrawStartMessage(response.data);
|
||||
},
|
||||
'Fourthwall.GiftDrawEnded': (response) => {
|
||||
fourthwallGiftDrawEndMessage(response.data);
|
||||
},
|
||||
};
|
||||
|
||||
if (showFourthwall) {
|
||||
registerPlatformHandlersToStreamerBot(fourthwallMessageHandlers, '[Fourthwall]');
|
||||
}
|
||||
|
||||
|
||||
|
||||
// FOURTHWALL EVENT FUNCTIONS
|
||||
|
||||
async function fourthwallDonationMessage(data) {
|
||||
|
||||
if (showFourthwallDonations == false) return;
|
||||
|
||||
const template = eventTemplate;
|
||||
const clone = template.content.cloneNode(true);
|
||||
const messageId = createRandomString(40);
|
||||
const userId = createRandomString(40);
|
||||
|
||||
const {
|
||||
header,
|
||||
platform,
|
||||
user,
|
||||
action,
|
||||
value,
|
||||
'actual-message': message
|
||||
} = Object.fromEntries(
|
||||
[...clone.querySelectorAll('[class]')]
|
||||
.map(el => [el.className, el])
|
||||
);
|
||||
|
||||
const classes = ['fourthwall', 'donation'];
|
||||
|
||||
header.remove();
|
||||
|
||||
|
||||
user.innerHTML = `<strong>${data.username}</strong>`;
|
||||
action.innerHTML = ` donated `;
|
||||
|
||||
var money = formatCurrency(data.amount,data.currency);
|
||||
value.innerHTML = `<strong>${money}</strong>`;
|
||||
|
||||
if (data.message) message.innerHTML = `${data.message}`;
|
||||
|
||||
addEventItem('fourthwall', clone, classes, userId, messageId);
|
||||
}
|
||||
|
||||
|
||||
|
||||
async function fourthwallOrderMessage(data) {
|
||||
|
||||
if (showFourthwallOrders == false) return;
|
||||
|
||||
const template = eventTemplate;
|
||||
const clone = template.content.cloneNode(true);
|
||||
const messageId = createRandomString(40);
|
||||
const userId = createRandomString(40);
|
||||
|
||||
const username = data.username;
|
||||
const total = data.total;
|
||||
const currency = data.currency;
|
||||
const item = data.variants[0].name;
|
||||
const itemsQuantity = data.variants.length;
|
||||
const text = stripStringFromHtml(data.statmessageus);
|
||||
const imageUrl = data?.variants?.[0]?.image ?? '';
|
||||
|
||||
const {
|
||||
header,
|
||||
platform,
|
||||
user,
|
||||
action,
|
||||
value,
|
||||
'actual-message': message
|
||||
} = Object.fromEntries(
|
||||
[...clone.querySelectorAll('[class]')]
|
||||
.map(el => [el.className, el])
|
||||
);
|
||||
|
||||
const classes = ['fourthwall', 'order'];
|
||||
|
||||
if (showFourthwallShowImage == true) {
|
||||
if (imageUrl) { header.innerHTML = `<img src="${imageUrl}">`; }
|
||||
else { header.remove(); }
|
||||
}
|
||||
else { header.remove(); }
|
||||
|
||||
|
||||
var userName = '';
|
||||
if (username == undefined) { userName = 'Someone'; }
|
||||
else { userName = username; }
|
||||
|
||||
user.innerHTML = `<strong>${userName}</strong>`;
|
||||
action.innerHTML = ` ordered `;
|
||||
|
||||
var money = formatCurrency(total,currency);
|
||||
var html = `<strong>${item}</strong>`;
|
||||
|
||||
if (itemsQuantity > 1) { html += ` and <strong>${itemsQuantity - 1} other ${(itemsQuantity - 1) == 1 ? 'item' : 'items'}</strong> (${total == 0 ? 'Free' : money})`; }
|
||||
else { html += ` (${total == 0 ? 'Free' : money})`; }
|
||||
|
||||
value.innerHTML = html;
|
||||
|
||||
if (text) message.innerHTML = `${text}`;
|
||||
|
||||
addEventItem('fourthwall', clone, classes, userId, messageId);
|
||||
}
|
||||
|
||||
|
||||
|
||||
async function fourthwallGiftMessage(data) {
|
||||
|
||||
if (showFourthwallGiftPurchase == false) return;
|
||||
|
||||
const template = eventTemplate;
|
||||
const clone = template.content.cloneNode(true);
|
||||
const messageId = createRandomString(40);
|
||||
const userId = createRandomString(40);
|
||||
|
||||
const username = data.username;
|
||||
const total = data.total;
|
||||
const currency = data.currency;
|
||||
const item = data.offer.name;
|
||||
const itemsQuantity = data.gifts.length;
|
||||
const text = stripStringFromHtml(data.statmessageus);
|
||||
const imageUrl = data?.offer?.imageUrl ?? '';
|
||||
|
||||
const {
|
||||
header,
|
||||
platform,
|
||||
user,
|
||||
action,
|
||||
value,
|
||||
'actual-message': message
|
||||
} = Object.fromEntries(
|
||||
[...clone.querySelectorAll('[class]')]
|
||||
.map(el => [el.className, el])
|
||||
);
|
||||
|
||||
const classes = ['fourthwall', 'gift'];
|
||||
|
||||
if (showFourthwallShowGiftImage == true) {
|
||||
if (imageUrl) { header.innerHTML = `<img src="${imageUrl}">`; }
|
||||
else { header.remove(); }
|
||||
}
|
||||
else { header.remove(); }
|
||||
|
||||
|
||||
user.innerHTML = `<strong>${userName}</strong>`;
|
||||
action.innerHTML = ` gifted `;
|
||||
|
||||
var money = formatCurrency(total,currency);
|
||||
var html = `<strong>${itemsQuantity} ${item}</strong>`;
|
||||
html += ` (${total == 0 ? 'Free' : money})`;
|
||||
|
||||
value.innerHTML = html;
|
||||
|
||||
if (text) message.innerHTML = `${text}`;
|
||||
|
||||
addEventItem('fourthwall', clone, classes, userId, messageId);
|
||||
}
|
||||
|
||||
|
||||
|
||||
async function fourthwallGiftDrawStartMessage(data) {
|
||||
|
||||
if (showFourthwallGiftDraw == false) return;
|
||||
|
||||
const template = eventTemplate;
|
||||
const clone = template.content.cloneNode(true);
|
||||
const messageId = createRandomString(40);
|
||||
const userId = createRandomString(40);
|
||||
|
||||
|
||||
const {
|
||||
header,
|
||||
platform,
|
||||
user,
|
||||
action,
|
||||
value,
|
||||
'actual-message': message
|
||||
} = Object.fromEntries(
|
||||
[...clone.querySelectorAll('[class]')]
|
||||
.map(el => [el.className, el])
|
||||
);
|
||||
|
||||
const classes = ['fourthwall', 'giftdraw'];
|
||||
|
||||
header.remove();
|
||||
|
||||
|
||||
user.innerHTML = `<strong><i class="fa-solid fa-gifts"></i> Giveaway started!</strong>`;
|
||||
action.innerHTML = ` Type <strong>${fourthWallGiftDrawCommand}</strong> to have a chance to win `;
|
||||
value.innerHTML = `<strong>${data.offer.name}</strong>. `
|
||||
message.innerHTML = `You have <strong>${durationSeconds}</strong> seconds! Good Luck!`;
|
||||
|
||||
addEventItem('fourthwall', clone, classes, userId, messageId);
|
||||
}
|
||||
|
||||
|
||||
|
||||
async function fourthwallGiftDrawEndMessage(data) {
|
||||
|
||||
if (showFourthwallGiftDraw == false) return;
|
||||
|
||||
const template = eventTemplate;
|
||||
const clone = template.content.cloneNode(true);
|
||||
const messageId = createRandomString(40);
|
||||
const userId = createRandomString(40);
|
||||
|
||||
const {
|
||||
header,
|
||||
platform,
|
||||
user,
|
||||
action,
|
||||
value,
|
||||
'actual-message': message
|
||||
} = Object.fromEntries(
|
||||
[...clone.querySelectorAll('[class]')]
|
||||
.map(el => [el.className, el])
|
||||
);
|
||||
|
||||
const classes = ['fourthwall', 'giftdrawend'];
|
||||
|
||||
header.remove();
|
||||
|
||||
|
||||
user.innerHTML = `<strong>🎉 Giveaway Ended!</strong>`;
|
||||
action.innerHTML = ` Congratulations to: `;
|
||||
value.remove();
|
||||
|
||||
var winners = await getWinnersList(data.gifts);
|
||||
|
||||
message.innerHTML = `${winners}`;
|
||||
|
||||
addEventItem('fourthwall', clone, classes, userId, messageId);
|
||||
}
|
||||
|
||||
async function getWinnersList(gifts) {
|
||||
const winners = gifts.map(gift => gift.winner).filter(Boolean); // Remove null/undefined
|
||||
|
||||
const numWinners = winners.length;
|
||||
|
||||
if (numWinners === 0) { return ""; }
|
||||
if (numWinners === 1) { return winners[0]; }
|
||||
if (numWinners === 2) { return `${winners[0]} and ${winners[1]}`; }
|
||||
|
||||
// For 3 or more, use the Oxford comma style: A, B, and C
|
||||
const allButLast = winners.slice(0, -1).join(", ");
|
||||
const lastWinner = winners[winners.length - 1];
|
||||
return `${allButLast}, and ${lastWinner}`;
|
||||
}
|
||||
Reference in New Issue
Block a user