b11ac88692
app/javascript/mastodon/main.js delayed the execution of modules, but other entry points didn't. That leads to failure in executing modules, which requires those polyfills. Strictly enforce the rule to require any modules after loading polyfill in entry points.
95 lines
3.1 KiB
JavaScript
95 lines
3.1 KiB
JavaScript
import loadPolyfills from '../mastodon/load_polyfills';
|
|
|
|
function main() {
|
|
const { length } = require('stringz');
|
|
const IntlRelativeFormat = require('intl-relativeformat').default;
|
|
const { delegate } = require('rails-ujs');
|
|
const emojify = require('../mastodon/emoji').default;
|
|
const { getLocale } = require('../mastodon/locales');
|
|
const ready = require('../mastodon/ready').default;
|
|
|
|
const { localeData } = getLocale();
|
|
localeData.forEach(IntlRelativeFormat.__addLocaleData);
|
|
|
|
ready(() => {
|
|
const locale = document.documentElement.lang;
|
|
const dateTimeFormat = new Intl.DateTimeFormat(locale, {
|
|
year: 'numeric',
|
|
month: 'long',
|
|
day: 'numeric',
|
|
hour: 'numeric',
|
|
minute: 'numeric',
|
|
});
|
|
const relativeFormat = new IntlRelativeFormat(locale);
|
|
|
|
[].forEach.call(document.querySelectorAll('.emojify'), (content) => {
|
|
content.innerHTML = emojify(content.innerHTML);
|
|
});
|
|
|
|
[].forEach.call(document.querySelectorAll('time.formatted'), (content) => {
|
|
const datetime = new Date(content.getAttribute('datetime'));
|
|
const formattedDate = dateTimeFormat.format(datetime);
|
|
content.title = formattedDate;
|
|
content.textContent = formattedDate;
|
|
});
|
|
|
|
[].forEach.call(document.querySelectorAll('time.time-ago'), (content) => {
|
|
const datetime = new Date(content.getAttribute('datetime'));
|
|
content.textContent = relativeFormat.format(datetime);;
|
|
});
|
|
});
|
|
|
|
delegate(document, '.video-player video', 'click', ({ target }) => {
|
|
if (target.paused) {
|
|
target.play();
|
|
} else {
|
|
target.pause();
|
|
}
|
|
});
|
|
|
|
delegate(document, '.activity-stream .media-spoiler-wrapper .media-spoiler', 'click', function() {
|
|
this.parentNode.classList.add('media-spoiler-wrapper__visible');
|
|
});
|
|
|
|
delegate(document, '.activity-stream .media-spoiler-wrapper .spoiler-button', 'click', function() {
|
|
this.parentNode.classList.remove('media-spoiler-wrapper__visible');
|
|
});
|
|
|
|
delegate(document, '.webapp-btn', 'click', ({ target, button }) => {
|
|
if (button !== 0) {
|
|
return true;
|
|
}
|
|
window.location.href = target.href;
|
|
return false;
|
|
});
|
|
|
|
delegate(document, '.status__content__spoiler-link', 'click', ({ target }) => {
|
|
const contentEl = target.parentNode.parentNode.querySelector('.e-content');
|
|
if (contentEl.style.display === 'block') {
|
|
contentEl.style.display = 'none';
|
|
target.parentNode.style.marginBottom = 0;
|
|
} else {
|
|
contentEl.style.display = 'block';
|
|
target.parentNode.style.marginBottom = null;
|
|
}
|
|
return false;
|
|
});
|
|
|
|
delegate(document, '.account_display_name', 'input', ({ target }) => {
|
|
const nameCounter = document.querySelector('.name-counter');
|
|
if (nameCounter) {
|
|
nameCounter.textContent = 30 - length(target.value);
|
|
}
|
|
});
|
|
|
|
delegate(document, '.account_note', 'input', ({ target }) => {
|
|
const noteCounter = document.querySelector('.note-counter');
|
|
if (noteCounter) {
|
|
noteCounter.textContent = 160 - length(target.value);
|
|
}
|
|
});
|
|
}
|
|
|
|
loadPolyfills().then(main).catch(error => {
|
|
console.error(error);
|
|
});
|