Greasy Fork is available in English.
Downloads and shows genius lyrics for Tampermonkey scripts
Detta skript bör inte installeras direkt. Det är ett bibliotek för andra skript att inkludera med meta-direktivet // @require https://update.greasyfork.org/scripts/406698/1446983/GeniusLyrics.js
// ==UserScript==
// @exclude *
// ==UserLibrary==
// @name GeniusLyrics
// @description Downloads and shows genius lyrics for Tampermonkey scripts
// @version 5.15.0
// @license GPL-3.0-or-later; http://www.gnu.org/licenses/gpl-3.0.txt
// @copyright 2019, cuzi (cuzi@openmail.cc) and contributors
// @supportURL https://github.com/cvzi/genius-lyrics-userscript/issues
// @icon https://avatars.githubusercontent.com/u/2738430?s=200&v=4
// ==/UserLibrary==
// @homepageURL https://github.com/cvzi/genius-lyrics-userscript
// ==/UserScript==
/*
Copyright (C) 2019, cuzi (cuzi@openmail.cc) and contributors
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program. If not, see <https://www.gnu.org/licenses/>.
*/
/*
This library requires the following permission in the userscript:
* grant GM.xmlHttpRequest
* grant GM.getValue
* grant GM.setValue
* connect genius.com
*/
/* global Blob, top, HTMLElement, GM_openInTab, crypto, Document */
/* jshint asi: true, esversion: 8 */
if (typeof module !== 'undefined') {
module.exports = geniusLyrics
}
function geniusLyrics (custom) { // eslint-disable-line no-unused-vars
'use strict'
const __SELECTION_CACHE_VERSION__ = 7
const __REQUEST_CACHE_VERSION__ = 7
/** @type {globalThis.PromiseConstructor} */
const Promise = (async () => { })().constructor // YouTube polyfill to Promise in older browsers will make the feature being unstable.
if (typeof custom !== 'object') {
if (typeof window !== 'undefined') window.alert('geniusLyrics requires options argument')
throw new Error('geniusLyrics requires options argument')
}
let _shouldUseLZStringCompression = null
const testUseLZStringCompression = async () => {
if (typeof _shouldUseLZStringCompression === 'boolean') return _shouldUseLZStringCompression
let res = false
const isLZStringAvailable = typeof LZString !== 'undefined' && typeof (LZString || 0).compressToUTF16 === 'function' // eslint-disable-line no-undef
if (isLZStringAvailable && typeof AbortSignal !== 'undefined' && typeof AbortSignal.timeout === 'function') {
try {
// Browser 2022+
let isEdge = false
if (typeof webkitCancelAnimationFrame === 'function' && typeof navigator?.userAgentData === 'object') {
// Brave, Chrome, Edge (Browser 2022+)
isEdge = (navigator.userAgentData?.brands?.find(e => e.brand.includes('Edge')) || false)
} else {
// Safari, Firefox
}
if (!isEdge) {
const testFn = async () => {
await Promise.resolve()
const t = crypto.randomUUID()
const r = LZString.decompressFromUTF16(LZString.compressToUTF16(t)) === t // eslint-disable-line no-undef
await Promise.resolve()
return r
}
const r = await Promise.race([testFn().catch(() => { }), new Promise(resolve => (AbortSignal.timeout(9).onabort = resolve))])
res = (r === true)
}
} catch (e) { }
}
return (_shouldUseLZStringCompression = res)
}
const elmBuild = (tag, ...contents) => {
/** @type {HTMLElement} */
const elm = typeof tag === 'string' ? document.createElement(tag) : tag
for (const content of contents) {
if (!content || typeof content !== 'object' || (content instanceof Node)) { // eslint-disable-line no-undef
elm.append(content)
} else if (content.length > 0) {
elm.appendChild(elmBuild(...content))
} else if (content.style) {
Object.assign(elm.style, content.style)
} else if (content.classList) {
elm.classList.add(...content.classList)
} else if (content.attr) {
for (const [attr, val] of Object.entries(content.attr)) elm.setAttribute(attr, val)
} else if (content.listener) {
for (const [attr, val] of Object.entries(content.listener)) elm.addEventListener(attr, val)
} else {
Object.assign(elm, content)
}
}
return elm
}
Array.prototype.forEach.call([
'GM',
'scriptName',
'domain',
'emptyURL',
'listSongs',
'showSearchField',
'addLyrics', // addLyrics would not immediately add lyrics panel
'hideLyrics', // hideLyrics immediately hide lyrics panel
'getCleanLyricsContainer',
'setFrameDimensions'
], function (valName) {
if (!(valName in custom)) {
if (typeof window !== 'undefined') window.alert(`geniusLyrics requires parameter ${valName}`)
throw new Error(`geniusLyrics() requires parameter ${valName}`)
}
})
function unScroll () { // unable to do delete window.xxx
// only for mainWin
window.lastScrollTopPosition = null
window.scrollLyricsBusy = false
window.staticOffsetTop = null
window.latestScrollPos = null
window.newScrollTopPosition = null
window.isPageAbleForAutoScroll = null
}
function hideLyricsWithMessage () {
const ret = custom.hideLyrics(...arguments)
if (ret === false) { // cancelled
return false
}
unScroll()
window.postMessage({ iAm: custom.scriptName, type: 'lyricsDisplayState', visibility: 'hidden' }, '*')
return ret
}
function cancelLoading () {
window.postMessage({ iAm: custom.scriptName, type: 'cancelLoading' }, '*')
}
function getUnmodifiedWindowMethods (win) {
if (!(win instanceof win.constructor)) { // window in isolated context
return win
}
let removeIframeFn = null
let fc = win
try {
const frameId = 'vanillajs-iframe-v1'
let frame = document.getElementById(frameId)
if (!frame) {
frame = document.createElement('iframe')
frame.id = frameId
const blobURL = typeof webkitCancelAnimationFrame === 'function' && typeof kagi === 'undefined' ? (frame.src = URL.createObjectURL(new Blob([], { type: 'text/html' }))) : null // avoid Brave Crash
frame.sandbox = 'allow-same-origin' // script cannot be run inside iframe but API can be obtained from iframe
let n = document.createElement('noscript') // wrap into NOSCRPIT to avoid reflow (layouting)
n.appendChild(frame)
const root = document.documentElement
if (root) {
root.appendChild(n)
if (blobURL) Promise.resolve().then(() => URL.revokeObjectURL(blobURL))
removeIframeFn = (setTimeout) => {
const removeIframeOnDocumentReady = (e) => {
e && win.removeEventListener('DOMContentLoaded', removeIframeOnDocumentReady, false)
e = n
n = win = removeIframeFn = 0
setTimeout ? setTimeout(() => e.remove(), 200) : e.remove()
}
if (!setTimeout || document.readyState !== 'loading') {
removeIframeOnDocumentReady()
} else {
win.addEventListener('DOMContentLoaded', removeIframeOnDocumentReady, false)
}
}
}
}
fc = (frame ? frame.contentWindow : null) || win
} catch (e) {
console.warn(e)
}
try {
const { requestAnimationFrame, setTimeout, setInterval, clearTimeout, clearInterval } = fc
const res = { requestAnimationFrame, setTimeout, setInterval, clearTimeout, clearInterval }
for (const k in res) res[k] = res[k].bind(win) // necessary
if (removeIframeFn) Promise.resolve(res.setTimeout).then(removeIframeFn)
return res
} catch (e) {
if (removeIframeFn) removeIframeFn()
throw e
}
}
const { requestAnimationFrame, setTimeout, setInterval, clearTimeout, clearInterval } = getUnmodifiedWindowMethods(window)
const genius = {
option: {
autoShow: true,
themeKey: null,
romajiPriority: 'low',
fontSize: 0, // == 0 : use default value, >= 1 : "px" value
useLZCompression: false,
shouldUseLZStringCompression: null,
cacheHTMLRequest: true, // be careful of cache size if trimHTMLReponseText is false; around 50KB per lyrics including selection cache
requestCallbackResponseTextOnly: true, // default true; just need the request text
enableStyleSubstitution: false, // default false; some checking are provided but not guaranteed
trimHTMLReponseText: true, // make html request to be smaller for caching and window messaging; safe to enable
defaultPlaceholder: 'Search genius.com...' // placeholder for input field
},
f: {
metricPrefix,
cleanUpSongTitle,
showLyrics,
showLyricsAndRemember,
reloadCurrentLyrics,
loadLyrics,
hideLyricsWithMessage,
cancelLoading,
rememberLyricsSelection,
isGreasemonkey,
forgetLyricsSelection,
forgetCurrentLyricsSelection,
getLyricsSelection,
geniusSearch,
searchByQuery,
updateAutoScrollEnabled,
isScrollLyricsEnabled, // refer to user setting
isScrollLyricsCallable, // refer to content rendering
scrollLyrics,
config,
modalAlert,
modalConfirm,
closeModalUIs
},
current: { // store the title and artists of the current lyrics [cached and able to reload]
title: '', // these shall be replaced by CompoundTitle
artists: '', // these shall be replaced by CompoundTitle
compoundTitle: '',
themeSettings: null // currently displayed theme + fontSize
},
iv: {
main: null // unless setupMain is provided and the interval / looping is controlled externally
},
style: {
enabled: false // true to make the iframe content more compact and concise; [only work on Genius Default Theme?]
},
styleProps: { // if style.enabled, feed the content style into styleProps
},
minimizeHit: { // minimize the hit for smaller caches; default all false
noImageURL: false,
noFeaturedArtists: false,
simpleReleaseDate: false,
noRawReleaseDate: false,
shortenArtistName: false,
fixArtistName: false,
removeStats: false, // note: true for YoutubeGeniusLyrics only; as YoutubeGeniusLyrics will not show this info
noRelatedLinks: false,
onlyCompleteLyrics: false
},
onThemeChanged: [],
debug: false
}
function cleanRequestCache () {
return {
__VERSION__: __REQUEST_CACHE_VERSION__
}
}
function cleanSelectionCache () {
return {
__VERSION__: __SELECTION_CACHE_VERSION__
}
}
let askedToSolveCaptcha = false
let loadingFailed = false
let requestCache = cleanRequestCache()
let selectionCache = cleanSelectionCache()
let theme
let annotationsEnabled = true
let autoScrollEnabled = false
const onMessage = {}
const isLZStringAvailable = typeof LZString !== 'undefined' && typeof (LZString || 0).compressToUTF16 === 'function' // eslint-disable-line no-undef
// if (!isLZStringAvailable) throw new Error('LZString is not available. Please update your script.')
async function setJV (key, text) {
if (isLZStringAvailable && genius.option.useLZCompression && genius.option.shouldUseLZStringCompression) {
if (typeof text === 'object') text = JSON.stringify(text)
if (typeof text !== 'string') return null
const z = 'b\n' + LZString.compressToUTF16(text) // eslint-disable-line no-undef
return await custom.GM.setValue(key, z)
} else {
if (typeof text === 'object') text = JSON.stringify(text)
if (typeof text !== 'string') return null
const z = 'a\n' + text
return await custom.GM.setValue(key, z)
}
}
async function getJVstr (key, d) {
const z = await custom.GM.getValue(key, null)
if (z === null) return d
if (z === '{}') return z
if (typeof z !== 'string') return z
const j = z.indexOf('\n')
if (j <= 0) return z
const w = z.substring(0, j)
const t = z.substring(j + 1)
if (w === 'b') return LZString.decompressFromUTF16(t) // eslint-disable-line no-undef
if (w === 'a') return t
return t
}
/*
async function getJVobj (key, d) {
const z = await custom.GM.getValue(key, null)
if (z === null) return d
if (z === '{}') return {}
const t = LZString.decompressFromUTF16(z)
return JSON.parse(t)
}
*/
function measurePlainTextLength (text) {
try {
return (new TextEncoder().encode(text)).length
} catch (e) {
return text.length
}
}
function measureJVLength (obj) {
let z
if (isLZStringAvailable && genius.option.useLZCompression && genius.option.shouldUseLZStringCompression) {
z = LZString.compressToUTF16(JSON.stringify(obj)) // eslint-disable-line no-undef
} else {
z = JSON.stringify(obj)
}
return measurePlainTextLength(z)
}
function getHostname (url) {
// absolute path
if (typeof url === 'string' && url.startsWith('http')) {
const query = new URL(url)
return query.hostname
}
// relative path - use <a> or new URL(url, document.baseURI)
const a = document.createElement('a')
a.href = url
return a.hostname
}
function removeIfExists (e) {
if (e && e.remove) {
e.remove()
}
}
const removeElements = (typeof window.DocumentFragment.prototype.append === 'function')
? function (elements) {
document.createDocumentFragment().append(...elements)
}
: function (elements) {
for (const element of elements) {
element.remove()
}
}
function removeTagsKeepText (node) {
let tmpNode = null
while ((tmpNode = node.firstChild) !== null) {
if ('tagName' in tmpNode && tmpNode.tagName !== 'BR') {
removeTagsKeepText(tmpNode)
} else {
node.parentNode.insertBefore(tmpNode, node)
}
}
node.remove()
}
function decodeHTML (s) {
return `${s}`.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>')
}
function metricPrefix (n, decimals, k) {
// http://stackoverflow.com/a/18650828
if (n <= 0) {
return String(n)
}
k = k || 1000
const dm = decimals <= 0 ? 0 : decimals || 2
const sizes = ['', 'K', 'M', 'G', 'T', 'P', 'E', 'Z', 'Y']
const i = Math.floor(Math.log(n) / Math.log(k))
return parseFloat((n / Math.pow(k, i)).toFixed(dm)) + sizes[i]
}
function cleanUpSongTitle (songTitle) {
// Remove featuring artists and version info from song title
songTitle = songTitle.replace(/\((single|master|studio|stereo|mono|anniversary|digital|edit|edition|naked|original|re|ed|no.*?\d+|mix|version|\d+th|\d{4}|\s|\.|-|\/)+\)/i, '').trim()
songTitle = songTitle.replace(/[-‧⋅·ᐧ•‐‒–—―﹘]\s*(single|master|studio|stereo|mono|anniversary|digital|edit|edition|naked|original|re|ed|no.*?\d+|mix|version|\d+th|\d{4}|\s|\.|-|\/)+/i, '').trim()
songTitle = songTitle.replace(/fe?a?t\.?u?r?i?n?g?\s+[^)]+/i, '')
songTitle = songTitle.replace(/\(\s*\)/, ' ').replace('"', ' ').replace('[', ' ').replace(']', ' ').replace('|', ' ')
songTitle = songTitle.replace(/\s\s+/, ' ')
songTitle = songTitle.replace(/[\u200B-\u200D\uFEFF]/g, '') // zero width spaces
songTitle = songTitle.trim()
return songTitle
}
function sumOffsets (obj) {
const sums = { left: 0, top: 0 }
while (obj) {
sums.left += obj.offsetLeft
sums.top += obj.offsetTop
obj = obj.offsetParent
}
return sums
}
function convertSelectionCacheV0toV1 (selectionCache) {
// the old cache key use '--' which is possible to mixed up with the brand name
// the new cache key use '\t' as separator
const ret = {}
const bugKeys = []
function pushBugKey (selectionCacheKey) {
const s = selectionCacheKey.split(/\t/)
if (s.length !== 2) return
const songTitle = s[0]
const artists = s[1]
// setting simpleTitle as cache key was a bug
const simpleTitle = songTitle.replace(/\s*-\s*.+?$/, '') // Remove anything following the last dash
if (simpleTitle !== songTitle) {
bugKeys.push(`${simpleTitle}\t${artists}`)
}
}
console.warn('Genius Lyrics - old section cache V0 is found: ', selectionCache)
for (const originalKey in selectionCache) {
if (originalKey === '__VERSION__') continue
let k = 0
const selectionCacheKey = originalKey
.replace(/[\r\n\t\s]+/g, ' ')
.replace(/--/g, () => {
k++
return '\t'
})
if (k === 1) {
pushBugKey(selectionCacheKey)
ret[selectionCacheKey] = selectionCache[originalKey]
}
}
for (const bugKey of bugKeys) {
delete ret[bugKey]
}
console.warn('Genius Lyrics - old section cache V0 is converted to V1: ', ret)
return ret
}
function convertSelectionCacheV1toV2 (selectionCache) {
// ${title}\t${artists} => ${artists}\t${title}
const ret = {}
console.warn('Genius Lyrics - old section cache V1 is found: ', selectionCache)
for (const originalKey in selectionCache) {
if (originalKey === '__VERSION__') continue
const s = originalKey.split('\t')
const selectionCacheKey = `${s[1]}\t${s[0]}`
ret[selectionCacheKey] = selectionCache[originalKey]
}
console.warn('Genius Lyrics - old section cache V1 is converted to V2: ', ret)
return ret
}
function loadRequestCache (storedValue) {
// global requestCache
if (storedValue === '{}') {
requestCache = cleanRequestCache()
} else {
try {
requestCache = JSON.parse(storedValue)
if (!requestCache.__VERSION__) {
requestCache.__VERSION__ = 0
}
} catch (e) {
requestCache = cleanRequestCache()
}
}
if (requestCache.__VERSION__ !== __REQUEST_CACHE_VERSION__) {
requestCache = cleanRequestCache()
setJV('requestcache', requestCache)
}
}
function loadSelectionCache (storedValue) {
// global selectionCache
if (storedValue === '{}') {
selectionCache = cleanSelectionCache()
} else {
try {
selectionCache = JSON.parse(storedValue)
if (!selectionCache.__VERSION__) {
selectionCache.__VERSION__ = 0
}
} catch (e) {
selectionCache = cleanSelectionCache()
}
}
if (selectionCache.__VERSION__ !== __SELECTION_CACHE_VERSION__) {
if (selectionCache.__VERSION__ === 0) {
selectionCache = convertSelectionCacheV0toV1(selectionCache)
selectionCache.__VERSION__ = 1
selectionCache = convertSelectionCacheV1toV2(selectionCache)
selectionCache.__VERSION__ = __SELECTION_CACHE_VERSION__
} else if (selectionCache.__VERSION__ === 1) {
selectionCache = convertSelectionCacheV1toV2(selectionCache)
selectionCache.__VERSION__ = __SELECTION_CACHE_VERSION__
} else {
selectionCache = cleanSelectionCache()
}
setJV('selectioncache', selectionCache)
}
}
function loadCache () {
Promise.all([
getJVstr('selectioncache', '{}'),
getJVstr('requestcache', '{}'),
custom.GM.getValue('optionautoshow', true)
]).then(function (values) {
loadSelectionCache(values[0])
loadRequestCache(values[1])
genius.option.autoShow = values[2] === true || values[2] === 'true'
/*
requestCache = {
"cachekey0": "121648565.5\njsondata123",
...
}
*/
const now = (new Date()).getTime()
const exp = 2 * 60 * 60 * 1000
for (const prop in requestCache) {
if (prop === '__VERSION__') continue
// Delete cached values, that are older than 2 hours
const time = requestCache[prop].split('\n')[0]
if ((now - (new Date(time)).getTime()) > exp) {
delete requestCache[prop]
}
}
})
}
function invalidateRequestCache (obj) {
const resultCachekey = JSON.stringify(obj)
if (resultCachekey in requestCache) {
delete requestCache[resultCachekey]
}
}
function getRequestCacheKeyReplacer (key, value) {
if (key === 'headers') {
return undefined
} else if (key === 'url') {
if (typeof value !== 'string') return undefined
let idx
idx = value.lastIndexOf('/')
value = `~${idx}${value.substring(idx)}`
idx = value.indexOf('?')
if (idx > 0) {
value = value.substring(0, idx + 1) + decodeURIComponent(value.substring(idx + 1)).replace(/\s+/g, '-')
}
}
return value
}
function getRequestCacheKey (obj) {
return JSON.stringify(obj, getRequestCacheKeyReplacer)
}
function request (obj) {
const cachekey = getRequestCacheKey(obj)
if (cachekey in requestCache) {
return obj.load(JSON.parse(requestCache[cachekey].split('\n')[1]), null)
}
const method = obj.method ? obj.method : 'GET'
let headers = {
Referer: obj.url,
// 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
Host: getHostname(obj.url),
'User-Agent': navigator.userAgent
}
if (method === 'POST') headers['Content-Type'] = 'application/x-www-form-urlencoded; charset=UTF-8'
if (obj.responseType === 'json') headers['Accept'] = 'application/json' // eslint-disable-line dot-notation
if (obj.headers) {
headers = Object.assign(headers, obj.headers)
}
const cookiePartition = {}
if (obj.url.startsWith('https://genius.com/')) {
cookiePartition.topLevelSite = 'https://genius.com'
}
const req = {
url: obj.url,
method,
data: obj.data,
headers,
cookiePartition,
onerror: obj.error ? obj.error : function xmlHttpRequestGenericOnError (response) { console.error('xmlHttpRequestGenericOnError: ' + response) },
onload: function xmlHttpRequestOnLoad (response) {
const time = (new Date()).toJSON()
let cacheObject = null
if (typeof obj.preProcess === 'function') {
const proceed = obj.preProcess.call(this, response)
if (typeof proceed === 'object') {
cacheObject = proceed
}
}
if (cacheObject === null) {
// only if preProcess is undefined or preProcess() does not return a object
if (genius.option.requestCallbackResponseTextOnly === true) {
// only cache responseText
cacheObject = { responseText: response.responseText }
} else {
// full object
const newObject = Object.assign({}, response)
newObject.responseText = response.responseText // key 'responseText' is not enumerable
cacheObject = newObject
}
}
// only cache when the callback call this function
function cacheResult (cacheObject) {
if (cacheObject !== null) {
requestCache[cachekey] = time + '\n' + JSON.stringify(cacheObject)
setJV('requestcache', requestCache)
}
}
obj.load(cacheObject, cacheResult)
}
}
if (obj.responseType) req.responseType = obj.responseType
if (obj.responseType === 'json') req.overrideMimeType = 'application/json; charset=utf-8'
return custom.GM.xmlHttpRequest(req)
}
function generateCompoundTitle (title, artists) {
title = title.replace(/\s+/g, ' ') // space, \n, \t, ...
artists = artists.replace(/\s+/g, ' ')
return `${artists}\t${title}`
}
function displayTextOfCompoundTitle (compoundTitle) {
return compoundTitle.replace('\t', ' ')
}
function rememberLyricsSelection (title, artists, jsonHit) {
const compoundTitleKey = artists === null ? title : generateCompoundTitle(title, artists)
if (typeof jsonHit === 'object') {
jsonHit = JSON.stringify(jsonHit)
}
if (typeof jsonHit !== 'string') {
return
}
selectionCache[compoundTitleKey] = jsonHit
setJV('selectioncache', selectionCache)
}
function forgetLyricsSelection (title, artists) {
const compoundTitleKey = artists === null ? title : generateCompoundTitle(title, artists)
if (compoundTitleKey in selectionCache) {
delete selectionCache[compoundTitleKey]
setJV('selectioncache', selectionCache)
}
}
function forgetCurrentLyricsSelection () {
const ctitle = genius.current.compoundTitle
if (typeof ctitle === 'string') {
forgetLyricsSelection(ctitle, null)
return true
}
return false
}
function getLyricsSelection (title, artists) {
const compoundTitleKey = artists === null ? title : generateCompoundTitle(title, artists)
if (compoundTitleKey in selectionCache) {
return JSON.parse(selectionCache[compoundTitleKey])
} else {
return false
}
}
function ReleaseDateComponent (components) {
if (!components) return
if (components.year - components.month - components.day > 0) { // avoid NaN
return `${components.year}.${components.month < 10 ? '0' : ''}${components.month}.${components.day < 10 ? '0' : ''}${components.day}`
}
return null
}
function removeSymbolsAndWhitespace (s) {
return s.replace(/[\s\p{P}$+<=>^`|~]/gu, '')
}
function getHitResultType (result) {
if (typeof (result.language || 0) === 'string') {
if (result.language === 'romanization') return 'romanization'
if (result.language === 'romanisation') return 'romanization'
if (result.language === 'translation') return 'translation'
}
const primaryArtist = result.primary_artist || 0
if (primaryArtist) {
if (typeof primaryArtist.slug === 'string' && (primaryArtist.slug || '').startsWith('Genius-')) {
if (/Genius-[Rr]omani[zs]ations?/.test(primaryArtist.slug)) {
return 'romanization'
}
if (/Genius-[Tt]ranslations?/.test(primaryArtist.slug)) {
return 'translation'
}
}
if (typeof primaryArtist.name === 'string' && (primaryArtist.name || '').startsWith('Genius')) {
if (/Genius\s+[Rr]omani[zs]ations?/.test(primaryArtist.name)) {
return 'romanization'
}
if (/Genius\s+[Tt]ranslations?/.test(primaryArtist.name)) {
return 'translation'
}
}
}
const path = result.path || 0
if (typeof path === 'string') {
if (/\b[Gg]enius\b\S+\bromani[zs]ations?\b/.test(path)) return 'romanization'
if (/\b[Gg]enius\b\S+\btranslations?\b/.test(path)) return 'translation'
}
return ''
}
function modifyHits (hits, query) {
// the original hits store too much and not in a proper ordering
// only song.result.url is neccessary
// There are few instrumental music existing in Genius
// No lyrics will be provided for instrumental music in Genius
hits = hits.filter(hit => {
if (hit.result.instrumental === true) return false
if (hit.result.lyrics_state === 'unreleased') return false
if (genius.minimizeHit.onlyCompleteLyrics === true && hit.result.lyrics_state !== 'complete') return false
const primary_artist = (hit.result.primary_artist || 0).name || 0 // eslint-disable-line camelcase
if (primary_artist.startsWith('Deleted') && primary_artist.endsWith('Artist')) return false // eslint-disable-line camelcase
return true
})
const removeZeroWidthSpaceAndTrimStringsInObject = function (obj) {
// Recursively traverse object, and remove zero width spaces and trim string values
if (obj !== null && typeof obj === 'object') {
Object.entries(obj).forEach(([key, value]) => {
obj[key] = removeZeroWidthSpaceAndTrimStringsInObject(value)
})
} else if (typeof obj === 'string') {
return obj.replace(/[\u200B-\u200D\uFEFF]/g, '').trim()
}
return obj
}
for (const hit of hits) {
const result = hit.result
if (!result) return
const primaryArtist = result.primary_artist || 0
const minimizeHit = genius.minimizeHit
const hitResultType = getHitResultType(hit.result)
delete hit.highlights // always []
delete result.annotation_count // always 0
delete result.pyongs_count // always null
if (minimizeHit.noImageURL) {
// if the script does not require the images, remove to save storage
delete result.header_image_thumbnail_url
delete result.header_image_url
delete result.song_art_image_thumbnail_url
delete result.song_art_image_url
}
if (minimizeHit.noRelatedLinks) {
delete result.relationships_index_url
}
if (minimizeHit.noFeaturedArtists) {
// it can be a band of 35 peoples which is wasting storage
delete result.featured_artists
}
if (primaryArtist) {
if (minimizeHit.noImageURL) {
delete primaryArtist.header_image_url
delete primaryArtist.image_url
}
if (minimizeHit.noRelatedLinks) {
delete primaryArtist.api_path
delete primaryArtist.url
delete primaryArtist.is_meme_verified
delete primaryArtist.is_verified
delete primaryArtist.index_character
delete primaryArtist.slug
}
}
// reduce release date storage
if (minimizeHit.simpleReleaseDate && 'release_date_components' in result) {
const c = ReleaseDateComponent(result.release_date_components)
if (c !== null) {
result.release_date = c
}
}
if (minimizeHit.noRawReleaseDate) {
delete result.release_date_components
delete result.release_date_for_display
delete result.release_date_with_abbreviated_month_for_display
}
if (minimizeHit.shortenArtistName && primaryArtist && typeof primaryArtist.name === 'string' && typeof result.artist_names === 'string') {
// if it is a brand the title could be very long as it compose it with the full member names
if (primaryArtist.name.length < result.artist_names.length) {
result.artist_names = primaryArtist.name
}
}
if (minimizeHit.fixArtistName) {
if (hitResultType === 'romanization' && result.title === result.title_with_featured && result.artist_names === primaryArtist.name) {
// Example: "なとり (Natori) - Overdose (Romanized)"
const split = result.title.split(' - ')
if (split.length === 2) {
result.artist_names = split[0]
primaryArtist.name = split[0]
result.title = split[1]
result.title_with_featured = split[1]
}
}
}
if (minimizeHit.removeStats) {
delete result.stats
}
// Remove zero width spaces in strings and trim strings
removeZeroWidthSpaceAndTrimStringsInObject(result)
if (hits.length > 1) {
if (hit.type === 'song') {
hit._order = 2600
} else {
hit._order = 1300
}
if (hitResultType === 'romanization') {
if (genius.option.romajiPriority === 'low') {
hit._order -= 50
} else if (genius.option.romajiPriority === 'high') {
hit._order += 50
}
}
if (hit.result.updated_by_human_at) {
hit._order += 400
}
if (hitResultType === 'translation') {
// possible translation for non-english songs
// if all results are en, no different for hit._order reduction
hit._order -= 1000
}
// Sort hits by comparing to the query
if (query) {
query = query.toLowerCase()
const queryNoSymbols = removeSymbolsAndWhitespace(query)
const title = result.title.toLowerCase()
const artist = primaryArtist ? primaryArtist.name.toLowerCase() : ''
const titleNoSymbols = removeSymbolsAndWhitespace(title)
const artistNoSymbols = removeSymbolsAndWhitespace(artist)
if (artist && `${artist} ${title}` === query) {
hit._order += 10
} else if (titleNoSymbols && artistNoSymbols && artistNoSymbols + titleNoSymbols === queryNoSymbols) {
hit._order += 9
} else {
if (query.indexOf(title) !== -1) {
hit._order += 4
} else if (titleNoSymbols && queryNoSymbols.indexOf(titleNoSymbols) !== -1) {
hit._order += 3
}
if (primaryArtist && query.indexOf(primaryArtist.name) !== -1) {
hit._order += 4
} else if (artistNoSymbols && queryNoSymbols.indexOf(artistNoSymbols) !== -1) {
hit._order += 3
}
}
}
}
}
if (hits.length > 1) {
hits.sort((a, b) => {
// if order is the same, compare the entry id (greater is more recent)
return (b._order - a._order) || (b.result.id - a.result.id) || 0
})
}
// console.log(hits)
return hits
}
function geniusSearch (query, cb, cbError) {
console.log('Genius Search Query', query)
let requestObj = {
url: 'https://genius.com/api/search/song?page=1&q=' + encodeURIComponent(query),
headers: {
'X-Requested-With': 'XMLHttpRequest'
},
t: 'search', // differentiate with other types of requesting
responseType: 'json',
error: function geniusSearchOnError (response) {
console.error(response)
modalAlert(custom.scriptName + '\n\nError in geniusSearch(' + JSON.stringify(query) + ', ' + ('name' in cb ? cb.name : 'cb') + '):' +
'\nRequest status:' + ('status' in response ? response.status : 'unknown') + ' ' + ('statusText' in response ? response.statusText : '') +
('finalUrl' in response ? '\nUrl: ' + response.finalUrl : ''))
invalidateRequestCache(requestObj)
if (typeof cbError === 'function') cbError()
requestObj = null
},
preProcess: function geniusSearchPreProcess (response) {
let jsonData = null
let errorMsg = ''
try {
jsonData = JSON.parse(response.responseText)
} catch (e) {
errorMsg = e
}
if (jsonData !== null) {
const section = (((jsonData || 0).response || 0).sections[0] || 0)
const hits = section.hits || 0
if (typeof hits !== 'object') {
modalAlert(custom.scriptName + '\n\n' + 'Incorrect Response Format' + ' in geniusSearch(' + JSON.stringify(query) + ', ' + ('name' in cb ? cb.name : 'cb') + '):\n\n' + response.responseText)
invalidateRequestCache(requestObj)
if (typeof cbError === 'function') cbError()
requestObj = null
return
}
section.hits = modifyHits(hits, query)
return jsonData
} else {
if (response.responseText.startsWith('<') && !askedToSolveCaptcha) {
askedToSolveCaptcha = true
captchaHint(response.responseText)
}
console.debug(custom.scriptName + '\n\n' + (errorMsg || 'Error') + ' in geniusSearch(' + JSON.stringify(query) + ', ' + ('name' in cb ? cb.name : 'cb') + '):\n\n' + response.responseText) // log into the console window for copying
invalidateRequestCache(requestObj)
if (typeof cbError === 'function') cbError()
requestObj = null
}
},
load: function geniusSearchOnLoad (jsonData, cacheResult) {
if (typeof cacheResult === 'function') cacheResult(jsonData)
cb(jsonData)
}
}
request(requestObj)
}
function loadGeniusSong (song, cb) {
request({
url: song.result.url,
theme: `${genius.option.themeKey}`, // different theme, differnt html cache
error: function loadGeniusSongOnError (response) {
console.error(response)
modalAlert(custom.scriptName + '\n\nError loadGeniusSong(' + JSON.stringify(song) + ', cb):\n' +
'\nRequest status:' + ('status' in response ? response.status : 'unknown') + ' ' + ('statusText' in response ? response.statusText : '') +
('finalUrl' in response ? '\nUrl: ' + response.finalUrl : ''))
},
load: function loadGeniusSongOnLoad (response, cacheResult) {
// cacheResult(response)
cb(response, cacheResult)
}
})
}
async function waitForStableScrollTop () {
let p1
let p2 = document.scrollingElement.scrollTop
const ct = Date.now()
do {
p1 = p2
await getRafPromise().then() // eslint-disable-line promise/param-names
p2 = document.scrollingElement.scrollTop
if (Date.now() - ct > 2800) break
} while (`${p1}` !== `${p2}`)
}
function delay (ms) {
return new Promise(resolve => setTimeout(resolve, ms)) // eslint-disable-line promise/param-names
}
function setArrowUpDownStyle (resumeButton) {
if (!resumeButton) return
const oldAttribute = resumeButton.getAttribute('arrow-icon')
const newAttribute = (document.scrollingElement.scrollTop - window.newScrollTopPosition < 0) ? 'up' : 'down'
if (oldAttribute !== newAttribute) {
resumeButton.setAttribute('arrow-icon', newAttribute)
}
}
async function onResumeAutoScrollClick () {
const resumeAutoScrollButtonContainer = document.querySelector('#resumeAutoScrollButtonContainer')
if (resumeAutoScrollButtonContainer === null || typeof window.newScrollTopPosition !== 'number') return
window.scrollLyricsBusy = true
window.lastScrollTopPosition = null
resumeAutoScrollButtonContainer.classList.remove('btn-show')
// Resume auto scrolling
document.scrollingElement.scrollTo({
top: window.newScrollTopPosition,
behavior: 'smooth'
})
await delay(100)
if (document.visibilityState === 'visible') {
await waitForStableScrollTop()
}
window.scrollLyricsBusy = false
}
function onResumeAutoScrollFromHereClick () {
const resumeAutoScrollButtonContainer = document.querySelector('#resumeAutoScrollButtonContainer')
if (resumeAutoScrollButtonContainer === null || typeof window.staticOffsetTop !== 'number' || typeof window.newScrollTopPosition !== 'number') return
window.scrollLyricsBusy = true
resumeAutoScrollButtonContainer.classList.remove('btn-show')
// Resume auto scrolling from current position
if (genius.debug) {
for (const e of document.querySelectorAll('.scrolllabel')) {
e.remove()
}
window.first = false
}
window.lastScrollTopPosition = null
let newScrollTop = window.newScrollTopPosition
let count = 4
while (+newScrollTop.toFixed(1) !== +document.scrollingElement.scrollTop.toFixed(1)) {
window.staticOffsetTop += document.scrollingElement.scrollTop - newScrollTop
newScrollTop = getNewScrollTop().newScrollTop
if (--count === 0) break
}
setTimeout(() => {
window.scrollLyricsBusy = false
}, 30)
}
function getNewScrollTop (div) {
const staticTop = typeof window.staticOffsetTop === 'number' ? window.staticOffsetTop : theme.defaultStaticOffsetTop
div = div || document.querySelector(theme.scrollableContainer)
const offsetTop = (div.getBoundingClientRect().top - document.scrollingElement.getBoundingClientRect().top)
const iframeHeight = document.scrollingElement.clientHeight
const position = window.latestScrollPos
const newScrollTop = staticTop + (div.scrollHeight - iframeHeight) * position + offsetTop
return {
newScrollTop, iframeHeight, staticTop
}
}
async function scrollLyricsGeneric (position) {
window.latestScrollPos = position
if (window.scrollLyricsBusy) return
window.scrollLyricsBusy = true
if (document.visibilityState === 'visible') {
await waitForStableScrollTop()
}
const div = document.querySelector(theme.scrollableContainer)
const offset = genius.debug ? sumOffsets(div) : null
const lastPos = window.lastScrollTopPosition
let { newScrollTop, iframeHeight, staticTop } = getNewScrollTop(div)
const maxScrollTop = document.scrollingElement.scrollHeight - iframeHeight
let btnContainer = document.querySelector('#resumeAutoScrollButtonContainer')
async function showButtons () {
const staticTopChanged = window.staticOffsetTop !== staticTop
window.newScrollTopPosition = newScrollTop
if (staticTopChanged) {
window.staticOffsetTop = staticTop
}
// User scrolled -> stop auto scroll
if (!btnContainer) {
const resumeButton = document.createElement('div')
const resumeButtonFromHere = document.createElement('div')
const resumeAutoScrollButtonContainer = document.createElement('div')
resumeAutoScrollButtonContainer.id = 'resumeAutoScrollButtonContainer'
resumeButton.addEventListener('click', onResumeAutoScrollClick, false)
resumeButtonFromHere.addEventListener('click', onResumeAutoScrollFromHereClick, false)
resumeButton.id = 'resumeAutoScrollButton'
resumeButton.setAttribute('title', 'Resume auto scrolling')
resumeButton.appendChild(document.createElement('div'))
setArrowUpDownStyle(resumeButton)
resumeButtonFromHere.id = 'resumeAutoScrollFromHereButton'
resumeButtonFromHere.setAttribute('title', 'Resume auto scrolling from here')
resumeButtonFromHere.appendChild(document.createElement('div'))
appendElements(resumeAutoScrollButtonContainer, [resumeButton, resumeButtonFromHere])
document.body.appendChild(resumeAutoScrollButtonContainer)
btnContainer = resumeAutoScrollButtonContainer
} else {
const resumeButton = document.querySelector('#resumeAutoScrollButton')
setArrowUpDownStyle(resumeButton)
}
await Promise.resolve(0) // wait for DOM
// if (newScrollTop > 0 && newScrollTop < maxScrollTop) {
btnContainer.classList.add('btn-show')
// }
await Promise.resolve(0) // wait for DOM
window.scrollLyricsBusy = false
}
function isShowButtonRequired () {
if (typeof lastPos === 'number' && lastPos >= 0 && Math.abs(lastPos - document.scrollingElement.scrollTop) > 5) { // lastPos !== null
showButtons()
return true
}
return false
}
function smoothScroll () {
window.lastScrollTopPosition = newScrollTop
document.scrollingElement.scrollTo({
top: newScrollTop,
behavior: 'smooth'
})
}
function debug () {
if (!window.first) {
window.first = true
for (let i = 0; i < 11; i++) {
const label = document.body.appendChild(document.createElement('div'))
label.classList.add('scrolllabel')
label.textContent = (`${i * 10}% + ${window.staticOffsetTop}px`)
label.style.position = 'absolute'
label.style.top = `${offset.top + window.staticOffsetTop + div.scrollHeight * 0.1 * i}px`
label.style.color = 'rgba(255,0,0,0.5)'
label.style.zIndex = 1000
}
let label = document.body.appendChild(document.createElement('div'))
label.classList.add('scrolllabel')
label.textContent = `Start @ offset.top + window.staticOffsetTop = ${offset.top}px + ${window.staticOffsetTop}px`
label.style.position = 'absolute'
label.style.top = `${offset.top + window.staticOffsetTop}px`
label.style.left = '200px'
label.style.color = '#008000a6'
label.style.zIndex = 1000
label = document.body.appendChild(document.createElement('div'))
label.classList.add('scrolllabel')
label.textContent = `Base @ offset.top = ${offset.top}px`
label.style.position = 'absolute'
label.style.top = `${offset.top}px`
label.style.left = '200px'
label.style.color = '#008000a6'
label.style.zIndex = 1000
}
let indicator = document.getElementById('scrollindicator')
if (!indicator) {
indicator = document.body.appendChild(document.createElement('div'))
indicator.classList.add('scrolllabel')
indicator.id = 'scrollindicator'
indicator.style.position = 'absolute'
indicator.style.left = '150px'
indicator.style.color = '#00dbff'
indicator.style.zIndex = 1000
}
indicator.style.top = `${offset.top + window.staticOffsetTop + div.scrollHeight * position}px`
indicator.textContent = `${parseInt(position * 100)}% -> ${parseInt(newScrollTop)}px`
}
let bool2 = true
if (((newScrollTop < 0 || newScrollTop > maxScrollTop))) {
if (newScrollTop < 0) newScrollTop = 0
else if (newScrollTop > maxScrollTop) newScrollTop = maxScrollTop
bool2 = (lastPos === 0 || lastPos === maxScrollTop) && lastPos === newScrollTop
}
if (bool2 && isShowButtonRequired()) {
return
}
if (btnContainer) {
btnContainer.classList.remove('btn-show')
}
smoothScroll()
if (genius.debug) {
debug()
}
if (document.visibilityState === 'visible') {
await waitForStableScrollTop()
}
window.scrollLyricsBusy = false
}
function loadGeniusAnnotations (song, html, annotationsEnabled, cb) {
let annotations = {}
if (!annotationsEnabled) {
// return cb(song, html, {})
return cb(annotations)
}
if (html.indexOf('__ClickTarget') === -1) {
console.log('No annotations in source -> skip loading annotations from API')
// No annotations in source -> skip loading annotations from API
// return cb(song, html, {})
return cb(annotations)
}
const m = html.match(/href="\/\d+\//g)
const ids = m.map((s) => `ids[]=${s.match(/\d+/)[0]}`)
const apiurl = 'https://genius.com/api/referents/multi?text_format=html%2Cplain&' + ids.join('&')
request({
url: apiurl,
headers: {
'X-Requested-With': 'XMLHttpRequest'
},
t: 'annotations', // differentiate with other types of requesting
responseType: 'json',
error: function loadGeniusAnnotationsOnError (response) {
console.error(response)
modalAlert(custom.scriptName + '\n\nError loadGeniusAnnotations(' + JSON.stringify(song) + ', cb):\n' +
'\nRequest status:' + ('status' in response ? response.status : 'unknown') + ' ' + ('statusText' in response ? response.statusText : '') +
('finalUrl' in response ? '\nUrl: ' + response.finalUrl : ''))
cb(annotations)
},
preProcess: function loadGeniusAnnotationsPreProcess (response) {
const r = JSON.parse(response.responseText).response
annotations = {}
if (typeof r.referents.length === 'number') {
for (const referent of r.referents) {
for (const annotation of referent.annotations) {
if (annotation.referent_id in annotations) {
annotations[annotation.referent_id].push(annotation)
} else {
annotations[annotation.referent_id] = [annotation]
}
}
}
} else {
for (const refId in r.referents) {
const referent = r.referents[refId]
for (const annotation of referent.annotations) {
if (annotation.referent_id in annotations) {
annotations[annotation.referent_id].push(annotation)
} else {
annotations[annotation.referent_id] = [annotation]
}
}
}
}
return annotations
},
load: function loadGeniusAnnotationsOnLoad (annotations, cacheResult) {
if (typeof cacheResult === 'function') cacheResult(annotations)
cb(annotations)
}
})
}
const themeCommon = {
lyricsAppInit () {
let application = document.querySelector('#application')
if (application !== null) {
application.classList.add('app11')
}
application = null
},
// Change links to target=_blank
targetBlankLinks () {
const originalUrl = document.querySelector('meta[property="og:url"]') ? document.querySelector('meta[property="og:url"]').content : null
const as = document.querySelectorAll('body a[href]:not([href|="#"]):not([target="_blank"])')
for (const a of as) {
const href = a.getAttribute('href')
if (!href.startsWith('#')) {
a.target = '_blank'
if (!href.startsWith('http')) {
a.href = 'https://genius.com' + href
} else if (href.startsWith(custom.domain)) {
a.href = href.replace(custom.domain, 'https://genius.com')
}
} else if (originalUrl) {
// Convert internal anchor to external anchor
a.target = '_blank'
a.href = originalUrl + a.hash
}
}
},
setScrollUpdateLocation () {
document.addEventListener('scroll', scrollUpdateLocationHandler, false)
},
getAnnotationsContainer (a) {
let c = document.getElementById('annotationcontainer958')
if (!c) {
c = document.body.appendChild(document.createElement('div'))
c.setAttribute('id', 'annotationcontainer958')
themeCommon.setScrollUpdateLocation(c)
}
c.textContent = ''
c.style.display = 'block'
c.style.opacity = 1.0
setAnnotationsContainerTop(c, a, true)
const arrow = c.querySelector('.arrow') || c.appendChild(document.createElement('div'))
arrow.className = 'arrow'
let annotationTabBar = c.querySelector('.annotationtabbar')
if (!annotationTabBar) {
annotationTabBar = c.appendChild(document.createElement('div'))
annotationTabBar.classList.add('annotationtabbar')
}
annotationTabBar.textContent = ''
annotationTabBar.style.display = 'block'
let annotationContent = c.querySelector('.annotationcontent')
if (!annotationContent) {
annotationContent = c.appendChild(document.createElement('div'))
annotationContent.classList.add('annotationcontent')
}
annotationContent.style.display = 'block'
annotationContent.textContent = ''
return [annotationTabBar, annotationContent]
},
annotationSwitchTab (ev) {
const id = this.dataset.annotid
const selectedElements = document.querySelectorAll('#annotationcontainer958 .annotationtabbar .tabbutton.selected, #annotationcontainer958 .annotationtab.selected')
for (const e of selectedElements) {
e.classList.remove('selected')
}
this.classList.add('selected')
document.querySelector(`#annotationcontainer958 .annotationtab[id="annottab_${id}"]`).classList.add('selected')
},
showAnnotation (ev) {
ev.preventDefault()
// Annotation id
const m = this.href.match(/\/(\d+)\//)
if (!m) {
return
}
const id = m[1]
// Highlight
const highlightedElements = document.querySelectorAll('.annotated.highlighted')
for (const e of highlightedElements) {
e.classList.remove('highlighted')
}
this.classList.add('highlighted')
// Load all annotations
if (!('annotations_userscript' in window)) {
if (document.getElementById('annotationsdata_for_userscript')) {
window.annotations_userscript = JSON.parse(document.getElementById('annotationsdata_for_userscript').innerHTML)
} else {
window.annotations_userscript = {}
console.log('No annotation data found #annotationsdata_for_userscript')
}
}
if (id in window.annotations_userscript) {
const [annotationTabBar, annotationContent] = themeCommon.getAnnotationsContainer(this)
let innerHTMLAddition = ''
for (const annotation of window.annotations_userscript[id]) {
// Example for multiple annotations: https://genius.com/72796/
const tabButton = annotationTabBar.appendChild(document.createElement('div'))
tabButton.dataset.annotid = annotation.id
tabButton.classList.add('tabbutton')
tabButton.addEventListener('click', themeCommon.annotationSwitchTab)
if (annotation.state === 'verified') {
tabButton.textContent = ('Verified annotation')
} else {
tabButton.textContent = 'Genius annotation'
}
let hint = ''
if ('accepted_by' in annotation && !annotation.accepted_by) {
hint = '<span class="redhint">⚠ This annotation is unreviewed</span><br>'
}
let header = '<div class="annotationheader" style="float:right">'
let author = false
if (annotation.authors.length === 1) {
if (annotation.authors[0].name) {
author = decodeHTML(annotation.authors[0].name)
header += `<a href="${annotation.authors[0].url}">${author}</a>`
} else {
author = decodeHTML(annotation.created_by.name)
header += `<a href="${annotation.created_by.url}">${author}</a>`
}
} else {
header += `<span title="Created by ${annotation.created_by.name}">${annotation.authors.length} Contributors</span>`
}
header += '</div><br style="clear:right">'
let footer = '<div class="annotationfooter">'
footer += `<div title="Direct link to the annotation"><a href="${annotation.share_url}">🔗 Share</a></div>`
if (annotation.pyongs_count) {
footer += `<div title="Pyongs"> ⚡ ${annotation.pyongs_count}</div>`
}
if (annotation.comment_count) {
footer += `<div title="Comments"> 💬 ${annotation.comment_count}</div>`
}
footer += '<div title="Total votes">'
if (annotation.votes_total > 0) {
footer += '+'
footer += annotation.votes_total
footer += '👍'
} else if (annotation.votes_total < 0) {
footer += annotation.votes_total
footer += '👎'
} else {
footer += annotation.votes_total + '👍 👎'
}
footer += '</div>'
footer += '<br style="clear:right"></div>'
let body = ''
if ('body' in annotation && annotation.body) {
body = decodeHTML(annotation.body.html)
}
if ('being_created' in annotation && annotation.being_created) {
if (author) {
body = author + ' is currently annotating this line.<br><br>' + body
} else {
body = 'This line is currently being annotated.<br><br>' + body
}
}
innerHTMLAddition += `
<div class="annotationtab" id="annottab_${annotation.id}">
${hint}
${header}
${body}
${footer}
</div>`
}
annotationContent.innerHTML += innerHTMLAddition
annotationTabBar.appendChild(document.createElement('br')).style.clear = 'left'
if (window.annotations_userscript[id].length === 1) {
annotationTabBar.style.display = 'none'
}
annotationTabBar.querySelector('.tabbutton').classList.add('selected')
annotationContent.querySelector('.annotationtab').classList.add('selected')
// Resize iframes and images in frame
setTimeout(function () {
const maxWidth = (document.body.clientWidth - 40)
const elements = annotationContent.querySelectorAll('iframe,img')
for (const e of elements) {
if (e.parentNode.nodeName === 'P' && e.parentNode.childElementCount === 1) {
e.parentNode.classList.add('annotation-img-parent-p')
e.style.maxWidth = `${maxWidth - 60}px`
} else {
e.style.maxWidth = `${maxWidth}px`
}
}
themeCommon.targetBlankLinks() // Change link target to _blank
}, 100)
}
},
removeAnnotations () {
document.querySelectorAll('#lyrics-root a[class^="ReferentFragment"]').forEach(removeTagsKeepText)
},
addAnnotationHandling () {
try {
window.annotations_userscript = JSON.parse(document.getElementById('annotationsdata_for_userscript').innerHTML)
} catch (e) {
console.log('Could not load annotations data from script tag:', e)
return
}
// Add click handler to annotations
for (const a of document.querySelectorAll('#lyrics-root a[class^="ReferentFragment"]')) {
a.classList.add('annotated')
a.addEventListener('click', themeCommon.showAnnotation)
}
document.body.addEventListener('click', function (e) {
// Hide annotation container on click outside of it
const annotationcontainer = document.getElementById('annotationcontainer958')
if (annotationcontainer && !e.target.classList.contains('.annotated') && e.target.closest('.annotated') === null) {
if (e.target.closest('#annotationcontainer958') === null) {
annotationcontainer.style.display = 'none'
annotationcontainer.style.opacity = 0.0
for (const e of document.querySelectorAll('.annotated.highlighted')) {
e.classList.remove('highlighted')
}
}
}
})
},
setCustomFontSize () {
if (genius.option.fontSize && genius.option.fontSize > 0) {
if (document.getElementById('lyrics_text_div')) {
document.getElementById('lyrics_text_div').style.fontSize = `${genius.option.fontSize}px`
}
for (const div of document.querySelectorAll('div[data-lyrics-container="true"]')) {
div.style.fontSize = `${genius.option.fontSize}px`
}
}
},
themeError (themeName, errorMsg, originalUrl, song) {
return `<div style="color:black;background:white;font-family:sans-serif">
<br>
<h1>😱 Oops!</h1>
<br>
Sorry, could not transform the genius page<br>The lyrics cannot be shown with the theme "${themeName}" (yet)<br>
Could you inform the author of this program about the problem and provide the following information:<br>
<pre style="color:black; background:silver; border:1px solid black; width:95%; overflow:auto;margin-left: 5px;padding: 0px 5px;">
themeName: ${themeName}
Error: ${errorMsg}
URL: ${document.location.href}
Genius: ${originalUrl}
Song: ${'result' in song && 'full_title' in song.result ? song.result.full_title : JSON.stringify(song)}
Browser: ${navigator.userAgent}
</pre><br>
You can simply post the information on github:<br>
<a target="_blank" href="https://github.com/cvzi/genius-lyrics-userscript/issues/">https://github.com/cvzi/genius-lyrics-userscript/issues/</a>
<br>
or via email: <a target="_blank" href="mailto:cuzi@openmail.cc">cuzi@openmail.cc</a>
<br>
<br>
Thanks for your help!
<br>
<br>
</div>`
},
fixInstrumentalBridge () {
for (const div of document.querySelectorAll('div[data-lyrics-container="true"]')) {
let innerHTML = div.innerHTML
const before = innerHTML
innerHTML = innerHTML.replace(/<br><br>\[Instrumental Bridge\]<br><br>/g, '<br><br>[Instrumental Bridge]<a id="Instrumental-Bridge"></a><br><br>')
if (before !== innerHTML) {
div.innerHTML = innerHTML
}
}
},
extractLyrics (html, song) {
/*
Extract the lyrics and title/album header from genius page html
*/
const doc = 'trustedTypes' in window
? Document.parseHTMLUnsafe(window.trustedTypes.createPolicy('ignorePolicy', {
createHTML: (x) => x
}).createHTML(html))
: Document.parseHTMLUnsafe(html)
const originalUrl = doc.querySelector('meta[property="og:url"]') ? doc.querySelector('meta[property="og:url"]').content : null
const lyricsContainers = Array.from(doc.querySelectorAll('[class*=Lyrics__Container]:not([class*=Sidebar])'))
const lyricsPlaceHolder = doc.querySelector('[class*="LyricsPlaceholder__Container"]')
if (lyricsContainers.length === 0 && !lyricsPlaceHolder) {
return {
error: true,
errorHtml: themeCommon.themeError(
theme.name,
'Neither "Lyrics__Container" nor "LyricsPlaceholder__Container" found',
originalUrl,
song
)
}
}
doc.querySelectorAll('[class*="LyricsFooter__Container"]').forEach(e => e.remove())
doc.querySelectorAll('[class*="LyricsEditdesktop__Container"]').forEach(e => e.remove())
const bodyWidth = parseInt(document.getElementById('lyricsiframe').style.width || (document.getElementById('lyricsiframe').getBoundingClientRect().width + 'px'))
// Change album links from anchor to real url
const albumLinkA = doc.querySelector('[class*="PrimaryAlbum__Title"][href^="https://genius"]')
if (albumLinkA) {
doc.querySelectorAll('[href="#primary-album"]').forEach(a => {
a.href = albumLinkA.href
a.target = '_blank'
})
}
let lyricsHtml
if (lyricsContainers.length > 0) {
lyricsHtml = '<div class="SongPage__Section" id="lyrics_text_div">' + lyricsContainers.map(e => e.outerHTML).join('\n') + '</div>'
} else if (lyricsPlaceHolder) {
lyricsHtml = '<div class="SongPage__Section">' + lyricsPlaceHolder.outerHTML + '</div>'
}
const h1 = doc.querySelector('div[class^=SongHeader] h1')
const titleNode = h1.firstChild
const titleA = h1.appendChild(document.createElement('a'))
titleA.href = originalUrl
titleA.target = '_blank'
titleA.appendChild(titleNode)
h1.classList.add('mytitle')
h1.parentNode.querySelectorAll('a[href^=https]').forEach(a => (a.target = '_blank'))
h1.parentNode.querySelectorAll('[class*="InlineSvg__Wrapper"]').forEach(e => e.remove())
h1.parentNode.querySelectorAll('[class*="HeaderCredits__"]').forEach(e => e.remove())
removeIfExists(h1.parentNode.querySelector('div[class^="HeaderTracklist"]'))
const headerHtml = '<div class="myheader">' + h1.parentNode.outerHTML + '</div>'
return {
error: false,
lyricsHtml,
headerHtml,
bodyWidth
}
}
}
function appendHeadText (html, headhtml) {
// Add to <head>
const idxHead = html.indexOf('</head>')
if (idxHead > 5) {
html = html.substring(0, idxHead) + headhtml + html.substring(idxHead)
} else {
html = `<head>${headhtml}</head>${html}`
}
return html
}
const isChrome = navigator.userAgent.indexOf('Chrome') !== -1
const iframeCSSCommon =
`
html {
--egl-btn-half-border-size: 7px;
--egl-btn-color: #222;
/* this is intended to give some space to see the first line at the vertical center */
--egl-page-pt: 50vh;
/* this is intended to give some space to see the last line at the vertical center */
--egl-page-pb: 50vh;
visibility: collapse;
}
html.v {
visibility: visible;
}
html .genius-scrollable{
scroll-behavior: smooth;
}
html.instant-scroll .genius-scrollable{
scroll-behavior: auto;
}
#resumeAutoScrollButtonContainer{
position: fixed;
right: 20px;
top: 30%;
z-index: 101;
display: flex;
flex-direction: row;
gap: 4px;
}
#resumeAutoScrollButtonContainer #resumeAutoScrollButton,
#resumeAutoScrollButtonContainer #resumeAutoScrollFromHereButton{
cursor: pointer;
border: 1px solid #d9d9d9;
border-radius:100%;
background:white;
display: flex;
justify-content: center;
align-content: center;
justify-items: center;
align-items: center;
padding: calc(1.732*var(--egl-btn-half-border-size) + 3px);
contain: strict;
}
#resumeAutoScrollButtonContainer {
visibility: hidden;
pointer-events: none;
visibility: collapse; /* if collapse is supported, hidden + no pointer events */
}
#resumeAutoScrollButtonContainer.btn-show {
visibility: visible;
pointer-events: initial;
}
#resumeAutoScrollButton > div:only-child {
position: absolute;
contain: strict;
}
#resumeAutoScrollButton[arrow-icon="up"] > div:only-child {
border-top: calc(1.732*var(--egl-btn-half-border-size)) solid var(--egl-btn-color);
border-right: var(--egl-btn-half-border-size) inset transparent;
border-bottom: 0;
border-left: var(--egl-btn-half-border-size) inset transparent;
}
#resumeAutoScrollButton[arrow-icon="down"] > div:only-child {
border-top: 0;
border-right: var(--egl-btn-half-border-size) inset transparent;
border-bottom: calc(1.732*var(--egl-btn-half-border-size)) solid var(--egl-btn-color);
border-left: var(--egl-btn-half-border-size) inset transparent;
}
#resumeAutoScrollFromHereButton > div:only-child {
position: absolute;
contain: strict;
border-top: var(--egl-btn-half-border-size) inset transparent;
border-right: 0;
border-bottom: var(--egl-btn-half-border-size) inset transparent;
border-left: calc(1.732*var(--egl-btn-half-border-size)) solid var(--egl-btn-color);
}
body div[class*="__Container"] iframe,
body div[class*="__Container"] div[class*="_preview"] iframe,
body div[class*="__Container"] div[class*="embed"] iframe {
/* override .hPdMCA .embedly_preview iframe {display: block;} */
display: none;
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
}
div[class*="SongComments__Container"] {
display: none;
}
div[class*="ExpandableContent__Content"] {
mask: none !important;
max-height: none !important;
overflow:auto !important;
}
div[class*="ExpandableContent__ButtonContainer"] {
display: none;
}
div[class*="QuestionList__Container"], div[class*="MusicVideo__Container"] {
display: none;
}
div[class*="UnreviewedAnnotation__Container"] {
display: none;
}
div[class*="InnerSectionDivider"] {
margin-top:5pt !important;
margin-bottom:10pt !important;
padding-bottom:10pt !important;
}
div[class*="About__Container"] {
display: none;
}
div[class*="AnnotationEditActions"], div[class*="AnnotationActions"] {
display: none;
}
div[class*="StickyContributorToolbar"] {
display: none;
}
div[class*="LyricsHeader__Container"] {
display: none;
}
[class*="StartSongBioButton"] {
display: none;
}
[class*="LyricsPlaceholder__Icon"] {
max-width: 3em;
}
@keyframes appDomAppended {
0% {
background-position-x: 1px;
}
100% {
background-position-x: 2px;
}
}
@keyframes appDomAppended2 {
0% {
background-position-x: 3px;
}
100% {
background-position-x: 4px;
}
}
@keyframes songHeaderDomAppended {
0% {
background-position-x: 1px;
}
100% {
background-position-x: 2px;
}
}
@keyframes headerArtistAndTracklistDOMAppended {
0% {
background-position-x: 1px;
}
100% {
background-position-x: 2px;
}
}
@keyframes headerSongTitleDOMAppended {
0% {
background-position-x: 1px;
}
100% {
background-position-x: 2px;
}
}
#application {
animation: appDomAppended 1ms linear 0s 1 normal forwards;
}
#application.app11 {
animation: appDomAppended2 1ms linear 0s 1 normal forwards;
}
#application.app11 div.LSongHeader__Container:not(.genius-lyrics-header-container) div.LSongHeader__CenterInfo,
#application.app11 span#lyrics_rendered {
animation: songHeaderDomAppended 1ms linear 0s 1 normal forwards;
}
span#lyrics_rendered {
position:fixed;
top:-10px;
left:-10px;
height:1px;
width:1px;
}
#application.app11 div.LUNDETERMINED__Container .LHeaderArtistAndTracklist__Artist {
animation: headerArtistAndTracklistDOMAppended 1ms linear 0s 1 normal forwards;
/* animation removed once the class is determined */
}
#application.app11 .LSongHeader__Title {
animation: headerSongTitleDOMAppended 1ms linear 0s 1 normal forwards;
}
/* CSS for annotation container */
#annotationcontainer958 {
opacity:0.0;
display:none;
transition:opacity 500ms;
position:absolute;
background:linear-gradient(to bottom, #FFF1, 5px, white);
color:black;
font: 100 1.125rem / 1.5 "Programme", sans-serif;
max-width:95%;
min-width:60%;
margin:10px;
z-index:4;
}
#annotationcontainer958 .arrow {
height:10px;
background: transparent;
}
#annotationcontainer958 .arrow:before {
content: "";
position: absolute;
width: 0px;
height: 0px;
top:0%;
margin-top: 6px;
${isChrome ? 'margin-left: calc(50% - 15px);' : 'inset: -1rem 0px 0px 50%;'}
border-style: solid;
border-width: 0px 25px 20px;
border-color: transparent transparent rgb(170, 170, 170);
}
#annotationcontainer958[location-dir="up"] .arrow {
height:0px;
}
#annotationcontainer958[location-dir="up"] .arrow:before {
top:100%;
transform: rotate(180deg);
margin-top:0px;
}
#annotationcontainer958 .annotationcontent {
background-color:#E9E9E9;
padding:5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-right-radius: 0px;
border-top-left-radius: 0px;
box-shadow: #646464 5px 5px 5px;
scrollbar-color: #7d8fe885 transparent;
}
#annotationcontainer958 .annotationcontent a {
color: var(--egl-link-color);
}
#annotationcontainer958 .annotationtab {
display:none
}
#annotationcontainer958 .annotationtab.selected {
display:block
}
#annotationcontainer958 .annotationtabbar .tabbutton {
background-color:#d0cece;
cursor:pointer;
user-select:none;
padding: 1px 7px;
margin: 0px 3px;
border-radius: 5px 5px 0px 0px;
box-shadow: #0000004f 2px -2px 3px;
float:left
}
#annotationcontainer958 .annotationtabbar .tabbutton.selected {
background-color:#E9E9E9;
}
#annotationcontainer958 .annotationcontent .annotationfooter {
user-select: none;
}
#annotationcontainer958 .annotationcontent .annotationfooter > div {
float: right;
min-width: 20%;
text-align: center;
}
#annotationcontainer958 .annotationcontent .redhint {
color:#ff146470;
padding:.1rem 0.7rem;
}
#annotationcontainer958 .annotationcontent .annotation-img-parent-p {
display: flex;
justify-content: center;
align-content: center;
margin: 6px;
}
#annotationcontainer958 .annotationcontent .annotation-img-parent-p > img[src][width][height]:only-child{
object-fit: contain;
height: auto;
}
#annotationcontainer958[location-dir="down"]{
transform: '';
top: calc(var(--annotation-container-syrt) + var(--annotation-container-rh) + 3px);
}
#annotationcontainer958[location-dir="up"]{
transform: translateY(-100%);
top: calc(var(--annotation-container-syrt) - 3px - 18px); window.scrollY + rect.top - 3 - 18);
}
[data-lyrics-container="true"] + [data-exclude-from-selection="true"] {
display: none;
}
a#Instrumental-Bridge {
line-height: 420%;
}
`
function setAnnotationsContainerTop (c, a, isContentChanged) {
const rect = a.getBoundingClientRect()
const bodyH = document.scrollingElement.clientHeight
const upSpace = Math.max(rect.top, 0)
const downSpace = bodyH - Math.min(rect.bottom, bodyH)
if (isContentChanged) {
c.style.setProperty('--annotation-container-syrt', `${window.scrollY + rect.top}px`)
c.style.setProperty('--annotation-container-rh', `${rect.height}px`)
}
if (downSpace > upSpace) {
c.setAttribute('location-dir', 'down')
} else {
c.setAttribute('location-dir', 'up')
}
}
function scrollUpdateLocationHandler () {
getRafPromise(() => {
let c = document.querySelector('#annotationcontainer958[style*="display: block;"]')
if (c !== null) {
let a = document.querySelector('.annotated.highlighted')
if (a !== null) {
setAnnotationsContainerTop(c, a, false)
}
a = null
}
c = null
})
}
async function scrollToBegining () {
document.documentElement.classList.add('instant-scroll')
await new Promise(resolve => setTimeout(resolve, 100))
const isContentStylesIsAdded = !!document.querySelector('style#egl-contentstyles')
if (isContentStylesIsAdded) {
theme.scrollableContainer = 'html #application'
// theme.scrollableContainer = '.LSongHeader__Outer_Container'
}
let scrollable = document.querySelector(theme.scrollableContainer)
if (isScrollLyricsEnabled()) {
// scrollable.scrollIntoView(true)
} else if (scrollable) {
const innerTopElement = isContentStylesIsAdded
// ? scrollable.querySelector('.genius-lyrics-header-content')
? scrollable.querySelector('.LSongHeader__Outer_Container')
: scrollable.firstElementChild
scrollable = (innerTopElement || scrollable)
// scrollable.scrollIntoView(true)
} else {
return
}
scrollable.classList.add('genius-scrollable')
await Promise.resolve(0) // allow CSS rule changed
scrollable.scrollIntoView(true) // alignToTop = true
await Promise.resolve(0) // allow DOM scrollTop changed
document.documentElement.classList.remove('instant-scroll')
}
const themes = {
genius: {
name: 'Genius (Default)',
themeKey: 'genius',
scrollableContainer: 'div[class*="SongPage__LyricsWrapper"]',
defaultStaticOffsetTop: 0,
scripts: function themeGeniusScripts () {
const onload = []
function pushIfAny (arr, element) {
if (element) {
arr.push(element)
}
}
function hideStuff () {
let removals = []
// Hide "Manage Lyrics" and "Click here to go to the old song page"
pushIfAny(removals, document.querySelector('div[class^="LyricsControls_"]'))
// Hide "This is a work in progress"
pushIfAny(removals, document.getElementById('top'))
// Header leaderboard/nav
pushIfAny(removals, document.querySelector('div[class^="Leaderboard"]'))
pushIfAny(removals, document.querySelector('div[class^="StickyNav"]'))
// Footer except copyright hint
let divs
divs = document.querySelectorAll('div[class^="PageGriddesktop"] div[class^="PageFooterdesktop"]')
for (const div of divs) {
if (div.innerHTML.indexOf('©') === -1) {
removals.push(div)
}
}
divs = document.querySelectorAll('div[class^="PageGriddesktop"]')
for (const div of divs) {
div.className = ''
}
// Ads
divs = document.querySelectorAll('div[class^="InreadAd__Container"],div[class^="InreadAddesktop__Container"]')
for (const div of divs) {
removals.push(div)
}
divs = document.querySelectorAll('div[class^="SidebarAd__Container"]')
for (const div of divs) {
removals.push(div.parentNode)
}
if (removals.length > 0) {
removeElements(removals)
}
removals.length = 0
removals = null
}
// Make song title clickable
function clickableTitle () {
const url = document.querySelector('meta[property="og:url"]').content
const h1 = document.querySelector('h1[class^="SongHeader"]')
h1.innerHTML = '<a target="_blank" href="' + url + '" style="color:black">' + h1.innerHTML + '</a>'
const div = document.querySelector('div[class^=SongHeader][class*="__CoverArt"]')
div.innerHTML = '<a target="_blank" href="' + url + '">' + div.innerHTML + '</a>'
}
onload.push(clickableTitle)
// Show artwork
onload.push(function showArtwork () {
const noscripts = document.querySelectorAll('div[class^="SizedImage__Container"] noscript')
// noScriptImage
for (const noscript of noscripts) {
const div = noscript.parentNode
div.innerHTML = noscript.innerHTML
div.querySelector('img').style.left = '0px'
}
})
onload.push(hideStuff)
// fixInstrumentalBridge
onload.push(themeCommon.fixInstrumentalBridge)
// Make expandable content buttons work
function expandContent () {
const button = this
const content = button.parentNode.querySelector('div[class*="__Content"]') || button.parentNode.parentNode.querySelector('div[class*="__Expandable"]')
for (const className of content.classList) {
if (className.indexOf('__Content') === -1 && className.indexOf('__Expandable') === -1) {
content.classList.remove(className)
}
}
button.remove()
}
onload.push(function makeExpandablesWork () {
const divs = document.querySelectorAll('div[class*="__Container"]')
for (const div of divs) {
const button = div.querySelector('button[class^="Button"]')
if (button) {
button.addEventListener('click', expandContent)
}
}
})
onload.push(themeCommon.targetBlankLinks)
onload.push(() => setTimeout(themeCommon.targetBlankLinks, 1000))
// fixInstrumentalBridge
onload.push(themeCommon.fixInstrumentalBridge)
// Handle annotations
if (!annotationsEnabled) {
// Remove all annotations
onload.push(themeCommon.removeAnnotations)
} else {
onload.push(themeCommon.addAnnotationHandling)
}
onload.push(() => {
Promise.resolve(0).then(() => {
document.documentElement.classList.add('v')
})
})
// Set custom fontSize
onload.push(themeCommon.setCustomFontSize)
// Goto lyrics
onload.push(scrollToBegining)
return onload
},
combine: function themeGeniusCombineGeniusResources (song, html, annotations, cb) {
let headhtml = ''
// Change design
html = html.split('<div class="leaderboard_ad_container">').join('<div class="leaderboard_ad_container" style="width:0px;height:0px">')
// Remove cookie consent
html = html.replace(/<script defer="true" src="https:\/\/cdn.cookielaw.org.+?"/, '<script ')
// Add base for relative hrefs
headhtml += '\n<base href="https://genius.com/" target="_blank">'
// Add annotation data
if (annotationsEnabled) {
headhtml += '\n<script id="annotationsdata_for_userscript" type="application/json">' + JSON.stringify(annotations).replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>') + '</script>'
}
// Scrollbar colors
// Highlight annotated lines on hover
headhtml += `
<style>
html{
background-color: #181818 !important;
scrollbar-color: hsla(0,0%,100%,.3) transparent !important;
scrollbar-width: auto;
}
.annotated span {
background-color: #c0c0c060 !important;
text-decoration: none !important;
}
.annotated:hover span, .annotated.highlighted span {
background-color: #ddd !important;
text-decoration: none !important;
}
.annotated.highlighted span {
filter: drop-shadow(0px 0px 5px #555);
}
a[href].annotated {
padding: 5px 0px !important; /* make the whole <a> clickable; including gap between lines*/
}
html div[class*="SongPage__LyricsWrapper"] {
padding-top: var(--egl-page-pt);
padding-bottom: var(--egl-page-pb);
}
${iframeCSSCommon}
</style>`
// Add to <head>
html = appendHeadText(html, headhtml)
return cb(html)
}
},
cleanwhite: {
name: 'Clean white', // secondary theme
themeKey: 'cleanwhite',
scrollableContainer: '.lyrics_body_pad',
defaultStaticOffsetTop: 0,
scripts: function themeCleanWhiteScripts () {
const onload = []
// fixInstrumentalBridge
onload.push(themeCommon.fixInstrumentalBridge)
// Handle annotations
if (!annotationsEnabled) {
// Remove all annotations
onload.push(themeCommon.removeAnnotations)
} else {
onload.push(themeCommon.addAnnotationHandling)
}
onload.push(themeCommon.targetBlankLinks)
onload.push(() => setTimeout(themeCommon.targetBlankLinks, 1000))
onload.push(() => {
Promise.resolve(0).then(() => {
document.documentElement.classList.add('v')
})
})
// Set custom fontSize
onload.push(themeCommon.setCustomFontSize)
// Goto lyrics
onload.push(scrollToBegining)
return onload
},
combine: function themeCleanWhiteCombineGeniusResources (song, html, annotations, onCombine) {
const result = themeCommon.extractLyrics(html, song)
if (result.error) {
return onCombine(result.errorHtml)
}
const { lyricsHtml, headerHtml, bodyWidth } = result
let headhtml = `
<link rel="stylesheet" href="//fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&family=YouTube+Sans:wght@300..900&display=swap">
<style>
body {
background:#ffffff linear-gradient(to bottom, #fafafa, #ffffff) fixed !important;
color:black;
font-family:'Youtube Sans', Roboto, Arial, sans-serif;
max-width:${bodyWidth - 20}px;
overflow-x:hidden;
}
.mylyrics {color: black; margin-top:1em;}
.mylyrics a:link,.mylyrics a:visited,.mylyrics a:hover{color:black; }
.myheader a:link,.myheader a:visited {color: rgb(96, 96, 96);}
.myheader {
border-bottom: 1px solid #0002;
padding-bottom: 1em;
margin: 0 10px;
max-width: ${bodyWidth - 20 - 20}px;
}
h1.mytitle a:link,h1.mytitle a:visited {color: rgb(96, 96, 96);}
.annotationbox {position:absolute; display:none; max-width:95%; min-width: 160px;padding: 3px 7px;margin: 2px 0 0;background-color: rgba(245, 245, 245, 0.98);background-clip: padding-box;border: 1px solid rgba(0,0,0,.15);border-radius: .25rem;}
.annotationbox .annotationlabel {display:block;color:rgb(10, 10, 10);border-bottom:1px solid rgb(200,200,200);padding: 0;font-weight:600}
.annotationbox .annotation_rich_text_formatting {color: black}
.annotationbox .annotation_rich_text_formatting a {color: rgb(6, 95, 212)}
*[class*=HeaderArtistAndTracklist][class*=__Tracklist] {
font-size:smaller;
}
*[class*=HeaderArtistAndTracklist][class*=__Tracklist] [class*=Link__StyledLink] {
padding-left:0.3em;
}
div[class*="HeaderArtistAndTracklistPrimis"] /* desktop_react_atf */ {
display:none;
}
div.LHeaderMetaCredits__Container {
display:none;
}
html .lyrics_body_pad{
padding-top: var(--egl-page-pt);
padding-bottom: var(--egl-page-pb);
}
h1,h2,h3,h4,h5,h6 {
margin:0;
}
${iframeCSSCommon}
</style>`
// Add annotation data
headhtml += '\n<script id="annotationsdata_for_userscript" type="application/json">' + JSON.stringify(annotations).replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>') + '</script>'
return onCombine(`
<html>
<head>
${headhtml}
</head>
<body>
<div id="application">
<main>
<div class="lyrics_body_pad">
${headerHtml}
<div id="lyrics-root" class="mylyrics song_body-lyrics">
${lyricsHtml}
</div>
</div>
<div class="annotationbox" id="annotationbox"></div>
<span id="lyrics_rendered"></span>
</main>
</div>
</body>
</html>
`)
}
},
spotify: {
name: 'Spotify', // secondary theme
themeKey: 'spotify',
scrollableContainer: '.lyrics_body_pad',
defaultStaticOffsetTop: 0,
scripts: function themeSpotifyScripts () {
const onload = []
// fixInstrumentalBridge
onload.push(themeCommon.fixInstrumentalBridge)
// Handle annotations
if (!annotationsEnabled) {
// Remove all annotations
onload.push(themeCommon.removeAnnotations)
} else {
onload.push(themeCommon.addAnnotationHandling)
}
onload.push(themeCommon.targetBlankLinks)
onload.push(() => setTimeout(themeCommon.targetBlankLinks, 1000))
onload.push(() => {
Promise.resolve(0).then(() => {
document.documentElement.classList.add('v')
})
})
// Set custom fontSize
onload.push(themeCommon.setCustomFontSize)
// Goto lyrics
onload.push(scrollToBegining)
return onload
},
combine: function themeSpotifyCombineGeniusResources (song, html, annotations, onCombine) {
const result = themeCommon.extractLyrics(html, song)
if (result.error) {
return onCombine(result.errorHtml)
}
const { lyricsHtml, headerHtml, bodyWidth } = result
let headhtml = ''
const spotifyOriginalCSS = document.head.querySelector('link[rel="stylesheet"][href*="spotifycdn.com"][href*="web-player"]')
if (spotifyOriginalCSS) {
headhtml += spotifyOriginalCSS.outerHTML
}
headhtml += `<style>
html{
scrollbar-color:hsla(0,0%,100%,.3) transparent;
scrollbar-width:auto; }
body {
background-color: rgb(21, 21, 21) !important;
color:white;
max-width: ${bodyWidth - 20}px;
overflow-x:hidden;
font-family:CircularSp,CircularSp-Arab,CircularSp-Hebr,CircularSp-Cyrl,CircularSp-Grek,CircularSp-Deva,'HelveticaNeue',Arial,sans-serif;
padding:10px;
}
.mylyrics {color: #bebebe; margin-top:1em;}
.mylyrics a:link,.mylyrics a:visited,.mylyrics a:hover{color:#f3f3f3}
.myheader {
border-bottom: 1px solid #FFF2;
padding-bottom: 1em;
margin: 0 10px;
max-width: ${bodyWidth - 20 - 20}px;
}
.myheader a:link,.myheader a:visited {color: #f3f3f3; }
h1.mytitle a:link,h1.mytitle a:visited {color: #bebebe; }
::-webkit-scrollbar-thumb {background-color: hsla(0,0%,100%,.3);}
.annotationbox {position:absolute; display:none; max-width:95%; min-width: 160px;padding: 3px 7px;margin: 2px 0 0;background-color: #282828;background-clip: padding-box;border: 1px solid rgba(0,0,0,.15);border-radius: .25rem;}
.annotationbox .annotationlabel {display:inline-block;background-color: hsla(0,0%,100%,.6);color: #000;border-radius: 2px;padding: 0 .3em;}
.annotationbox .annotation_rich_text_formatting {color: black}
.annotationbox .annotation_rich_text_formatting a {color: black)}
*[class*=HeaderArtistAndTracklist][class*=__Tracklist] {
font-size:smaller;
}
*[class*=HeaderArtistAndTracklist][class*=__Tracklist] [class*=Link__StyledLink] {
padding-left:0.3em;
}
div[class*="HeaderArtistAndTracklistPrimis"] {
display:none;
}
div.LHeaderMetaCredits__Container {
display:none;
}
h1,h2,h3,h4,h5,h6 {
margin:0;
}
html .lyrics_body_pad{
padding-top: var(--egl-page-pt);
padding-bottom: var(--egl-page-pb);
}
${iframeCSSCommon}
</style>`
// Add annotation data
headhtml += '\n<script id="annotationsdata_for_userscript" type="application/json">' + JSON.stringify(annotations).replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>') + '</script>'
return onCombine(`
<html>
<head>
${headhtml}
</head>
<body>
<div id="application">
<main>
<div class="lyrics_body_pad">
${headerHtml}
<div id="lyrics-root" class="mylyrics song_body-lyrics">
${lyricsHtml}
</div>
</div>
<div class="annotationbox" id="annotationbox"></div>
<span id="lyrics_rendered"></span>
</main>
</div>
</body>
</html>
`)
}
}
}
genius.option.themeKey = Object.keys(themes)[0]
theme = themes[genius.option.themeKey]
function combineGeniusResources (song, html, annotations, cb) {
return theme.combine(song, html, annotations, cb)
}
function reloadCurrentLyrics () {
// this is for special use - if the iframe is moved to another container, the content will be re-rendered.
// As the lyrics is lost, it requires reloading
const compoundTitle = genius.current.compoundTitle
if (compoundTitle) {
const hitFromCache = getLyricsSelection(compoundTitle, null)
if (hitFromCache) {
showLyrics(hitFromCache, 1)
return true
}
}
return false
}
function multipleResultsFound (hits, mTitle, mArtists) {
// Multiple matches and no one exact match
// or multiple artists multiple results
if ('autoSelectLyrics' in custom) {
const ret = custom.autoSelectLyrics(hits, mTitle, mArtists)
if (ret && ret.hit) {
showLyricsAndRemember(mTitle, mArtists, ret.hit, hits.length)
return
}
}
// let user decide
custom.listSongs(hits)
}
function loadLyrics (force, beLessSpecific, songTitle, songArtistsArr, musicIsPlaying) {
let songArtists = null
let compoundTitle = null
let queryType = 0
let simpleTitle = null
let firstArtist = null
if (typeof songTitle === 'string' && (songArtistsArr || 0).length >= 0) {
songArtists = songArtistsArr.join(' ')
compoundTitle = generateCompoundTitle(songTitle, songArtists)
queryType = 1
simpleTitle = songTitle.replace(/\s*-\s*.+?$/, '') // Remove anything following the last dash
firstArtist = songArtistsArr[0]
if (beLessSpecific) {
songArtists = firstArtist
songTitle = simpleTitle
}
} else if (typeof songTitle === 'string' && songArtistsArr === null) {
compoundTitle = songTitle
queryType = 2
beLessSpecific = false
}
const themeSettings = `${genius.option.themeKey} ${genius.option.fontSize}`
if (force || beLessSpecific || (!document.hidden && musicIsPlaying && (genius.current.compoundTitle !== compoundTitle)) || genius.current.themeSettings !== themeSettings) {
const mCTitle = genius.current.compoundTitle = compoundTitle
genius.current.themeSettings = themeSettings
if ('onNewSongPlaying' in custom) {
custom.onNewSongPlaying(songTitle, songArtistsArr)
}
function isFuzzyMatched (hits) {
// if first hit's _order is the only highest, consider it as fuzzy matched
if (!hits) return null
return hits[0] && hits[1] && hits[0]._order > hits[1]._order && hits[1]._order > 0
}
function resultMsg (hits, ...args) {
console.log(...args)
console.log(hits)
}
const hitFromCache = getLyricsSelection(mCTitle, null)
if (!force && hitFromCache) {
showLyrics(hitFromCache, 1)
} else {
geniusSearch(displayTextOfCompoundTitle(mCTitle), function geniusSearchCb (r) {
const hits = r.response.sections[0].hits
if (hits.length === 0) {
hideLyricsWithMessage()
if (queryType === 1 && !beLessSpecific && (firstArtist !== songArtists || simpleTitle !== songTitle)) {
// Try again with only the first artist or the simple title
custom.addLyrics(!!force, true)
} else if (force) {
custom.showSearchField()
} else {
// No results
if ('onNoResults' in custom) {
custom.onNoResults(songTitle, songArtistsArr)
}
}
// invalidate previous cache if any
forgetLyricsSelection(mCTitle, null)
} else if (hits.length === 1) {
showLyricsAndRemember(mCTitle, null, hits[0], 1)
} else if (queryType === 2 || songArtistsArr.length === 1) {
// Check if one result is an exact match
const exactMatches = []
if (queryType === 1) {
for (const hit of hits) {
// hit sorted by _order
if (hit.result.title.toLowerCase() === songTitle.toLowerCase() && hit.result.primary_artist.name.toLowerCase() === songArtistsArr[0].toLowerCase()) {
exactMatches.push(hit)
}
}
}
if (exactMatches.length === 1) {
resultMsg(hits, `Genius Lyrics - exact match is found in ${hits.length} results.`)
showLyricsAndRemember(mCTitle, null, exactMatches[0], hits.length)
} else if (isFuzzyMatched(hits)) {
resultMsg(hits, `Genius Lyrics - fuzzy match is found in ${hits.length} results.`)
showLyricsAndRemember(mCTitle, null, hits[0], hits.length)
} else {
multipleResultsFound(hits, mCTitle, null)
}
} else {
if (isFuzzyMatched(hits)) {
resultMsg(hits, `Genius Lyrics - fuzzy match is found in ${hits.length} results.`)
showLyricsAndRemember(mCTitle, null, hits[0], hits.length)
} else {
resultMsg(hits, 'Genius Lyrics - lyrics results with multiple artists are found.', hits.length, songArtistsArr)
multipleResultsFound(hits, mCTitle, null)
}
}
}, function geniusSearchErrorCb () {
// do nothing
})
}
}
}
function appendElements (target, elements) {
if (typeof target.append === 'function') {
target.append(...elements)
} else {
for (const element of elements) {
target.appendChild(element)
}
}
}
function isGreasemonkey () {
return 'info' in custom.GM && 'scriptHandler' in custom.GM.info && custom.GM.info.scriptHandler === 'Greasemonkey'
}
function setupLyricsDisplayDOM (song, searchresultsLengths) {
// getCleanLyricsContainer
const container = custom.getCleanLyricsContainer()
container.className = '' // custom.getCleanLyricsContainer might forget to clear the className if the element is reused
container.classList.add('genius-lyrics-result-shown')
if (isGreasemonkey()) {
container.innerHTML = '<h2>This script only works in <a target="_blank" href="https://addons.mozilla.org/en-US/firefox/addon/tampermonkey/">Tampermonkey</a></h2>Greasemonkey is no longer supported because of this <a target="_blank" href="https://github.com/greasemonkey/greasemonkey/issues/2574">bug greasemonkey/issues/2574</a> in Greasemonkey.'
return
}
let elementsToBeAppended = []
let separator = document.createElement('span')
separator.setAttribute('class', 'second-line-separator')
separator.setAttribute('style', 'padding:0px 3px')
separator.textContent = '•'
const bar = document.createElement('div')
bar.setAttribute('class', 'lyricsnavbar')
bar.style.fontSize = '0.7em'
bar.style.userSelect = 'none'
// Resize button
if ('initResize' in custom) {
const resizeButton = document.createElement('span')
resizeButton.style.fontSize = '1.8em'
resizeButton.style.cursor = 'ew-resize'
resizeButton.textContent = '⇹'
resizeButton.addEventListener('mousedown', custom.initResize)
elementsToBeAppended.push(resizeButton, separator.cloneNode(true))
}
// Hide button
const hideButton = document.createElement('span')
hideButton.classList.add('genius-lyrics-hide-button')
hideButton.style.cursor = 'pointer'
hideButton.textContent = 'Hide'
hideButton.addEventListener('click', function hideButtonClick (ev) {
genius.option.autoShow = false // Temporarily disable showing lyrics automatically on song change
if (genius.iv.main > 0) {
clearInterval(genius.iv.main)
genius.iv.main = 0
}
hideLyricsWithMessage()
})
elementsToBeAppended.push(hideButton, separator.cloneNode(true))
// Config button
const configButton = document.createElement('span')
configButton.classList.add('genius-lyrics-config-button')
configButton.style.cursor = 'pointer'
configButton.textContent = 'Options'
configButton.addEventListener('click', function configButtonClick (ev) {
config()
})
elementsToBeAppended.push(configButton)
if (searchresultsLengths === 1) {
// Wrong lyrics button
const wrongLyricsButton = document.createElement('span')
wrongLyricsButton.classList.add('genius-lyrics-wronglyrics-button')
wrongLyricsButton.style.cursor = 'pointer'
wrongLyricsButton.textContent = 'Wrong lyrics'
wrongLyricsButton.addEventListener('click', function wrongLyricsButtonClick (ev) {
removeElements(document.querySelectorAll('.loadingspinnerholder'))
forgetLyricsSelection(genius.current.compoundTitle, null)
const searchFieldText = displayTextOfCompoundTitle(genius.current.compoundTitle)
custom.showSearchField(searchFieldText)
})
elementsToBeAppended.push(separator.cloneNode(true), wrongLyricsButton)
} else if (searchresultsLengths > 1) {
// Back button
const backbutton = document.createElement('span')
backbutton.classList.add('genius-lyrics-back-button')
backbutton.style.cursor = 'pointer'
// searchresultsLengths === true is always false for searchresultsLengths > 1
// if (searchresultsLengths === true) {
// backbutton.textContent = 'Back to search results'
// } else {
backbutton.textContent = `Back to search (${searchresultsLengths - 1} other result${searchresultsLengths === 2 ? '' : 's'})`
// }
backbutton.addEventListener('click', function backbuttonClick (ev) {
const searchFieldText = displayTextOfCompoundTitle(genius.current.compoundTitle)
custom.showSearchField(searchFieldText)
})
elementsToBeAppended.push(separator.cloneNode(true), backbutton)
}
const iframe = document.createElement('iframe')
iframe.id = 'lyricsiframe'
iframe.style.opacity = 0.1
// clean up
separator = null
// flush to DOM tree
appendElements(bar, elementsToBeAppended)
appendElements(container, [bar, iframe])
// clean up
elementsToBeAppended.length = 0
elementsToBeAppended = null
return {
container,
bar,
iframe
}
}
function defaultCSS (html) { // independent of iframe or main window
// use with contentStyling
// cache might have REPXn
// if(genius.option.enableStyleSubstitution !== true) return html
/* CSS minimized via https://css-minifier.com/ with discard invalid CSS 3.0; high moderate readability, smaller size */
const defaultCSSTexts = [
`
@font-face{font-family:'Programme';src:url(https://assets.genius.com/fonts/programme_bold.woff2?1671208854) format("woff2"),url(https://assets.genius.com/fonts/programme_bold.woff?1671208854) format("woff");font-style:normal;font-weight:700}
@font-face{font-family:'Programme';src:url(https://assets.genius.com/fonts/programme_normal.woff2?1671208854) format("woff2"),url(https://assets.genius.com/fonts/programme_normal.woff?1671208854) format("woff");font-style:normal;font-weight:400}
@font-face{font-family:'Programme';src:url(https://assets.genius.com/fonts/programme_normal_italic.woff2?1671208854) format("woff2"),url(https://assets.genius.com/fonts/programme_normal_italic.woff?1671208854) format("woff");font-style:italic;font-weight:400}
@font-face{font-family:'Programme';src:url(data:font/woff2;base64,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) format("woff2"),url(https://assets.genius.com/fonts/programme_light.woff?1671208854) format("woff");font-style:normal;font-weight:100}
@font-face{font-family:'Programme';src:url(https://assets.genius.com/fonts/programme_light_italic.woff2?1671208854) format("woff2"),url(https://assets.genius.com/fonts/programme_light_italic.woff?1671208854) format("woff");font-style:italic;font-weight:100}
`,
` .kiNXoS{position:relative;display:-webkit-box;width:100%;line-height:0}
/*.hOMcjE{position:relative;display:-webkit-box;width:100%;height:415px;line-height:0}*/
.dTXQYT{position:relative;display:-webkit-box;width:100%;height:250px;line-height:0}
.ilfajN{position:absolute;left:50%;transform:translateX(-50%);background:#e9e9e9}
/*.hoVEOg{position:absolute;left:50%;transform:translateX(-50%);width:300px;height:250px;background:#e9e9e9}*/
.bIwkeM{position:absolute;left:50%;transform:translateX(-50%);width:728px;height:90px;background:#e9e9e9}
/*.fgEzTD{position:absolute;left:50%;transform:translateX(-50%);background:#64321d}*/
.dIgauN{width:100%}
.jOhzET{background-color:#000;min-height:calc(3rem + 90px);display:-webkit-box}
/*.kNjZBr{font-size:.75rem;font-weight:100;line-height:1;letter-spacing:1px;text-transform:capitalize;color:#fff}*/
.kokouQ{font-size:.75rem;font-weight:400;line-height:1;letter-spacing:1px;text-transform:uppercase;color:#fff}
.xQwqG svg{height:1.33em;margin-left:calc(-1em * 0.548625);vertical-align:top}
.xQwqG::before{content:'\\2003';font-size:.548625em}
/*.gLmHNs{font-weight:100;color:inherit}*/
/*.PcIZE{font-size:1rem;font-weight:100;text-decoration:underline;color:inherit}
.PcIZE:hover{text-decoration:none}*/
/*.fUgcxf{font-weight:100;text-decoration:underline;color:inherit}
.fUgcxf:hover{text-decoration:none}
.fTLMop{font-weight:100;text-decoration:underline;color:inherit}
.fTLMop:hover{text-decoration:none}*/
.lbozyU{line-height:13px}
.lbozyU svg{position:relative;top:1px;height:13px}
.jDxAhO svg{display:block;height:2.25rem;margin:auto;width:2.25rem}
.jDxAhO svg circle{animation:hFBEL 2s ease-out infinite;background-color:inherit}
.iMdmgx:not([src]){visibility:hidden}
.dawSPu{display:-webkit-box;background:#fff;width:calc(10 * 1rem + .75rem);height:1.5rem}
.dawSPu .PageHeadershared__Dropdown-sc-1cjax99-1{right:0}
.cmIqeW{display:-webkit-box;position:relative;cursor:pointer;padding:0 .75rem}
.cmIqeW svg{width:.625rem}
.hTPksM{position:relative;border:none;border-radius:0;background:#fff;color:#000;font-family:'Programme',Arial,sans-serif;font-size:inherit;font-weight:inherit;line-height:inherit;overflow:hidden;resize:none;outline:none;padding-left:.75rem}
.hTPksM::-webkit-input-placeholder,.hTPksM::-webkit-input-placeholder{color:#000;font-size:.75rem}
.hTPksM::-moz-placeholder,.hTPksM::-webkit-input-placeholder{color:#000;font-size:.75rem}
.hTPksM:-ms-input-placeholder,.hTPksM::-webkit-input-placeholder{color:#000;font-size:.75rem}
.hTPksM::placeholder,.hTPksM::-webkit-input-placeholder{color:#000;font-size:.75rem}
.hTPksM::-ms-input-placeholder{color:#000;font-size:.75rem}
.hTPksM:focus::-webkit-input-placeholder{color:#9a9a9a;font-size:.75rem}
.hTPksM:focus::-moz-placeholder{color:#9a9a9a;font-size:.75rem}
.hTPksM:focus:-ms-input-placeholder{color:#9a9a9a;font-size:.75rem}
.hTPksM:focus::placeholder{color:#9a9a9a;font-size:.75rem}
.hVAZmF{font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;line-height:1}
.cLBJdA{width:auto;background-color:transparent;border-radius:1.25rem;padding:.5rem 1.313rem;border:1px solid #000;font-family:'HelveticaNeue',Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.1;color:#000;cursor:pointer}
.cLBJdA:hover{background-color:#000;color:#fff}
.cLBJdA:hover span{color:#fff}
/*.kPiSeV{width:auto;background-color:transparent;border-radius:1.25rem;padding:.5rem 1.313rem;border:1px solid #fff;font-family:'HelveticaNeue',Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.1;color:#fff;cursor:pointer}
.kPiSeV:hover{background-color:#fff;color:#000}
.kPiSeV:hover span{color:#000}*/
/*.ikBeYr{font-size:.75rem;font-weight:100;line-height:1;letter-spacing:1px;text-transform:capitalize;color:#fff}*/
/*.hOzYYd{display:-webkit-box;font-weight:100;font-size:.75rem;height:3rem;background-color:#d62d36;color:#fff;position:-webkit-sticky;top:calc(0);z-index:6}*/
.cpvLYi{display:-webkit-box;margin-left:1rem}
.kMDkxm{position:relative;display:-webkit-box;margin-right:1rem}
/*.kphUUq{margin-right:1.5rem;line-height:1.33;color:#fff}
.kphUUq span{white-space:nowrap;color:#fff}
.kphUUq:hover{text-decoration:underline}*/
/*.kYaBCH{margin-right:1.5rem;line-height:1.33;color:#fff}
.kYaBCH span{white-space:nowrap;color:#fff}
.kYaBCH:hover{text-decoration:underline}*/
.leLkHK{display:-webkit-box;margin-left:2.25rem}
.cRrFdP{display:block;position:relative}
.dvOJud{cursor:pointer}
/*.fqAixv{display:-webkit-box;width:100%;margin-bottom:1rem}*/
/*.cVGQZE{line-height:1.33;white-space:nowrap}*/
/*.eRbhLo{position:relative;display:-webkit-box;column-gap:1.5rem}*/
/*.hxSUxL{font-weight:100;font-size:.75rem;line-height:1.33;color:#fff;max-width:50%}*/
/*.repVv{display:block;line-height:1.2;font-size:.75rem;color:#fff}*/
/*.eOxYeV{font-size:1rem}*/
/*.kviCal{display:-webkit-box;border-radius:1.25rem;padding:.25rem .75rem;border:1px solid #000;font-family:'HelveticaNeue',Arial,sans-serif;font-size:.75rem;color:#000;line-height:1.125}
.kviCal:disabled{opacity:.5}
.kviCal:hover:not(:disabled){background-color:#000;color:#fff}
.kviCal:hover:not(:disabled) span{color:#fff}*/
/*.kTUFzk{height:1rem;vertical-align:text-top}*/
/*.fxOdHk{position:relative}*/
/*.hIOhEv{display:none}*/
/*.chZLLf{display:block;height:100%}*/
/*.jzPNvv{text-align:center;color:#fff}
.jzPNvv .ExpandableContent__TextButton-sc-1165iv-2{margin-top:.75rem}
.jzPNvv .ExpandableContent__TextButton-sc-1165iv-2,.jzPNvv .ExpandableContent__Button-sc-1165iv-1{line-height:1.25}*/
.huhsMa{overflow:hidden;max-height:250px}
/*.exCHLx{display:-webkit-box;font-size:.75rem;font-family:'Programme',Arial,sans-serif;color:#fff}
.exCHLx svg{display:block;height:1.2em}
.exCHLx:disabled{color:#9a9a9a}*/
.dCKKNS{display:-webkit-box;font-size:.75rem;font-family:'Programme',Arial,sans-serif;color:#000}
.dCKKNS svg{display:block;height:.75rem}
.dCKKNS:disabled{color:#9a9a9a}
.kMItKF{text-decoration:none;font-weight:100;font-size:.75rem;margin-left:.25rem;color:inherit}
.gjSNHg{text-decoration:underline;font-weight:100;font-size:.75rem;margin-left:.25rem;color:inherit}
.gjSNHg:hover{text-decoration:none}
.itbKya{appearance:none;border-radius:0;margin:0;background:inherit;border:1px solid #000;padding:.75rem;color:#000;font-size:1rem;font-family:'HelveticaNeue',Arial,sans-serif;font-weight:100;overflow-y:auto;resize:vertical;display:block;width:100%}
.itbKya:disabled{opacity:.3;background-image:url(data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2011%2015%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23000%22%20clip-rule%3D%22evenodd%22%20d%3D%22M1.642%206.864H.369V14.5h10.182V6.864H9.278V4.318a3.818%203.818%200%200%200-7.636%200v2.546zm1.272%200h5.091V4.318a2.546%202.546%200%200%200-5.09%200v2.546z%22%2F%3E%3C%2Fsvg%3E);background-size:.625rem auto;background-position:calc(100% - .5rem + 1px) center;background-repeat:no-repeat;padding-right:calc(.75rem * 2 + .625rem)}
.itbKya::-webkit-input-placeholder{color:rgba(0,0,0,0.5)}
.itbKya::-moz-placeholder{color:rgba(0,0,0,0.5)}
.itbKya:-ms-input-placeholder{color:rgba(0,0,0,0.5)}
.itbKya::placeholder{color:rgba(0,0,0,0.5)}
.eMjKRh{position:relative}
.eQViPi{display:-webkit-box}
.ctylSH{display:-webkit-box;margin-left:auto}
/*.fcQQLw{display:-webkit-box}
.fcQQLw>:not(:last-child){margin-right:1.5rem}*/
.fzwKEO svg{height:1.2em;width:1.2em}
.gAieh svg{height:1.2em;width:1.2em}
/*.cujBpY{display:-webkit-box;padding:1.5rem 0;transform-origin:top;transition-property:transform,max-height,padding,opacity;transition-duration:100ms;transition-timing-function:ease;transform:none;max-height:100vh;opacity:1}
.cujBpY .desktop_song_inread_prebid_container,.cujBpY .desktop_song_inread2_prebid_container,.cujBpY .desktop_song_inread3_prebid_container{margin:auto}*/
.csMTdh{width:100%}
.jecoie{display:grid}
/*.hshFQG{z-index:1;background-image:linear-gradient(#d62d36,#64321d);padding-top:.75rem;padding-bottom:1.5rem;position:relative;color:#fff}*/
/*.jiZgac{width:100%;height:100%;position:relative;z-index:1;display:-webkit-box}*/
/*.brVVKA{display:-webkit-box}*/
/*.iMmhUH{display:-webkit-box}*/
/*.iFxQsP{display:-webkit-box;max-width:32rem}*/
/*.hudniQ{margin-top:.75rem;margin-right:.75rem;width:100%}*/
/*@media screen and (min-width:1164px) {
.hudniQ{max-height:calc(100% + 1.5rem)}
}*/
/*
.dnpvgJ img{display:inline-block;box-shadow:0 0 .75rem 0 rgba(0,0,0,0.05)}
@media screen and (min-width:1164px) {
.dnpvgJ{height:100%;text-align:right}
.dnpvgJ img{max-height:100%}
}*/
/*.fpQGbx{display:-webkit-box;font-size:1.5rem;font-weight:400;color:#fff;line-height:1.125;word-wrap:break-word}*/
/*.jSgIpQ{opacity:1}*/
/*.fmRrc{position:absolute;width:100%;bottom:calc(0 + 3rem);z-index:-2}*/
/*.iEXgTT{width:100%}*/
/*.heddkF{margin-left:1.5rem;width:400px;min-width:400px;max-width:400px}*/
.ENCiS{position:absolute;top:calc(100vh - (0 + 3rem));bottom:0;width:100%;z-index:-2}
/*.iwZJzz{display:-webkit-box;column-gap:1rem}*/
/*.kEyJXB{z-index:3;background-color:#fff;margin-top:1rem;padding:.375rem 0;font-size:.75rem;position:absolute;border:1px solid #000;min-width:100%;cursor:pointer;white-space:nowrap;left:0}
.kEyJXB:before{content:'';position:absolute;width:8px;height:8px;background-color:#fff;border-top:1px solid #000;border-right:1px solid #000;top:0;left:50%;transform:translateX(-50%) translateY(calc(-50% - 1px)) rotate(-45deg)}*/
/*.enfGY{color:#000}
.enfGY:hover{color:#fff;background-color:#000}*/
/*.dLSCVn{margin-left:.375rem}
.dLSCVn svg{width:.375rem}*.
/*.hXTHjZ{display:block;width:100%;padding:.375rem .5rem}*/
/*.smKwV{line-height:1rem}*/
/*.fuMyZH{max-width:25ch;word-wrap:break-word;word-break:break-word;overflow:hidden;white-space:nowrap}*/
.bBMTMQ{display:-webkit-box;margin:1rem 0 0}
.bBMTMQ:empty{display:none}
.dyewdM{margin-bottom:1.5rem;width:100%;font-weight:100;font-size:.75rem}
@media screen and (min-width:1164px) {
.dyewdM{font-size:1rem}
}
.ePvBqA{display:-webkit-box}
.kJxpEi{display:-webkit-box;font-size:inherit;line-height:1;font-family:'Programme',Arial,sans-serif;font-weight:100;white-space:pre}
.kJxpEi svg{display:block;height:1rem}
.ueUKD{text-align:center;font-size:inherit}
.ueUKD .react-share__ShareButton{width:100%}
.fraZOY{height:100%;width:300px;min-height:calc(px + 0.75rem);max-height:50%;padding-top:.75rem}
/*.cFlBmm{height:100%;width:300px;display:-webkit-box;margin:.75rem 0}*/
.kMKmmz{height:100%;width:300px;min-height:calc(px + 0.75rem);max-height:calc(100% - (0 + 3rem + 0.75rem));padding-top:.75rem}
.hQgDBO{position:-webkit-sticky;top:calc(0 + 3rem + 0.75rem)}
.fUyrrM{border:1px solid #000;font-size:.75rem;width:100%}
.fVWWod{display:-webkit-box}
.lfAvEQ{background:#000;color:#fff;font-size:1rem;padding:.25rem 1rem}
.fdEmdh{font-size:.75rem;font-weight:100;line-height:1;letter-spacing:1px;text-transform:none;color:#000;margin-top:.75rem}
.fHdUT{display:grid;font:100 1.125rem/1.5 Programme,Arial,sans-serif;padding:0;min-height:min(var(--annotation-height),100vh);position:relative;width:100%;word-wrap:break-word;word-break:break-word}
.jrjShc{display:-webkit-box}
.kuxJDq.kuxJDq{margin:.75rem}
.YYrds{padding-top:.5rem;padding-bottom:1.5rem;padding-right:1.5rem}
.fMoZxb{position:-webkit-sticky;top:calc(0 + 3rem + 0.75rem);margin-top:1rem;margin-bottom:1.5rem}
.hXQMRu{font-size:.75rem}
.hXQMRu ul{padding-left:1rem;margin-bottom:1rem}
.hXQMRu li{list-style-type:disc}
.eDBQeK{font-weight:700}
.rncXA{font-style:italic}
.kkpCaw{display:none;font-weight:100;margin-bottom:3rem}
.eqRvkr{border-bottom:1px solid #000;margin-bottom:1.313rem;background-color:#e9e9e9;padding-top:2.25rem}
.bcLwQh{padding-bottom:.75rem}
.hFPGxa{position:relative}
.lbdVJq{margin-left:1.313rem}
.hGLtDM{position:-webkit-sticky;top:calc(0 + 3rem + 2.25rem)}
.bXbziL{display:-webkit-box;padding:.5rem 1rem;margin:0}
.ldjaSd{margin-top:1.313rem}
.cSKAwQ{display:grid;background-color:#000}
.fPpEQG{padding:.75rem 0}
/*.hYPlhL{color:#fff}*/
/*.DOZxe{text-align:center;color:#fff;margin-bottom:1.313rem}*/
/*.kiBT{font-size:1rem;border:1px solid #fff;color:#fff;padding:.75rem;width:100%;text-align:left;cursor:text}*/
/*.iyrTpw{border-bottom:1px solid #fff;margin-bottom:3rem;padding-bottom:3rem}*/
.vrxkS{border-bottom:1px solid #000;margin-bottom:3rem;padding-bottom:3rem}
.cabqMy .Fieldshared__FieldControlWithLabel-dxskot-1{display:-webkit-box}
.cabqMy .Fieldshared__FieldLabel-dxskot-2{transition:all .2s}
.cabqMy input:placeholder-shown+.Fieldshared__FieldLabel-dxskot-2{cursor:text;transform-origin:left bottom;transform:translate(.75rem,2.5rem)}
.cabqMy input:focus+.Fieldshared__FieldLabel-dxskot-2,.cabqMy input:not(:placeholder-shown)+.Fieldshared__FieldLabel-dxskot-2{transform:translate(0,0)}
.fyUjsz{display:-webkit-box;margin-bottom:.25rem;font-weight:100;font-size:1rem}
/*.llwCwW{font-size:1rem;border:1px solid #fff;color:#fff;padding:.75rem;width:100%;text-align:left;cursor:text}*/
.esoPOn{font-size:2.25rem;font-weight:400;margin-bottom:1.313rem;line-height:1.1}
/*.gatDgA{position:relative;font-weight:100;color:#fff}*/
.uEMeZ{position:absolute;top:calc(-1.5 * (0 + 3rem))}
.ceKRFE{font-size:.625rem;margin:.75rem 0;text-align:left}
.bZsZHM{display:-webkit-box}
/*.evrydK{color:#fff;border:1px solid #fff;padding:.5rem;font-size:.75rem;font-weight:700}
.evrydK:visited{color:#fff}
.evrydK:hover{background-color:#fff;color:#000}
.evrydK:hover span{color:#000}*/
/*.kykqAa{color:#fff;border:1px solid #fff;padding:.5rem;font-size:.75rem}
.kykqAa:visited{color:#fff}
.kykqAa:hover{background-color:#fff;color:#000}
.kykqAa:hover span{color:#000}*/
/*.kJtCmu{position:relative;font-weight:100;padding:0 1.313rem;color:#fff}*/
.iRKrFW{font-size:2.25rem;font-weight:400;margin-bottom:2.25rem;line-height:1.1}
.dWcYSx{display:grid;text-align:left}
.fognin{font-size:.75rem}
.fognin:not(:last-child){margin-bottom:1.5rem}
.kOJa-dB{display:block;font-size:.625rem;color:#fff}
.lopKUj{position:absolute;top:calc(-1.5 * (0 + 3rem))}
/*.cYtdTH{margin:1.313rem 0 1rem}*/
/*.gefSol{font-weight:100;background-image:linear-gradient(#d62d36,#64321d);padding-bottom:2.25rem}*/
.eSiFpi{padding-top:calc(2.25rem + .375rem)}
/*.kcXwIY{font-size:5rem;text-align:center;font-weight:400;color:#fff}*/
.cVjBCj{display:-webkit-box}
.frgRKG{display:grid}
.bIlJhm{padding-bottom:1.313rem}
.lgbAKX{padding-top:calc(2.25rem + .375rem)}
.kojbqH{font-size:5rem;margin-bottom:1rem;text-align:center}
.jZrfsi{font-size:2.25rem;font-weight:400;line-height:1.1}
.euQZer{margin-top:2.25rem;text-align:center;font-weight:100;color:#000}
.gRiFtA{position:relative;height:480px}
.fOsBvT{position:absolute;top:50%;left:50%;transform:translate(-50%)}
.gTBWpu{text-align:center;padding:0 1rem}
.fHiIPi{margin:1rem 0}
.iXrcWP{z-index:2;bottom:0;display:-webkit-box;padding:1rem;position:fixed;left:0;right:0}
.cziiuX svg{display:block;height:22px}
.fRTMWj svg{display:block;height:19px}
.iuNSEV{display:-webkit-box}
.iuNSEV .SocialLinks__Link-jwyj6b-1+.SocialLinks__Link-jwyj6b-1{margin-left:1.5rem}
.uGviF{font-size:2.25rem;font-weight:100;line-height:1.125;margin-bottom:2.25rem}
.kTXFZQ{display:block;color:inherit;margin:0 .25rem}
.hAxKUd{display:block;color:inherit}
.hAxKUd+.PageFooterHotSongLinks__Link-sc-1adazwo-0:before{content:'•';margin:0 .75rem}
.boDKcJ{background-color:#121212}
.gwrcCS{display:block;color:inherit;font-weight:100;cursor:pointer}
.gUdeqB{display:grid;color:#fff;padding:3rem 60px 2.25rem}
.gUdeqB .PageFooterdesktop__Link-hz1fx1-1+.PageFooterdesktop__Link-hz1fx1-1{margin-top:1rem}
.iDkyVM{display:block;color:#9a9a9a;font-weight:100;font-size:.625rem}
.kNXBDG{display:grid;color:#fff;padding:3rem 60px 2.25rem;border-top:.15rem solid #2a2a2a}
.kNXBDG .PageFooterdesktop__Link-hz1fx1-1+.PageFooterdesktop__Link-hz1fx1-1{margin-top:1rem}
.eIiYRJ{display:-webkit-box}
.hNrwqx{display:-webkit-box}
.bMBKQI{color:inherit}
.bMBKQI:after{content:'•';margin:0 1rem}
.dcpJwP{margin-right:1rem}
.cXvCRB{position:relative}
.bcJzkW{position:absolute;top:calc(-1 * (0 + 0))}
.UKjRP{position:relative}
`,
`a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,button,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:inherit}
html{line-height:1;font-size:16px}
li,ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption,td,th{text-align:left;font-weight:400;vertical-align:middle}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:""}
a img{border:none}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
button{background:unset;box-shadow:unset;border:unset;text-shadow:unset;cursor:pointer}
body{overflow-x:hidden;background-color:#fff;color:#000;font-family:Programme,Arial,sans-serif;line-height:1.45}
img{max-width:100%}
a{color:#7d8fe8;text-decoration:none}
*,:after,:before{box-sizing:border-box}
hr{border:1px solid #e9e9e9;border-width:1px 0 0;margin:1rem 0}
pre{white-space:pre-wrap}
::selection{background-color:#b2d7fe}
.noscroll{overflow:hidden;position:absolute;height:100vh;width:100vw}
.noscroll-fixed{overflow:hidden;position:fixed;width:100%}
.grecaptcha-badge{visibility:hidden}
#cf_alert_div{display:none}
`
]
// there are three pieces of texts in defaultCSSTexts. First one is the font files imported in Genius.com which shall be the same no matter whether it is WithPrimis or not.
// the 2nd and 3rd are used to make the styling which is similar to the Genius.com
// if there are matched, REPX1 or REPX2 will be assigned for caching.
// svg might be also replaced if the same svg is found in the pre-defined svg in this UserScript.
html = html
.replace('<style id="REPX1"></style>', () => {
return `<style>${defaultCSSTexts[0]}</style>` // font-face
}).replace('<style id="REPX2"></style>', () => {
return `<style>${defaultCSSTexts[1]}\n${defaultCSSTexts[2]}</style>`
}).replace(/<svg([^><]+)><svg-repx(\d+) v1 \/><\/svg>/g, (a, w, d) => {
d = +d
if (d >= 0) {
let text = defaultSVGBoxs[d]
if (typeof text === 'string') {
return `<svg${w}>` + text.substring(5)
}
text = null
}
return ''
})
return html
}
function contentStyling () {
// contentStyling is to generate a specific css for the styling matching the main window
// mainly background-color and text colors
// (this is part of the contentStylingIframe)
// only if genius.style.enable is set to true by external script
if (genius.style.enabled !== true) return null
if (typeof genius.style.setup === 'function') {
if (genius.style.setup() === false) return null
}
const customProperties = Object.entries(genius.styleProps).map(([prop, value]) => {
return `${prop}: ${value};`
}).join('\n')
const css = `
html {
margin: 0;
padding: 0;
${customProperties}
}
`
return css
}
function contentStylingIframe (html, contentStyle) {
// contentStylingIframe is a function to customize the styling to the html. As the original styles are removed and this is a generic style to apply to every lyrics
// this can make the cache size of lyrics become small and guarantee the style align all the time.
// however, this contracts the original way that GeniusLyrics.js used.
// the original way is to adopt the Genius.com 's style as much as possible.
// the new way is to extract the lyrics and song/album info only to make the cache and then apply the own styles according to the website (YouTube/Spotify)
if (!contentStyle) return html
const css = `
body {
${contentStyle.includes('--egl-background') ? 'background-color: var(--egl-background);' : ''}
${contentStyle.includes('--egl-color') ? 'color: var(--egl-color);' : ''}
${contentStyle.includes('--egl-font-size') ? 'font-size: var(--egl-font-size);' : ''}
margin: 0;
padding: 0;
}
html body div[class*="SongPage__LyricsWrapper"]{
padding: 0;
}
html {
--egl-page-pt: 50vh;
--egl-page-pb: 50vh;
--egl-page-offset-top: 30vh;
}
html body {
/* padding-top: var(--egl-page-offset-top); */
}
.LSongHeader__Outer_Container {
position: relative;
${contentStyle.includes('--egl-background') ? 'background-color: var(--egl-background);' : ''} /* play safe */
}
.LSongHeader__Outer_Container > .LSongHeader__Outer {
transform: translateY(calc( -100% - 10vh ));
position: absolute;
height: var(--egl-page-offset-top);
overflow: auto;
width: 100%;
${contentStyle.includes('--egl-background') ? 'background-color: var(--egl-background);' : ''} /* for scroll bar color */
}
.LSongHeader__Outer [class*="HeaderArtistAndTracklist"][class*="_Container"] {
flex-wrap: wrap;
}
.LSongHeader__Outer [class*="HeaderCredits"],
.LSongHeader__Outer [class*="HeaderArtistAndTracklist"] {
font-size: inherit;
}
.LSongHeader__Outer div[class] {
row-gap: 3px;
}
.LSongHeader__Outer a[href] {
text-decoration: none;
border-bottom: 1px solid rgba(127, 127, 127, 0.5);
}
.LSongHeader__Outer .LSongHeader__Title a[href] {
text-decoration: none;
border-bottom: 0px;
}
.LSongHeader__Outer [class*="SongHeader"][class*="_Information"] ~ [class*="SongHeader"][class*="Container"] {
width: auto;
min-width: initial;
margin: 0;
}
.LSongHeader__Outer [class*="MetadataStats__LabelWithIcon"] {
column-gap: 8px;
}
html #application {
padding-top: var(--egl-page-pt);
padding-bottom: var(--egl-page-pb);
}
h1[class].LSongHeader__Title{
font-size: 140%;
}
[class*="LabelWithIcon__Container"],
[class*="MetadataStats__LabelWithIcon"]
{
font-size: inherit;
}
[class*="LabelWithIcon__Container"] svg,
[class*="MetadataStats__LabelWithIcon"] svg,
svg[class*="MetadataTooltip__InfoIcon"] {
height: 1.2em;
width: 1.2em;
font-size: inherit;
}
.LHeaderMetaCredits__Selection {
white-space: nowrap;
word-break: normal;
/* .grjXi, .glevmK */
font-weight: 100;
font-size: .75rem;
line-height: 1.33;
}
.LDESKTOPONLY__Grid{
display: grid;
grid-template-columns: repeat(2,1fr);
-webkit-column-gap: 0.75rem;
}
[class].LDESKTOPONLY__Grid{
column-gap: 28px;
}
a[href^="#"][class="HeaderBio__Wrapper"]{
/* .eFqCnd */
line-height: 1.33;
}
body #annotationcontainer958 {
${contentStyle.includes('--egl-font-size') ? 'font-size: var(--egl-font-size);' : ''}
}
.annotationcontent {
max-height: 30vh;
overflow: auto;
}
main,
#application {
--egl-container-display: none;
/* default hide; override by info conatiner */
}
#application {
padding: 28px;
/* looks better to give some space away from the iframe */
}
[class*="LabelWithIcon__Container"] [class*="LabelWithIcon__Label"] {
font-size:inherit; /* general */
}
div[class].LSongHeader__CenterInfo {
color: inherit; /* for dekstop_react */
}
div#lyrics-root[class*="Lyrics__Root"] {
font-size: inherit; /* for lyrics text */
}
body .LHeaderMetaCredits__List, body .HeaderTracklist__Container {
font-size: inherit; /* revert 1rem */
}
body .LHeaderMetaCredits__Selection{
margin-bottom:0; /* revert mb */
}
#application:not(:hover) [data-lyrics-container="true"]::selection {
/* no selection when the cursor moved out */
color: inherit;
background: inherit;
}
div[class*="SongPageGrid"],
div[class*="SongHeader"] {
background-color: transparent;
padding: 0;
}
div[class*="SongPageGrid"],
div[class].LSongHeader__Container {
background-image: none;
/* no header background image */
}
div[data-exclude-from-selection] {
display: none;
}
main[class*="Container"] h1[font-size][class*="SongHeaderWithPrimis__Title"] {
margin-bottom: 8px;
}
div[class].LSongHeader__Left {
display: none;
/* just empty space */
}
div[class].LSongHeader__Bottom {
margin-bottom:1em;
}
div[class*="SongPageGriddesktop"] {
display: block;
}
span[class*="LabelWithIcon"]>svg,
button[class*="LabelWithIcon"]>svg,
div[class*="Tooltip__Container"] svg,
span[class*="InlineSvg__Wrapper"]>svg {
fill: currentColor;
/* dynamic color instead of black */
}
p[class*="__Label"],
span[class*="__Label"],
div[class*="__Section"],
button[class*="__Container"] {
color: inherit;
/* follow parent styles */
text-decoration: none;
cursor: inherit;
/* follow parent styles */
}
div[class*="MetadataStats"] {
cursor: default;
/* no pointer */
}
div[class*="MetadataStats"] [class] {
cursor: inherit;
}
div[class*="MetadataStats__Container"] {
font-size: 0.75rem;
}
div[class].LSongHeader__CenterInfo {
margin: 0;
padding: 0;
max-width: 100%;
white-space: normal;
display: flex;
flex-direction: column;
}
div[class].LSongHeader__CenterInfo .LHeaderMetaCredits__Container{
/* using flexbox with wrapping */
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 0px;
align-items: center;
justify-items: center;
}
div[data-lyrics-container][class*="Lyrics__Container"] {
padding: 0;
}
body .annotated span,
body .annotated span:hover,
body a[href],
body a[href]:hover,
body .annotated a[href],
body .annotated a[href]:hover,
body a[href]:focus-visible,
body .annotated a[href]:focus-visible,
body .annotated:hover span,
body .annotated.highlighted span {
background-color: transparent;
outline: none;
}
body .annotated span:hover,
body .annotated a[href]:hover,
body .annotated a[href]:focus-visible,
body .annotated:hover span,
body .annotated.highlighted span {
text-decoration: underline;
}
a[href][class],
span[class*="PortalTooltip"],
div[class*="HeaderCreditsPrimis"] /* desktop_react_atf */,
div[class*="HeaderArtistAndTracklistPrimis"] /* desktop_react_atf */,
div[class*="HeaderTracklist__Container"] /* desktop_react */
{
font-size: inherit;
}
div[class].LSongHeader__CenterInfo h1+div[class*="HeaderArtistAndTracklistPrimis"] /* desktop_react_atf */
{
font-size: 80%;
margin-top: 10px;
margin-bottom: 3px;
}
.LSongHeader__CenterInfo .LSongHeader__Title + span[class*="PortalTooltip__Container"] /* desktop_react */
{
font-size: 80%;
display:inline-flex;
margin-top: 10px;
margin-bottom: 3px;
}
.LSongHeader__CenterInfo .LSongHeader__Title + span[class*="PortalTooltip__Container"] + div[class*="HeaderTracklist__Container"] /* desktop_react */
{
font-size: 80%;
display:inline-flex;
margin-top: 10px;
margin-bottom: 3px;
}
.LSongHeader__CenterInfo .LSongHeader__Title + span[class*="PortalTooltip__Container"] + div[class*="HeaderTracklist__Container"]::before /* desktop_react */
{
content: "•";
margin: 0 .5em;
display: inline-block;
float: left;
}
.LSongHeader__CenterInfo .LSongHeader__Title + span[class*="PortalTooltip__Container"] + div[class*="HeaderTracklist__Container"] [class*="HeaderTracklist__AlbumWrapper"] /* desktop_react */
{
display: inline-flex;
flex-direction: row;
flex-wrap: nowrap;
}
.LSongHeader__CenterInfo [class], div[class].LSongHeader__Container {
color: inherit;
}
.LSongHeader__CenterInfo {
--egl-container-display: '-NULL-';
/* all under info would not hide */
}
div[class*="Footer"],
div[class*="Leaderboard"] {
display: none;
/* unnessary info */
}
div[class*="SongPage__Section"] #about,
div[class*="SongPage__Section"] #about~*,
div[class*="SongPage__Section"] #comments,
div[class*="SongPage__Section"] #comments~* {
display: none;
/* unnessary info */
}
div[class*="SongPage__Section"] #lyrics-root-pin-spacer {
padding-top: 12px;
/* look better */
}
div[class*="Header"] {
max-width: unset;
/* default just 50%; want full width */
}
div[class*="SongHeader"] h1 {
font-size: 200%; /* by default */
white-space: break-spaces;
}
div[class*="SongHeader"] h1[font-size="medium"] {
font-size: 140%;
/* make song header title smaller */
white-space: break-spaces;
}
div[class*="SongHeader"] h1[font-size="xSmallHeadline"] {
font-size: 120%;
/* make song header title bigger */
white-space: break-spaces;
}
/* the following shall apply with padding-top: XXX */
/* the content might be hidden if height > XXX */
/* the max-height allow the header box to be scrolled if height > XXX */
disabled.genius-lyrics-header-container {
position: relative;
/* set 100% width for inner absolute box */
}
disabled.genius-lyrics-header-container > * {
/* main purpose for adding class using CSS event triggering; avoid :has() */
--genius-lyrics-header-content-display: none;
display: var(--genius-lyrics-header-content-display);
/* none by default */
}
disabled.genius-lyrics-header-container > .genius-lyrics-header-content {
${contentStyle.includes('--egl-infobox-background') ? 'background-color: var(--egl-infobox-background);' : ''}
/* give some color to info container background */
padding: 18px 26px;
/* looks better */
--genius-lyrics-header-content-display: '--NULL--';
/* override none */
position: absolute;
width: 100%;
/* related to .genius-lyrics-header-container which is padded */
transform: translateY(-100%);
/* 100% height refer to the element itself dim */
max-height: calc( var(--egl-page-offset-top) + var(--egl-page-pt) );
display: flex;
flex-direction: column;
overflow: auto;
height: auto;
word-break: break-word;
}
div[class*="Lyrics__Container"][data-lyrics-container="true"] {
word-break: keep-all;
/* not only a single lyrics character get wrapped. the whole lyrics word will be wrapped */
}
.LHeaderMetaCredits__Selection {
/* flexbox for header info */
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: 18px;
row-gap: 2px;
width: 100%;
justify-content: start;
padding: 4px 0px;
}
div[class*="LyricsEditdesktop__"] {
display: none;
}
div[class*="HeaderArtistAndTracklistPrimis__Container"] div[class*="HeaderArtistAndTracklistPrimis__Tracklist"]>a[href], /* desktop_react_atf */
div[class*="HeaderTracklist__Container"] div[class*="HeaderTracklist__Album"] a[href], /* desktop_react */
div[class*="HeaderArtistAndTracklistdesktop__Container"] div[class*="HeaderArtistAndTracklistdesktop__Tracklist"] a[href] /* new desktop */
{
margin: 6px;
}
body button {
color: inherit;
}
.LSongHeader__CenterInfo a[href][class]{
padding: 0;
margin: 0;
}
.LSongHeader__CenterInfo a[href="#about"]
{
font-weight: 300;
font-size: 85%;
opacity: 0.65;
/* coloring only */
}
h1,
div[class*="SongPage__LyricsWrapper"] {
white-space: normal;
}
disabled.genius-lyrics-header-content div[class*="MetadataStats__Stats"] {
/* using flexbox with wrapping */
display: flex;
flex-wrap: wrap;
/* element blocks with wrapping */
white-space: nowrap;
/* text itself no wrapping */
row-gap: 4px;
column-gap: 16px;
margin-top: 6px;
width: 100%;
/* force the div to be full width */
font-size: 85%;
}
[class*="Tooltip__Children"], [class*="Tooltip__Container"] {
display: inline-flex;
flex-direction: row;
align-items: center;
justify-content: center;
justify-items: center;
align-content: center;
align-self: center;
justify-self: center;
}
disabled.genius-lyrics-header-content div[class*="MetadataStats__Stats"] > [class] {
margin-right: 0;
display: flex;
justify-content: center;
align-items: center;
column-gap: 2px;
}
disabled.genius-lyrics-header-content div[class*="MetadataStats__Stats"] button[class*="LabelWithIcon__Container"] {
display: flex;
justify-content: center;
cursor: default;
}
disabled.genius-lyrics-header-content div[class*="MetadataStats__Stats"] span[class*="LabelWithIcon__Container"] {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
}
.LHeaderMetaCredits__Label[class] {
font-size: 0.92em; /* instead of 0.75rem */
align-self: center;
}
#lyrics-root [class*="Lyrics__Title"]{
font-size: 0.7rem; /* looks better */
margin: 12px 4px; /* looks better */
color: inherit;
opacity: 0.89; /* lighter in color */
}
.LSongHeader__Title a[href][style*="color"] {
color: inherit !important; /* important color set by inherit instead */
}
.LSongHeader__Title a[href][class] {
color: inherit; /* if not forced color, inherit color */
}
disabled.genius-lyrics-header-content div[class].LHeaderMetaCredits__List{
font-size: 92%;
}
disabled.genius-lyrics-header-content div[class].LHeaderMetaCredits__List span,
disabled.genius-lyrics-header-content div[class].LHeaderMetaCredits__List button{
font-size: inherit;
}
button[class*="List__More"] {
cursor: inherit;
color: inherit;
text-decoration: inherit;
font-size: inherit;
}
[data-lyrics-container="true"] a[class], [data-lyrics-container="true"] span[class] {
color: inherit;
}
/* desktop_react_atf */
.LSongHeader__CenterInfo ~ div[class*="SongHeaderWithPrimis__PrimisContainer"] /* desktop_react_atf */ {
display: none;
}
div[class*="HeaderArtistAndTracklistPrimis__Container"] /* desktop_react_atf */
{
flex-wrap: wrap;
column-gap: 6px;
row-gap: 2px;
}
.LSongHeader__CenterInfo div[class*="SongHeaderWithPrimis__Bottom"] /* desktop_react_atf */ {
display: flex;
flex-direction: column;
}
disabled.genius-lyrics-header-content a[href][class*="Link__"] {
color: var(--egl-link-color);
font-weight: 100;
text-decoration: none;
}
div[class*="HeaderMetadata__ReleaseDate"] {
font-size: inherit;
}
/* anchor links like #about, #primary-album */
disabled.genius-lyrics-header-content a[href^="#"][class*="Link_"]
{
--egl-link-color: '--NULL--';
pointer-events: none;
text-decoration: inherit;
}
disabled.genius-lyrics-header-content a[href^="#"][class*="Link_"] *
{
pointer-events: all; /* text can be selected */
text-decoration: inherit;
}
disabled.genius-lyrics-header-content a[href^="#"][class*="Link_"] > span[class*="InlineSvg"]:last-child,
disabled.genius-lyrics-header-content a[href^="#"][class*="Link_"] > span[class*="InlineSvg"]:last-child > svg
{
display: none;
}
/* only for #about Read More */
disabled.genius-lyrics-header-content a[href^="#"][class*="Link_"] > span[class*="HeaderBio__ViewBio"]:last-child,
disabled.genius-lyrics-header-content a[href^="#"][class*="Link_"] > span[class*="HeaderBio__ViewBio"]:last-child svg
{
display: none;
}
[class].LHeaderMetaCredits__List /* desktop_react_atf */ {
justify-content: center;
align-items: center;
display: inline-flex;
flex-direction: row;
column-gap: 6px;
}
[class].fTHPLE, [class].LSongHeader__Title{
color: inherit;
}
[class*="SongHeaderdesktop__PrimisContainer"] {
height: auto; /* override fixed height */
}
[class*="SongHeaderdesktop__Information"], [class*="SongHeaderdesktop__SongDetails"] {
row-gap: 0; /* remove unnecessary row gap */
}
[class*="LyricsFooter__Container"] {
display:none;
}
[class*="SidebarLyrics__Sidebar"] {
display:none;
}
`
const contentStyleByDefault = `
html{
--egl-link-color: hsl(206,100%,40%);
}
`
const headhtml = `
<style id="egl-contentstyles">
${contentStyleByDefault}
${contentStyle}
${css}
</style>
`
// Add to <head>
html = appendHeadText(html, headhtml)
return html
}
let isShowLyricsInterrupted = false
let isShowLyricsIsCancelledByUser = false
function interuptMessageHandler (ev) {
const data = (ev || 0).data || 0
if (data.iAm === custom.scriptName && data.type === 'lyricsDisplayState' && typeof data.visibility === 'string') {
isShowLyricsInterrupted = data.visibility !== 'loading'
}
}
/* eslint-disable quotes, comma-dangle, indent */
// to check validity of the content style being used in defaultCSS
const defaultStyleCheckerArr = [".dTXQYT", ".ilfajN", ".bIwkeM", ".dIgauN", ".jOhzET", ".kokouQ", ".xQwqG", ".jDxAhO", ".dawSPu", ".cmIqeW", ".hTPksM", ".hVAZmF", ".cLBJdA", ".cpvLYi", ".kMDkxm", ".leLkHK", ".cRrFdP", ".dvOJud", ".huhsMa", ".dCKKNS", ".kMItKF", ".gjSNHg", ".itbKya", ".eMjKRh", ".eQViPi", ".ctylSH", ".gAieh", ".csMTdh", ".jecoie", ".ENCiS", ".bBMTMQ", ".dyewdM", ".ePvBqA", ".kJxpEi", ".ueUKD", ".fraZOY", ".kMKmmz", ".hQgDBO", ".fUyrrM", ".fVWWod", ".lfAvEQ", ".fdEmdh", ".fHdUT", ".jrjShc", ".YYrds", ".fMoZxb", ".hXQMRu", ".eDBQeK", ".rncXA", ".kkpCaw", ".eqRvkr", ".bcLwQh", ".hFPGxa", ".lbdVJq", ".hGLtDM", ".bXbziL", ".ldjaSd", ".cSKAwQ", ".fPpEQG", ".vrxkS", ".cabqMy", ".fyUjsz", ".esoPOn", ".uEMeZ", ".ceKRFE", ".bZsZHM", ".iRKrFW", ".dWcYSx", ".fognin", ".lopKUj", ".eSiFpi", ".cVjBCj", ".frgRKG", ".bIlJhm", ".lgbAKX", ".kojbqH", ".jZrfsi", ".euQZer", ".gRiFtA", ".fOsBvT", ".gTBWpu", ".fHiIPi", ".iXrcWP", ".cziiuX", ".fRTMWj", ".iuNSEV", ".uGviF", ".kTXFZQ", ".hAxKUd", ".boDKcJ", ".gwrcCS", ".gUdeqB", ".iDkyVM", ".kNXBDG", ".eIiYRJ", ".hNrwqx", ".bMBKQI", ".dcpJwP", ".cXvCRB", ".bcJzkW", ".UKjRP", ".noscroll"]
// store all the svgs displayed in the lyrics panel; reduce cache size
const defaultSVGBoxs =
[
"<svg><path d=\"M11.7 2.9s0-.1 0 0c-.8-.8-1.7-1.2-2.8-1.2-1.1 0-2.1.4-2.8 1.1-.2.2-.3.4-.5.6v.1c0 .1.1.1.1.1.4-.2.9-.3 1.4-.3 1.1 0 2.2.5 2.9 1.2h1.6c.1 0 .1-.1.1-.1V2.9c.1 0 0 0 0 0zm-.1 4.6h-1.5c-.8 0-1.4-.6-1.5-1.4.1 0 0-.1 0-.1-.3 0-.6.2-.8.4v.2c-.6 1.8.1 2.4.9 2.4h1.1c.1 0 .1.1.1.1v.4c0 .1.1.1.1.1.6-.1 1.2-.4 1.7-.8V7.6c.1 0 0-.1-.1-.1z\"></path><path d=\"M11.6 11.9s-.1 0 0 0c-.1 0-.1 0 0 0-.1 0-.1 0 0 0-.8.3-1.6.5-2.5.5-3.7 0-6.8-3-6.8-6.8 0-.9.2-1.7.5-2.5 0-.1-.1-.1-.2-.1h-.1C1.4 4.2.8 5.7.8 7.5c0 3.6 2.9 6.4 6.4 6.4 1.7 0 3.3-.7 4.4-1.8V12c.1 0 0-.1 0-.1zm13.7-3.1h3.5c.8 0 1.4-.5 1.4-1.3v-.2c0-.1-.1-.1-.1-.1h-4.8c-.1 0-.1.1-.1.1v1.4c-.1 0 0 .1.1.1zm5.1-6.7h-5.2c-.1 0-.1.1-.1.1v1.4c0 .1.1.1.1.1H29c.8 0 1.4-.5 1.4-1.3v-.2c.1-.1.1-.1 0-.1z\"></path><path d=\"M30.4 12.3h-6.1c-1 0-1.6-.6-1.6-1.6V1c0-.1-.1-.1-.1-.1-1.1 0-1.8.7-1.8 1.8V12c0 1.1.7 1.8 1.8 1.8H29c.8 0 1.4-.6 1.4-1.3v-.1c.1 0 .1-.1 0-.1zm12 0c-.6-.1-.9-.6-.9-1.3V1.1s0-.1-.1-.1H41c-.9 0-1.5.6-1.5 1.5v9.9c0 .9.6 1.5 1.5 1.5.8 0 1.4-.6 1.5-1.5 0-.1 0-.1-.1-.1zm8.2 0h-.2c-.9 0-1.4-.4-1.8-1.1l-4.5-7.4-.1-.1c-.1 0-.1.1-.1.1V8l2.8 4.7c.4.6.9 1.2 2 1.2 1 0 1.7-.5 2-1.4 0-.2-.1-.2-.1-.2zm-.9-3.8c.1 0 .1-.1.1-.1V1.1c0-.1 0-.1-.1-.1h-.4c-.9 0-1.5.6-1.5 1.5v3.1l1.7 2.8c.1 0 .1.1.2.1zm13 3.8c-.6-.1-.9-.6-.9-1.2v-10c0-.1 0-.1-.1-.1h-.3c-.9 0-1.5.6-1.5 1.5v9.9c0 .9.6 1.5 1.5 1.5.8 0 1.4-.6 1.5-1.5l-.2-.1zm18.4-.5H81c-.7.3-1.5.5-2.5.5-1.6 0-2.9-.5-3.7-1.4-.9-1-1.4-2.4-1.4-4.2V1c0-.1 0-.1-.1-.1H73c-.9 0-1.5.6-1.5 1.5V8c0 3.7 2 5.9 5.4 5.9 1.9 0 3.4-.7 4.3-1.9v-.1c0-.1 0-.1-.1-.1z\"></path><path d=\"M81.2.9h-.3c-.9 0-1.5.6-1.5 1.5v5.7c0 .7-.1 1.3-.3 1.8 0 .1.1.1.1.1 1.4-.3 2.1-1.4 2.1-3.3V1c0-.1-.1-.1-.1-.1zm12.7 7.6l1.4.3c1.5.3 1.6.8 1.6 1.2 0 .1.1.1.1.1 1.1-.1 1.8-.7 1.8-1.5s-.6-1.2-1.9-1.5l-1.4-.3c-3.2-.6-3.8-2.3-3.8-3.6 0-.7.2-1.3.6-1.9v-.2c0-.1-.1-.1-.1-.1-1.5.7-2.3 1.9-2.3 3.4-.1 2.3 1.3 3.7 4 4.1zm5.2 3.2c-.1.1-.1.1 0 0-.9.4-1.8.6-2.8.6-1.6 0-3-.5-4.3-1.4-.3-.3-.5-.6-.5-1 0-.1 0-.1-.1-.1s-.3-.1-.4-.1c-.4 0-.8.2-1.1.6-.2.3-.4.7-.3 1.1.1.4.3.7.6 1 1.4 1 2.8 1.5 4.5 1.5 2 0 3.7-.7 4.5-1.9v-.1c0-.1 0-.2-.1-.2z\"></path><path d=\"M94.1 3.2c0 .1.1.1.1.1h.2c1.1 0 1.7.3 2.4.8.3.2.6.3 1 .3s.8-.2 1.1-.6c.2-.3.3-.6.3-.9 0-.1 0-.1-.1-.1-.2 0-.3-.1-.5-.2-.8-.6-1.4-.9-2.6-.9-1.2 0-2 .6-2 1.4.1 0 .1 0 .1.1z\"></path></svg>",
"<svg><path d=\"M21.48 20.18L14.8 13.5a8.38 8.38 0 1 0-1.43 1.4l6.69 6.69zM2 8.31a6.32 6.32 0 1 1 6.32 6.32A6.32 6.32 0 0 1 2 8.31z\"></path></svg>",
"<svg><path d=\"M1.6 8.8l.6-.6 1 1 .5.7V6H0v-.8h4.5v4.6l.5-.6 1-1 .6.5L4 11.3 1.6 8.8z\"></path></svg>",
"<svg><path d=\"M12.917 2.042H10.75V.958H9.667v1.084H5.333V.958H4.25v1.084H2.083C1.487 2.042 1 2.529 1 3.125v10.833c0 .596.488 1.084 1.083 1.084h10.834c.595 0 1.083-.488 1.083-1.084V3.125c0-.596-.488-1.083-1.083-1.083zm0 11.916H2.083V6.375h10.834v7.583zm0-8.666H2.083V3.125H4.25v1.083h1.083V3.125h4.334v1.083h1.083V3.125h2.167v2.167z\" stroke-width=\"0.096\"></path></svg>",
"<svg><path d=\"M16.27 13.45L12 10.58V4.46H9.76v7.25L15 15.25z\"></path><path d=\"M11 2a9 9 0 1 1-9 9 9 9 0 0 1 9-9m0-2a11 11 0 1 0 11 11A11 11 0 0 0 11 0z\"></path></svg>",
"<svg><path d=\"M12.55 6.76a4 4 0 1 0 0-4.59 4.41 4.41 0 0 1 0 4.59zm3.07 2.91v5.17H22V9.66l-6.38.01M7 9a4.43 4.43 0 0 0 3.87-2.23 4.41 4.41 0 0 0 0-4.59 4.47 4.47 0 0 0-8.38 2.3A4.48 4.48 0 0 0 7 9zm-7 1.35v6.12h13.89v-6.14l-6.04.01-7.85.01\"></path></svg>",
"<svg><path d=\"M0 7l6.16-7 3.3 7H6.89S5.5 12.1 5.5 12.17h5.87L6.09 22l.66-7H.88l2.89-8z\"></path></svg>",
"<svg><path d=\"M6.5037 26.1204a14.0007 14.0007 0 0 0 17.6775-1.7412 13.9997 13.9997 0 0 0 1.7412-17.6775A14.0004 14.0004 0 0 0 11.5505.7487a13.9992 13.9992 0 0 0-7.1682 3.8316 14.0002 14.0002 0 0 0 2.1213 21.54ZM7.615 4.5022a11.9998 11.9998 0 0 1 16.6443 16.6443 12 12 0 0 1-12.3186 5.1028A12.0005 12.0005 0 0 1 3.1951 9.8875 12.0018 12.0018 0 0 1 7.615 4.5022Zm6.6667 1.9775a1.4996 1.4996 0 0 0-1.4711 1.7928 1.5027 1.5027 0 0 0 .7624 1.0293 1.5002 1.5002 0 0 0 2.063-1.9668 1.4997 1.4997 0 0 0-.2937-.4158 1.4992 1.4992 0 0 0-1.0606-.4394Zm1 14v-8h-4v2h2v6h-3v2h8v-2h-3Z\"></path></svg>",
"<svg><path d=\"M10.66 10.91L0 1.5 1.32 0l9.34 8.24L20 0l1.32 1.5-10.66 9.41\"></path></svg>",
"<svg><path d=\"M8.09 3.81c-1.4 0-1.58.84-1.58 1.67v1.3h3.35L9.49 11h-3v9H2.33v-9H0V6.88h2.42V3.81C2.42 1.3 3.81 0 6.6 0H10v3.81z\"></path></svg>",
"<svg><path d=\"M20 1.89l-2.3 2.16v.68a12.28 12.28 0 0 1-3.65 8.92c-5 5.13-13.1 1.76-14.05.81 0 0 3.78.14 5.81-1.76A4.15 4.15 0 0 1 2.3 9.86h2S.81 9.05.81 5.81A11 11 0 0 0 3 6.35S-.14 4.05 1.49.95a11.73 11.73 0 0 0 8.37 4.19A3.69 3.69 0 0 1 13.51 0a3.19 3.19 0 0 1 2.57 1.08 12.53 12.53 0 0 0 3.24-.81l-1.75 1.89A10.46 10.46 0 0 0 20 1.89z\"></path></svg>",
"<svg><path d=\"M0 7l6.16-7 3.3 7H6.89S5.5 12.1 5.5 12.17h5.87L6.09 22l.66-7H.88l2.89-8z\"></path></svg>",
"<svg><path d=\"M1.6 8.8l.6-.6 1 1 .5.7V6H0v-.8h4.5v4.6l.5-.6 1-1 .6.5L4 11.3 1.6 8.8z\"></path></svg>",
"<svg><circle cx=\"74\" cy=\"10\" r=\"9\"></circle></svg>",
"<svg><path d=\"M8.09 3.81c-1.4 0-1.58.84-1.58 1.67v1.3h3.35L9.49 11h-3v9H2.33v-9H0V6.88h2.42V3.81C2.42 1.3 3.81 0 6.6 0H10v3.81z\"></path></svg>",
"<svg><path d=\"M20 1.89l-2.3 2.16v.68a12.28 12.28 0 0 1-3.65 8.92c-5 5.13-13.1 1.76-14.05.81 0 0 3.78.14 5.81-1.76A4.15 4.15 0 0 1 2.3 9.86h2S.81 9.05.81 5.81A11 11 0 0 0 3 6.35S-.14 4.05 1.49.95a11.73 11.73 0 0 0 8.37 4.19A3.69 3.69 0 0 1 13.51 0a3.19 3.19 0 0 1 2.57 1.08 12.53 12.53 0 0 0 3.24-.81l-1.75 1.89A10.46 10.46 0 0 0 20 1.89z\"></path></svg>",
"<svg><path d=\"M10 0c2.724 0 3.062 0 4.125.06.83.017 1.65.175 2.426.467.668.254 1.272.65 1.77 1.162.508.498.902 1.1 1.153 1.768.292.775.45 1.595.467 2.424.06 1.063.06 1.41.06 4.123 0 2.712-.06 3.06-.06 4.123-.017.83-.175 1.648-.467 2.424-.52 1.34-1.58 2.402-2.922 2.92-.776.293-1.596.45-2.425.468-1.063.06-1.41.06-4.125.06-2.714 0-3.062-.06-4.125-.06-.83-.017-1.65-.175-2.426-.467-.668-.254-1.272-.65-1.77-1.162-.508-.498-.902-1.1-1.153-1.768-.292-.775-.45-1.595-.467-2.424C0 13.055 0 12.708 0 9.995c0-2.712 0-3.04.06-4.123.017-.83.175-1.648.467-2.424.25-.667.645-1.27 1.153-1.77.5-.507 1.103-.9 1.77-1.15C4.225.234 5.045.077 5.874.06 6.958 0 7.285 0 10 0zm0 1.798h.01c-2.674 0-2.992.06-4.046.06-.626.02-1.245.15-1.83.377-.434.16-.828.414-1.152.746-.337.31-.602.69-.775 1.113-.222.595-.34 1.224-.348 1.858-.06 1.064-.06 1.372-.06 4.045s.06 2.99.06 4.044c.007.633.125 1.262.347 1.857.17.434.434.824.775 1.142.31.33.692.587 1.113.754.596.222 1.224.34 1.86.348 1.063.06 1.37.06 4.045.06 2.674 0 2.992-.06 4.046-.06.635-.008 1.263-.126 1.86-.348.87-.336 1.56-1.025 1.897-1.897.217-.593.332-1.218.338-1.848.06-1.064.06-1.372.06-4.045s-.06-2.99-.06-4.044c-.01-.623-.128-1.24-.347-1.827-.16-.435-.414-.83-.745-1.152-.318-.34-.71-.605-1.143-.774-.596-.222-1.224-.34-1.86-.348-1.063-.06-1.37-.06-4.045-.06zm0 3.1c1.355 0 2.655.538 3.613 1.496.958.958 1.496 2.257 1.496 3.61 0 2.82-2.288 5.108-5.11 5.108-2.822 0-5.11-2.287-5.11-5.107 0-2.82 2.288-5.107 5.11-5.107zm0 8.415c.878 0 1.72-.348 2.34-.97.62-.62.97-1.46.97-2.338 0-1.827-1.482-3.31-3.31-3.31s-3.31 1.483-3.31 3.31 1.482 3.308 3.31 3.308zm6.51-8.633c0 .658-.533 1.192-1.192 1.192-.66 0-1.193-.534-1.193-1.192 0-.66.534-1.193 1.193-1.193.316 0 .62.126.844.35.223.223.35.526.35.843z\"></path></svg>",
"<svg><path d=\"M19.81 3A4.32 4.32 0 0 0 19 1a2.86 2.86 0 0 0-2-.8C14.21 0 10 0 10 0S5.8 0 3 .2A2.87 2.87 0 0 0 1 1a4.32 4.32 0 0 0-.8 2S0 4.51 0 6.06V8a30 30 0 0 0 .2 3 4.33 4.33 0 0 0 .8 2 3.39 3.39 0 0 0 2.2.85c1.46.14 5.9.19 6.68.2h.4c1 0 4.35 0 6.72-.21a2.87 2.87 0 0 0 2-.84 4.32 4.32 0 0 0 .8-2 30.31 30.31 0 0 0 .2-3.21V6.28A30.31 30.31 0 0 0 19.81 3zM7.94 9.63V4l5.41 2.82z\"></path></svg>",
"<svg><path d=\"M0 10h24v4h-24z\"></path></svg>",
"<svg><path d=\"M6.5037 26.1204a14.0007 14.0007 0 0 0 17.6775-1.7412 13.9997 13.9997 0 0 0 1.7412-17.6775A14.0004 14.0004 0 0 0 11.5505.7487a13.9992 13.9992 0 0 0-7.1682 3.8316 14.0002 14.0002 0 0 0 2.1213 21.54ZM7.615 4.5022a11.9998 11.9998 0 0 1 16.6443 16.6443 12 12 0 0 1-12.3186 5.1028A12.0005 12.0005 0 0 1 3.1951 9.8875 12.0018 12.0018 0 0 1 7.615 4.5022Zm6.6667 1.9775a1.4996 1.4996 0 0 0-1.4711 1.7928 1.5027 1.5027 0 0 0 .7624 1.0293 1.5002 1.5002 0 0 0 2.063-1.9668 1.4997 1.4997 0 0 0-.2937-.4158 1.4992 1.4992 0 0 0-1.0606-.4394Zm1 14v-8h-4v2h2v6h-3v2h8v-2h-3Z\"></path></svg>",
"<svg><path d=\"m11 4.12 7.6 13.68H3.4L11 4.12M11 0 0 19.8h22L11 0z\"></path><path d=\"M10 8.64h2v4.51h-2zm1 5.45a1.13 1.13 0 0 1 1.13 1.15A1.13 1.13 0 1 1 11 14.09z\"></path></svg>",
"<svg><path d=\"M16.52 21.29H6V8.5l.84-.13a3.45 3.45 0 0 0 1.82-1.09 13.16 13.16 0 0 0 .82-1.85c1.06-2.69 2-4.78 3.52-5.31a2.06 2.06 0 0 1 1.74.17c2.5 1.42 1 5 .16 6.95-.11.27-.25.6-.31.77a.78.78 0 0 0 .6.36h4.1a2.29 2.29 0 0 1 2.37 2.37c0 .82-1.59 5.4-2.92 9.09a2.39 2.39 0 0 1-2.22 1.46zm-8.52-2h8.56a.48.48 0 0 0 .31-.17c1.31-3.65 2.73-7.82 2.79-8.44 0-.22-.1-.32-.37-.32h-4.1A2.61 2.61 0 0 1 12.54 8 4.29 4.29 0 0 1 13 6.46c.45-1.06 1.64-3.89.7-4.43-.52 0-1.3 1.4-2.38 4.14a10 10 0 0 1-1.13 2.38A5.28 5.28 0 0 1 8 10.11zM0 8.4h4.86v12.96H0z\"></path></svg>",
"<svg><path d=\"M8 21.36a2.12 2.12 0 0 1-1.06-.29c-2.5-1.42-1-5-.16-6.95.11-.27.25-.6.31-.77a.78.78 0 0 0-.6-.36H2.37A2.29 2.29 0 0 1 0 10.64c0-.82 1.59-5.4 2.92-9.09A2.39 2.39 0 0 1 5.1.07h10.56v12.79l-.84.13A3.45 3.45 0 0 0 13 14.08a13.16 13.16 0 0 0-.82 1.85c-1.06 2.69-2 4.79-3.49 5.31a2.06 2.06 0 0 1-.69.12zM5.1 2.07a.48.48 0 0 0-.31.17C3.48 5.89 2.07 10.06 2 10.68c0 .22.1.32.37.32h4.1a2.61 2.61 0 0 1 2.61 2.4 4.29 4.29 0 0 1-.48 1.51c-.46 1.09-1.65 3.89-.7 4.42.52 0 1.3-1.4 2.38-4.14a10 10 0 0 1 1.13-2.38 5.27 5.27 0 0 1 2.25-1.56V2.07zM16.76 0h4.86v12.96h-4.86z\"></path></svg>",
"<svg><path d=\"M19.29 1.91v11.46H7.69l-.57.7L5 16.64v-3.27H1.91V1.91h17.38M21.2 0H0v15.28h3.12V22l5.48-6.72h12.6V0z\"></path><path d=\"M4.14 4.29h12.93V6.2H4.14zm0 4.09h12.93v1.91H4.14z\"></path></svg>",
"<svg><path d=\"M16.03 7.39v12.7H1.91V7.39H0V22h17.94V7.39h-1.91\"></path><path d=\"M8.08 3.7v11.81h1.91V3.63l2.99 2.98 1.35-1.35L9.07 0 3.61 5.46l1.36 1.35L8.08 3.7\"></path></svg>",
"<svg><path d=\"M11 2c4 0 7.26 3.85 8.6 5.72-1.34 1.87-4.6 5.73-8.6 5.73S3.74 9.61 2.4 7.73C3.74 5.86 7 2 11 2m0-2C4.45 0 0 7.73 0 7.73s4.45 7.73 11 7.73 11-7.73 11-7.73S17.55 0 11 0z\"></path><path d=\"M11 5a2.73 2.73 0 1 1-2.73 2.73A2.73 2.73 0 0 1 11 5m0-2a4.73 4.73 0 1 0 4.73 4.73A4.73 4.73 0 0 0 11 3z\"></path></svg>",
"<svg><path d=\"M24 10h-10v-10h-4v10h-10v4h10v10h4v-10h10z\"></path></svg>",
"<svg><path d=\"M21.82,20.62,17,15.83l3.59-3.59L17.55,9.17l-3.36.12L10.09,5.19v-3L7.91,0,0,7.91l2.16,2.16L5,10.25,9.1,14.37,9,17.73l3.08,3.08,3.59-3.59L20.43,22ZM11,16.94l.12-3.36L5.85,8.34,3,8.16l-.25-.25L7.91,2.77,8.13,3V6l5.27,5.27,3.36-.12,1.09,1.09L12.06,18Z\"></path></svg>",
"<svg><path d=\"M20.07,1.93V20.07H1.93V1.93H20.07M22,0H0V22H22V0Z\"></path><path d=\"M7.24,8.38l4.07-4.66L13.5,8.38H11.8s-.92,3.35-.92,3.4h3.88l-3.49,6.5s.44-4.61.44-4.66H7.82L9.74,8.38Z\"></path></svg>",
"<svg><path d=\"M16,13.05v-6a7.05,7.05,0,0,0-14.11,0v6H0v6.66H6.65a2.29,2.29,0,0,0,4.57,0h6.65V13.05Zm-12.2-6a5.15,5.15,0,1,1,10.3,0v6H3.79ZM1.9,17.81V15.23H16v2.58Z\"></path></svg>",
"<svg><path d=\"M0,0V15.34H22V0ZM12.32,8.2,11,9.47,9.68,8.2,8.3,6.88l-5.18-5H18.88l-5.18,5ZM6.82,8.1,1.9,12.17V3.37ZM8.21,9.42,11,12.1l2.79-2.68,4.86,4H3.35Zm7-1.33L20.1,3.37v8.8Z\"></path></svg>",
"<svg><path d=\"M20.07,1.93V20.07H1.93V1.93H20.07M22,0H0V22H22V0Z\"></path><path d=\"M3.83,16.29V5.71h2.1V16.29Z\"></path><path d=\"M16.35,16.57l-.65-.71a5.23,5.23,0,0,1-2.83.71A5.43,5.43,0,0,1,7.26,11a5.45,5.45,0,0,1,5.62-5.57A5.45,5.45,0,0,1,18.5,11,5.23,5.23,0,0,1,17,14.82l1.47,1.75ZM12.88,7.29A3.55,3.55,0,0,0,9.36,11a3.56,3.56,0,0,0,3.57,3.69,3.27,3.27,0,0,0,1.48-.28l-1.93-2.12,2.13-.16,1.09,1.22A3.74,3.74,0,0,0,16.4,11,3.55,3.55,0,0,0,12.88,7.29Z\"></path></svg>",
"<svg><path fill-rule=\"evenodd\" d=\"M4 16.483A9 9 0 1 0 14 1.518 9 9 0 0 0 4 16.483Zm.714-13.897a7.714 7.714 0 1 1 8.572 12.828A7.714 7.714 0 0 1 4.714 2.586Zm3.643 6.678 3.594 3.593.906-.906L9.643 8.73V3.214H8.357v6.05Z\" clip-rule=\"evenodd\"></path></svg>",
"<svg><path fill-rule=\"evenodd\" d=\"M20.418 2.53a13.655 13.655 0 0 1 4.806 6.192.818.818 0 0 1 0 .556A13.655 13.655 0 0 1 13 18 13.655 13.655 0 0 1 .776 9.278a.818.818 0 0 1 0-.556A13.655 13.655 0 0 1 13 0c2.667.1 5.246.98 7.418 2.53ZM2.421 9C4.08 13.148 8.664 16.364 13 16.364S21.918 13.148 23.58 9C21.917 4.852 17.335 1.636 13 1.636S4.082 4.852 2.42 9Zm7.852-4.082a4.91 4.91 0 1 1 5.454 8.164 4.91 4.91 0 0 1-5.454-8.164Zm.909 6.803a3.272 3.272 0 1 0 3.636-5.442 3.272 3.272 0 0 0-3.636 5.442Z\" clip-rule=\"evenodd\"></path></svg>",
"<svg><path fill-rule=\"evenodd\" d=\"M3.577 0H18v14.423h-2.394V4.083L1.689 18 0 16.31 13.916 2.395H3.576V0Z\" clip-rule=\"evenodd\"></path></svg>",
'<svg><path d="M15.923 1.385h-2.77V0H11.77v1.385H6.231V0H4.846v1.385h-2.77c-.76 0-1.384.623-1.384 1.384v13.846c0 .762.623 1.385 1.385 1.385h13.846c.762 0 1.385-.623 1.385-1.385V2.77c0-.761-.623-1.384-1.385-1.384Zm0 15.23H2.077V6.923h13.846v9.692Zm0-11.077H2.077V2.77h2.77v1.385H6.23V2.769h5.538v1.385h1.385V2.769h2.77v2.77Z"></path></svg>',
"<svg><path fill-rule=\"evenodd\" d=\"M11.335 2.6v1.333H9.2A11.76 11.76 0 0 1 6.588 9.02a9.654 9.654 0 0 0 3.413 2.247l-.473 1.226a11.279 11.279 0 0 1-3.84-2.56 12.314 12.314 0 0 1-3.853 2.574l-.5-1.24a11.227 11.227 0 0 0 3.44-2.28 10.98 10.98 0 0 1-2-3.72h1.4A9 9 0 0 0 5.7 8.053a9.807 9.807 0 0 0 2.127-4.12H.668V2.6h4.667v-2h1.333v2h4.667Zm7.997 16h-1.433l-1.067-2.667h-4.567L11.2 18.6H9.765l4-10h1.567l4 10Zm-4.787-8.373L12.8 14.6h3.5l-1.754-4.373Z\" clip-rule=\"evenodd\"></path></svg>",
"<svg><path d=\"M4.488 7 0 0h8.977L4.488 7Z\"></path></svg>",
"<svg><path d=\"M4 16.483A9 9 0 1 0 14 1.516 9 9 0 0 0 4 16.483Zm.714-13.897a7.714 7.714 0 1 1 8.572 12.828A7.714 7.714 0 0 1 4.714 2.586ZM9 3.857a.964.964 0 1 0 0 1.928.964.964 0 0 0 0-1.928Zm.643 9V7.714H7.07V9h1.286v3.857H6.428v1.286h5.143v-1.286H9.643Z\"></path></svg>",
'<svg><path d="M4.488.5 0 7.5h8.977L4.488.5Z"></path></svg>',
'<svg><path fill-rule="evenodd" d="M9 .5a9 9 0 1 0 0 18 9 9 0 0 0 0-18Zm0 16.714a7.715 7.715 0 1 1 0-15.43 7.715 7.715 0 0 1 0 15.43Zm.643-12.857H8.357v7.072h1.286V4.357ZM8.464 13.52a.964.964 0 1 1 1.072 1.603.964.964 0 0 1-1.072-1.603Z" clip-rule="evenodd"></path></svg>',
'<svg><path fill-rule="evenodd" d="M4 2.017a9 9 0 1 1 10 14.966A9 9 0 0 1 4 2.017Zm.714 13.897a7.715 7.715 0 1 0 8.572-12.829 7.715 7.715 0 0 0-8.572 12.83ZM4.5 9.765l3.214 3.215L13.5 7.195l-.91-.91-4.876 4.877-2.306-2.305-.908.909Z" clip-rule="evenodd"></path></svg>',
'<svg><path fill-rule="evenodd" d="M3.214 11.671h.643a1.287 1.287 0 0 1 1.286 1.286v1.286a1.287 1.287 0 0 1-1.286 1.286h-.643V18.1H1.93v-2.57h-.643A1.287 1.287 0 0 1 0 14.243v-1.286a1.287 1.287 0 0 1 1.286-1.286h.643V.101h1.285v11.57Zm-1.928 2.572h2.571v-1.286H1.286v1.286Zm9-11.571h-.643V.1H8.357v2.572h-.643A1.287 1.287 0 0 0 6.43 3.957v1.286a1.287 1.287 0 0 0 1.285 1.286h.643V18.1h1.286V6.53h.643a1.287 1.287 0 0 0 1.285-1.286V3.957a1.287 1.287 0 0 0-1.285-1.285Zm0 2.571H7.714V3.957h2.572v1.286Zm6.428 2.571h-.643V.1h-1.285v7.714h-.643A1.287 1.287 0 0 0 12.857 9.1v1.286a1.287 1.287 0 0 0 1.286 1.286h.643V18.1h1.285v-6.429h.643A1.287 1.287 0 0 0 18 10.386V9.1a1.287 1.287 0 0 0-1.286-1.286Zm0 2.572h-2.571V9.1h2.571v1.286Z" clip-rule="evenodd"></path></svg>',
'<svg><path d="M17.51 5.827c.654-.654.654-1.636 0-2.29L14.563.59c-.655-.655-1.637-.655-2.291 0L0 12.864V18.1h5.236L17.51 5.827Zm-4.092-4.09 2.946 2.945-2.455 2.454-2.945-2.945 2.454-2.455ZM1.636 16.463v-2.946l8.182-8.182 2.946 2.946-8.182 8.182H1.636Z"></path></svg>',
'<svg><path fill-rule="evenodd" d="M2.948.1h10.97v1.371H2.948V.101ZM15.29 2.843H1.578v1.372H15.29V2.843Zm.567 15.257H2.144a1.373 1.373 0 0 1-1.371-1.37v-9.6a1.373 1.373 0 0 1 1.37-1.37h13.713a1.373 1.373 0 0 1 1.371 1.37v9.599a1.373 1.373 0 0 1-1.37 1.371ZM2.144 7.13v9.599h13.712V7.13H2.144Z" clip-rule="evenodd"></path></svg>',
'<svg><path d="M6.5 10.68.04.605h12.92L6.5 10.68z"></path></svg>',
'<svg><path d="M16.58 20.73H2V6.15h9.07l2-2H0v18.58h18.58V8.75l-2 2v9.98z"></path><path d="M18.65 0l-4.16 4.15-2 2L8 10.66l-1.59 5.25 5.19-1.6 5-5 2-2 3.71-3.71zm-2.07 7.38l-5.71 5.71-1.23.38-.82-.82.38-1.26 5.25-5.23 2-2L18.65 2l1.67 1.67-1.74 1.71z"></path></svg>',
]
// note: the script can detect that the fetched svg might be missing in the defaultSVGBoxs,
// but if those SVGs are no longer used in all lyrics / theme, there will be no warning or logging to alert the developer.
// in such a case, they will just remains as trash code.
// ( the icon usages are highly dependent on the lyrics and themes )
/* eslint-enable quotes, comma-dangle, indent */
function normalizeClassNameInner (d, k1, k2) {
// in normal version and WithPrimis version, they share some similarity of the Layout Design.
// This is a case by case study to make the generalized class names for the content and styling control in GeniusLyrics.js
switch (d) {
case 'SongHeaderdesktop__Column':
return 'LDESKTOPONLY__Column'
case 'SongHeaderdesktop__Container':
case 'SongHeaderWithPrimis__Container':
return 'LSongHeader__Container'
case 'SongHeaderdesktop__Sentinel':
case 'SongHeaderWithPrimis__Sentinel':
return 'LSongHeader__Sentinel'
case 'SongHeaderdesktop__Left':
case 'SongHeaderWithPrimis__Left':
return 'LSongHeader__Left'
case 'SongHeaderdesktop__Right':
case 'SongHeaderWithPrimis__Right':
return 'LSongHeader__Right'
case 'SongHeaderdesktop__Bottom':
case 'SongHeaderWithPrimis__Bottom':
return 'LSongHeader__Bottom'
case 'SongHeaderdesktop__Center':
case 'SongHeaderWithPrimis__Information':
return 'LSongHeader__CenterInfo'
case 'SongHeaderdesktop__Title':
case 'SongHeaderWithPrimis__Title':
return 'LSongHeader__Title'
case 'SongHeaderdesktop__HiddenMask':
case 'SongHeaderWithPrimis__HiddenMask':
return 'LSongHeader__Title'
case 'HeaderArtistAndTracklistPrimis__Container':
case 'PortalTooltip__Container':
return 'LUNDETERMINED__Container' // set to LHeaderArtistAndTracklist__Container after DOM loaded
case 'SongHeaderdesktop__Artist':
case 'HeaderArtistAndTracklistPrimis__Artist':
return 'LHeaderArtistAndTracklist__Artist'
case 'HeaderMetadata__Container':
case 'HeaderCreditsPrimis__Container':
return 'LHeaderMetaCredits__Container'
case 'HeaderMetadata__Grid':
return 'LDESKTOPONLY__Grid'
case 'HeaderMetadata__Section':
case 'HeaderCreditsPrimis__Section':
return 'LHeaderMetaCredits__Selection'
case 'HeaderMetadata__Label':
case 'HeaderCreditsPrimis__Label':
return 'LHeaderMetaCredits__Label'
case 'HeaderMetadata__List':
case 'HeaderCreditsPrimis__List':
return 'LHeaderMetaCredits__List'
/*
desktop_react_atf
SongHeaderWithPrimis__Bottom
HeaderBio__Wrapper
SongHeaderWithPrimis__HeaderBio
HeaderBio__ViewBio
desktop_react
HeaderMetadata__Section
HeaderMetadata__Label
HeaderMetadata__ReleaseDate
HeaderMetadata__Section
HeaderMetadata__ViewCredits
Link__StyledLink
*/
default:
// if (k1 === 'SongHeaderdesktop' || k1 === 'SongHeaderWithPrimis') {
// return `LSongHeader__${k2}`
// }
// return null // ignore all not recognized
}
return null
}
function normalizeClassNames (htmlText) {
htmlText = htmlText.replace(/\s+class="([a-zA-Z0-9\-_\s]+)"/g, (m, a) => {
if (!a.includes('__')) return m // ignore without __
const arr = []
a.replace(/([A-Za-z]+)__([A-Za-z]+)/g, (d, k1, k2) => {
const newClassName = normalizeClassNameInner(d, k1, k2)
if (newClassName) {
arr.push(newClassName)
}
})
if (arr.length === 0) return m
return ` class="${a} ${arr.join(' ')}"`
})
return htmlText
}
async function trimHTMLReponseTextFn (htmlText) {
/*
original: 200 ~ 400 KB
trimHTMLReponseText only: 130 ~ 200 KB [Spotify Genius Lyrics]
trimHTMLReponseText + enableStyleSubstitution: 25 ~ 50 KB [YouTube Genius Lyrics Simplified Iframe Content]
*/
const originalHtmlText = htmlText
// unicode fix - including various unicodes for "space" and zero-width spaces
htmlText = htmlText.replace(/[\t\x20\u0009-\u000D\u0085\u00A0\u1680\u2000-\u200A\u2028-\u2029\u202F\u205F\u3000]+/g, ' ') /* spacing */ // eslint-disable-line no-control-regex
htmlText = htmlText.replace(/[\u180E\u200B-\u200D\u2060\uFEFF]/g, '')
// reduce blank lines
htmlText = htmlText.replace(/[\r\n](\x20*[\r\n])+/g, '\n')
// remove metas
htmlText = htmlText.replace(/\s*<meta\b[^<>]*(?:(?!>)<[^<>]*)*>\s*/gi, (m) => {
if (m.indexOf('og:url') > 0) return m
return ''
})
// minimize style
htmlText = htmlText.replace(/\s*<style\b[^<]*(?:(?!<\/style>)<[^<]*)*<\/style>\s*/gi, (m) => {
m = m.replace(/\/\*[^/*]*\*\//g, '') // comments
if (genius.option.enableStyleSubstitution) {
m = m.replace(/\s[\w\-.[\]="]+\{content:"[^"]*"\}\s*/g, ' ') // content:'xxx'
m = m.replace(/\s+!important;/g, ';') // !important
// this allows further reduction of html text size, but it shall be used with content styling
// since some genius css is removed in the minimized version (default CSS)
if (m.indexOf('@font-face') > 0 && m.split('@font-face { font-family: \'Programme\'; ').length === 6) {
// font-face
console.log('Genius Lyrics - REPX1')
return '<style id="REPX1"></style>'
} else if (genius.style.enabled === true && m.indexOf('<style data-styled="true" data-styled-version="5.1.0">') >= 0) {
// it is neccessary to check that the fetched style content contains at least the classes that specified in the array defaultStyleCheckerArr.
// if any of them cannot be found in the fetched style content, it might imply the layout design of Genius.com might have changed.
// In such a case, REPX2 would not be applied and the cache will just keep the original copy of the style text.
// defaultStyleCheckerArr shall be applied regardless of WithPrimis.
const arr = defaultStyleCheckerArr
let match = true
const p = []
for (const t of arr) {
if (m.indexOf(t) < 0) {
p.push(t)
match = false
// break
}
}
if (match) {
console.log('Genius Lyrics - REPX2 success')
return '<style id="REPX2"></style>'
} else {
console.log('Genius Lyrics - REPX2 failed', p.length, p)
}
}
}
return m
})
// remove all content scripts
htmlText = htmlText.replace(/\s*<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>\s*/gi, (m) => {
if (m.indexOf('script src=') > 0) return m
return ''
})
// <link ... />
htmlText = htmlText.replace(/\s*<link\b[^<>]*(?:(?!>)<[^<>]*)*>\s*/gi, (m) => {
return ''
})
// <noscript>....</noscript>
htmlText = htmlText.replace(/\s*<noscript\b[^<]*(?:(?!<\/noscript>)<[^<]*)*<\/noscript>\s*/gi, (m) => {
return ''
})
// comments tag
htmlText = htmlText.replace(/\s*<!--[^\->]+-->\s*/gi, (m) => {
return ''
})
const om = new Set()
htmlText = htmlText.replace(/\s*<svg\b[^<]*(?:(?!<\/svg>)<[^<]*)*<\/svg>\s*/gi, (m) => {
m = m.trim()
const mi = m.indexOf('><') // <svg .... ><.... </svg>
if (mi < 0) return m
const n = `<svg><${m.substring(mi + 2).trim()}`
const match = defaultSVGBoxs.indexOf(n) // array search
if (match >= 0) {
return `${m.substring(0, mi)}><svg-repx${match} v1 /></svg>`
} else {
om.add(n)
}
return m
})
if (om.size > 0) {
console.log('Genius Lyrics - new SVGs are found', om.size, [...om.keys()])
}
// remove all <div style="display: none;"> ... </div>
htmlText = htmlText.replace(/<div\b[^<]*(?:(?!<\/div>)<[^<]*)*<\/div>\s*/gi, (m) => {
if (m.startsWith('<div style="display: none;">')) return ''
return m
})
// add normalized classname to adapt both desktop_react and desktop_react_atf
htmlText = normalizeClassNames(htmlText)
console.log(`Genius Lyrics - HTML text size reduced from ${metricPrefix(measurePlainTextLength(originalHtmlText), 2, 1024)} to ${metricPrefix(measurePlainTextLength(htmlText), 2, 1024)}`)
// console.log([htmlText])
// htmlText = response.responseText
// structurize(htmlText)
return htmlText
}
function defaultSpinnerDOM (container, bar, iframe) {
const spinnerDOM = {
createSpinnerHolder: () => {
const spinnerHolder = document.createElement('div')
spinnerHolder.classList.add('loadingspinnerholder')
spinnerDOM.spinnerHolder = spinnerHolder
},
createSpinner: () => {
let spinner = null
const spinnerHolder = spinnerDOM.spinnerHolder
if ('createSpinner' in custom) {
spinner = custom.createSpinner(spinnerHolder)
} else {
spinnerHolder.style.left = (iframe.getBoundingClientRect().left + container.clientWidth / 2) + 'px'
spinnerHolder.style.top = '100px'
spinner = document.createElement('div')
spinner.classList.add('loadingspinner')
spinnerHolder.appendChild(spinner)
}
spinnerDOM.spinner = spinner
},
displaySpinnerHolder: () => {
document.body.appendChild(spinnerDOM.spinnerHolder)
},
setStatusTitle: (title) => {
const spinnerHolder = spinnerDOM.spinnerHolder
spinnerHolder.title = title
},
setSpinnerNum: (text) => {
const spinner = spinnerDOM.spinner
spinner.textContent = text
},
remove: () => {
const spinnerHolder = spinnerDOM.spinnerHolder
spinnerHolder.remove()
}
}
return spinnerDOM
}
let rafPromise = null
const getRafPromise = () => rafPromise || (rafPromise = new Promise(resolve => {
requestAnimationFrame(hRes => {
rafPromise = null
resolve(hRes)
})
}))
function showLyrics (songInfo, searchresultsLengths) {
// showLyrics
const currentFunctionClosureIdentifier = ((window.showLyricsIdentifier || 0) + 1) % 100000000
window.showLyricsIdentifier = currentFunctionClosureIdentifier // if this function closure is no longer valid, they will be not equal.
// setup DOMs
const { container, bar, iframe } = 'setupLyricsDisplayDOM' in custom
? custom.setupLyricsDisplayDOM(songInfo, searchresultsLengths)
: setupLyricsDisplayDOM(songInfo, searchresultsLengths)
if (!iframe || iframe.nodeType !== 1 || iframe.closest('html, body') === null) {
console.warn('iframe#lyricsiframe is not inserted into the page.')
return
}
iframe.src = custom.emptyURL + '#html:post'
custom.setFrameDimensions(container, iframe, bar)
if (typeof songInfo === 'object') {
// do nothing; assume the object can be passed through postMessage
} else {
console.warn('The parameter \'songInfo\' in showLyrics() is incorrect.')
return
}
if (typeof searchresultsLengths === 'number') {
// do nothing
} else {
console.warn('The parameter \'searchresultsLengths\' in showLyrics() is incorrect.')
return
}
let spinnerDOM = null
if ('customSpinnerDOM' in custom && typeof custom.customSpinnerDOM === 'function') {
spinnerDOM = custom.customSpinnerDOM(container, bar, iframe)
if (!spinnerDOM || typeof spinnerDOM !== 'object') spinnerDOM = null
}
if (spinnerDOM === null) {
spinnerDOM = defaultSpinnerDOM(container, bar, iframe)
}
spinnerDOM.createSpinnerHolder()
spinnerDOM.createSpinner()
spinnerDOM.displaySpinnerHolder()
// container.appendChild(spinnerHolder)
function spinnerUpdate (text, title, status, textStatus) {
if (typeof text === 'string') spinnerDOM.setSpinnerNum(text)
if (typeof title === 'string') spinnerDOM.setStatusTitle(title)
if ('notifyGeniusLoading' in custom && arguments.length > 2) {
custom.notifyGeniusLoading({
status,
textStatus
})
}
}
window.removeEventListener('message', interuptMessageHandler, false)
window.addEventListener('message', interuptMessageHandler, false)
isShowLyricsIsCancelledByUser = false
isShowLyricsInterrupted = false
let isCancelLoadingEnabled = true
addOneMessageListener('cancelLoading', () => {
if (window.showLyricsIdentifier !== currentFunctionClosureIdentifier) return
if (isCancelLoadingEnabled === false) return
// such as user clicking back btn
isShowLyricsIsCancelledByUser = true
isShowLyricsInterrupted = true
unScroll()
try {
spinnerDOM.remove()
} catch (e) {
// could be already removed
}
isCancelLoadingEnabled = false
})
function isThisShowLyricsInvalidated () {
return isShowLyricsInterrupted === true || window.showLyricsIdentifier !== currentFunctionClosureIdentifier
}
spinnerUpdate('5', 'Downloading lyrics...', 0, 'start')
unScroll()
async function updateLyricsDisplayState () {
if (document.visibilityState === 'visible') await getRafPromise().then()
window.postMessage({ iAm: custom.scriptName, type: 'lyricsDisplayState', visibility: 'loading', song: songInfo, searchresultsLengths }, '*')
if (document.visibilityState === 'visible') await getRafPromise().then()
}
updateLyricsDisplayState()
function interuptedByExternal () {
window.removeEventListener('message', interuptMessageHandler, false)
}
async function showLyricsRunner () {
try {
if (isThisShowLyricsInvalidated()) return interuptedByExternal()
let cacheReqResult = null
let html = await new Promise(resolve => loadGeniusSong(songInfo, function loadGeniusSongCb (response, cacheResult) {
cacheReqResult = cacheResult // not immediately cache this html; cache the proceeded html only
resolve(response.responseText)
}))
if (isThisShowLyricsInvalidated()) return interuptedByExternal()
if (cacheReqResult !== null) {
if (genius.option.trimHTMLReponseText === true) {
html = await trimHTMLReponseTextFn(html)
if (isThisShowLyricsInvalidated()) return interuptedByExternal()
}
// not obtained from cache
spinnerUpdate('4', 'Downloading annotations...', 100, 'donwloading')
let annotations = await new Promise(resolve => loadGeniusAnnotations(songInfo, html, annotationsEnabled, function loadGeniusAnnotationsCb (annotations) {
resolve(annotations)
}))
if (isThisShowLyricsInvalidated()) return interuptedByExternal()
spinnerUpdate('3', 'Composing page...', 200, 'pageComposing')
html = await new Promise(resolve => combineGeniusResources(songInfo, html, annotations, function combineGeniusResourcesCb (html) {
// in fact `combineGeniusResources` is synchronous
resolve(html)
}))
if (isThisShowLyricsInvalidated()) return interuptedByExternal()
annotations = null
// cache the html text with annotations
// note: 1 page consume 2XX KB
// if trimHTMLReponseText is used, trim to 25KB ~ 50KB
if (genius.option.cacheHTMLRequest === true) cacheReqResult({ responseText: html })
}
const contentStyle = contentStyling() || '' // obtained from the main window, to be passed to iframe
spinnerUpdate('3', 'Loading page...', 300, 'pageLoading')
// obtain the iframe detailed information
let tv1 = 0
let tv2 = 0
let iv = 0
const clear = function () {
// a. clear() when LyricsReady (success)
// b. clear() when failed (after 30s)
window.removeEventListener('message', interuptMessageHandler, false)
if ('onLyricsReady' in custom) {
// only on success ???; not reliable
custom.onLyricsReady(songInfo, container)
}
if (iv > 0) {
clearInterval(iv)
iv = 0
}
clearTimeout(tv1)
clearTimeout(tv2)
iframe.style.opacity = 1.0
try {
spinnerDOM.remove()
} catch (e) {
// could be already removed
}
isCancelLoadingEnabled = false
}
// event listeners
addOneMessageListener('genius-iframe-waiting', async function () {
if (isShowLyricsIsCancelledByUser || window.showLyricsIdentifier !== currentFunctionClosureIdentifier) return
if (iv === 0) {
return
}
await ivf() // this is much faster than 1500ms
clearInterval(iv)
iv = 0
})
addOneMessageListener('htmlwritten', async function () {
if (isShowLyricsIsCancelledByUser || window.showLyricsIdentifier !== currentFunctionClosureIdentifier) return
if (iv > 0) {
clearInterval(iv)
iv = 0
}
if (document.visibilityState === 'visible') await getRafPromise().then()
spinnerUpdate('1', 'Calculating...', 302, 'htmlwritten')
})
addOneMessageListener('pageready', function (ev) {
if (isShowLyricsIsCancelledByUser || window.showLyricsIdentifier !== currentFunctionClosureIdentifier) return
// note: this is not called after the whole page is rendered
// console.log(ev.data)
clear() // loaded
spinnerUpdate(null, null, 901, 'complete')
window.postMessage({ iAm: custom.scriptName, type: 'lyricsDisplayState', visibility: 'loaded', lyricsSuccess: true }, '*')
unScroll()
setTimeout(() => {
// delay required due to scrollToBegining() is changing the scrollTop
window.isPageAbleForAutoScroll = true
}, 240)
})
addOneMessageListener('iframeContentRendered', function (ev) {
if (isShowLyricsIsCancelledByUser || window.showLyricsIdentifier !== currentFunctionClosureIdentifier) return
unScroll()
})
function reloadFrame () {
// no use if the iframe is detached
tv1 = 0
if (window.showLyricsIdentifier !== currentFunctionClosureIdentifier) return
if (isShowLyricsIsCancelledByUser) return
console.debug('tv1')
iframe.src = 'data:text/html,%3Ch1%3ELoading...%21%3C%2Fh1%3E'
setTimeout(function () {
iframe.src = custom.emptyURL + '#html:post'
}, 400)
}
// After 15 seconds, try to reload the iframe
tv1 = setTimeout(reloadFrame, 15000)
function fresh () {
tv2 = 0
if (window.showLyricsIdentifier !== currentFunctionClosureIdentifier) return
if (isShowLyricsIsCancelledByUser) return
console.debug('tv2')
clear() // unable to load
spinnerUpdate(null, null, 902, 'failed')
unScroll()
window.postMessage({ iAm: custom.scriptName, type: 'lyricsDisplayState', visibility: 'loaded', lyricsSuccess: false }, '*')
if (!loadingFailed) {
console.debug('try again fresh')
loadingFailed = true
hideLyricsWithMessage()
setTimeout(function () {
custom.addLyrics(true) // new function closure
}, 100)
}
}
// After 30 seconds, try again fresh (only once)
tv2 = setTimeout(fresh, 30000)
function unableToProcess (msg) {
clearInterval(iv)
iv = 0
console.warn(msg)
clearTimeout(tv1)
clearTimeout(tv2)
// iframe is probrably detached from the page
if (tv2 > 0) {
fresh()
}
}
const ivf = async () => {
if (window.showLyricsIdentifier !== currentFunctionClosureIdentifier) return
if (iv === 0) {
return
}
if (isShowLyricsInterrupted === true) {
// this is possible if the lyrics was hidden by other function calling
unableToProcess('Genius Lyrics - showLyrics() was interrupted')
}
spinnerUpdate('2', 'Rendering...', 301, 'pageRendering')
if (document.visibilityState === 'visible') await getRafPromise().then()
const iframeContentWin = iframe.contentWindow || 0
if ((iframeContentWin.location || 0).hash && iframeContentWin.postMessage) {
// (iframeContentWin.location||0).hash === '#html:post'
iframeContentWin.postMessage({
iAm: custom.scriptName,
type: 'writehtml',
html,
contentStyle,
themeKey: genius.option.themeKey,
fontSize: genius.option.fontSize
}, '*')
} else if (iframe.closest('html, body') === null) {
// unlikely as interupter_lyricsDisplayState is checked
unableToProcess('iframe#lyricsiframe was removed from the page. No contentWindow could be found.')
} else {
// console.debug('iframe.contentWindow is ', iframe.contentWindow)
}
}
iv = setInterval(ivf, 1500)
} catch (e) {
console.warn(e)
}
}
showLyricsRunner()
}
function showLyricsAndRemember (title, artists, hit, searchresultsLengths) {
showLyrics(hit, searchresultsLengths)
// store the selection
Promise.resolve(0).then(() => {
return JSON.stringify(hit)
}).then(jsonHit => {
rememberLyricsSelection(title, artists, jsonHit)
})
}
async function updateAutoScrollEnabled () {
const newValue = await custom.GM.getValue('autoscrollenabled')
autoScrollEnabled = newValue
}
function isScrollLyricsEnabled () {
return autoScrollEnabled // note: if iframe is not ready, still no action
}
function isScrollLyricsCallable () {
return autoScrollEnabled && window.isPageAbleForAutoScroll === true // note: if iframe is not ready, still no action
}
function scrollLyrics (positionFraction) {
if (isScrollLyricsCallable() === false) {
return
}
// Relay the event to the iframe
const iframe = document.getElementById('lyricsiframe')
const contentWindow = (iframe || 0).contentWindow
if (contentWindow && typeof contentWindow.postMessage === 'function') {
contentWindow.postMessage({ iAm: custom.scriptName, type: 'scrollLyrics', position: positionFraction }, '*')
}
}
function searchByQuery (query, container, callback) {
geniusSearch(query, function geniusSearchCb (r) {
const hits = r.response.sections[0].hits
if (hits.length === 0) {
if (typeof callback === 'function') {
const res = { hits, status: 200 }
callback(res)
} else {
modalAlert(custom.scriptName + '\n\nNo search results')
}
} else {
if (typeof callback === 'function') {
const res = { hits, status: 200 }
callback(res)
} else {
custom.listSongs(hits, container, query)
}
}
}, function geniusSearchErrorCb () {
if (typeof callback === 'function') {
const res = { status: 500 }
callback(res)
}
// do nothing
})
}
async function captchaHint (responseText) {
if (document.querySelector('#mycaptchahint897454') !== null) return // avoid showing duplicating option window
if (await custom.GM.getValue('noMoreCaptchaHint', false)) return
if (typeof GM_openInTab === 'function') {
GM_openInTab('https://genius.com/', { active: true })
}
// Background overlay
if (!document.getElementById('myoverlay7658438')) {
const bg = document.body.appendChild(document.createElement('div'))
bg.setAttribute('id', 'myoverlay7658438')
}
// Blur background
for (const e of document.querySelectorAll('body > *')) {
e.style.filter = 'blur(4px)'
}
const win = document.body.appendChild(document.createElement('div'))
win.setAttribute('id', 'mycaptchahint897454')
let div = win.appendChild(document.createElement('div'))
div.innerHTML = `genius.com has blocked you.<br>Please open
<a style="color:#0066ff; text-decoration:underline;" target="_blank" href="https://genius.com">genius.com</a>
and solve the captcha/prove you are not a robot.<br>
Then reload the page.`
div.style = 'font-size:30px; width:70%'
div.appendChild(document.createElement('br'))
const reloadButton = div.appendChild(document.createElement('span'))
reloadButton.textContent = 'Reload page'
reloadButton.style = 'font-size:20px; background-color:#0066ff; color:white; padding:5px 10px; border-radius:10px; cursor:pointer;'
reloadButton.addEventListener('click', function () {
requestCache = cleanRequestCache()
setJV('requestcache', requestCache).then(() => {
window.location.reload()
})
})
div.appendChild(document.createElement('br'))
const closeButton = div.appendChild(document.createElement('span'))
closeButton.textContent = "Don't show this hint again"
closeButton.style = 'font-size:20px; background-color:#88aaff; color:white; padding:5px 10px; border-radius:10px; cursor:pointer;'
closeButton.addEventListener('click', function () {
document.querySelectorAll('#mycaptchahint897454').forEach(d => d.remove())
document.querySelectorAll('#myoverlay7658438').forEach(d => d.remove())
// Un-blur background
for (const e of document.querySelectorAll('body > *')) {
e.style.filter = ''
}
custom.GM.setValue('noMoreCaptchaHint', true)
})
div = win.appendChild(document.createElement('div'))
div.appendChild(document.createElement('br'))
div.appendChild(document.createTextNode('Error text (in case you want to report a bug):'))
div.appendChild(document.createElement('br'))
div.appendChild(document.createElement('textarea')).value = responseText
}
function config () {
if (document.querySelector('#myconfigwin39457845') !== null) return // avoid showing duplicating option window
// Background overlay
if (!document.getElementById('myoverlay7658438')) {
const bg = document.body.appendChild(document.createElement('div'))
bg.setAttribute('id', 'myoverlay7658438')
bg.addEventListener('click', function () {
document.querySelectorAll('#myconfigwin39457845_close_button').forEach(b => b.focus())
})
}
// Blur background
for (const e of document.querySelectorAll('body > *')) {
e.style.filter = 'blur(1px)'
}
loadCache()
const clearCacheFn = () => {
return Promise.all([custom.GM.setValue('selectioncache', '{}'), custom.GM.setValue('requestcache', '{}')]).then(function () {
selectionCache = cleanSelectionCache()
requestCache = {}
})
}
const win = document.body.appendChild(document.createElement('div'))
win.setAttribute('id', 'myconfigwin39457845')
const h1 = document.createElement('h1')
win.appendChild(h1)
h1.textContent = 'Options'
if ('scriptIssuesURL' in custom) {
const a = document.createElement('a')
a.href = custom.scriptIssuesURL
win.appendChild(a)
a.textContent = ('scriptIssuesTitle' in custom ? custom.scriptIssuesTitle : custom.scriptIssuesURL)
}
// Switch: Show automatically
let div = win.appendChild(document.createElement('div'))
div.classList.add('divAutoShow')
const checkAutoShow = div.appendChild(document.createElement('input'))
checkAutoShow.type = 'checkbox'
checkAutoShow.id = 'checkAutoShow748'
checkAutoShow.checked = genius.option.autoShow === true
custom.GM.getValue('optionautoshow', checkAutoShow.checked === true).then(function (v) {
// Get real value, genius.option.autoShow might have been changed temporarily
genius.option.autoShow = v === true || v === 'true'
checkAutoShow.checked = genius.option.autoShow
})
const onAutoShow = function onAutoShowListener (evt) {
const checkAutoShow = evt.target
custom.GM.setValue('optionautoshow', checkAutoShow.checked === true)
genius.option.autoShow = checkAutoShow.checked === true
}
checkAutoShow.addEventListener('click', onAutoShow)
checkAutoShow.addEventListener('change', onAutoShow)
let label = div.appendChild(document.createElement('label'))
label.setAttribute('for', 'checkAutoShow748')
label.textContent = ' Automatically show lyrics when new song starts'
div.appendChild(document.createElement('br'))
div.appendChild(document.createTextNode('(if you disable this, a small button will appear in the top right corner to show the lyrics)'))
// Select: Theme
div = win.appendChild(document.createElement('div'))
div.textContent = 'Theme: '
const selectTheme = div.appendChild(document.createElement('select'))
for (const key in themes) {
const option = selectTheme.appendChild(document.createElement('option'))
option.value = key
if (genius.option.themeKey === key) {
option.selected = true
}
option.textContent = themes[key].name
}
const onSelectTheme = function onSelectThemeListener (evt) {
const selectTheme = evt.target
const hasChanged = genius.option.themeKey !== selectTheme.selectedOptions[0].value
if (hasChanged) {
genius.option.themeKey = selectTheme.selectedOptions[0].value
theme = themes[genius.option.themeKey]
custom.GM.setValue('theme', genius.option.themeKey).then(() => {
if (genius.onThemeChanged) {
for (const f of genius.onThemeChanged) {
f()
}
}
custom.addLyrics()
})
}
}
selectTheme.addEventListener('change', onSelectTheme)
// Font size
div = win.appendChild(document.createElement('div'))
label = div.appendChild(document.createElement('label'))
label.setAttribute('for', 'inputFontSize748')
label.textContent = 'Font size: '
const inputFontSize = div.appendChild(document.createElement('input'))
inputFontSize.type = 'number'
inputFontSize.value = genius.option.fontSize
inputFontSize.min = 0
inputFontSize.max = 99
inputFontSize.id = 'inputFontSize748'
inputFontSize.style.maxWidth = '5em'
const onFontSizeChanged = function onFontSizeChangeListener (evt) {
genius.option.fontSize = Math.max(0, parseInt(inputFontSize.value) || 0)
custom.GM.setValue('fontsize', genius.option.fontSize).then(() => {
if (genius.onThemeChanged) {
for (const f of genius.onThemeChanged) {
f()
}
}
custom.addLyrics()
})
}
inputFontSize.addEventListener('change', onFontSizeChanged)
// Switch: Show annotations
div = win.appendChild(document.createElement('div'))
const checkAnnotationsEnabled = div.appendChild(document.createElement('input'))
checkAnnotationsEnabled.type = 'checkbox'
checkAnnotationsEnabled.id = 'checkAnnotationsEnabled748'
checkAnnotationsEnabled.checked = annotationsEnabled === true
const onAnnotationsEnabled = function onAnnotationsEnabledListener (evt) {
const checkAnnotationsEnabled = evt.target
if (checkAnnotationsEnabled.checked !== annotationsEnabled) {
annotationsEnabled = checkAnnotationsEnabled.checked === true
custom.addLyrics(true)
custom.GM.setValue('annotationsenabled', annotationsEnabled)
}
}
checkAnnotationsEnabled.addEventListener('click', onAnnotationsEnabled)
checkAnnotationsEnabled.addEventListener('change', onAnnotationsEnabled)
label = div.appendChild(document.createElement('label'))
label.setAttribute('for', 'checkAnnotationsEnabled748')
label.textContent = ' Show annotations'
// Switch: Automatic scrolling
div = win.appendChild(document.createElement('div'))
const checkAutoScrollEnabled = div.appendChild(document.createElement('input'))
checkAutoScrollEnabled.type = 'checkbox'
checkAutoScrollEnabled.id = 'checkAutoScrollEnabled748'
checkAutoScrollEnabled.checked = autoScrollEnabled === true
const onAutoScrollEnabled = function onAutoScrollEnabledListener (evt) {
const checkAutoScrollEnabled = evt.target
const newValue = checkAutoScrollEnabled.checked === true
if (newValue !== autoScrollEnabled) {
custom.GM.setValue('autoscrollenabled', newValue).then(() => {
// note: custom.addLyrics(true) shall not be required in both coding implementation in Spotify / YouTube / YouTube Music
updateAutoScrollEnabled()
// autoScrollEnabled = checkAutoScrollEnabled.checked === true
// custom.addLyrics(true)
})
}
}
checkAutoScrollEnabled.addEventListener('click', onAutoScrollEnabled)
checkAutoScrollEnabled.addEventListener('change', onAutoScrollEnabled)
label = div.appendChild(document.createElement('label'))
label.setAttribute('for', 'checkAutoScrollEnabled748')
label.textContent = ' Automatic scrolling'
// Custom buttons
if ('config' in custom) {
for (const f of custom.config) {
f(win.appendChild(document.createElement('div')))
}
}
// Select: RomajiPriority
div = win.appendChild(document.createElement('div'))
div.textContent = 'Romaji: '
const selectRomajiPriority = div.appendChild(document.createElement('select'))
const romajiPriorities = [
{
text: 'Low Priority',
value: 'low'
},
{
text: 'High Priority',
value: 'high'
}
]
for (const o of romajiPriorities) {
const option = selectRomajiPriority.appendChild(document.createElement('option'))
option.value = `${o.value}`
if (`${genius.option.romajiPriority}` === `${o.value}`) {
option.selected = true
}
option.textContent = o.text
}
const onSelectRomajiPriority = function onSelectRomajiListener (evt) {
const selectRomajiPriority = evt.target
const val = selectRomajiPriority.selectedOptions[0].value
const hasChanged = genius.option.romajiPriority !== val
if (hasChanged) {
genius.option.romajiPriority = val
custom.GM.setValue('romajipriority', genius.option.romajiPriority).then(() => {
// cache is required to clear for the reselection
clearCacheFn().then(() => {
// Callback = ?
})
})
}
}
selectRomajiPriority.addEventListener('change', onSelectRomajiPriority)
// Select: RomajiPriority
div = win.appendChild(document.createElement('div'))
div.textContent = 'LZCompression: '
const selectLZCompression = div.appendChild(document.createElement('select'))
const lzCompressionOptions = [
{
text: 'Enabled',
value: 'true'
},
{
text: 'Disabled',
value: 'false'
}
]
for (const o of lzCompressionOptions) {
const option = selectLZCompression.appendChild(document.createElement('option'))
option.value = `${o.value}`
if (`${genius.option.useLZCompression}` === `${o.value}`) {
option.selected = true
}
option.textContent = o.text
}
const onSelectLZCompression = function onSelectLZCompressionListener (evt) {
const selectLZCompression = evt.target
const val = (selectLZCompression.selectedOptions[0].value === 'true')
const hasChanged = genius.option.useLZCompression !== val
if (hasChanged) {
genius.option.useLZCompression = val
custom.GM.setValue('useLZCompression', genius.option.useLZCompression).then(() => {
// Nil
})
}
}
selectLZCompression.addEventListener('change', onSelectLZCompression)
selectLZCompression.disabled = true
testUseLZStringCompression().then((r) => (selectLZCompression.disabled = !r))
// Buttons
div = win.appendChild(document.createElement('div'))
const closeButton = div.appendChild(document.createElement('button'))
closeButton.textContent = 'Close'
closeButton.setAttribute('id', 'myconfigwin39457845_close_button')
closeButton.addEventListener('click', function onCloseButtonClick () {
document.querySelectorAll('#myconfigwin39457845').forEach(d => d.remove())
document.querySelectorAll('#myoverlay7658438').forEach(d => d.remove())
// Un-blur background
for (const e of document.querySelectorAll('body > *')) {
e.style.filter = ''
}
})
// console.dir(selectionCache)
// console.dir(requestCache)
const bytes = metricPrefix(measureJVLength(selectionCache) + measureJVLength(requestCache), 2, 1024) + 'Bytes'
const clearCacheButton = div.appendChild(document.createElement('button'))
clearCacheButton.textContent = `Clear cache (${bytes})`
clearCacheButton.addEventListener('click', function onClearCacheButtonClick (evt) {
const clearCacheButton = evt.target
clearCacheFn().then(function () {
clearCacheButton.textContent = 'Cleared'
})
})
const debugButton = div.appendChild(document.createElement('button'))
debugButton.title = 'Do not enable this.'
debugButton.style.float = 'right'
const updateDebugButton = function (debugButton) {
if (genius.debug) {
debugButton.textContent = 'Debug is on'
debugButton.style.opacity = '1.0'
} else {
debugButton.textContent = 'Debug is off'
debugButton.style.opacity = '0.2'
}
}
updateDebugButton(debugButton)
debugButton.addEventListener('click', function onDebugButtonClick (evt) {
const debugButton = evt.target
genius.debug = !genius.debug
custom.GM.setValue('debug', genius.debug).then(function () {
updateDebugButton(debugButton)
})
})
// Footer
div = elmBuild('div', ['p', {
style: {
'font-size': '15px'
}
},
'Powered by ',
['a', { style: { 'font-size': '15px' } }, { attr: { target: '_blank', href: 'https://github.com/cvzi/genius-lyrics-userscript/' } }, 'GeniusLyrics.js'
],
'Copyright © 2019 ',
['a', { style: { 'font-size': '15px' } }, { attr: { href: 'mailto:cuzi@openmail.cc' } }, 'cuzi'
],
' and contributors.',
['br'],
'Licensed under the GNU General Public License v3.0'
])
div = win.appendChild(div)
}
function closeModalUIs () {
document.querySelectorAll('.modal_ui_genius_lyrics_overlay').forEach(div => div.remove())
}
function modalAlert (text, buttons = { OK: true }) {
return new Promise(function (resolve) {
const buttonMap = (obj, mapFn) => {
const arr = []
let i = 0
if (obj) {
for (const key in obj) {
arr.push(mapFn(key, obj[key], i++))
}
}
return arr
}
const bg = elmBuild('div', {
classList: ['modal_ui_genius_lyrics_overlay'],
listener: {
click: function () {
this.querySelector('button').focus()
}
}
},
['div',
{
classList: ['modal_ui_genius_lyrics_dialog_box']
},
text,
['div',
{
classList: ['modal_ui_genius_lyrics_dialog_buttons_holder']
},
...buttonMap(buttons, (key, value, i) => {
return ['button',
{ classList: ['modal_ui_genius_lyrics_dialog_button'] },
{
listener: {
click: () => {
bg.remove()
resolve(value)
}
}
},
{ attr: { tabindex: i } },
key]
})
]
]
)
document.body.appendChild(bg)
bg.querySelector('button[tabindex="0"]').focus()
})
}
function modalConfirm (text) {
return modalAlert(text, {
OK: true,
Cancel: false
})
}
function addOneMessageListener (type, cb) {
let arr = onMessage[type]
if (!arr) {
arr = onMessage[type] = []
}
arr.push(cb)
}
function listenToMessagesHandler (e) {
const data = ((e || 0).data || 0)
if (data.iAm !== custom.scriptName) {
return
}
let arr = onMessage[data.type]
if (arr && arr.length > 0) {
let tmp = [...arr]
arr.length = 0
arr = null
for (const cb of tmp) {
if (typeof cb === 'function') {
cb(e)
}
}
tmp = null
}
}
function listenToMessages () {
window.addEventListener('message', listenToMessagesHandler, false)
}
function unlistenToMessages () {
window.removeEventListener('message', listenToMessagesHandler, false)
}
function pageKeyboardEvent (keyParams, fct) {
document.addEventListener('keypress', function onKeyPress (ev) {
if (ev.key === keyParams.key && ev.shiftKey === keyParams.shiftKey &&
ev.ctrlKey === keyParams.ctrlKey && ev.altKey === keyParams.altKey) {
let e = ev.target
while (e) {
// Filter input, textarea, etc.
if (typeof e.value !== 'undefined') {
console.log(e)
console.log(e.value)
return
}
e = e.parentNode
}
return fct(ev)
}
})
}
function toggleLyrics () {
const isLyricsIframeExist = !!document.getElementById('lyricsiframe')
if (genius.iv.main > 0) {
clearInterval(genius.iv.main)
genius.iv.main = 0
}
if (!isLyricsIframeExist) {
genius.option.autoShow = true // Temporarily enable showing lyrics automatically on song change
if ('main' in custom) {
custom.setupMain ? custom.setupMain(genius) : (genius.iv.main = setInterval(custom.main, 2000))
}
// if ('addLyrics' in custom) {
// custom.addLyrics(true)
// }
custom.addLyrics(true)
} else {
genius.option.autoShow = false // Temporarily disable showing lyrics automatically on song change
// if ('hideLyrics' in custom) {
// custom.hideLyrics()
// }
hideLyricsWithMessage()
}
}
function addKeyboardShortcut (keyParams) {
window.addEventListener('message', function (ev) {
const data = (ev || 0).data || 0
if (data.iAm === custom.scriptName && data.type === 'togglelyrics') {
toggleLyrics()
}
})
pageKeyboardEvent(keyParams, function (ev) {
toggleLyrics()
})
}
function addKeyboardShortcutInFrame (keyParams) {
pageKeyboardEvent(keyParams, function (ev) {
if (window.parent) {
window.parent.postMessage({ iAm: custom.scriptName, type: 'togglelyrics' }, '*')
}
})
}
function addCss () {
document.head.appendChild(document.createElement('style')).textContent = `
#mycaptchahint897454 {
position:fixed;
top:120px;
right:10px;
padding:15px;
background:white;
border-radius:10%;
border:2px solid black;
color:black;
z-index:104;
font-size:1.2em
}
#myoverlay7658438 {
display: block;
position: fixed;
background-color: rgba(0,0,0,0.5);
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 102;
user-select: none;
filter:blur(1px);
}
#myconfigwin39457845 {
position:fixed;
top:120px;
left:50px;
padding:30px 10px;
background:white;
border-radius:10%;
border:2px solid black;
color:black;
z-index:103;
font-size:1.2em
}
#myconfigwin39457845 h1 {
font-size:1.9em;
padding:0em 0.2em;
margin:0;
}
#myconfigwin39457845 a:link, #myconfigwin39457845 a:visited {
font-size:1.2em;
text-decoration:underline;
color:#7847ff;
cursor:pointer;
}
#myconfigwin39457845 a:hover {
font-size:1.2em;
text-decoration:underline;
color:#dd65ff;
}
#myconfigwin39457845 input[type=text], #myconfigwin39457845 input[type=number] {
color:black;
background-color: white;
}
#myconfigwin39457845 button {
color:black;
font-family: sans-serif;
background-color: #e9e9ed;
border-radius: 5px;
border: 1px solid #8f8f9d;
font-size: 14px;
cursor: pointer;
padding: 1px 4px;
margin: auto 2px;
}
#myconfigwin39457845 button:focus {
border-color:#1a1dff;
background-color:#d0d0d7;
}
#myconfigwin39457845 button:hover {
border-color:black;
background-color:#d0d0d7;
}
#myconfigwin39457845 div {
margin:2px 0;
padding:5px;
border-radius: 5px;
background-color: #EFEFEF
}
.loadingspinner {
color:rgb(255, 255, 100);
text-align:center;
pointer-events: none;
width: 2.5em; height: 2.5em;
border: 0.4em solid transparent;
border-color: rgb(255, 255, 100) #181818 #181818 #181818;
border-radius: 50%;
animation: loadingspin 2s ease infinite
}
@keyframes loadingspin {
25% {
transform: rotate(90deg)
}
50% {
transform: rotate(180deg)
}
75% {
transform: rotate(270deg)
}
100% {
transform: rotate(360deg)
}
}
.modal_ui_genius_lyrics_overlay {
display: block;
position: fixed;
background-color: rgba(0,0,0,0.5);
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999;
user-select: none;
}
.modal_ui_genius_lyrics_dialog_box {
display: block;
position: fixed;
background-color: #bbb;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
z-index: 1000;
width: 400px;
height: auto;
text-align: center;
font-size: 20px;
line-height: 1.5;
font-family: sans-serif;
color: black;
word-break: break-word;
overflow-wrap: break-word;
white-space: pre-wrap;
overflow: auto;
max-height: 80%;
max-width: 80%;
user-select: text;
}
.modal_ui_genius_lyrics_dialog_buttons_holder {
margin-top :20px;
}
.modal_ui_genius_lyrics_dialog_button {
margin: 0 10px;
padding: 10px;
border-radius: 5px;
border: 2px solid #777;
background-color: #ddd;
color: black;
font-family: sans-serif;
font-size: 16px;
cursor: pointer
}
.modal_ui_genius_lyrics_dialog_button:focus {
border-color:#1a1dff;
}
.modal_ui_genius_lyrics_dialog_button:hover {
border-color:black;
}
`
if ('addCss' in custom) {
custom.addCss()
}
}
async function getGMValues (o) {
// GM.getValues will be soon avaible in TM & VM due to MV3 (TM issue #2045), tally with chrome.storage
const entries = Object.entries(o)
const values = await Promise.all(entries.map(entry => custom.GM.getValue(entry[0], entry[1])))
return Object.fromEntries(values.map((val, idx) => [entries[idx][0], val]))
}
async function mainRunner () {
// get values from GM
const values = await getGMValues({
debug: genius.debug,
theme: genius.option.themeKey,
annotationsenabled: annotationsEnabled,
autoscrollenabled: autoScrollEnabled,
romajipriority: genius.option.romajiPriority,
fontsize: genius.option.fontSize,
useLZCompression: genius.option.useLZCompression
})
// disable useLZCompression if the browser could not perform LZString in a good condition
const shouldUseLZStringCompression = await testUseLZStringCompression()
if (shouldUseLZStringCompression === false) {
values.useLZCompression = false
}
genius.option.shouldUseLZStringCompression = shouldUseLZStringCompression
// set up variables
genius.debug = !!values.debug
if (Object.prototype.hasOwnProperty.call(themes, values.theme)) {
genius.option.themeKey = values.theme
} else {
genius.option.themeKey = Object.getOwnPropertyNames(themes)[0]
custom.GM.setValue('theme', genius.option.themeKey)
console.error(`Invalid value for theme key: custom.GM.getValue("theme") = '${values.theme}', using default theme key: '${genius.option.themeKey}'`)
}
theme = themes[genius.option.themeKey]
annotationsEnabled = !!values.annotationsenabled
autoScrollEnabled = !!values.autoscrollenabled
genius.option.romajiPriority = values.romajipriority
genius.option.fontSize = Math.max(0, parseInt(values.fontsize) || 0)
genius.option.useLZCompression = values.useLZCompression
if (genius.onThemeChanged) {
for (const f of genius.onThemeChanged) {
f()
}
}
// If debug mode, clear cache
if (genius.debug) {
await Promise.all([custom.GM.setValue('selectioncache', '{}'), custom.GM.setValue('requestcache', '{}')]).then(function () {
selectionCache = cleanSelectionCache()
requestCache = {}
console.log('selectionCache and requestCache cleared')
})
}
const isMessaging = document.location.href.startsWith(`${custom.emptyURL}#html:post`)
// top
if (!isMessaging) {
listenToMessages()
loadCache()
addCss()
if ('main' in custom) {
custom.setupMain ? custom.setupMain(genius) : (genius.iv.main = setInterval(custom.main, 2000))
}
if ('onResize' in custom) {
window.addEventListener('resize', custom.onResize)
}
if ('toggleLyricsKey' in custom) {
addKeyboardShortcut(custom.toggleLyricsKey)
}
return
}
// iframe
let e = await new Promise(resolve => {
// only receive 'writehtml' message once
let msgFn = function (ev) {
const data = (ev || 0).data || 0
if (data.iAm === custom.scriptName && data.type === 'writehtml') {
window.removeEventListener('message', msgFn, false)
msgFn = null
const { data, source } = ev
resolve({ data, source })
}
}
window.addEventListener('message', msgFn, false)
try {
// faster than setInterval
top.postMessage({ iAm: custom.scriptName, type: 'genius-iframe-waiting' }, '*')
} catch (e) {
// in case top is not accessible from iframe
}
})
if (document.visibilityState === 'visible') await getRafPromise().then()
if ('themeKey' in e.data && Object.prototype.hasOwnProperty.call(themes, e.data.themeKey)) {
genius.option.themeKey = e.data.themeKey
theme = themes[genius.option.themeKey]
console.debug(`Theme activated in iframe: ${theme.name}`)
}
let html = e.data.html
html = defaultCSS(html)
let contentStyle = e.data.contentStyle
if (typeof contentStyle === 'string' && contentStyle.length > 0) {
html = contentStylingIframe(html, contentStyle)
}
contentStyle = null
document.documentElement.innerHTML = html
const communicationWindow = e.source // top
if (document.visibilityState === 'visible') await getRafPromise().then()
communicationWindow.postMessage({ iAm: custom.scriptName, type: 'htmlwritten' }, '*')
if (document.visibilityState === 'visible') await getRafPromise().then()
// clean up
e = null
function addClassNameToInfoHeader (evTarget) {
/** @type {HTMLElement | null} */
const elm = (evTarget || 0)
if (elm && elm.matches('div.LSongHeader__CenterInfo')) {
const elmSongHeaderContainer = elm.closest('.LSongHeader__Right').parentNode
if (!elmSongHeaderContainer || elmSongHeaderContainer.classList.contains('genius-lyrics-header-container')) {
return
}
let p = elm
while (p) {
const t = p.parentNode
if (t === elmSongHeaderContainer) break
p = t
}
if (p !== null) {
let children = [...elmSongHeaderContainer.children]
let wrapper = elmSongHeaderContainer.appendChild(document.createElement('div'))
appendElements(wrapper, children)
elmSongHeaderContainer.classList.add('genius-lyrics-header-container')
wrapper.classList.add('genius-lyrics-header-content') // for flexbox
children = null
wrapper = null
}
}
}
function addClassNameToHeaderArtistAndTracklist (evTarget) {
/** @type {HTMLElement | null} */
const elm = (evTarget || 0)
if (elm && elm.matches('.LHeaderArtistAndTracklist__Artist')) {
const container = elm.closest('div.LUNDETERMINED__Container')
if (container) {
container.classList.remove('LUNDETERMINED__Container')
container.classList.add('LHeaderArtistAndTracklist__Container')
}
}
}
function addClassNameHeaderOuter (evTarget) {
/** @type {HTMLElement | null} */
const elm = (evTarget || 0)
if (elm && elm.matches('.LSongHeader__Title')) {
let lastMatchParent = null
for (let parent = elm.parentNode; parent instanceof HTMLElement; parent = parent.parentNode) {
if (parent.querySelector('#lyrics-root')) {
break
}
lastMatchParent = parent
}
if (lastMatchParent !== null && lastMatchParent.nodeName === 'DIV') {
lastMatchParent.classList.add('LSongHeader__Outer')
lastMatchParent.parentNode.classList.add('LSongHeader__Outer_Container')
}
}
}
function cssTriggeringHook (resolve) {
document.addEventListener('animationstart', (ev) => {
const evTarget = ev.target
if (ev.animationName === 'appDomAppended' || ev.animationName === 'appDomAppended2') {
resolve()
Promise.resolve(0).then(() => {
communicationWindow.postMessage({ iAm: custom.scriptName, type: 'iframeLyricsAppRendered' }, '*') // iframeWin -> iframeWin
})
if (ev.animationName === 'appDomAppended') {
evTarget.classList.add('app11')
}
}
if (ev.animationName === 'songHeaderDomAppended') {
Promise.resolve(0).then(() => {
communicationWindow.postMessage({ iAm: custom.scriptName, type: 'iframeContentRendered' }, '*') // iframeWin -> mainWin
})
Promise.resolve(evTarget).then(addClassNameToInfoHeader)
}
if (ev.animationName === 'headerArtistAndTracklistDOMAppended') {
Promise.resolve(evTarget).then(addClassNameToHeaderArtistAndTracklist)
}
if (ev.animationName === 'headerSongTitleDOMAppended') {
Promise.resolve(evTarget).then(addClassNameHeaderOuter)
}
}, true)
}
// page rendered via CSS rendering
const race1 = new Promise(resolve => {
cssTriggeringHook(resolve)
themeCommon.lyricsAppInit()
})
// delay 500ms as a backup
const race2 = new Promise(resolve => setTimeout(resolve, 500))
await Promise.race([race1, race2]) // page is rendered or 500ms after written html
unlistenToMessages() // remove message handler
removeElements(document.querySelectorAll('iframe')) // remove all embeded iframes inside #lyricsiframe
// communicationWindow.postMessage({ iAm: custom.scriptName, type: 'lyricsAppInit', html: document.documentElement.innerHTML }, '*')
const onload = theme.scripts()
if ('iframeLoadedCallback1' in custom) {
// before all onload functions and allow modification of theme and onload from external
custom.iframeLoadedCallback1({ document, theme, onload })
}
for (const func of onload) {
try {
func()
} catch (e) {
console.error(`Error in iframe onload ${func.name || func}: ${e}`)
}
}
// Scroll lyrics event
window.addEventListener('message', function (e) {
if (typeof e.data !== 'object' || !('iAm' in e.data) || e.data.iAm !== custom.scriptName || e.data.type !== 'scrollLyrics') {
return
}
scrollLyricsGeneric(e.data.position)
})
if ('toggleLyricsKey' in custom) {
addKeyboardShortcutInFrame(custom.toggleLyricsKey)
}
// this page is generated by code; pageready does not mean the page is fully rendered
if (document.visibilityState === 'visible') await getRafPromise().then()
communicationWindow.postMessage({ iAm: custom.scriptName, type: 'pageready'/* , html: document.documentElement.innerHTML */ }, '*')
if (document.visibilityState === 'visible') await getRafPromise().then()
if ('iframeLoadedCallback2' in custom) {
// after all onload functions
custom.iframeLoadedCallback2({ document, theme, onload })
}
}
mainRunner()
return genius
}