nnduc/movim-rs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
nnduc
2026-10-24 14:03:52 +07:00
commit 4fe046de58
4790 changed files with 311146 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/scripts/movim_utils.js
+484
View File
@@ -0,0 +1,484 @@
/**
* Movim Utils
*
* This file include some useful functions used quite everywhere in Movim
*/
/**
* @brief Set object in localStorage
* @param key string
* @param value the object
*/
Storage.prototype.setObject = function (key, value) {
this.setItem(key, JSON.stringify(value));
};
/**
* @brief Get object in localStorage
* @param key
*/
Storage.prototype.getObject = function (key) {
return JSON.parse(this.getItem(key));
};
var MovimUtils = {
cleanupId: function (string) {
return 'id-' + string.replace(/([^a-z0-9]+)/gi, '-').toLowerCase();
},
hash(string) {
let hash = 0;
if (string.length === 0) return hash;
for (let i = 0; i < string.length; i++) {
const char = string.charCodeAt(i);
hash = ((hash << 5) - hash) + char;
hash = hash & hash;
}
return hash;
},
isMobile: function () {
return window.matchMedia('(max-width: 1024px)').matches;
},
disconnect: function () {
window.location.replace(ERROR_URI);
},
clearAllActivesRooms: function () {
document.querySelectorAll('ul.list.rooms li:not(.subheader)')
.forEach(item => item.classList.remove('active'));
},
setActiveRoom: function (jid) {
if (typeof Chats != 'undefined') Chats.clearAllActives();
MovimUtils.clearAllActivesRooms();
MovimUtils.addClass('ul.list.rooms li[data-jid="' + jid + '"]', 'active');
},
formSetDirty: function (formname) {
var form = document.forms[formname];
if (!form) {
return false;
}
form.dataset.dirty = true;
},
formToJson: function (formname) {
var form = document.forms[formname];
if (!form) {
return;
}
var json = {};
json['isDirty'] = Boolean(form.dataset.dirty);
for (var i = 0; i < form.elements.length; i++) {
json_att = {};
for (var j = 0; j < form.elements[i].attributes.length; j++) {
if (form.elements[i].attributes[j].name != 'value') {
json_att[form.elements[i].attributes[j].name] = form.elements[i].attributes[j].value;
}
}
if (form.elements[i].name.length != 0) {
if (form.elements[i].type == 'checkbox') {
json[form.elements[i].name] = {
'value': form.elements[i].checked,
'attributes': json_att
};
} else if (form.elements[i].type == 'radio' && form.elements[i].checked) {
json[form.elements[i].name] = {
'value': form.elements[i].value,
'attributes': json_att
};
} else if (form.elements[i].type != 'radio') {
json[form.elements[i].name] = {
'value': form.elements[i].value,
'attributes': json_att
};
}
}
}
return json;
},
cleanTime: function (seconds) {
var currentMinute = parseInt(seconds / 60) % 60,
currentSecondsLong = seconds % 60,
currentSeconds = currentSecondsLong.toFixed(),
currentTime = (currentMinute < 10 ? "0" + currentMinute : currentMinute)
+ ":" + (currentSeconds < 10 ? "0" + currentSeconds : currentSeconds);
return currentTime;
},
setTitle: function (title) {
document.title = title;
},
pushState: function (url) {
window.history.pushState(null, '', url);
},
pushSoftState: function (url) {
if (window.location != url) {
window.history.pushState({ soft: true }, '', url);
MovimTpl.currentPage = window.location.pathname;
}
},
redirect: function (url) {
window.location.href = url;
},
openInNew: function (url) {
window.open(url, '_blank');
},
reload: function (uri, noHistory) {
requestUri = new URL(uri.replace(/^\/\//, 'https://'));
requestUri.searchParams.append('soft', 'true');
MovimTpl.loadingPage();
MovimRPC.fetchWithTimeout(requestUri.toString(), {
headers: {
'Accept': 'application/json',
'Content-Type': 'application/json'
}
}).then(reponse => {
reponse.text().then(value => {
let page = JSON.parse(value);
const oldWidgetCss = Array.from(
document.head.querySelectorAll('link[rel=stylesheet].widget')
);
const cssPromises = page.widgetsCSS.map(url => new Promise((resolve) => {
const css = document.createElement('link');
css.setAttribute('rel', 'stylesheet');
css.href = url;
css.classList.add('widget');
css.onload = resolve;
css.onerror = resolve;
document.head.appendChild(css);
}));
Promise.all(cssPromises).then(() => {
MovimTpl.finishedPage();
if (noHistory !== true) {
MovimUtils.pushSoftState(uri);
}
if (typeof MovimWebsocket !== 'undefined') {
MovimWebsocket.clear();
}
oldWidgetCss.forEach(e => e.remove());
document.head.querySelectorAll('script[type=\'text/javascript\'].widget').forEach(e => e.remove());
document.head.querySelectorAll('script[type=\'text/javascript\'].inline').forEach(e => e.remove());
document.querySelectorAll('#endcommon ~ *').forEach(e => e.remove());
document.body.insertAdjacentHTML('beforeend', page.content);
document.title = page.title;
const promises = page.widgetsScripts.map(script => new Promise((resolve) => {
const js = document.createElement('script');
js.src = script;
js.setAttribute('type', 'text/javascript');
js.onload = resolve;
js.onerror = resolve;
js.classList.add('widget');
document.head.appendChild(js);
}));
const inlineJs = document.createElement('script');
inlineJs.classList.add('inline');
inlineJs.innerHTML = page.inlineScripts;
document.head.appendChild(inlineJs);
Promise.all(promises).then(() => {
MovimEvents.triggerWindow('loaded', null);
});
});
});
}).catch(error => {
document.body.classList.add('finished');
});
},
reloadThis: function () {
window.location.reload();
},
addClass: function (element, classname) {
let el = document.querySelector(element);
if (el) el.classList.add(classname);
},
removeClass: function (element, classname) {
let el = document.querySelector(element);
if (el) el.classList.remove(classname);
},
setDataItem: function (element, key, value) {
let el = document.querySelector(element);
if (el) {
if (value) {
el.dataset[key] = value;
} else {
delete el.dataset[key];
}
}
},
decodeHTMLEntities(text) {
var textarea = document.createElement('textarea');
textarea.innerHTML = text;
return textarea.value;
},
copyToClipboard: function (text) {
navigator.clipboard.writeText(text).catch(err => MovimUtils.logError(err));
},
htmlEscape: function (string) {
return string
.replaceAll("&", "&amp;")
.replaceAll("<", "&lt;")
.replaceAll(">", "&gt;")
.replaceAll('"', "&quot;")
.replaceAll("'", "&#039;");
},
enhanceArticlesContent: function () {
document.querySelectorAll('article section > div video')
.forEach(item => item.setAttribute('controls', 'controls'));
document.querySelectorAll('article section > div a:not(.innertag)')
.forEach(link => link.setAttribute('target', '_blank'));
document.querySelectorAll('article section > div img')
.forEach(img => {
if (img.parentNode.localName != 'a') {
var div = document.createElement('div');
if (!img.parentNode.classList.contains('previewable')) {
img.parentNode.insertBefore(div, img);
div.classList.add('previewable');
img.classList.add('active');
img.addEventListener('click', () => Preview_ajaxHttpShow(img.src))
div.appendChild(img);
}
}
});
},
urlParts: function () {
var str = window.location.pathname.split('/');
var page = str[1];
str.shift();
str.shift();
str = str.map(param => decodeURIComponent(param));
return { 'page': page, 'params': str, 'hash': window.location.hash.substring(1) };
},
humanFileSize: function (bytes, si) {
var thresh = si ? 1000 : 1024;
if (Math.abs(bytes) < thresh) {
return bytes + ' B';
}
var units = si
? ['kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']
: ['KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB'];
var u = -1;
do {
bytes /= thresh;
++u;
} while (Math.abs(bytes) >= thresh && u < units.length - 1);
return bytes.toFixed(1) + ' ' + units[u];
},
getOrientation: function (file, callback) {
var testImageURL =
'data:image/jpeg;base64,/9j/4QAiRXhpZgAATU0AKgAAAAgAAQESAAMAAAABAAYAAAA' +
'AAAD/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBA' +
'QEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQE' +
'BAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAf/AABEIAAIAAwMBEQACEQEDEQH/x' +
'ABRAAEAAAAAAAAAAAAAAAAAAAAKEAEBAQADAQEAAAAAAAAAAAAGBQQDCAkCBwEBAAAAAAA' +
'AAAAAAAAAAAAAABEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AG8T9NfSMEVMhQ' +
'voP3fFiRZ+MTHDifa/95OFSZU5OzRzxkyejv8ciEfhSceSXGjS8eSdLnZc2HDm4M3BxcXw' +
'H/9k='
var img = document.createElement('img');
img.onload = function () {
// Check if the browser supports automatic image orientation:
let orientation = img.width === 2 && img.height === 3;
if (orientation) {
return callback(-1);
} else {
var reader = new FileReader();
reader.onload = function (e) {
var view = new DataView(e.target.result);
if (view.getUint16(0, false) != 0xFFD8) return callback(-2);
var length = view.byteLength, offset = 2;
while (offset < length) {
var marker = view.getUint16(offset, false);
offset += 2;
if (marker == 0xFFE1) {
if (view.getUint32(offset += 2, false) != 0x45786966) return callback(-1);
var little = view.getUint16(offset += 6, false) == 0x4949;
offset += view.getUint32(offset + 4, little);
var tags = view.getUint16(offset, little);
offset += 2;
for (var i = 0; i < tags; i++)
if (view.getUint16(offset + (i * 12), little) == 0x0112)
return callback(view.getUint16(offset + (i * 12) + 8, little));
}
else if ((marker & 0xFF00) != 0xFF00) break;
else offset += view.getUint16(offset, false);
}
return callback(-1);
};
reader.readAsArrayBuffer(file);
}
}
img.src = testImageURL
},
applyOrientation: function (ctx, orientation, width, height) {
switch (orientation) {
case 2: ctx.transform(-1, 0, 0, 1, width, 0); break;
case 3: ctx.transform(-1, 0, 0, -1, width, height); break;
case 4: ctx.transform(1, 0, 0, -1, 0, height); break;
case 5: ctx.transform(0, 1, 1, 0, 0, 0); break;
case 6: ctx.transform(0, 1, -1, 0, height, 0); break;
case 7: ctx.transform(0, -1, -1, 0, height, width); break;
case 8: ctx.transform(0, -1, 1, 0, 0, width); break;
default: ctx.transform(1, 0, 0, 1, 0, 0);
}
},
drawImageProp: function (ctx, img, x, y, w, h, offsetX, offsetY) {
if (arguments.length === 2) {
x = y = 0;
w = ctx.canvas.width;
h = ctx.canvas.height;
}
// default offset is center
offsetX = typeof offsetX === "number" ? offsetX : 0.5;
offsetY = typeof offsetY === "number" ? offsetY : 0.5;
// keep bounds [0.0, 1.0]
if (offsetX < 0) offsetX = 0;
if (offsetY < 0) offsetY = 0;
if (offsetX > 1) offsetX = 1;
if (offsetY > 1) offsetY = 1;
var iw = img.width,
ih = img.height,
r = Math.min(w / iw, h / ih),
nw = iw * r, // new prop. width
nh = ih * r, // new prop. height
cx, cy, cw, ch, ar = 1;
// decide which gap to fill
if (nw < w) ar = w / nw;
if (Math.abs(ar - 1) < 1e-14 && nh < h) ar = h / nh; // updated
nw *= ar;
nh *= ar;
// calc source rectangle
cw = iw / (nw / w);
ch = ih / (nh / h);
cx = (iw - cw) * offsetX;
cy = (ih - ch) * offsetY;
// make sure source rectangle is valid
if (cx < 0) cx = 0;
if (cy < 0) cy = 0;
if (cw > iw) cw = iw;
if (ch > ih) ch = ih;
// fill image in dest. rectangle
ctx.drawImage(img, cx, cy, cw, ch, x, y, w, h);
},
imageToHex: function (img) {
const context = document.createElement("canvas").getContext("2d");
context.drawImage(img, 0, 0, 1, 1);
const i = context.getImageData(0, 0, 1, 1).data;
return "#" + ((1 << 24) + (i[0] << 16) + (i[1] << 8) + i[2]).toString(16).slice(1);
},
getEventLocation: function (e) {
if (e.touches && e.touches.length == 1) {
return { x: e.touches[0].clientX, y: e.touches[0].clientY }
}
else if (e.clientX && e.clientY) {
return { x: e.clientX, y: e.clientY }
}
},
base64ToBinary: function (base64) {
return new Uint8Array(atob(base64).split('').map(x => x.charCodeAt(0)));
},
arrayBufferToBase64: function (ab) {
return btoa((new Uint8Array(ab)).reduce((data, byte) => data + String.fromCharCode(byte), ''));
},
base64ToArrayBuffer: function (base64) {
var binary_string = window.atob(base64);
var len = binary_string.length;
var bytes = new Uint8Array(len);
for (var i = 0; i < len; i++) {
bytes[i] = binary_string.charCodeAt(i);
}
return bytes.buffer;
},
stringToArrayBuffer: function (string) {
const bytes = new TextEncoder("utf-8").encode(string);
return bytes.buffer;
},
arrayBufferToString: function (ab) {
return new TextDecoder().decode(ab);
},
hexToArrayBuffer: function (hex) {
const typedArray = new Uint8Array(hex.match(/[\da-f]{2}/gi).map(h => parseInt(h, 16)));
return typedArray.buffer;
},
appendArrayBuffer: function (buffer1, buffer2) {
const tmp = new Uint8Array(buffer1.byteLength + buffer2.byteLength);
tmp.set(new Uint8Array(buffer1), 0);
tmp.set(new Uint8Array(buffer2), buffer1.byteLength);
return tmp.buffer;
},
range: function (start, end) {
return Array.from({ length: end - start + 1 }, (_, i) => i)
},
linkify: function (inputText) {
const replacePattern1 = /(^|[ ])(\b(https?|ftp):\/\/[-A-Z0-9+&amp;@#\/%?=~_|!:,.;]*[-A-Z0-9+&amp;@#\/%=~_|])($|[ ])/gim;
const replacePattern2 = /(([a-zA-Z0-9\-\_\.])+@[a-zA-Z\_]+?(\.[a-zA-Z]{2,6})+)/gim;
let replacedText = inputText.replace(replacePattern1, '<a href="$2" target="_blank" rel="noopener noreferrer">$2</a>');
replacedText = replacedText.replace(replacePattern2, '<a href="mailto:$1">$1</a>');
return replacedText;
},
logError: function (error) {
console.log(error.name + ': ' + error.message);
console.error(error);
},
};
/*
* Set the li onclick event to the link and stop propagation, for accessinility purposes
*/
function listIconClick(event) {
event.stopPropagation();
let li = event.target.closest('li');
if (li && li.onclick) {
li.click();
return;
}
let span = event.target.closest('span.icon');
if (span) span.click();
}