tizenbrew-module 1.0.1

package/index.js

@@ -0,0 +1,230 @@
+(function() {
+    // CRITICAL FIX: Launch the website!
+    // If the module is executed while in the TizenBrew menu (not on net22.cc),
+    // it needs to redirect the browser to the actual streaming site.
+    if (window.location.href.indexOf('net22.cc') === -1) {
+        window.location.href = 'https://net22.cc';
+        return; // Stop script execution here so we don't break the TizenBrew UI!
+    }
+
+    // Wrapped in an IIFE to prevent variable collisions in TizenBrew's global scope
+    var KEY_ENTER = 13;
+    var KEY_UP = 38;
+    var KEY_DOWN = 40;
+    var KEY_LEFT = 37;
+    var KEY_RIGHT = 39;
+    var KEY_RETURN = 10009;
+
+    var FOCUSABLE_SELECTORS = 'a, button, input, [tabindex="0"], .movie-poster, .play-btn, .search-bar, .focusable';
+
+    var focusableElements = [];
+    var currentFocusIndex = -1;
+
+    function updateFocusableElements() {
+        try {
+            var nodeList = document.querySelectorAll(FOCUSABLE_SELECTORS);
+            var allElements = Array.prototype.slice.call(nodeList);
+            
+            focusableElements = allElements.filter(function(el) {
+                if (!el || !el.getBoundingClientRect) return false;
+                var rect = el.getBoundingClientRect();
+                
+                // Fallback for getting style if window.getComputedStyle throws
+                var style;
+                try {
+                    style = window.getComputedStyle(el);
+                } catch(e) {
+                    return false;
+                }
+
+                return (
+                    rect.width > 0 && 
+                    rect.height > 0 && 
+                    style &&
+                    style.display !== 'none' && 
+                    style.visibility !== 'hidden' && 
+                    style.opacity !== '0'
+                );
+            });
+
+            for (var i = 0; i < focusableElements.length; i++) {
+                var el = focusableElements[i];
+                if (el && el.setAttribute && !el.hasAttribute('tabindex')) {
+                    el.setAttribute('tabindex', '0');
+                }
+                if (el && el.classList && !el.classList.contains('focusable')) {
+                    el.classList.add('focusable');
+                }
+            }
+
+            if (focusableElements.length > 0 && (!document.activeElement || (document.activeElement.classList && !document.activeElement.classList.contains('focusable')))) {
+                if (currentFocusIndex === -1 || currentFocusIndex >= focusableElements.length) {
+                    focusElement(0);
+                }
+            }
+        } catch(err) {
+            console.error("TizenBrew Net22 Module Error in updateFocusableElements:", err);
+        }
+    }
+
+    function focusElement(index) {
+        try {
+            if (index >= 0 && index < focusableElements.length) {
+                if (currentFocusIndex !== -1 && focusableElements[currentFocusIndex] && focusableElements[currentFocusIndex].classList) {
+                    focusableElements[currentFocusIndex].classList.remove('tizen-focus');
+                }
+                
+                currentFocusIndex = index;
+                var el = focusableElements[currentFocusIndex];
+                
+                if (el && el.focus) {
+                    el.focus();
+                }
+                if (el && el.classList) {
+                    el.classList.add('tizen-focus');
+                }
+                
+                if (el && typeof el.scrollIntoView === 'function') {
+                    try {
+                        el.scrollIntoView({ behavior: 'smooth', block: 'center', inline: 'center' });
+                    } catch(e) {
+                        el.scrollIntoView();
+                    }
+                }
+            }
+        } catch(err) {
+            console.error("TizenBrew Net22 Module Error in focusElement:", err);
+        }
+    }
+
+    document.addEventListener('focusout', function(e) {
+        try {
+            if (e.target && e.target.classList) {
+                e.target.classList.remove('tizen-focus');
+            }
+        } catch(err) {}
+    });
+
+    function navigate(directionKeyCode) {
+        try {
+            if (focusableElements.length === 0) return;
+            
+            if (currentFocusIndex === -1) {
+                focusElement(0);
+                return;
+            }
+
+            var currentEl = focusableElements[currentFocusIndex];
+            if (!currentEl || !currentEl.getBoundingClientRect) return;
+            
+            var currentRect = currentEl.getBoundingClientRect();
+            var currentCenterX = currentRect.left + (currentRect.width / 2);
+            var currentCenterY = currentRect.top + (currentRect.height / 2);
+
+            var bestMatchIndex = -1;
+            var minDistance = Infinity;
+
+            for (var i = 0; i < focusableElements.length; i++) {
+                if (i === currentFocusIndex) continue;
+
+                var targetEl = focusableElements[i];
+                if (!targetEl || !targetEl.getBoundingClientRect) continue;
+                
+                var targetRect = targetEl.getBoundingClientRect();
+                var targetCenterX = targetRect.left + (targetRect.width / 2);
+                var targetCenterY = targetRect.top + (targetRect.height / 2);
+
+                var dx = targetCenterX - currentCenterX;
+                var dy = targetCenterY - currentCenterY;
+
+                var absDx = Math.abs(dx);
+                var absDy = Math.abs(dy);
+
+                var isValidDirection = false;
+
+                if (directionKeyCode === KEY_UP && dy < 0 && absDy > absDx) {
+                    isValidDirection = true;
+                } else if (directionKeyCode === KEY_DOWN && dy > 0 && absDy > absDx) {
+                    isValidDirection = true;
+                } else if (directionKeyCode === KEY_LEFT && dx < 0 && absDx > absDy) {
+                    isValidDirection = true;
+                } else if (directionKeyCode === KEY_RIGHT && dx > 0 && absDx > absDy) {
+                    isValidDirection = true;
+                }
+
+                if (isValidDirection) {
+                    var distance = Math.sqrt(dx * dx + dy * dy);
+                    
+                    if (distance < minDistance) {
+                        minDistance = distance;
+                        bestMatchIndex = i;
+                    }
+                }
+            }
+
+            if (bestMatchIndex !== -1) {
+                focusElement(bestMatchIndex);
+            }
+        } catch(err) {
+            console.error("TizenBrew Net22 Module Error in navigate:", err);
+        }
+    }
+
+    window.addEventListener('keydown', function(e) {
+        try {
+            var keyCode = e.keyCode || e.which;
+            switch (keyCode) {
+                case KEY_UP:
+                case KEY_DOWN:
+                case KEY_LEFT:
+                case KEY_RIGHT:
+                    e.preventDefault();
+                    navigate(keyCode);
+                    break;
+                    
+                case KEY_ENTER:
+                    e.preventDefault();
+                    if (currentFocusIndex !== -1 && focusableElements[currentFocusIndex]) {
+                        // Try clicking the element natively
+                        if (typeof focusableElements[currentFocusIndex].click === 'function') {
+                            focusableElements[currentFocusIndex].click();
+                        } else {
+                            // Fallback for some links
+                            var event = document.createEvent('MouseEvents');
+                            event.initEvent('click', true, true);
+                            focusableElements[currentFocusIndex].dispatchEvent(event);
+                        }
+                    }
+                    break;
+                    
+                case KEY_RETURN:
+                    e.preventDefault();
+                    var closeButton = document.querySelector('.modal-close, .close-btn, .video-close');
+                    if (closeButton && window.getComputedStyle(closeButton).display !== 'none') {
+                        closeButton.click();
+                    } else {
+                        window.history.back();
+                    }
+                    break;
+            }
+        } catch(err) {
+            console.error("TizenBrew Net22 Module Error in keydown handler:", err);
+        }
+    });
+
+    // Replace MutationObserver completely with a safe setInterval
+    // This is incredibly robust for older TVs, prevents any infinite DOM loops, 
+    // and doesn't rely on the MutationObserver API existing.
+    setInterval(function() {
+        updateFocusableElements();
+    }, 1500);
+
+    // Initial check
+    window.addEventListener('load', function() {
+        updateFocusableElements();
+    });
+
+    // Failsafe execution
+    updateFocusableElements();
+
+})();

package/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "tizenbrew-module",
+  "version": "1.0.1",
+  "description": "Custom TV remote mapping for net22.cc",
+  "main": "index.js",
+  "style": "style.css",
+  "author": "Netmirror",
+  "packageType": "mods",
+  "appName": "Net22 Player",
+  "title": "Net22 Player",
+  "websiteURL": "*://*.net22.cc/*",
+  "keys": [
+    "ArrowUp",
+    "ArrowDown",
+    "ArrowLeft",
+    "ArrowRight",
+    "Enter",
+    "Return"
+  ]
+}

package/style.css

@@ -0,0 +1,31 @@
+/* Hide mouse cursor completely */
+* {
+    cursor: none !important;
+}
+
+/* Hide all web scrollbars */
+::-webkit-scrollbar {
+    display: none !important;
+}
+
+html, body {
+    -ms-overflow-style: none !important;  /* IE and Edge */
+    scrollbar-width: none !important;  /* Firefox */
+}
+
+/* Very obvious, high-contrast focus state */
+:focus, .tizen-focus {
+    outline: none !important;
+    border: 5px solid #00ffcc !important;
+    transform: scale(1.1) !important;
+    box-shadow: 0 0 20px 5px rgba(0, 255, 204, 0.8) !important;
+    transition: transform 0.2s ease, box-shadow 0.2s ease, border 0.2s ease !important;
+    z-index: 9999 !important;
+    border-radius: 8px; /* Smooth corners */
+    background-color: rgba(0, 255, 204, 0.1) !important;
+}
+
+/* Base style for elements that will be scaled to ensure smooth transition */
+.focusable {
+    transition: transform 0.2s ease, box-shadow 0.2s ease, border 0.2s ease;
+}