109 lines
No EOL
3.1 KiB
JavaScript
109 lines
No EOL
3.1 KiB
JavaScript
import 'intersection-observer';
|
|
import { sendKeys } from './actions';
|
|
|
|
|
|
export function getUserDataAndCsrfToken() {
|
|
const promise = new Promise((resolve, reject) => {
|
|
let i = 0;
|
|
const waitingOnUserData = setInterval(() => {
|
|
let userData = null;
|
|
const dataUserAttribute = document.body.getAttribute('data-user');
|
|
const meta = document.querySelector("meta[name='csrf-token']");
|
|
if (
|
|
dataUserAttribute &&
|
|
dataUserAttribute !== 'undefined' &&
|
|
dataUserAttribute !== undefined &&
|
|
meta &&
|
|
meta.content !== 'undefined' &&
|
|
meta.content !== undefined
|
|
) {
|
|
userData = JSON.parse(dataUserAttribute);
|
|
}
|
|
i += 1;
|
|
if (userData) {
|
|
clearInterval(waitingOnUserData);
|
|
resolve(userData);
|
|
} else if (i === 3000) {
|
|
clearInterval(waitingOnUserData);
|
|
reject(new Error("Couldn't find user data on page."));
|
|
}
|
|
}, 5);
|
|
});
|
|
return promise;
|
|
}
|
|
|
|
export function scrollToBottom() {
|
|
const element = document.getElementById('messagelist');
|
|
element.scrollTop = element.scrollHeight;
|
|
}
|
|
|
|
export function setupObserver(callback) {
|
|
const sentinel = document.querySelector('#messagelist__sentinel');
|
|
const somethingObserver = new IntersectionObserver(callback, {
|
|
threshold: [0, 1],
|
|
});
|
|
somethingObserver.observe(sentinel);
|
|
}
|
|
|
|
export function hideMessages(messages, userId) {
|
|
const cleanedMessages = Object.keys(messages).reduce(
|
|
(accumulator, channelId) => {
|
|
const newMessages = messages[channelId].map(message => {
|
|
if (message.user_id === userId) {
|
|
const messageClone = Object.assign({ type: 'hidden' }, message);
|
|
messageClone.message = '<message removed>';
|
|
messageClone.messageColor = 'lightgray';
|
|
return messageClone;
|
|
}
|
|
return message;
|
|
});
|
|
return { ...accumulator, [channelId]: newMessages };
|
|
},
|
|
{},
|
|
);
|
|
return cleanedMessages;
|
|
}
|
|
|
|
export function adjustTimestamp(timestamp) {
|
|
let time = new Date(timestamp);
|
|
const options = {
|
|
month: 'long',
|
|
day: 'numeric',
|
|
hour: 'numeric',
|
|
minute: 'numeric',
|
|
};
|
|
time = new Intl.DateTimeFormat('en-US', options).format(time);
|
|
return time;
|
|
}
|
|
|
|
|
|
export function setupNotifications() {
|
|
navigator.serviceWorker.ready.then((serviceWorkerRegistration) => {
|
|
serviceWorkerRegistration.pushManager.getSubscription()
|
|
.then(function(subscription) {
|
|
if (subscription) {
|
|
return subscription;
|
|
}
|
|
return serviceWorkerRegistration.pushManager.subscribe({
|
|
userVisibleOnly: true,
|
|
applicationServerKey: window.vapidPublicKey
|
|
});
|
|
}).then(function(subscription) {
|
|
sendKeys(subscription.toJSON(), null, null)
|
|
});
|
|
});
|
|
}
|
|
|
|
export function getNotificationState() {
|
|
// Let's check if the browser supports notifications
|
|
if (!("Notification" in window)) {
|
|
return "not-supported"
|
|
} else if (Notification.permission === "granted") {
|
|
setupNotifications();
|
|
return "granted"
|
|
} else if (Notification.permission !== 'denied') {
|
|
return "waiting-permission"
|
|
} else {
|
|
return "denied"
|
|
}
|
|
} |