changelog.d/fix-emojis-breaking-bio.fix

@@ -1 +0,0 @@
-Fix emojis breaking user bio/description editing

src/components/post_status_form/post_status_form.js

@@ -278,10 +278,10 @@ const PostStatusForm = {
       })
     },
     emoji() {
-      return useEmojiStore().standardEmojiList
+      return useEmojiStore().standardEmojiList || []
     },
     customEmoji() {
-      return useEmojiStore().customEmoji
+      return useEmojiStore().customEmoji || []
     },
     statusLength() {
       return this.newStatus.status.length

src/modules/default_config_state.js

@@ -8,7 +8,6 @@ export const staticOrApiConfigDefault = {
   theme: 'pleroma-dark',
   palette: null,
   style: null,
-  themeChecksum: undefined,
   defaultAvatar: '/images/avi.png',
   defaultBanner: '/images/banner.png',
   background: '/static/aurora_borealis.jpg',

src/services/style_setter/style_setter.js

@@ -3,10 +3,8 @@ import { chunk, throttle } from 'lodash'
 
 import { getCssRules } from '../theme_data/css_utils.js'
 import { getEngineChecksum, init } from '../theme_data/theme_data_3.service.js'
-import sum from 'hash-sum'
 
 import { defaultState } from 'src/modules/default_config_state.js'
-import { useSyncConfigStore } from 'src/stores/sync_config.js'
 
 // On platforms where this is not supported, it will return undefined
 // Otherwise it will return an array
@@ -79,7 +77,7 @@ export const adoptStyleSheets = throttle(() => {
 const EAGER_STYLE_ID = 'pleroma-eager-styles'
 const LAZY_STYLE_ID = 'pleroma-lazy-styles'
 
-const generateTheme = (inputRuleset, callbacks, debug) => {
+export const generateTheme = (inputRuleset, callbacks, debug) => {
   const {
     onNewRule = () => {
       /* no-op */
@@ -136,12 +134,9 @@ const generateTheme = (inputRuleset, callbacks, debug) => {
 export const tryLoadCache = async () => {
   console.info('Trying to load compiled theme data from cache')
   const cache = await localforage.getItem('pleromafe-theme-cache')
-  console.log(cache.checksum)
   if (!cache) return null
   try {
-    if (cache.engineChecksum === getEngineChecksum() &&
-        cache.checksum !== undefined &&
-        cache.checksum === useSyncConfigStore().mergedConfig.themeChecksum) {
+    if (cache.engineChecksum === getEngineChecksum()) {
       const eagerStyles = createStyleSheet(EAGER_STYLE_ID, 10)
       const lazyStyles = createStyleSheet(LAZY_STYLE_ID, 20)
 
@@ -154,7 +149,7 @@ export const tryLoadCache = async () => {
       console.info(`Loaded theme from cache`)
       return true
     } else {
-      console.warn("Checksums don't match, cache not usable, clearing")
+      console.warn("Engine checksum doesn't match, cache not usable, clearing")
       localStorage.removeItem('pleroma-fe-theme-cache')
     }
   } catch (e) {
@@ -200,14 +195,10 @@ export const applyTheme = (
       onLazyFinished() {
         lazyStyles.ready = true
         adoptStyleSheets()
-        const data = [eagerStyles.rules, lazyStyles.rules]
-        const checksum = sum(data)
         const cache = {
-          checksum,
           engineChecksum: getEngineChecksum(),
-          data,
+          data: [eagerStyles.rules, lazyStyles.rules],
         }
-        useSyncConfigStore().setSimplePrefAndSave({ path: 'themeChecksum', value: checksum })
         onFinish(cache)
         localforage.setItem('pleromafe-theme-cache', cache)
         console.info('Theme cache stored')

src/stores/emoji.js

@@ -115,23 +115,19 @@ export const useEmojiStore = defineStore('emoji', {
       }, {})
     },
     standardEmojiList(state) {
-      return (
-        SORTED_EMOJI_GROUP_IDS.map((groupId) =>
-          (this.emoji[groupId] || []).map((k) =>
-            injectAnnotations(k, this.unicodeEmojiAnnotations),
-          ),
-        ).reduce((a, b) => a.concat(b), []) ?? []
-      )
+      return SORTED_EMOJI_GROUP_IDS.map((groupId) =>
+        (this.emoji[groupId] || []).map((k) =>
+          injectAnnotations(k, this.unicodeEmojiAnnotations),
+        ),
+      ).reduce((a, b) => a.concat(b), [])
     },
     standardEmojiGroupList(state) {
-      return (
-        SORTED_EMOJI_GROUP_IDS.map((groupId) => ({
-          id: groupId,
-          emojis: (this.emoji[groupId] || []).map((k) =>
-            injectAnnotations(k, this.unicodeEmojiAnnotations),
-          ),
-        })) ?? []
-      )
+      return SORTED_EMOJI_GROUP_IDS.map((groupId) => ({
+        id: groupId,
+        emojis: (this.emoji[groupId] || []).map((k) =>
+          injectAnnotations(k, this.unicodeEmojiAnnotations),
+        ),
+      }))
     },
   },
   actions: {