hj/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

don't compress theme cache as it takes ~1secon on mobile

Browse source
This commit is contained in:
Henry Jameson 2025-02-05 08:07:24 +02:00
parent f659c9c123
commit 9187c1d31c
1 changed files with 18 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/services/style_setter/style_setter.js
View file

@ -93,18 +93,9 @@ export const generateTheme = (inputRuleset, callbacks, debug) => {
export const tryLoadCache = async () => { export const tryLoadCache = async () => {
console.info('Trying to load compiled theme data from cache') console.info('Trying to load compiled theme data from cache')
const data = await localforage.getItem('pleromafe-theme-cache') const cache = await localforage.getItem('pleromafe-theme-cache')
if (!data) return null if (!cache) return null
let cache
try { try {
const inflated = pako.inflate(data)
const decoded = new TextDecoder().decode(inflated)
cache = JSON.parse(decoded)
console.info(`Loaded theme from cache, compressed=${Math.ceil(data.length / 1024)}kiB size=${Math.ceil(inflated.length / 1024)}kiB`)
} catch (e) {
console.error('Failed to decode theme cache:', e)
return false
}
if (cache.engineChecksum === getEngineChecksum()) { if (cache.engineChecksum === getEngineChecksum()) {
const eagerStyles = createStyleSheet(EAGER_STYLE_ID) const eagerStyles = createStyleSheet(EAGER_STYLE_ID)
const lazyStyles = createStyleSheet(LAZY_STYLE_ID) const lazyStyles = createStyleSheet(LAZY_STYLE_ID)
@ -114,11 +105,16 @@ export const tryLoadCache = async () => {
adoptStyleSheets([eagerStyles, lazyStyles]) adoptStyleSheets([eagerStyles, lazyStyles])
console.info(`Loaded theme from cache`)
return true return true
} else { } else {
console.warn('Engine checksum doesn\'t match, cache not usable, clearing') console.warn('Engine checksum doesn\'t match, cache not usable, clearing')
localStorage.removeItem('pleroma-fe-theme-cache') localStorage.removeItem('pleroma-fe-theme-cache')
} }
} catch (e) {
console.error('Failed to load theme cache:', e)
return false
}
} }
export const applyTheme = ( export const applyTheme = (