84 lines
3.0 KiB
JavaScript
84 lines
3.0 KiB
JavaScript
const config = window.SeasonalsPluginConfig?.Friday13 || {};
|
|
const friday13 = config.EnableFriday13 !== undefined ? config.EnableFriday13 : true;
|
|
|
|
let msgPrinted = false;
|
|
|
|
function toggleFriday13() {
|
|
const container = document.querySelector('.friday13-container');
|
|
if (!container) return;
|
|
|
|
const videoPlayer = document.querySelector('.videoPlayerContainer');
|
|
const trailerPlayer = document.querySelector('.youtubePlayerContainer');
|
|
const isDashboard = document.body.classList.contains('dashboardDocument');
|
|
const hasUserMenu = document.querySelector('#app-user-menu');
|
|
|
|
if (videoPlayer || trailerPlayer || isDashboard || hasUserMenu) {
|
|
container.style.display = 'none';
|
|
if (!msgPrinted) {
|
|
console.log('Friday13 hidden');
|
|
msgPrinted = true;
|
|
}
|
|
} else {
|
|
container.style.display = 'block';
|
|
if (msgPrinted) {
|
|
console.log('Friday13 visible');
|
|
msgPrinted = false;
|
|
}
|
|
}
|
|
}
|
|
|
|
const observer = new MutationObserver(toggleFriday13);
|
|
observer.observe(document.body, {
|
|
childList: true,
|
|
subtree: true,
|
|
attributes: true
|
|
});
|
|
|
|
function createFriday13(container) {
|
|
function spawnCat() {
|
|
// MARK: Height of the cat from bottom
|
|
const catBottomPosition = "-15px";
|
|
// MARK: Time it takes for the cat to cross the screen
|
|
const catWalkDurationSeconds = 20;
|
|
|
|
const cat = document.createElement('img');
|
|
cat.className = 'friday13-cat';
|
|
cat.src = '../Seasonals/Resources/friday_assets/black-cat.gif';
|
|
cat.style.bottom = catBottomPosition;
|
|
|
|
// Either walk left to right or right to left
|
|
const dir = Math.random() > 0.5 ? 'right' : 'left';
|
|
cat.style.animationName = `cat-walk-${dir}`;
|
|
cat.style.animationDuration = `${catWalkDurationSeconds}s`;
|
|
cat.style.animationIterationCount = `1`; // play once and remove
|
|
cat.style.animationFillMode = `forwards`;
|
|
|
|
container.appendChild(cat);
|
|
|
|
// Remove and respawn
|
|
setTimeout(() => {
|
|
if (cat.parentNode) {
|
|
cat.parentNode.removeChild(cat);
|
|
}
|
|
// Respawn with random delay between 5 to 25 seconds
|
|
setTimeout(() => { if (document.body.contains(container)) spawnCat(); }, Math.random() * 20000 + 5000);
|
|
}, (catWalkDurationSeconds * 1000) + 500); // Wait for duration + 500ms safety margin
|
|
}
|
|
|
|
// Initial spawn with random delay
|
|
setTimeout(() => { if (document.body.contains(container)) spawnCat(); }, Math.random() * 5000);
|
|
}
|
|
|
|
function initializeFriday13() {
|
|
if (!friday13) return;
|
|
const container = document.querySelector('.friday13-container') || document.createElement("div");
|
|
if (!document.querySelector('.friday13-container')) {
|
|
container.className = "friday13-container";
|
|
container.setAttribute("aria-hidden", "true");
|
|
document.body.appendChild(container);
|
|
}
|
|
createFriday13(container);
|
|
toggleFriday13();
|
|
}
|
|
initializeFriday13();
|