kopia lustrzana https://github.com/nolanlawson/pinafore
95 wiersze
3.0 KiB
JavaScript
95 wiersze
3.0 KiB
JavaScript
|
|
// For perf reasons, this script is run inline to quickly set certain styles.
|
|
// To allow CSP to work correctly, we also calculate a sha256 hash during
|
|
// the build process and write it to checksum.js.
|
|
|
|
import { INLINE_THEME, DEFAULT_THEME, switchToTheme } from '../routes/_utils/themeEngine.js'
|
|
import { basename } from '../routes/_api/utils.js'
|
|
import { onUserIsLoggedOut } from '../routes/_actions/onUserIsLoggedOut.js'
|
|
import { storeLite } from '../routes/_store/storeLite.js'
|
|
import { isIOSPre12Point2 } from '../routes/_utils/userAgent/isIOSPre12Point2.js'
|
|
import { isMac } from '../routes/_utils/userAgent/isMac.js'
|
|
|
|
window.__themeColors = process.env.THEME_COLORS
|
|
|
|
const {
|
|
currentInstance,
|
|
instanceThemes,
|
|
disableCustomScrollbars,
|
|
bottomNav,
|
|
enableGrayscale,
|
|
pushSubscription,
|
|
loggedInInstancesInOrder,
|
|
centerNav
|
|
} = storeLite.get()
|
|
|
|
const theme = (instanceThemes && instanceThemes[currentInstance]) || DEFAULT_THEME
|
|
|
|
if (currentInstance) {
|
|
// Do preconnect if we're logged in, so we can connect faster to the other origin.
|
|
const link = document.createElement('link')
|
|
link.setAttribute('rel', 'preconnect')
|
|
link.setAttribute('href', basename(currentInstance))
|
|
link.setAttribute('crossorigin', 'anonymous')
|
|
document.head.appendChild(link)
|
|
}
|
|
|
|
if (theme !== INLINE_THEME || enableGrayscale) {
|
|
// switch theme ASAP to minimize flash of default theme
|
|
switchToTheme(theme, enableGrayscale)
|
|
}
|
|
|
|
if (enableGrayscale) {
|
|
// set the grayscale style on every img, svg, etc.
|
|
document.getElementById('theGrayscaleStyle')
|
|
.setAttribute('media', 'all') // enables the style
|
|
}
|
|
|
|
if (!currentInstance) {
|
|
// if not logged in, show all these 'hidden-from-ssr' elements
|
|
onUserIsLoggedOut()
|
|
}
|
|
|
|
if (disableCustomScrollbars) {
|
|
document.getElementById('theScrollbarStyle')
|
|
.setAttribute('media', 'only x') // disables the style
|
|
}
|
|
|
|
if (bottomNav) {
|
|
document.getElementById('theBottomNavStyle')
|
|
.setAttribute('media', 'all') // enables the style
|
|
}
|
|
|
|
if (centerNav) {
|
|
document.getElementById('theCenterNavStyle')
|
|
.setAttribute('media', 'all') // enables the style
|
|
}
|
|
|
|
// hack to make the scrollbars rounded only on macOS
|
|
if (isMac()) {
|
|
document.documentElement.style.setProperty('--scrollbar-border-radius', '50px')
|
|
}
|
|
|
|
// Versions of iOS Safari before iOS 12.2 do not work properly as a PWA
|
|
// for cross-origin authentication: https://github.com/nolanlawson/pinafore/issues/45
|
|
// Here we sniff for iOS <12.2 by checking for the existence of a native IntersectionObserver
|
|
// function, which was added in 12.2.
|
|
if (isIOSPre12Point2()) {
|
|
document.head.removeChild(document.getElementById('theManifest'))
|
|
}
|
|
|
|
if (pushSubscription) {
|
|
// Fix a bug in Pinafore <=v1.9.0 if we only have one instance we're logged in to
|
|
// (https://github.com/nolanlawson/pinafore/issues/1274)
|
|
if (loggedInInstancesInOrder && loggedInInstancesInOrder.length === 1) {
|
|
storeLite.set({
|
|
pushSubscriptions: {
|
|
[currentInstance]: pushSubscription
|
|
}
|
|
})
|
|
}
|
|
storeLite.set({
|
|
pushSubscription: null
|
|
})
|
|
}
|