404 lines
12 KiB
QML
404 lines
12 KiB
QML
// SPDX-License-Identifier: LGPL-3.0-or-later
|
|
|
|
import QtQuick 2.12
|
|
import CppUtils 0.1
|
|
|
|
QtObject {
|
|
function makeObject(urlComponent, parent=null, properties={},
|
|
callback=null) {
|
|
let comp = urlComponent
|
|
|
|
if (! Qt.isQtObject(urlComponent)) {
|
|
// It's an url or path string to a component
|
|
comp = Qt.createComponent(urlComponent, Component.Asynchronous)
|
|
}
|
|
|
|
let ready = false
|
|
|
|
comp.statusChanged.connect(status => {
|
|
if ([Component.Null, Component.Error].includes(status)) {
|
|
console.error("Failed creating component: ", comp.errorString())
|
|
|
|
} else if (! ready && status === Component.Ready) {
|
|
const incu = comp.incubateObject(
|
|
parent, properties, Qt.Asynchronous,
|
|
)
|
|
|
|
if (incu.status === Component.Ready) {
|
|
if (callback) callback(incu.object)
|
|
ready = true
|
|
return
|
|
}
|
|
|
|
incu.onStatusChanged = (istatus) => {
|
|
if (incu.status === Component.Error) {
|
|
console.error("Failed incubating object: ",
|
|
incu.errorString())
|
|
|
|
} else if (istatus === Component.Ready &&
|
|
callback && ! ready) {
|
|
if (callback) callback(incu.object)
|
|
ready = true
|
|
}
|
|
}
|
|
}
|
|
})
|
|
|
|
if (comp.status === Component.Ready) comp.statusChanged(comp.status)
|
|
}
|
|
|
|
|
|
function makePopup(urlComponent, properties={}, callback=null,
|
|
autoDestruct=true) {
|
|
makeObject(urlComponent, window, properties, (popup) => {
|
|
popup.open()
|
|
if (autoDestruct) popup.closed.connect(() => { popup.destroy() })
|
|
if (callback) callback(popup)
|
|
})
|
|
}
|
|
|
|
|
|
function showError(type, traceback, sourceIndication="", message="") {
|
|
console.error(`python: ${sourceIndication}\n${traceback}`)
|
|
|
|
if (window.hideErrorTypes.has(type)) {
|
|
console.info("Not showing popup for ignored error type " + type)
|
|
return
|
|
}
|
|
|
|
utils.makePopup(
|
|
"Popups/UnexpectedErrorPopup.qml",
|
|
{ errorType: type, message, traceback },
|
|
)
|
|
}
|
|
|
|
|
|
function sum(array) {
|
|
if (array.length < 1) return 0
|
|
return array.reduce((a, b) => (isNaN(a) ? 0 : a) + (isNaN(b) ? 0 : b))
|
|
}
|
|
|
|
|
|
function range(startOrEnd, end=null, ) {
|
|
// range(3) → [0, 1, 2, 3]
|
|
// range(3, 6) → [3, 4, 5, 6]
|
|
// range(3, -1) → [3, 2, 1, 0, -1]
|
|
|
|
const numbers = []
|
|
let realStart = end ? startOrEnd : 0
|
|
let realEnd = end ? end : startOrEnd
|
|
|
|
if (realEnd < realStart)
|
|
for (let i = realStart; i >= realEnd; i--)
|
|
numbers.push(i)
|
|
else
|
|
for (let i = realStart; i <= realEnd; i++)
|
|
numbers.push(i)
|
|
|
|
return numbers
|
|
}
|
|
|
|
|
|
function isEmptyObject(obj) {
|
|
return Object.entries(obj).length === 0 && obj.constructor === Object
|
|
}
|
|
|
|
|
|
function objectUpdate(current, update) {
|
|
return Object.assign({}, current, update)
|
|
}
|
|
|
|
|
|
function objectUpdateRecursive(current, update) {
|
|
for (const key of Object.keys(update)) {
|
|
if ((key in current) && typeof(current[key]) === "object" &&
|
|
typeof(update[key]) === "object") {
|
|
objectUpdateRecursive(current[key], update[key])
|
|
} else {
|
|
current[key] = update[key]
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
function numberWrapAt(num, max) {
|
|
return num < 0 ? max + (num % max) : (num % max)
|
|
}
|
|
|
|
|
|
function hsluv(hue, saturation, lightness, alpha=1.0) {
|
|
return CppUtils.hsluv(hue, saturation, lightness, alpha)
|
|
}
|
|
|
|
|
|
function hueFrom(string) {
|
|
// Calculate and return a unique hue between 0 and 360 for the string
|
|
let hue = 0
|
|
for (let i = 0; i < string.length; i++) {
|
|
hue += string.charCodeAt(i) * 99
|
|
}
|
|
return hue % 360
|
|
}
|
|
|
|
|
|
function nameColor(name, dim=false) {
|
|
return hsluv(
|
|
hueFrom(name),
|
|
|
|
dim ?
|
|
theme.controls.displayName.dimSaturation :
|
|
theme.controls.displayName.saturation,
|
|
|
|
dim ?
|
|
theme.controls.displayName.dimLightness :
|
|
theme.controls.displayName.lightness,
|
|
)
|
|
}
|
|
|
|
|
|
function coloredNameHtml(name, userId, displayText=null, dim=false) {
|
|
// substring: remove leading @
|
|
return `<font color="${nameColor(name || userId.substring(1), dim)}">`+
|
|
escapeHtml(displayText || name || userId) +
|
|
"</font>"
|
|
}
|
|
|
|
|
|
function escapeHtml(text) {
|
|
// Replace special HTML characters by encoded alternatives
|
|
return text.replace(/&/g, "&")
|
|
.replace(/</g, "<")
|
|
.replace(/>/g, ">")
|
|
.replace(/"/g, """)
|
|
.replace(/'/g, "'")
|
|
}
|
|
|
|
|
|
function stripHtmlTags(text) {
|
|
// XXX: Potentially unsafe!
|
|
return text.replace(/<\/?[^>]+(>|$)/g, "")
|
|
}
|
|
|
|
|
|
function processedEventText(ev) {
|
|
const type = ev.event_type
|
|
const unknownMsg = type === "RoomMessageUnknown"
|
|
const sender = coloredNameHtml(ev.sender_name, ev.sender_id)
|
|
|
|
if (type === "RoomMessageEmote")
|
|
return ev.content.match(/^\s*<(p|h[1-6])>/) ?
|
|
ev.content.replace(/(^\s*<(p|h[1-6])>)/, `$1 ${sender} `) :
|
|
sender + " " + ev.content
|
|
|
|
if (type.startsWith("RoomMessage") && ! unknownMsg)
|
|
return ev.content
|
|
|
|
if (type.startsWith("RoomEncrypted"))
|
|
return ev.content
|
|
|
|
if (type === "RedactedEvent") {
|
|
// FIXME: this can generate an "argument missing" warning because
|
|
// QML first gets notified of the event type change, *then* of the
|
|
// content change.
|
|
let content = qsTr(escapeHtml(ev.content)).arg(sender)
|
|
|
|
if (ev.content.includes("%2"))
|
|
content = content.arg(coloredNameHtml(
|
|
ev.redacter_name, ev.redacter_id, "", true,
|
|
))
|
|
|
|
return qsTr(
|
|
`<font color="${theme.chat.message.redactedBody}">` +
|
|
content +
|
|
"</font>"
|
|
)
|
|
}
|
|
|
|
if (ev.content.includes("%2")) {
|
|
const target = coloredNameHtml(ev.target_name, ev.target_id)
|
|
return qsTr(ev.content).arg(sender).arg(target)
|
|
}
|
|
|
|
return qsTr(ev.content).arg(sender)
|
|
}
|
|
|
|
function filterMatches(filter, text) {
|
|
if (! filter) return true
|
|
|
|
const filter_lower = filter.toLowerCase()
|
|
|
|
if (filter_lower === filter) {
|
|
// Consider case only if filter isn't all lowercase (smart case)
|
|
filter = filter_lower
|
|
text = text.toLowerCase()
|
|
}
|
|
|
|
for (const word of filter.split(" ")) {
|
|
if (word && ! text.includes(word)) {
|
|
return false
|
|
}
|
|
}
|
|
return true
|
|
}
|
|
|
|
|
|
function filterMatchesAny(filter, ...texts) {
|
|
for (const text of texts) {
|
|
if (filterMatches(filter, text)) return true
|
|
}
|
|
return false
|
|
}
|
|
|
|
|
|
function fitSize(minWidth, minHeight, width, height, maxWidth, maxHeight) {
|
|
if (width >= height) {
|
|
const new_width = Math.min(Math.max(width, minWidth), maxWidth)
|
|
return Qt.size(new_width, height / (width / new_width))
|
|
}
|
|
|
|
const new_height = Math.min(Math.max(height, minHeight), maxHeight)
|
|
return Qt.size(width / (height / new_height), new_height)
|
|
}
|
|
|
|
|
|
function minutesBetween(date1, date2) {
|
|
return ((date2 - date1) / 1000) / 60
|
|
}
|
|
|
|
|
|
function dateIsDay(date, dayDate) {
|
|
return date.getDate() === dayDate.getDate() &&
|
|
date.getMonth() === dayDate.getMonth() &&
|
|
date.getFullYear() === dayDate.getFullYear()
|
|
}
|
|
|
|
|
|
function dateIsToday(date) {
|
|
return dateIsDay(date, new Date())
|
|
}
|
|
|
|
|
|
function dateIsYesterday(date) {
|
|
const yesterday = new Date()
|
|
yesterday.setDate(yesterday.getDate() - 1)
|
|
return dateIsDay(date, yesterday)
|
|
}
|
|
|
|
|
|
function formatTime(time, seconds=true) {
|
|
return Qt.formatTime(
|
|
time,
|
|
|
|
Qt.locale().timeFormat(
|
|
seconds ? Locale.LongFormat : Locale.NarrowFormat
|
|
).replace(/\./g, ":").replace(/ t$/, "")
|
|
// en_DK.UTF-8 locale wrongfully gives "." separators;
|
|
// also remove the timezone at the end
|
|
)
|
|
}
|
|
|
|
|
|
function smartFormatDate(date) {
|
|
return (
|
|
date < new Date(1) ?
|
|
"" :
|
|
|
|
// e.g. "03:24"
|
|
dateIsToday(date) ?
|
|
formatTime(date, false) :
|
|
|
|
// e.g. "5 Dec"
|
|
date.getFullYear() === new Date().getFullYear() ?
|
|
Qt.formatDate(date, "d MMM") :
|
|
|
|
// e.g. "Jan 2020"
|
|
Qt.formatDate(date, "MMM yyyy")
|
|
)
|
|
}
|
|
|
|
|
|
function formatDuration(milliseconds) {
|
|
const totalSeconds = milliseconds / 1000
|
|
|
|
const hours = Math.floor(totalSeconds / 3600)
|
|
let minutes = Math.floor((totalSeconds % 3600) / 60)
|
|
let seconds = Math.floor(totalSeconds % 60)
|
|
|
|
if (seconds < 10) seconds = `0${seconds}`
|
|
if (hours < 1) return `${minutes}:${seconds}`
|
|
|
|
if (minutes < 10) minutes = `0${minutes}`
|
|
return `${hours}:${minutes}:${seconds}`
|
|
}
|
|
|
|
|
|
function round(floatNumber) {
|
|
return parseFloat(floatNumber.toFixed(2))
|
|
}
|
|
|
|
|
|
function flickPages(flickable, pages) {
|
|
// Adapt velocity and deceleration for the number of pages to flick.
|
|
// If this is a repeated flicking, flick faster than a single flick.
|
|
if (! flickable.interactive) return
|
|
|
|
const futureVelocity = -flickable.height * pages
|
|
const currentVelocity = -flickable.verticalVelocity
|
|
const goFaster =
|
|
(futureVelocity < 0 && currentVelocity < futureVelocity / 2) ||
|
|
(futureVelocity > 0 && currentVelocity > futureVelocity / 2)
|
|
|
|
const normalDecel = flickable.flickDeceleration
|
|
const fastMultiply = pages && 8 / (1 - Math.log10(Math.abs(pages)))
|
|
const magicNumber = 2.5
|
|
|
|
flickable.flickDeceleration = Math.max(
|
|
goFaster ? normalDecel : -Infinity,
|
|
Math.abs(normalDecel * magicNumber * pages),
|
|
)
|
|
|
|
flickable.flick(
|
|
0, futureVelocity * magicNumber * (goFaster ? fastMultiply : 1),
|
|
)
|
|
|
|
flickable.flickDeceleration = normalDecel
|
|
}
|
|
|
|
|
|
function flickToTop(flickable) {
|
|
if (! flickable.interactive) return
|
|
if (flickable.visibleArea.yPosition < 0) return
|
|
|
|
flickable.contentY -= flickable.contentHeight
|
|
flickable.returnToBounds()
|
|
flickable.flick(0, -100) // Force the delegates to load
|
|
}
|
|
|
|
|
|
function flickToBottom(flickable) {
|
|
if (! flickable.interactive) return
|
|
if (flickable.visibleArea.yPosition < 0) return
|
|
|
|
flickable.contentY = flickable.contentHeight - flickable.height
|
|
flickable.returnToBounds()
|
|
flickable.flick(0, 100)
|
|
}
|
|
|
|
|
|
function urlFileName(url) {
|
|
return url.toString().split("/").slice(-1)[0].split("?")[0]
|
|
}
|
|
|
|
|
|
function urlExtension(url) {
|
|
return urlFileName(url).split(".").slice(-1)[0]
|
|
}
|
|
|
|
|
|
function sendFile(userId, roomId, path, onSuccess, onError) {
|
|
py.callClientCoro(
|
|
userId, "send_file", [roomId, path], onSuccess, onError,
|
|
)
|
|
}
|
|
}
|