mirror of
https://github.com/status-im/status-desktop.git
synced 2025-01-10 14:26:34 +00:00
417194e7b4
Add keyboard shortcuts according to https://notes.status.im/02cfVf1KQLeQU2SqrIi9tw fix: update chat message bubbles - Align emojis to middle of text - Add line-height as per design - Properly support RTL languages (right-aligned) and LTR languages (left-aligned) - Remove unneeded non-breaking space at the beginning of current user messages - Properly support markdown for bold, strikethrough, and italic - Fix text being removed when in between strikethrough markdown (~~) fix: emoji resolution update for high resolution monitors - Emojis now use the 72x72 original set, but are down-scaled to 20x20 (in chat bubbles) or 22x22 in other places, effectively tripling their pixel density feat: handle new lines in blockquote Handle new lines in blockquote so that messages display correctly. Also, add functionality when a new line is entered in to the chat input, if it's inside a blockquote, a new ">" will be added automatically. This is also handled when backspace is entered. feat: update xss to support full qt html4 table and table-cell attributes
63 lines
2.5 KiB
QML
63 lines
2.5 KiB
QML
pragma Singleton
|
|
|
|
import QtQuick 2.13
|
|
import "./twemoji/twemoji.js" as Twemoji
|
|
import "../shared/status/emojiList.js" as EmojiJSON
|
|
|
|
QtObject {
|
|
readonly property var size: {
|
|
"big": "72x72",
|
|
"small": "20x20"
|
|
}
|
|
property string base: Qt.resolvedUrl("twemoji/")
|
|
function parse(text, renderSize = size.small) {
|
|
const renderSizes = renderSize.split("x");
|
|
if (!renderSize.includes("x") || renderSizes.length !== 2) {
|
|
throw new Error("Invalid value for 'renderSize' parameter: ", renderSize);
|
|
}
|
|
Twemoji.twemoji.base = base
|
|
Twemoji.twemoji.ext = ".png"
|
|
Twemoji.twemoji.size = size.big // source size in filesystem - get 72x72 and downscale for increased pixel density
|
|
return Twemoji.twemoji.parse(text, {
|
|
attributes: function() { return { width: renderSizes[0], height: renderSizes[1] }}
|
|
})
|
|
}
|
|
function fromCodePoint(value) {
|
|
return Twemoji.twemoji.convert.fromCodePoint(value)
|
|
}
|
|
function deparse(value){
|
|
return value.replace(/<img src=\"qrc:\/imports\/twemoji\/.+?" alt=\"(.+?)\" width=\"[0-9]*\" height=\"[0-9]*\" \/>/g, "$1");
|
|
}
|
|
function deparseFromParse(value) {
|
|
return value.replace(/<img class=\"emoji\" draggable=\"false\" alt=\"(.+?)\" src=\"qrc:\/imports\/twemoji\/.+?" width=\"[0-9]*\" height=\"[0-9]*\"\/>/g, "$1");
|
|
}
|
|
function hasEmoji(value) {
|
|
let match = value.match(/<img src=\"qrc:\/imports\/twemoji\/.+?" alt=\"(.+?)\" width=\"[0-9]*\" height=\"[0-9]*\"\ \/>/g)
|
|
return match && match.length > 0
|
|
}
|
|
function getEmojis(value) {
|
|
return value.match(/<img class=\"emoji\" draggable=\"false\" alt=\"(.+?)\" src=\"qrc:\/imports\/twemoji\/.+?" width=\"[0-9]*\" height=\"[0-9]*\"\/>/g, "$1");
|
|
}
|
|
function getEmojiUnicode(shortname) {
|
|
var _emoji;
|
|
EmojiJSON.emoji_json.forEach(function(emoji) {
|
|
if (emoji.shortname === shortname)
|
|
_emoji = emoji;
|
|
})
|
|
|
|
if (_emoji !== undefined)
|
|
return _emoji.unicode;
|
|
return undefined;
|
|
}
|
|
|
|
function getEmojiCodepoint(iconCodePoint) {
|
|
// Split the codepoint to get all the parts and then encode them from hex to utf8
|
|
const splitCodePoint = iconCodePoint.split('-')
|
|
let codePointParts = []
|
|
splitCodePoint.forEach(function (codePoint) {
|
|
codePointParts.push(`0x${codePoint}`)
|
|
})
|
|
return String.fromCodePoint(...codePointParts);
|
|
}
|
|
}
|