pinafore/src/routes/_utils/emojifyText.js
Nolan Lawson 4bd181d3cc
fix: update Sapper to latest (#775)
* fix: update to latest sapper

fixes #416

* fix error and debug pages

* requestIdleCallback makes column switching feel way nicer than double rAF

* add export feature

* add better csp info

* workaround for sapper sub-page issue

* clarify in readme about exporting

* fix now config

* switch from rIC to triple raf

* style-loader is no longer used

* update theming guide
2018-12-11 07:31:48 -08:00

24 lines
784 B
JavaScript

import { replaceAll } from './strings'
import { replaceEmoji } from './replaceEmoji'
export function emojifyText (text, emojis, autoplayGifs) {
// replace native emoji with wrapped spans so we can give them the proper font-family
text = replaceEmoji(text, substring => `<span class="inline-emoji">${substring}</span>`)
// replace custom emoji
if (emojis) {
for (let emoji of emojis) {
let urlToUse = autoplayGifs ? emoji.url : emoji.static_url
let shortcodeWithColons = `:${emoji.shortcode}:`
text = replaceAll(
text,
shortcodeWithColons,
`<img class="inline-custom-emoji" draggable="false" src="${urlToUse}"
alt="${shortcodeWithColons}" title="${shortcodeWithColons}" />`
)
}
}
return text
}