68 lines
No EOL
2 KiB
JavaScript
68 lines
No EOL
2 KiB
JavaScript
if (window.location.hostname !== 'localhost') {
|
|
;(async function() {
|
|
const nowPlaying = document.getElementById('now-playing')
|
|
|
|
if (nowPlaying) {
|
|
const content = document.getElementById('now-playing-content')
|
|
const loading = document.getElementById('now-playing-loading')
|
|
|
|
const populateNowPlaying = (data) => {
|
|
loading.style.display = 'none'
|
|
content.innerHTML = data.content
|
|
content.classList.remove('hidden')
|
|
}
|
|
|
|
try {
|
|
const cache = JSON.parse(localStorage.getItem('now-playing'))
|
|
if (cache) populateNowPlaying(cache)
|
|
} catch (e) {
|
|
/* quiet catch */
|
|
}
|
|
|
|
const data = await fetch('/api/now-playing', {
|
|
type: 'json',
|
|
})
|
|
.then((data) => data.json())
|
|
.catch(() => {
|
|
loading.style.display = 'none'
|
|
})
|
|
|
|
try {
|
|
localStorage.setItem('now-playing', JSON.stringify(data))
|
|
} catch (e) {
|
|
/* quiet catch */
|
|
}
|
|
|
|
if (!JSON.parse(localStorage.getItem('now-playing')) && !data) nowPlaying.remove()
|
|
|
|
populateNowPlaying(data)
|
|
}
|
|
})()
|
|
}
|
|
|
|
;(async function() {
|
|
const btn = document.querySelector('.theme__toggle');
|
|
const prefersDarkScheme = window.matchMedia('(prefers-color-scheme: dark)').matches;
|
|
const currentTheme = localStorage?.getItem('theme');
|
|
let theme;
|
|
|
|
if (!currentTheme) localStorage?.setItem('theme', (prefersDarkScheme ? 'dark' : 'light'))
|
|
|
|
if (currentTheme === 'dark') {
|
|
document.body.classList.toggle('theme__dark');
|
|
} else if (currentTheme === 'light') {
|
|
document.body.classList.toggle('theme__light');
|
|
}
|
|
|
|
btn.addEventListener('click', () => {
|
|
console.log(prefersDarkScheme)
|
|
if (prefersDarkScheme) {
|
|
document.body.classList.toggle('theme__light');
|
|
theme = document.body.classList.contains('theme__light') ? 'light' : 'dark';
|
|
} else {
|
|
document.body.classList.toggle('theme__dark');
|
|
theme = document.body.classList.contains('theme__dark') ? 'dark' : 'light';
|
|
}
|
|
localStorage?.setItem('theme', theme);
|
|
});
|
|
})() |