allow custom emoji in user profiles (#475)

fixes #471

routes/_components/profile/AccountProfileNote.html

@@ -30,16 +30,15 @@
   }
 </style>
 <script>
+  import { store } from '../../_store/store'
+  import { massageUserText } from '../../_utils/massageUserText'
+
   export default {
+    store: () => store,
     computed: {
       note: ({ account }) => account.note,
-      massagedNote: ({ note }) => {
+      emojis: ({ account }) => account.emojis || [],
-        // GNU Social / Pleroma don't add <p> tags
+      massagedNote: ({ note, emojis, $autoplayGifs }) => massageUserText(note, emojis, $autoplayGifs)
-        if (!note.startsWith('<p>')) {
-          note = `<p>${note}</p>`
-        }
-        return note
-      }
     }
   }
 </script>

routes/_components/status/StatusContent.html

@@ -55,7 +55,7 @@
   import { mark, stop } from '../../_utils/marks'
   import { store } from '../../_store/store'
   import { classname } from '../../_utils/classname'
-  import { emojifyText } from '../../_utils/emojifyText'
+  import { massageUserText } from '../../_utils/massageUserText'
 
   export default {
     oncreate () {
@@ -73,15 +73,7 @@
       },
       content: ({ originalStatus }) => (originalStatus.content || ''),
       emojis: ({ originalStatus }) => originalStatus.emojis,
-      massagedContent: ({ content, emojis, $autoplayGifs }) => {
+      massagedContent: ({ content, emojis, $autoplayGifs }) => massageUserText(content, emojis, $autoplayGifs)
-        content = emojifyText(content, emojis, $autoplayGifs)
-
-        // GNU Social and Pleroma don't add <p> tags
-        if (content && !content.startsWith('<p>')) {
-          content = `<p>${content}</p>`
-        }
-        return content
-      }
     },
     methods: {
       hydrateContent () {

routes/_utils/massageUserText.js

@@ -0,0 +1,12 @@
+import { emojifyText } from './emojifyText'
+
+export function massageUserText (text, emojis, $autoplayGifs) {
+  text = text || ''
+  text = emojifyText(text, emojis, $autoplayGifs)
+
+  // GNU Social and Pleroma don't add <p> tags
+  if (text && !text.startsWith('<p>')) {
+    text = `<p>${text}</p>`
+  }
+  return text
+}