Add Star Wars feature: implement CSS and JavaScript for hyperspace effect and visibility toggle

Jellyfin.Plugin.Seasonals/Web/starwars.js

@@ -0,0 +1,78 @@
+const config = window.SeasonalsPluginConfig?.StarWars || {};
+const starwars = config.EnableStarWars !== undefined ? config.EnableStarWars : true;
+
+let msgPrinted = false;
+
+function toggleStarWars() {
+    const container = document.querySelector('.starwars-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('StarWars hidden');
+            msgPrinted = true;
+        }
+    } else {
+        container.style.display = 'block';
+        if (msgPrinted) {
+            console.log('StarWars visible');
+            msgPrinted = false;
+        }
+    }
+}
+
+const observer = new MutationObserver(toggleStarWars);
+observer.observe(document.body, {
+  childList: true,
+  subtree: true,
+  attributes: true
+});
+
+function createStarWars(container) {
+    const center = document.createElement('div');
+    center.className = 'starwars-center';
+    container.appendChild(center);
+
+    // Create hyperspace streaks
+    for (let i = 0; i < 60; i++) {
+        const streak = document.createElement('div');
+        streak.className = 'starwars-streak';
+        
+        // Random angle to radiate outward from center
+        const angle = Math.random() * 360;
+        streak.style.transform = `rotate(${angle}deg)`;
+        
+        // Random delay
+        const delay = Math.random() * 2;
+        streak.style.animationDelay = `${delay}s`;
+        
+        // Random animation duration for variety
+        const duration = 0.8 + Math.random() * 1.5;
+        streak.style.animationDuration = `${duration}s`;
+        
+        center.appendChild(streak);
+    }
+}
+
+function initializeStarWars() {
+    if (!starwars) return;
+
+    const container = document.querySelector('.starwars-container') || document.createElement("div");
+
+    if (!document.querySelector('.starwars-container')) {
+        container.className = "starwars-container";
+        container.setAttribute("aria-hidden", "true");
+        document.body.appendChild(container);
+    }
+    
+    createStarWars(container);
+    toggleStarWars();
+}
+
+initializeStarWars();