timmy
6af76b7fec
Update config properties Simplify config Enforce https Set defaults in C# Enforce linking by sub claim Fail if user is already linked to the provider Remove OID from urls
496 lines
18 KiB
HTML
496 lines
18 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en-US">
|
|
|
|
<head>
|
|
<meta name='viewport' content='width=device-width, initial-scale=1'>
|
|
<style>
|
|
body {
|
|
background: #101010;
|
|
color: #d1cfce;
|
|
font-family: Noto Sans, Noto Sans HK, Noto Sans JP, Noto Sans KR, Noto Sans SC, Noto Sans TC, sans-serif;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<p>Logging in...</p>
|
|
<noscript>Please enable Javascript to complete the login</noscript>
|
|
<script>
|
|
|
|
function isTv() {
|
|
// This is going to be really difficult to get right
|
|
const userAgent = navigator.userAgent.toLowerCase();
|
|
|
|
// The OculusBrowsers userAgent also has the samsungbrowser defined but is not a tv.
|
|
if (userAgent.indexOf('oculusbrowser') !== -1) {
|
|
return false;
|
|
}
|
|
|
|
if (userAgent.indexOf('tv') !== -1) {
|
|
return true;
|
|
}
|
|
|
|
if (userAgent.indexOf('samsungbrowser') !== -1) {
|
|
return true;
|
|
}
|
|
|
|
if (userAgent.indexOf('viera') !== -1) {
|
|
return true;
|
|
}
|
|
|
|
return isWeb0s();
|
|
}
|
|
|
|
function isWeb0s() {
|
|
const userAgent = navigator.userAgent.toLowerCase();
|
|
|
|
return userAgent.indexOf('netcast') !== -1
|
|
|| userAgent.indexOf('web0s') !== -1;
|
|
}
|
|
|
|
function isMobile(userAgent) {
|
|
const terms = [
|
|
'mobi',
|
|
'ipad',
|
|
'iphone',
|
|
'ipod',
|
|
'silk',
|
|
'gt-p1000',
|
|
'nexus 7',
|
|
'kindle fire',
|
|
'opera mini'
|
|
];
|
|
|
|
const lower = userAgent.toLowerCase();
|
|
|
|
for (let i = 0, length = terms.length; i < length; i++) {
|
|
if (lower.indexOf(terms[i]) !== -1) {
|
|
return true;
|
|
}
|
|
}
|
|
|
|
return false;
|
|
}
|
|
|
|
function hasKeyboard(browser) {
|
|
if (browser.touch) {
|
|
return true;
|
|
}
|
|
|
|
if (browser.xboxOne) {
|
|
return true;
|
|
}
|
|
|
|
if (browser.ps4) {
|
|
return true;
|
|
}
|
|
|
|
if (browser.edgeUwp) {
|
|
// This is OK for now, but this won't always be true
|
|
// Should we use this?
|
|
// https://gist.github.com/wagonli/40d8a31bd0d6f0dd7a5d
|
|
return true;
|
|
}
|
|
|
|
return !!browser.tv;
|
|
}
|
|
|
|
function iOSversion() {
|
|
// MacIntel: Apple iPad Pro 11 iOS 13.1
|
|
if (/iP(hone|od|ad)|MacIntel/.test(navigator.platform)) {
|
|
const tests = [
|
|
// Original test for getting full iOS version number in iOS 2.0+
|
|
/OS (\d+)_(\d+)_?(\d+)?/,
|
|
// Test for iPads running iOS 13+ that can only get the major OS version
|
|
/Version\/(\d+)/
|
|
];
|
|
for (const test of tests) {
|
|
const matches = (navigator.appVersion).match(test);
|
|
if (matches) {
|
|
return [
|
|
parseInt(matches[1], 10),
|
|
parseInt(matches[2] || 0, 10),
|
|
parseInt(matches[3] || 0, 10)
|
|
];
|
|
}
|
|
}
|
|
}
|
|
return [];
|
|
}
|
|
|
|
function web0sVersion(browser) {
|
|
// Detect webOS version by web engine version
|
|
|
|
if (browser.chrome) {
|
|
const userAgent = navigator.userAgent.toLowerCase();
|
|
|
|
if (userAgent.indexOf('netcast') !== -1) {
|
|
// The built-in browser (NetCast) may have a version that doesn't correspond to the actual web engine
|
|
// Since there is no reliable way to detect webOS version, we return an undefined version
|
|
|
|
console.warn('Unable to detect webOS version - NetCast');
|
|
|
|
return undefined;
|
|
}
|
|
|
|
// The next is only valid for the app
|
|
|
|
if (browser.versionMajor >= 94) {
|
|
return 23;
|
|
} else if (browser.versionMajor >= 87) {
|
|
return 22;
|
|
} else if (browser.versionMajor >= 79) {
|
|
return 6;
|
|
} else if (browser.versionMajor >= 68) {
|
|
return 5;
|
|
} else if (browser.versionMajor >= 53) {
|
|
return 4;
|
|
} else if (browser.versionMajor >= 38) {
|
|
return 3;
|
|
} else if (browser.versionMajor >= 34) {
|
|
// webOS 2 browser
|
|
return 2;
|
|
} else if (browser.versionMajor >= 26) {
|
|
// webOS 1 browser
|
|
return 1;
|
|
}
|
|
} else if (browser.versionMajor >= 538) {
|
|
// webOS 2 app
|
|
return 2;
|
|
} else if (browser.versionMajor >= 537) {
|
|
// webOS 1 app
|
|
return 1;
|
|
}
|
|
|
|
console.error('Unable to detect webOS version');
|
|
|
|
return undefined;
|
|
}
|
|
|
|
let _supportsCssAnimation;
|
|
let _supportsCssAnimationWithPrefix;
|
|
function supportsCssAnimation(allowPrefix) {
|
|
// TODO: Assess if this is still needed, as all of our targets should natively support CSS animations.
|
|
if (allowPrefix && (_supportsCssAnimationWithPrefix === true || _supportsCssAnimationWithPrefix === false)) {
|
|
return _supportsCssAnimationWithPrefix;
|
|
}
|
|
if (_supportsCssAnimation === true || _supportsCssAnimation === false) {
|
|
return _supportsCssAnimation;
|
|
}
|
|
|
|
let animation = false;
|
|
const domPrefixes = ['Webkit', 'O', 'Moz'];
|
|
const elm = document.createElement('div');
|
|
|
|
if (elm.style.animationName !== undefined) {
|
|
animation = true;
|
|
}
|
|
|
|
if (animation === false && allowPrefix) {
|
|
for (const domPrefix of domPrefixes) {
|
|
if (elm.style[`${domPrefix}AnimationName`] !== undefined) {
|
|
animation = true;
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
|
|
if (allowPrefix) {
|
|
_supportsCssAnimationWithPrefix = animation;
|
|
return _supportsCssAnimationWithPrefix;
|
|
} else {
|
|
_supportsCssAnimation = animation;
|
|
return _supportsCssAnimation;
|
|
}
|
|
}
|
|
|
|
const uaMatch = (ua) => {
|
|
ua = ua.toLowerCase();
|
|
|
|
const match = /(chrome)[ /]([\w.]+)/.exec(ua)
|
|
|| /(edg)[ /]([\w.]+)/.exec(ua)
|
|
|| /(edga)[ /]([\w.]+)/.exec(ua)
|
|
|| /(edgios)[ /]([\w.]+)/.exec(ua)
|
|
|| /(edge)[ /]([\w.]+)/.exec(ua)
|
|
|| /(opera)[ /]([\w.]+)/.exec(ua)
|
|
|| /(opr)[ /]([\w.]+)/.exec(ua)
|
|
|| /(safari)[ /]([\w.]+)/.exec(ua)
|
|
|| /(firefox)[ /]([\w.]+)/.exec(ua)
|
|
|| ua.indexOf('compatible') < 0 && /(mozilla)(?:.*? rv:([\w.]+)|)/.exec(ua)
|
|
|| [];
|
|
|
|
const versionMatch = /(version)[ /]([\w.]+)/.exec(ua);
|
|
|
|
let platform_match = /(ipad)/.exec(ua)
|
|
|| /(iphone)/.exec(ua)
|
|
|| /(windows)/.exec(ua)
|
|
|| /(android)/.exec(ua)
|
|
|| [];
|
|
|
|
let browser = match[1] || '';
|
|
|
|
if (browser === 'edge') {
|
|
platform_match = [''];
|
|
}
|
|
|
|
if (browser === 'opr') {
|
|
browser = 'opera';
|
|
}
|
|
|
|
let version;
|
|
if (versionMatch && versionMatch.length > 2) {
|
|
version = versionMatch[2];
|
|
}
|
|
|
|
version = version || match[2] || '0';
|
|
|
|
let versionMajor = parseInt(version.split('.')[0], 10);
|
|
|
|
if (Number.isNaN(versionMajor)) {
|
|
versionMajor = 0;
|
|
}
|
|
|
|
return {
|
|
browser: browser,
|
|
version: version,
|
|
platform: platform_match[0] || '',
|
|
versionMajor: versionMajor
|
|
};
|
|
};
|
|
|
|
const userAgent = navigator.userAgent;
|
|
|
|
const matched = uaMatch(userAgent);
|
|
const browser = {};
|
|
|
|
if (matched.browser) {
|
|
browser[matched.browser] = true;
|
|
browser.version = matched.version;
|
|
browser.versionMajor = matched.versionMajor;
|
|
}
|
|
|
|
if (matched.platform) {
|
|
browser[matched.platform] = true;
|
|
}
|
|
|
|
browser.edgeChromium = browser.edg || browser.edga || browser.edgios;
|
|
|
|
if (!browser.chrome && !browser.edgeChromium && !browser.edge && !browser.opera && userAgent.toLowerCase().indexOf('webkit') !== -1) {
|
|
browser.safari = true;
|
|
}
|
|
|
|
browser.osx = userAgent.toLowerCase().indexOf('mac os x') !== -1;
|
|
|
|
// This is a workaround to detect iPads on iOS 13+ that report as desktop Safari
|
|
// This may break in the future if Apple releases a touchscreen Mac
|
|
// https://forums.developer.apple.com/thread/119186
|
|
if (browser.osx && !browser.iphone && !browser.ipod && !browser.ipad && navigator.maxTouchPoints > 1) {
|
|
browser.ipad = true;
|
|
}
|
|
|
|
if (userAgent.toLowerCase().indexOf('playstation 4') !== -1) {
|
|
browser.ps4 = true;
|
|
browser.tv = true;
|
|
}
|
|
|
|
if (isMobile(userAgent)) {
|
|
browser.mobile = true;
|
|
}
|
|
|
|
if (userAgent.toLowerCase().indexOf('xbox') !== -1) {
|
|
browser.xboxOne = true;
|
|
browser.tv = true;
|
|
}
|
|
browser.animate = typeof document !== 'undefined' && document.documentElement.animate != null;
|
|
browser.hisense = userAgent.toLowerCase().includes('hisense');
|
|
browser.tizen = userAgent.toLowerCase().indexOf('tizen') !== -1 || window.tizen != null;
|
|
browser.vidaa = userAgent.toLowerCase().includes('vidaa');
|
|
browser.web0s = isWeb0s();
|
|
browser.edgeUwp = browser.edge && (userAgent.toLowerCase().indexOf('msapphost') !== -1 || userAgent.toLowerCase().indexOf('webview') !== -1);
|
|
|
|
if (browser.web0s) {
|
|
browser.web0sVersion = web0sVersion(browser);
|
|
} else if (browser.tizen) {
|
|
// UserAgent string contains 'Safari' and 'safari' is set by matched browser, but we only want 'tizen' to be true
|
|
delete browser.safari;
|
|
|
|
const v = (navigator.appVersion).match(/Tizen (\d+).(\d+)/);
|
|
browser.tizenVersion = parseInt(v[1], 10);
|
|
} else {
|
|
browser.orsay = userAgent.toLowerCase().indexOf('smarthub') !== -1;
|
|
}
|
|
|
|
if (browser.edgeUwp) {
|
|
browser.edge = true;
|
|
}
|
|
|
|
browser.tv = isTv();
|
|
browser.operaTv = browser.tv && userAgent.toLowerCase().indexOf('opr/') !== -1;
|
|
|
|
if (browser.mobile || browser.tv) {
|
|
browser.slow = true;
|
|
}
|
|
|
|
/* eslint-disable-next-line compat/compat */
|
|
if (typeof document !== 'undefined' && ('ontouchstart' in window) || (navigator.maxTouchPoints > 0)) {
|
|
browser.touch = true;
|
|
}
|
|
|
|
browser.keyboard = hasKeyboard(browser);
|
|
browser.supportsCssAnimation = supportsCssAnimation;
|
|
|
|
browser.iOS = browser.ipad || browser.iphone || browser.ipod;
|
|
|
|
if (browser.iOS) {
|
|
browser.iOSVersion = iOSversion();
|
|
|
|
if (browser.iOSVersion && browser.iOSVersion.length >= 2) {
|
|
browser.iOSVersion = browser.iOSVersion[0] + (browser.iOSVersion[1] / 10);
|
|
}
|
|
}
|
|
|
|
function getDeviceName() {
|
|
var deviceName = '';
|
|
if (!deviceName) {
|
|
if (browser.tizen) {
|
|
deviceName = 'Samsung Smart TV';
|
|
} else if (browser.web0s) {
|
|
deviceName = 'LG Smart TV';
|
|
} else if (browser.operaTv) {
|
|
deviceName = 'Opera TV';
|
|
} else if (browser.xboxOne) {
|
|
deviceName = 'Xbox One';
|
|
} else if (browser.ps4) {
|
|
deviceName = 'Sony PS4';
|
|
} else if (browser.chrome) {
|
|
deviceName = 'Chrome';
|
|
} else if (browser.edgeChromium) {
|
|
deviceName = 'Edge Chromium';
|
|
} else if (browser.edge) {
|
|
deviceName = 'Edge';
|
|
} else if (browser.firefox) {
|
|
deviceName = 'Firefox';
|
|
} else if (browser.opera) {
|
|
deviceName = 'Opera';
|
|
} else if (browser.safari) {
|
|
deviceName = 'Safari';
|
|
} else {
|
|
deviceName = 'Web Browser';
|
|
}
|
|
|
|
if (browser.ipad) {
|
|
deviceName += ' iPad';
|
|
} else if (browser.iphone) {
|
|
deviceName += ' iPhone';
|
|
} else if (browser.android) {
|
|
deviceName += ' Android';
|
|
}
|
|
}
|
|
|
|
return deviceName;
|
|
}
|
|
|
|
const sleep = (milliseconds) => {
|
|
return new Promise(resolve => setTimeout(resolve, milliseconds))
|
|
}
|
|
async function link(request) {
|
|
const jfCredentialsString = localStorage.getItem("jellyfin_credentials");
|
|
|
|
if (jfCredentialsString == null) return;
|
|
|
|
const jfCredentials = JSON.parse(jfCredentialsString);
|
|
const jfUser = jfCredentials.Servers[0].UserId;
|
|
const jfToken = jfCredentials.Servers[0].AccessToken;
|
|
|
|
if (jfUser == null) return;
|
|
if (jfToken == null) return;
|
|
|
|
const url = `${request.punyURL}/sso/Link/${request.provider}/${jfUser}`;
|
|
|
|
return new Promise(resolve => {
|
|
var xhr = new XMLHttpRequest();
|
|
xhr.open('POST', url, true);
|
|
xhr.setRequestHeader('Content-Type', 'application/json');
|
|
xhr.setRequestHeader('Accept', 'application/json');
|
|
|
|
xhr.setRequestHeader(
|
|
'Authorization',
|
|
`MediaBrowser Client="${request.appName}, Device="${request.deviceName}", DeviceId="${request.deviceId}", Version="${request.appVersion}", Token="${jfToken}"`,
|
|
)
|
|
|
|
xhr.onload = (_e) => {
|
|
resolve(xhr.response);
|
|
};
|
|
xhr.onerror = (e) => {
|
|
console.log(e);
|
|
resolve(undefined);
|
|
};
|
|
xhr.send(JSON.stringify(request));
|
|
})
|
|
}
|
|
|
|
async function main() {
|
|
localStorage.removeItem('jellyfin_credentials');
|
|
// Load injected json
|
|
var injectObject = JSON.parse(document.getElementById("sso-auth-data").getAttribute('data'));
|
|
// Load /web/index.html to populate localStorage
|
|
document.getElementById('iframe-main').src = `${injectObject.punyURL}/web/index.html`;
|
|
while (localStorage.getItem("_deviceId2") == null ||
|
|
localStorage.getItem("jellyfin_credentials") == null ||
|
|
JSON.parse(localStorage.getItem("jellyfin_credentials")).Servers[0].Id == null) {
|
|
// If localStorage isn't initialized yet, try again.
|
|
await sleep(100);
|
|
}
|
|
|
|
var deviceId = localStorage.getItem("_deviceId2");
|
|
// WTF is up with this shit
|
|
var appName = "Jellyfin Web";
|
|
var appVersion = "10.8.0";
|
|
var deviceName = getDeviceName();
|
|
|
|
var request = { deviceId, appName, appVersion, deviceName, "data": injectObject.data, "punyURL": injectObject.punyURL, "provider": injectObject.provider };
|
|
|
|
if (injectObject.isLinking) await link(request);
|
|
|
|
var url = `${injectObject.punyURL}/sso/Auth/${injectObject.provider}`;
|
|
|
|
const response = await new Promise(resolve => {
|
|
var xhr = new XMLHttpRequest();
|
|
xhr.open('POST', url, true);
|
|
xhr.setRequestHeader('Content-Type', 'application/json');
|
|
xhr.setRequestHeader('Accept', 'application/json');
|
|
xhr.onload = (_e) => {
|
|
resolve(xhr.response);
|
|
};
|
|
xhr.onerror = () => {
|
|
resolve(undefined);
|
|
};
|
|
xhr.send(JSON.stringify(request));
|
|
})
|
|
var responseJson = JSON.parse(response);
|
|
var userId = `user-${responseJson.User.Id}-${responseJson.User.ServerId}`;
|
|
responseJson.User.EnableAutoLogin = true;
|
|
localStorage.setItem(userId, JSON.stringify(responseJson.User));
|
|
var jfCreds = JSON.parse(localStorage.getItem('jellyfin_credentials'));
|
|
jfCreds.Servers[0].AccessToken = responseJson.AccessToken;
|
|
jfCreds.Servers[0].UserId = responseJson.User.Id;
|
|
localStorage.setItem('jellyfin_credentials', JSON.stringify(jfCreds));
|
|
localStorage.setItem('enableAutoLogin', 'true');
|
|
window.location.replace(`${injectObject.punyURL}/web/index.html`);
|
|
}
|
|
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
main();
|
|
});
|
|
|
|
// https://stackoverflow.com/a/25435165
|
|
</script>
|
|
<span id="sso-auth-data" data="--insert-here--"></span>
|
|
|
|
<iframe id='iframe-main' class='docs-texteventtarget-iframe' sandbox='allow-same-origin allow-forms allow-scripts' src=''
|
|
style='position: absolute;width:0;height:0;border:0;'>
|
|
</iframe>
|
|
</body>
|
|
|
|
</html>
|