s8n/ARRFLIX
s8n/ARRFLIX
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
ARRFLIX/web-overrides/index.html

113 lines
58 KiB
HTML
Raw Normal View History

index.html: inline critical-path black bg + red button to kill pre-bundle flash
2026-05-08 03:44:24 +01:00
<!doctype html><html class="preload" dir="ltr"><head><style>/* ARRFLIX critical-path styles — render first to avoid pre-bundle flash */
:root {
--primary-background-color: #000000;
--background-color: #000000;
}
html, body, .preload, .skinBody, .skinHeader, #reactRoot, .mainAnimatedPages {
background-color: #000000 !important;
color: #ffffff !important;
}
/* Login form's pre-bundle layout uses MUI default blue button — pre-paint Netflix red */
.raised, .button-submit, .emby-button[type=submit], button[type=submit] {
background-color: #E50914 !important;
color: #ffffff !important;
}
/* Hide pre-bundle Jellyfin logo + replace with .splashLogo (already swapped to ARRFLIX in this index.html) */
Settings drawer hide v2: target a.btnSettings + data-itemid Drawer Settings href is literally '#' (route via JS click handler keyed off data-itemid='settings'). Old href*=mypreferencesmenu rules matched zero elements in live DOM. Fix verified on dev with headless A/B (doc 17 commit 4772ddf).
2026-05-08 16:05:30 +01:00
/* ARRFLIX dev V2 (2026-05-08) — hide drawer Settings entry from non-admins.
Drawer Settings link is .btnSettings / [data-itemid="settings"] with href="#".
Old href*="mypreferencesmenu" rules in CustomCss never matched. */
a.btnSettings,
.navMenuOption.btnSettings,
[data-itemid="settings"] {
display: none !important;
}
index.html: inline critical-path black bg + red button to kill pre-bundle flash
2026-05-08 03:44:24 +01:00
</style><script>/* ARRFLIX-SHIM-BEGIN */
Branding shim: lock <title> + favicon at runtime against SPA overwrites The static <title>ARRFLIX</title> patch wasn't enough - Jellyfin's bundle calls document.title=... on hydrate and per-route, so the tab kept showing 'Jellyfin'. Add a self-contained inline IIFE in <head> that: - Replaces 'Jellyfin' with 'ARRFLIX' on the title (incl. ' - Jellyfin' suffix) - Pins favicon hrefs to the existing data: URL already in the page - Watches <head> via MutationObserver for SPA churn - Has a 1s setInterval safety net for late-binding navigations - One-shot unregisters the Jellyfin service worker so old clients reload fresh bin/inject-shim.py is the source of truth - idempotent (replaces marker block). docs/10-spa-runtime-shim.md covers root cause, deploy flow, SW eviction, and how to extend the shim on Jellyfin upgrade.
2026-05-08 03:25:16 +01:00
(function(){
var TITLE = 'ARRFLIX';
var BARE_RE = /^Jellyfin$/i;
function getFavicon(){
var l = document.querySelector('link[rel="shortcut icon"], link[rel="icon"]');
return l && l.href ? l.href : null;
}
function lockTitle(){
try {
var t = document.title || '';
if (BARE_RE.test(t)) { document.title = TITLE; return; }
if (/Jellyfin/i.test(t)) {
var cleaned = t.replace(/\s*[-|]\s*Jellyfin\s*$/i, '').replace(/Jellyfin/gi, TITLE);
if (!cleaned) { document.title = TITLE; }
else if (!/ARRFLIX/i.test(cleaned)) { document.title = cleaned + ' - ' + TITLE; }
else { document.title = cleaned; }
}
} catch(e){}
}
function lockFavicon(){
try {
var fav = getFavicon();
if (!fav || fav.indexOf('data:image') !== 0) return;
var icons = document.querySelectorAll('link[rel*="icon"]');
for (var i=0;i<icons.length;i++){ if (icons[i].href !== fav) icons[i].href = fav; }
} catch(e){}
}
shim: nukeSettings() drops drawer Settings link for non-admins CSS selectors in CustomCss (a[href*=mypreferencesmenu], :has(...) wrappers) weren't reliably hiding the entry — bundle renders it via MUI ListItemButton + React Router NavLink and the rendered DOM didn't match the wrapper rules. Add nukeSettings() to the runtime shim: queries any a[href*=mypreferencesmenu] / [to*=mypreferencesmenu], walks up to closest li/.MuiListItem-root/[role=menuitem] and sets display:none. Wired into start(), a new MutationObserver on document.body, and the existing 1s setInterval. CustomCss rules left in place as belt-and-braces. Doc: extend 10-spa-runtime-shim.md with the diagnosis, the bind-mount inode gotcha (single-file binds + os.replace orphans the container's view), and the nsenter-based recovery path.
2026-05-08 03:51:48 +01:00
function nukeSettings(){
try {
Settings drawer hide v2: target a.btnSettings + data-itemid Drawer Settings href is literally '#' (route via JS click handler keyed off data-itemid='settings'). Old href*=mypreferencesmenu rules matched zero elements in live DOM. Fix verified on dev with headless A/B (doc 17 commit 4772ddf).
2026-05-08 16:05:30 +01:00
// V2 (2026-05-08): Jellyfin web-bundle renders the drawer Settings link as
// <a is="emby-linkbutton" class="navMenuOption ... btnSettings ..."
// data-itemid="settings" href="#"> ... </a>
// The href is literally "#"; the route is wired by JS click handler
// keyed off data-itemid. The previous selector
// a[href*="mypreferencesmenu"], [to*="mypreferencesmenu"]
// matched ZERO elements in the live drawer (verified via headless probe).
// Match by the stable class + data-itemid instead, and keep the legacy
// href selector as a fallback for older bundles / future variants.
var nodes = document.querySelectorAll(
'a.btnSettings, [data-itemid="settings"], a[href*="mypreferencesmenu"], [to*="mypreferencesmenu"]'
);
shim: nukeSettings() drops drawer Settings link for non-admins CSS selectors in CustomCss (a[href*=mypreferencesmenu], :has(...) wrappers) weren't reliably hiding the entry — bundle renders it via MUI ListItemButton + React Router NavLink and the rendered DOM didn't match the wrapper rules. Add nukeSettings() to the runtime shim: queries any a[href*=mypreferencesmenu] / [to*=mypreferencesmenu], walks up to closest li/.MuiListItem-root/[role=menuitem] and sets display:none. Wired into start(), a new MutationObserver on document.body, and the existing 1s setInterval. CustomCss rules left in place as belt-and-braces. Doc: extend 10-spa-runtime-shim.md with the diagnosis, the bind-mount inode gotcha (single-file binds + os.replace orphans the container's view), and the nsenter-based recovery path.
2026-05-08 03:51:48 +01:00
for (var i=0;i<nodes.length;i++){
var el = nodes[i];
var p = el.closest && (el.closest('li, .MuiListItem-root, [role="menuitem"]')) || el;
if (p && p.style && p.style.display !== 'none') p.style.display = 'none';
}
} catch(e){}
}
Branding shim: lock <title> + favicon at runtime against SPA overwrites The static <title>ARRFLIX</title> patch wasn't enough - Jellyfin's bundle calls document.title=... on hydrate and per-route, so the tab kept showing 'Jellyfin'. Add a self-contained inline IIFE in <head> that: - Replaces 'Jellyfin' with 'ARRFLIX' on the title (incl. ' - Jellyfin' suffix) - Pins favicon hrefs to the existing data: URL already in the page - Watches <head> via MutationObserver for SPA churn - Has a 1s setInterval safety net for late-binding navigations - One-shot unregisters the Jellyfin service worker so old clients reload fresh bin/inject-shim.py is the source of truth - idempotent (replaces marker block). docs/10-spa-runtime-shim.md covers root cause, deploy flow, SW eviction, and how to extend the shim on Jellyfin upgrade.
2026-05-08 03:25:16 +01:00
function start(){
shim: nukeSettings() drops drawer Settings link for non-admins CSS selectors in CustomCss (a[href*=mypreferencesmenu], :has(...) wrappers) weren't reliably hiding the entry — bundle renders it via MUI ListItemButton + React Router NavLink and the rendered DOM didn't match the wrapper rules. Add nukeSettings() to the runtime shim: queries any a[href*=mypreferencesmenu] / [to*=mypreferencesmenu], walks up to closest li/.MuiListItem-root/[role=menuitem] and sets display:none. Wired into start(), a new MutationObserver on document.body, and the existing 1s setInterval. CustomCss rules left in place as belt-and-braces. Doc: extend 10-spa-runtime-shim.md with the diagnosis, the bind-mount inode gotcha (single-file binds + os.replace orphans the container's view), and the nsenter-based recovery path.
2026-05-08 03:51:48 +01:00
lockTitle(); lockFavicon(); nukeSettings();
Branding shim: lock <title> + favicon at runtime against SPA overwrites The static <title>ARRFLIX</title> patch wasn't enough - Jellyfin's bundle calls document.title=... on hydrate and per-route, so the tab kept showing 'Jellyfin'. Add a self-contained inline IIFE in <head> that: - Replaces 'Jellyfin' with 'ARRFLIX' on the title (incl. ' - Jellyfin' suffix) - Pins favicon hrefs to the existing data: URL already in the page - Watches <head> via MutationObserver for SPA churn - Has a 1s setInterval safety net for late-binding navigations - One-shot unregisters the Jellyfin service worker so old clients reload fresh bin/inject-shim.py is the source of truth - idempotent (replaces marker block). docs/10-spa-runtime-shim.md covers root cause, deploy flow, SW eviction, and how to extend the shim on Jellyfin upgrade.
2026-05-08 03:25:16 +01:00
try {
var head = document.head || document.querySelector('head');
if (head && window.MutationObserver) {
new MutationObserver(function(){ lockTitle(); lockFavicon(); }).observe(head, { childList:true, subtree:true, characterData:true, attributes:true, attributeFilter:['href'] });
}
} catch(e){}
shim: nukeSettings() drops drawer Settings link for non-admins CSS selectors in CustomCss (a[href*=mypreferencesmenu], :has(...) wrappers) weren't reliably hiding the entry — bundle renders it via MUI ListItemButton + React Router NavLink and the rendered DOM didn't match the wrapper rules. Add nukeSettings() to the runtime shim: queries any a[href*=mypreferencesmenu] / [to*=mypreferencesmenu], walks up to closest li/.MuiListItem-root/[role=menuitem] and sets display:none. Wired into start(), a new MutationObserver on document.body, and the existing 1s setInterval. CustomCss rules left in place as belt-and-braces. Doc: extend 10-spa-runtime-shim.md with the diagnosis, the bind-mount inode gotcha (single-file binds + os.replace orphans the container's view), and the nsenter-based recovery path.
2026-05-08 03:51:48 +01:00
try {
if (document.body && window.MutationObserver) {
new MutationObserver(function(){ nukeSettings(); }).observe(document.body, { childList:true, subtree:true });
}
} catch(e){}
Branding shim: lock <title> + favicon at runtime against SPA overwrites The static <title>ARRFLIX</title> patch wasn't enough - Jellyfin's bundle calls document.title=... on hydrate and per-route, so the tab kept showing 'Jellyfin'. Add a self-contained inline IIFE in <head> that: - Replaces 'Jellyfin' with 'ARRFLIX' on the title (incl. ' - Jellyfin' suffix) - Pins favicon hrefs to the existing data: URL already in the page - Watches <head> via MutationObserver for SPA churn - Has a 1s setInterval safety net for late-binding navigations - One-shot unregisters the Jellyfin service worker so old clients reload fresh bin/inject-shim.py is the source of truth - idempotent (replaces marker block). docs/10-spa-runtime-shim.md covers root cause, deploy flow, SW eviction, and how to extend the shim on Jellyfin upgrade.
2026-05-08 03:25:16 +01:00
setInterval(function(){
var t = document.title || '';
if (BARE_RE.test(t) || /Jellyfin/i.test(t)) lockTitle();
var fav = getFavicon();
if (fav && fav.indexOf('data:image') !== 0) lockFavicon();
shim: nukeSettings() drops drawer Settings link for non-admins CSS selectors in CustomCss (a[href*=mypreferencesmenu], :has(...) wrappers) weren't reliably hiding the entry — bundle renders it via MUI ListItemButton + React Router NavLink and the rendered DOM didn't match the wrapper rules. Add nukeSettings() to the runtime shim: queries any a[href*=mypreferencesmenu] / [to*=mypreferencesmenu], walks up to closest li/.MuiListItem-root/[role=menuitem] and sets display:none. Wired into start(), a new MutationObserver on document.body, and the existing 1s setInterval. CustomCss rules left in place as belt-and-braces. Doc: extend 10-spa-runtime-shim.md with the diagnosis, the bind-mount inode gotcha (single-file binds + os.replace orphans the container's view), and the nsenter-based recovery path.
2026-05-08 03:51:48 +01:00
nukeSettings();
Branding shim: lock <title> + favicon at runtime against SPA overwrites The static <title>ARRFLIX</title> patch wasn't enough - Jellyfin's bundle calls document.title=... on hydrate and per-route, so the tab kept showing 'Jellyfin'. Add a self-contained inline IIFE in <head> that: - Replaces 'Jellyfin' with 'ARRFLIX' on the title (incl. ' - Jellyfin' suffix) - Pins favicon hrefs to the existing data: URL already in the page - Watches <head> via MutationObserver for SPA churn - Has a 1s setInterval safety net for late-binding navigations - One-shot unregisters the Jellyfin service worker so old clients reload fresh bin/inject-shim.py is the source of truth - idempotent (replaces marker block). docs/10-spa-runtime-shim.md covers root cause, deploy flow, SW eviction, and how to extend the shim on Jellyfin upgrade.
2026-05-08 03:25:16 +01:00
}, 1000);
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', start, { once:true });
} else { start(); }
if ('serviceWorker' in navigator) {
try {
navigator.serviceWorker.getRegistrations().then(function(regs){
regs.forEach(function(r){
try {
var url = (r.active && r.active.scriptURL) || '';
if (url.indexOf('serviceworker.js') !== -1) { r.unregister(); }
} catch(e){}
});
}).catch(function(){});
if (window.caches && caches.keys) {
caches.keys().then(function(keys){ keys.forEach(function(k){ caches.delete(k); }); }).catch(function(){});
}
} catch(e){}
}
})();
/* ARRFLIX-SHIM-END */</script><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover"><link rel="manifest" href="fd4301fdc170fd202474.json"><meta name="format-detection" content="telephone=no"><meta name="msapplication-tap-highlight" content="no"><meta http-equiv="X-UA-Compatibility" content="IE=Edge"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="mobile-web-app-capable" content="yes"><meta name="application-name" content="ARRFLIX"><meta name="robots" content="noindex, nofollow, noarchive"><meta name="referrer" content="no-referrer"><meta id="themeColor" name="theme-color" content="#202020"><link rel="apple-touch-icon" sizes="180x180" href="data:image/png;base64,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
Reference in a new issue Copy permalink