Webpack5 (#10311)
* feat: webpack 5 part 1 * fix: gruntfile fixes * fix: fix taskbar warning add app.importScript copy public/src/modules to build folder * refactor: remove commented old code * feat: reenable admin * fix: acp settings pages, fix sortable on manage categories embedded require in html not allowed * fix: bundle serialize/deserizeli so plugins dont break * test: fixe util tests * test: fix require path * test: more test fixes * test: require correct utils module * test: require correct utils * test: log stack * test: fix db require blowing up tests * test: move and disable bundle test * refactor: add aliases * test: disable testing route * fix: move webpack modules necessary for build, into `dependencies` * test: fix one more test remove 500-embed.tpl * fix: restore use of assets/nodebb.min.js, at least for now * fix: remove unnecessary line break * fix: point to proper ACP bundle * test: maybe fix build test * test: composer * refactor: dont need dist * refactor: more cleanup use everything from build/public folder * get rid of conditional import in app.js * fix: ace * refactor: cropper alias * test: lint and test fixes * lint: fix * refactor: rename function to app.require * refactor: go back to using app.require * chore: use github branch * chore: use webpack branch * feat: webpack webinstaller * feat: add chunkFile name with contenthash * refactor: move hooks to top * refactor: get rid of template500Function * fix(deps): use webpack5 branch of 2factor plugin * chore: tagging v2.0.0-beta.0 pre-release version 💥 :shipit: 🎉 🚀 * refactor: disable cache on templates loadTemplate is called once by benchpress and the result is cache internally * refactor: add server side helpers.js * feat: deprecate /plugins shorthand route, closes #10343 * refactor: use build/public for webpack * test: fix filename * fix: more specific selector * lint: ignore * refactor: fix comments * test: add debug for random failing test * refactor: cleanup remove test page, remove dupe functions in utils.common * lint: use relative path for now * chore: bump prerelease version * feat: add translateKeys * fix: optional params * fix: get rid of extra timeago files * refactor: cleanup, require timeago locale earlier remove translator.prepareDOM, it is in header.tpl html tag * refactor: privileges system to use a Map in the backend instead of separate objects for keys and labels (#10378) * refactor: privileges system to use a Map in the backend instead of separate objects for keys and labels - Existing hooks are preserved (to be deprecated at a later date, possibly) - New init hooks are called on NodeBB start, and provide a one-stop shop to add new privileges, instead of having to add to four different hooks * docs: fix typo in comment * test: spec changes * refactor: privileges system to use a Map in the backend instead of separate objects for keys and labels (#10378) * refactor: privileges system to use a Map in the backend instead of separate objects for keys and labels - Existing hooks are preserved (to be deprecated at a later date, possibly) - New init hooks are called on NodeBB start, and provide a one-stop shop to add new privileges, instead of having to add to four different hooks * docs: fix typo in comment * test: spec changes * feat: allow app.require('bootbox'/'benchpressjs') * refactor: require server side utils * test: jquery ready * change istaller to use build/public * test: use document.addEventListener * refactor: closes #10301 * refactor: generateTopicClass * fix: column counts for other privileges * fix: #10443, regression where sorted-list items did not render into the DOM in the predicted order [breaking] * fix: typo in hook name * refactor: introduce a generic autocomplete.init() method that can be called to add nodebb-style autocompletion but using different data sources (e.g. not user/groups/tags) * fix: crash if `delay` not passed in (as it cannot be destructured) * refactor: replace substr * feat: set --panel-offset style in html element based on stored value in localStorage * refactor: addDropupHandler() logic to be less naive - Take into account height of the menu - Don't apply dropUp logic if there's nothing in the dropdown - Remove 'hidden' class (added by default in Persona for post tools) when menu items are added closes #10423 * refactor: simplify utils.params [breaking] Retrospective analysis of the usage of this method suggests that the options passed in are superfluous, and that only `url` is required. Using a browser built-in makes more sense to accomplish what this method sets out to do. * feat: add support for returning full URLSearchParams for utils.params * fix: utils.params() fallback handling * fix: default empty obj for params() * fix: remove \'loggedin\' and \'register\' qs parameters once they have been used, delay invocation of messages until ajaxify.end * fix: utils.params() not allowing relative paths to be passed in * refactor(DRY): new assertPasswordValidity utils method * fix: incorrect error message returned on insufficient privilege on flag edit * fix: read/update/delete access to flags API should be limited for moderators to only post flags in categories they moderate - added failing tests and patched up middleware.assert.flags to fix * refactor: flag api v3 tests to create new post and flags on every round * fix: missing error:no-flag language key * refactor: flags.canView to check flag existence, simplify middleware.assert.flag * feat: flag deletion API endpoint, #10426 * feat: UI for flag deletion, closes #10426 * chore: update plugin versions * chore: up emoji * chore: update markdown * chore: up emoji-android * fix: regression caused by utils.params() refactor, supports arrays and pipes all values through utils.toType, adjusts tests to type check Co-authored-by: Julian Lam <julian@nodebb.org>isekai-main
Barış Soner Uşaklı
3 years ago
committed by
GitHub
parent
d6843294fc
commit
d20b07cfea
@ -0,0 +1,8 @@
|
|||||||
|
'use strict';
|
||||||
|
|
||||||
|
require('./app');
|
||||||
|
|
||||||
|
// scripts-client.js contains javascript files
|
||||||
|
// from plugins that add files to "scripts" block in plugin.json
|
||||||
|
// eslint-disable-next-line import/no-unresolved
|
||||||
|
require('../scripts-client');
|
||||||
@ -0,0 +1,20 @@
|
|||||||
|
export * from 'ace-builds';
|
||||||
|
|
||||||
|
// only import the modes and theme we use
|
||||||
|
import 'ace-builds/src-noconflict/mode-javascript';
|
||||||
|
import 'ace-builds/src-noconflict/mode-less';
|
||||||
|
import 'ace-builds/src-noconflict/mode-html';
|
||||||
|
import 'ace-builds/src-noconflict/ext-searchbox';
|
||||||
|
import 'ace-builds/src-noconflict/theme-twilight';
|
||||||
|
|
||||||
|
/* eslint-disable import/no-webpack-loader-syntax */
|
||||||
|
/* eslint-disable import/no-unresolved */
|
||||||
|
import htmlWorkerUrl from 'file-loader!ace-builds/src-noconflict/worker-html';
|
||||||
|
import javascriptWorkerUrl from 'file-loader!ace-builds/src-noconflict/worker-javascript';
|
||||||
|
import cssWorkerUrl from 'file-loader!ace-builds/src-noconflict/worker-css';
|
||||||
|
|
||||||
|
ace.config.setModuleUrl('ace/mode/html_worker', htmlWorkerUrl);
|
||||||
|
ace.config.setModuleUrl('ace/mode/javascript_worker', javascriptWorkerUrl);
|
||||||
|
ace.config.setModuleUrl('ace/mode/css_worker', cssWorkerUrl);
|
||||||
|
|
||||||
|
|
||||||
@ -0,0 +1,347 @@
|
|||||||
|
'use strict';
|
||||||
|
|
||||||
|
module.exports = function (utils, Benchpress, relative_path) {
|
||||||
|
Benchpress.setGlobal('true', true);
|
||||||
|
Benchpress.setGlobal('false', false);
|
||||||
|
|
||||||
|
const helpers = {
|
||||||
|
displayMenuItem,
|
||||||
|
buildMetaTag,
|
||||||
|
buildLinkTag,
|
||||||
|
stringify,
|
||||||
|
escape,
|
||||||
|
stripTags,
|
||||||
|
generateCategoryBackground,
|
||||||
|
generateChildrenCategories,
|
||||||
|
generateTopicClass,
|
||||||
|
membershipBtn,
|
||||||
|
spawnPrivilegeStates,
|
||||||
|
localeToHTML,
|
||||||
|
renderTopicImage,
|
||||||
|
renderTopicEvents,
|
||||||
|
renderEvents,
|
||||||
|
renderDigestAvatar,
|
||||||
|
userAgentIcons,
|
||||||
|
buildAvatar,
|
||||||
|
register,
|
||||||
|
__escape: identity,
|
||||||
|
};
|
||||||
|
|
||||||
|
function identity(str) {
|
||||||
|
return str;
|
||||||
|
}
|
||||||
|
|
||||||
|
function displayMenuItem(data, index) {
|
||||||
|
const item = data.navigation[index];
|
||||||
|
if (!item) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (item.route.match('/users') && data.user && !data.user.privileges['view:users']) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (item.route.match('/tags') && data.user && !data.user.privileges['view:tags']) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (item.route.match('/groups') && data.user && !data.user.privileges['view:groups']) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
|
||||||
|
function buildMetaTag(tag) {
|
||||||
|
const name = tag.name ? 'name="' + tag.name + '" ' : '';
|
||||||
|
const property = tag.property ? 'property="' + tag.property + '" ' : '';
|
||||||
|
const content = tag.content ? 'content="' + tag.content.replace(/\n/g, ' ') + '" ' : '';
|
||||||
|
|
||||||
|
return '<meta ' + name + property + content + '/>\n\t';
|
||||||
|
}
|
||||||
|
|
||||||
|
function buildLinkTag(tag) {
|
||||||
|
const attributes = ['link', 'rel', 'as', 'type', 'href', 'sizes', 'title', 'crossorigin'];
|
||||||
|
const [link, rel, as, type, href, sizes, title, crossorigin] = attributes.map(attr => (tag[attr] ? `${attr}="${tag[attr]}" ` : ''));
|
||||||
|
|
||||||
|
return '<link ' + link + rel + as + type + sizes + title + href + crossorigin + '/>\n\t';
|
||||||
|
}
|
||||||
|
|
||||||
|
function stringify(obj) {
|
||||||
|
// Turns the incoming object into a JSON string
|
||||||
|
return JSON.stringify(obj).replace(/&/gm, '&').replace(/</gm, '<').replace(/>/gm, '>')
|
||||||
|
.replace(/"/g, '"');
|
||||||
|
}
|
||||||
|
|
||||||
|
function escape(str) {
|
||||||
|
return utils.escapeHTML(str);
|
||||||
|
}
|
||||||
|
|
||||||
|
function stripTags(str) {
|
||||||
|
return utils.stripHTMLTags(str);
|
||||||
|
}
|
||||||
|
|
||||||
|
function generateCategoryBackground(category) {
|
||||||
|
if (!category) {
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
const style = [];
|
||||||
|
|
||||||
|
if (category.bgColor) {
|
||||||
|
style.push('background-color: ' + category.bgColor);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (category.color) {
|
||||||
|
style.push('color: ' + category.color);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (category.backgroundImage) {
|
||||||
|
style.push('background-image: url(' + category.backgroundImage + ')');
|
||||||
|
if (category.imageClass) {
|
||||||
|
style.push('background-size: ' + category.imageClass);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return style.join('; ') + ';';
|
||||||
|
}
|
||||||
|
|
||||||
|
function generateChildrenCategories(category) {
|
||||||
|
let html = '';
|
||||||
|
if (!category || !category.children || !category.children.length) {
|
||||||
|
return html;
|
||||||
|
}
|
||||||
|
category.children.forEach(function (child) {
|
||||||
|
if (child && !child.isSection) {
|
||||||
|
const link = child.link ? child.link : (relative_path + '/category/' + child.slug);
|
||||||
|
html += '<span class="category-children-item pull-left">' +
|
||||||
|
'<div role="presentation" class="icon pull-left" style="' + generateCategoryBackground(child) + '">' +
|
||||||
|
'<i class="fa fa-fw ' + child.icon + '"></i>' +
|
||||||
|
'</div>' +
|
||||||
|
'<a href="' + link + '"><small>' + child.name + '</small></a></span>';
|
||||||
|
}
|
||||||
|
});
|
||||||
|
html = html ? ('<span class="category-children">' + html + '</span>') : html;
|
||||||
|
return html;
|
||||||
|
}
|
||||||
|
|
||||||
|
function generateTopicClass(topic) {
|
||||||
|
const fields = ['locked', 'pinned', 'deleted', 'unread', 'scheduled'];
|
||||||
|
return fields.filter(field => !!topic[field]).join(' ');
|
||||||
|
}
|
||||||
|
|
||||||
|
// Groups helpers
|
||||||
|
function membershipBtn(groupObj) {
|
||||||
|
if (groupObj.isMember && groupObj.name !== 'administrators') {
|
||||||
|
return '<button class="btn btn-danger" data-action="leave" data-group="' + groupObj.displayName + '"' + (groupObj.disableLeave ? ' disabled' : '') + '><i class="fa fa-times"></i> [[groups:membership.leave-group]]</button>';
|
||||||
|
}
|
||||||
|
|
||||||
|
if (groupObj.isPending && groupObj.name !== 'administrators') {
|
||||||
|
return '<button class="btn btn-warning disabled"><i class="fa fa-clock-o"></i> [[groups:membership.invitation-pending]]</button>';
|
||||||
|
} else if (groupObj.isInvited) {
|
||||||
|
return '<button class="btn btn-link" data-action="rejectInvite" data-group="' + groupObj.displayName + '">[[groups:membership.reject]]</button><button class="btn btn-success" data-action="acceptInvite" data-group="' + groupObj.name + '"><i class="fa fa-plus"></i> [[groups:membership.accept-invitation]]</button>';
|
||||||
|
} else if (!groupObj.disableJoinRequests && groupObj.name !== 'administrators') {
|
||||||
|
return '<button class="btn btn-success" data-action="join" data-group="' + groupObj.displayName + '"><i class="fa fa-plus"></i> [[groups:membership.join-group]]</button>';
|
||||||
|
}
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
|
||||||
|
function spawnPrivilegeStates(member, privileges) {
|
||||||
|
const states = [];
|
||||||
|
for (const priv in privileges) {
|
||||||
|
if (privileges.hasOwnProperty(priv)) {
|
||||||
|
states.push({
|
||||||
|
name: priv,
|
||||||
|
state: privileges[priv],
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return states.map(function (priv) {
|
||||||
|
const guestDisabled = ['groups:moderate', 'groups:posts:upvote', 'groups:posts:downvote', 'groups:local:login', 'groups:group:create'];
|
||||||
|
const spidersEnabled = ['groups:find', 'groups:read', 'groups:topics:read', 'groups:view:users', 'groups:view:tags', 'groups:view:groups'];
|
||||||
|
const globalModDisabled = ['groups:moderate'];
|
||||||
|
const disabled =
|
||||||
|
(member === 'guests' && (guestDisabled.includes(priv.name) || priv.name.startsWith('groups:admin:'))) ||
|
||||||
|
(member === 'spiders' && !spidersEnabled.includes(priv.name)) ||
|
||||||
|
(member === 'Global Moderators' && globalModDisabled.includes(priv.name));
|
||||||
|
|
||||||
|
return '<td class="text-center" data-privilege="' + priv.name + '" data-value="' + priv.state + '"><input autocomplete="off" type="checkbox"' + (priv.state ? ' checked' : '') + (disabled ? ' disabled="disabled"' : '') + ' /></td>';
|
||||||
|
}).join('');
|
||||||
|
}
|
||||||
|
|
||||||
|
function localeToHTML(locale, fallback) {
|
||||||
|
locale = locale || fallback || 'en-GB';
|
||||||
|
return locale.replace('_', '-');
|
||||||
|
}
|
||||||
|
|
||||||
|
function renderTopicImage(topicObj) {
|
||||||
|
if (topicObj.thumb) {
|
||||||
|
return '<img src="' + topicObj.thumb + '" class="img-circle user-img" title="' + topicObj.user.username + '" />';
|
||||||
|
}
|
||||||
|
return '<img component="user/picture" data-uid="' + topicObj.user.uid + '" src="' + topicObj.user.picture + '" class="user-img" title="' + topicObj.user.username + '" />';
|
||||||
|
}
|
||||||
|
|
||||||
|
function renderTopicEvents(index, sort) {
|
||||||
|
if (sort === 'most_votes') {
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
const start = this.posts[index].eventStart;
|
||||||
|
const end = this.posts[index].eventEnd;
|
||||||
|
const events = this.events.filter(event => event.timestamp >= start && event.timestamp < end);
|
||||||
|
if (!events.length) {
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
|
||||||
|
return renderEvents.call(this, events);
|
||||||
|
}
|
||||||
|
|
||||||
|
function renderEvents(events) {
|
||||||
|
return events.reduce((html, event) => {
|
||||||
|
html += `<li component="topic/event" class="timeline-event" data-topic-event-id="${event.id}">
|
||||||
|
<div class="timeline-badge">
|
||||||
|
<i class="fa ${event.icon || 'fa-circle'}"></i>
|
||||||
|
</div>
|
||||||
|
<span class="timeline-text">
|
||||||
|
${event.href ? `<a href="${relative_path}${event.href}">${event.text}</a>` : event.text}
|
||||||
|
</span>
|
||||||
|
`;
|
||||||
|
|
||||||
|
if (event.user) {
|
||||||
|
if (!event.user.system) {
|
||||||
|
html += `<span><a href="${relative_path}/user/${event.user.userslug}">${buildAvatar(event.user, 'xs', true)} ${event.user.username}</a></span> `;
|
||||||
|
} else {
|
||||||
|
html += `<span class="timeline-text">[[global:system-user]]</span> `;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
html += `<span class="timeago timeline-text" title="${event.timestampISO}"></span>`;
|
||||||
|
|
||||||
|
if (this.privileges.isAdminOrMod) {
|
||||||
|
html += ` <span component="topic/event/delete" data-topic-event-id="${event.id}" class="timeline-text pointer" title="[[topic:delete-event]]"><i class="fa fa-trash"></i></span>`;
|
||||||
|
}
|
||||||
|
|
||||||
|
return html;
|
||||||
|
}, '');
|
||||||
|
}
|
||||||
|
|
||||||
|
function renderDigestAvatar(block) {
|
||||||
|
if (block.teaser) {
|
||||||
|
if (block.teaser.user.picture) {
|
||||||
|
return '<img style="vertical-align: middle; width: 32px; height: 32px; border-radius: 50%;" src="' + block.teaser.user.picture + '" title="' + block.teaser.user.username + '" />';
|
||||||
|
}
|
||||||
|
return '<div style="vertical-align: middle; width: 32px; height: 32px; line-height: 32px; font-size: 16px; background-color: ' + block.teaser.user['icon:bgColor'] + '; color: white; text-align: center; display: inline-block; border-radius: 50%;">' + block.teaser.user['icon:text'] + '</div>';
|
||||||
|
}
|
||||||
|
if (block.user.picture) {
|
||||||
|
return '<img style="vertical-align: middle; width: 32px; height: 32px; border-radius: 50%;" src="' + block.user.picture + '" title="' + block.user.username + '" />';
|
||||||
|
}
|
||||||
|
return '<div style="vertical-align: middle; width: 32px; height: 32px; line-height: 32px; font-size: 16px; background-color: ' + block.user['icon:bgColor'] + '; color: white; text-align: center; display: inline-block; border-radius: 50%;">' + block.user['icon:text'] + '</div>';
|
||||||
|
}
|
||||||
|
|
||||||
|
function userAgentIcons(data) {
|
||||||
|
let icons = '';
|
||||||
|
|
||||||
|
switch (data.platform) {
|
||||||
|
case 'Linux':
|
||||||
|
icons += '<i class="fa fa-fw fa-linux"></i>';
|
||||||
|
break;
|
||||||
|
case 'Microsoft Windows':
|
||||||
|
icons += '<i class="fa fa-fw fa-windows"></i>';
|
||||||
|
break;
|
||||||
|
case 'Apple Mac':
|
||||||
|
icons += '<i class="fa fa-fw fa-apple"></i>';
|
||||||
|
break;
|
||||||
|
case 'Android':
|
||||||
|
icons += '<i class="fa fa-fw fa-android"></i>';
|
||||||
|
break;
|
||||||
|
case 'iPad':
|
||||||
|
icons += '<i class="fa fa-fw fa-tablet"></i>';
|
||||||
|
break;
|
||||||
|
case 'iPod': // intentional fall-through
|
||||||
|
case 'iPhone':
|
||||||
|
icons += '<i class="fa fa-fw fa-mobile"></i>';
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
icons += '<i class="fa fa-fw fa-question-circle"></i>';
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
|
||||||
|
switch (data.browser) {
|
||||||
|
case 'Chrome':
|
||||||
|
icons += '<i class="fa fa-fw fa-chrome"></i>';
|
||||||
|
break;
|
||||||
|
case 'Firefox':
|
||||||
|
icons += '<i class="fa fa-fw fa-firefox"></i>';
|
||||||
|
break;
|
||||||
|
case 'Safari':
|
||||||
|
icons += '<i class="fa fa-fw fa-safari"></i>';
|
||||||
|
break;
|
||||||
|
case 'IE':
|
||||||
|
icons += '<i class="fa fa-fw fa-internet-explorer"></i>';
|
||||||
|
break;
|
||||||
|
case 'Edge':
|
||||||
|
icons += '<i class="fa fa-fw fa-edge"></i>';
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
icons += '<i class="fa fa-fw fa-question-circle"></i>';
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
|
||||||
|
return icons;
|
||||||
|
}
|
||||||
|
|
||||||
|
function buildAvatar(userObj, size, rounded, classNames, component) {
|
||||||
|
/**
|
||||||
|
* userObj requires:
|
||||||
|
* - uid, picture, icon:bgColor, icon:text (getUserField w/ "picture" should return all 4), username
|
||||||
|
* size: one of "xs", "sm", "md", "lg", or "xl" (required), or an integer
|
||||||
|
* rounded: true or false (optional, default false)
|
||||||
|
* classNames: additional class names to prepend (optional, default none)
|
||||||
|
* component: overrides the default component (optional, default none)
|
||||||
|
*/
|
||||||
|
|
||||||
|
// Try to use root context if passed-in userObj is undefined
|
||||||
|
if (!userObj) {
|
||||||
|
userObj = this;
|
||||||
|
}
|
||||||
|
|
||||||
|
const attributes = [
|
||||||
|
'alt="' + userObj.username + '"',
|
||||||
|
'title="' + userObj.username + '"',
|
||||||
|
'data-uid="' + userObj.uid + '"',
|
||||||
|
'loading="lazy"',
|
||||||
|
];
|
||||||
|
const styles = [];
|
||||||
|
classNames = classNames || '';
|
||||||
|
|
||||||
|
// Validate sizes, handle integers, otherwise fall back to `avatar-sm`
|
||||||
|
if (['xs', 'sm', 'sm2x', 'md', 'lg', 'xl'].includes(size)) {
|
||||||
|
classNames += ' avatar-' + size;
|
||||||
|
} else if (!isNaN(parseInt(size, 10))) {
|
||||||
|
styles.push('width: ' + size + 'px;', 'height: ' + size + 'px;', 'line-height: ' + size + 'px;', 'font-size: ' + (parseInt(size, 10) / 16) + 'rem;');
|
||||||
|
} else {
|
||||||
|
classNames += ' avatar-sm';
|
||||||
|
}
|
||||||
|
attributes.unshift('class="avatar ' + classNames + (rounded ? ' avatar-rounded' : '') + '"');
|
||||||
|
|
||||||
|
// Component override
|
||||||
|
if (component) {
|
||||||
|
attributes.push('component="' + component + '"');
|
||||||
|
} else {
|
||||||
|
attributes.push('component="avatar/' + (userObj.picture ? 'picture' : 'icon') + '"');
|
||||||
|
}
|
||||||
|
|
||||||
|
if (userObj.picture) {
|
||||||
|
return '<img ' + attributes.join(' ') + ' src="' + userObj.picture + '" style="' + styles.join(' ') + '" />';
|
||||||
|
}
|
||||||
|
|
||||||
|
styles.push('background-color: ' + userObj['icon:bgColor'] + ';');
|
||||||
|
return '<span ' + attributes.join(' ') + ' style="' + styles.join(' ') + '">' + userObj['icon:text'] + '</span>';
|
||||||
|
}
|
||||||
|
|
||||||
|
function register() {
|
||||||
|
Object.keys(helpers).forEach(function (helperName) {
|
||||||
|
Benchpress.registerHelper(helperName, helpers[helperName]);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
return helpers;
|
||||||
|
};
|
||||||
@ -1,356 +1,7 @@
|
|||||||
'use strict';
|
'use strict';
|
||||||
|
|
||||||
(function (factory) {
|
const factory = require('./helpers.common');
|
||||||
if (typeof module === 'object' && module.exports) {
|
|
||||||
const relative_path = require('nconf').get('relative_path');
|
|
||||||
module.exports = factory(require('../utils'), require('benchpressjs'), relative_path);
|
|
||||||
} else if (typeof define === 'function' && define.amd) {
|
|
||||||
define('helpers', ['benchpress'], function (Benchpress) {
|
|
||||||
return factory(utils, Benchpress, config.relative_path);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}(function (utils, Benchpress, relative_path) {
|
|
||||||
Benchpress.setGlobal('true', true);
|
|
||||||
Benchpress.setGlobal('false', false);
|
|
||||||
|
|
||||||
const helpers = {
|
define('helpers', ['utils', 'benchpressjs'], function (utils, Benchpressjs) {
|
||||||
displayMenuItem,
|
return factory(utils, Benchpressjs, config.relative_path);
|
||||||
buildMetaTag,
|
});
|
||||||
buildLinkTag,
|
|
||||||
stringify,
|
|
||||||
escape,
|
|
||||||
stripTags,
|
|
||||||
generateCategoryBackground,
|
|
||||||
generateChildrenCategories,
|
|
||||||
generateTopicClass,
|
|
||||||
membershipBtn,
|
|
||||||
spawnPrivilegeStates,
|
|
||||||
localeToHTML,
|
|
||||||
renderTopicImage,
|
|
||||||
renderTopicEvents,
|
|
||||||
renderEvents,
|
|
||||||
renderDigestAvatar,
|
|
||||||
userAgentIcons,
|
|
||||||
buildAvatar,
|
|
||||||
register,
|
|
||||||
__escape: identity,
|
|
||||||
};
|
|
||||||
|
|
||||||
function identity(str) {
|
|
||||||
return str;
|
|
||||||
}
|
|
||||||
|
|
||||||
function displayMenuItem(data, index) {
|
|
||||||
const item = data.navigation[index];
|
|
||||||
if (!item) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (item.route.match('/users') && data.user && !data.user.privileges['view:users']) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (item.route.match('/tags') && data.user && !data.user.privileges['view:tags']) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (item.route.match('/groups') && data.user && !data.user.privileges['view:groups']) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
|
|
||||||
function buildMetaTag(tag) {
|
|
||||||
const name = tag.name ? 'name="' + tag.name + '" ' : '';
|
|
||||||
const property = tag.property ? 'property="' + tag.property + '" ' : '';
|
|
||||||
const content = tag.content ? 'content="' + tag.content.replace(/\n/g, ' ') + '" ' : '';
|
|
||||||
|
|
||||||
return '<meta ' + name + property + content + '/>\n\t';
|
|
||||||
}
|
|
||||||
|
|
||||||
function buildLinkTag(tag) {
|
|
||||||
const attributes = ['link', 'rel', 'as', 'type', 'href', 'sizes', 'title', 'crossorigin'];
|
|
||||||
const [link, rel, as, type, href, sizes, title, crossorigin] = attributes.map(attr => (tag[attr] ? `${attr}="${tag[attr]}" ` : ''));
|
|
||||||
|
|
||||||
return '<link ' + link + rel + as + type + sizes + title + href + crossorigin + '/>\n\t';
|
|
||||||
}
|
|
||||||
|
|
||||||
function stringify(obj) {
|
|
||||||
// Turns the incoming object into a JSON string
|
|
||||||
return JSON.stringify(obj).replace(/&/gm, '&').replace(/</gm, '<').replace(/>/gm, '>')
|
|
||||||
.replace(/"/g, '"');
|
|
||||||
}
|
|
||||||
|
|
||||||
function escape(str) {
|
|
||||||
return utils.escapeHTML(str);
|
|
||||||
}
|
|
||||||
|
|
||||||
function stripTags(str) {
|
|
||||||
return utils.stripHTMLTags(str);
|
|
||||||
}
|
|
||||||
|
|
||||||
function generateCategoryBackground(category) {
|
|
||||||
if (!category) {
|
|
||||||
return '';
|
|
||||||
}
|
|
||||||
const style = [];
|
|
||||||
|
|
||||||
if (category.bgColor) {
|
|
||||||
style.push('background-color: ' + category.bgColor);
|
|
||||||
}
|
|
||||||
|
|
||||||
if (category.color) {
|
|
||||||
style.push('color: ' + category.color);
|
|
||||||
}
|
|
||||||
|
|
||||||
if (category.backgroundImage) {
|
|
||||||
style.push('background-image: url(' + category.backgroundImage + ')');
|
|
||||||
if (category.imageClass) {
|
|
||||||
style.push('background-size: ' + category.imageClass);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return style.join('; ') + ';';
|
|
||||||
}
|
|
||||||
|
|
||||||
function generateChildrenCategories(category) {
|
|
||||||
let html = '';
|
|
||||||
if (!category || !category.children || !category.children.length) {
|
|
||||||
return html;
|
|
||||||
}
|
|
||||||
category.children.forEach(function (child) {
|
|
||||||
if (child && !child.isSection) {
|
|
||||||
const link = child.link ? child.link : (relative_path + '/category/' + child.slug);
|
|
||||||
html += '<span class="category-children-item pull-left">' +
|
|
||||||
'<div role="presentation" class="icon pull-left" style="' + generateCategoryBackground(child) + '">' +
|
|
||||||
'<i class="fa fa-fw ' + child.icon + '"></i>' +
|
|
||||||
'</div>' +
|
|
||||||
'<a href="' + link + '"><small>' + child.name + '</small></a></span>';
|
|
||||||
}
|
|
||||||
});
|
|
||||||
html = html ? ('<span class="category-children">' + html + '</span>') : html;
|
|
||||||
return html;
|
|
||||||
}
|
|
||||||
|
|
||||||
function generateTopicClass(topic) {
|
|
||||||
const fields = ['locked', 'pinned', 'deleted', 'unread', 'scheduled'];
|
|
||||||
return fields.filter(field => !!topic[field]).join(' ');
|
|
||||||
}
|
|
||||||
|
|
||||||
// Groups helpers
|
|
||||||
function membershipBtn(groupObj) {
|
|
||||||
if (groupObj.isMember && groupObj.name !== 'administrators') {
|
|
||||||
return '<button class="btn btn-danger" data-action="leave" data-group="' + groupObj.displayName + '"' + (groupObj.disableLeave ? ' disabled' : '') + '><i class="fa fa-times"></i> [[groups:membership.leave-group]]</button>';
|
|
||||||
}
|
|
||||||
|
|
||||||
if (groupObj.isPending && groupObj.name !== 'administrators') {
|
|
||||||
return '<button class="btn btn-warning disabled"><i class="fa fa-clock-o"></i> [[groups:membership.invitation-pending]]</button>';
|
|
||||||
} else if (groupObj.isInvited) {
|
|
||||||
return '<button class="btn btn-link" data-action="rejectInvite" data-group="' + groupObj.displayName + '">[[groups:membership.reject]]</button><button class="btn btn-success" data-action="acceptInvite" data-group="' + groupObj.name + '"><i class="fa fa-plus"></i> [[groups:membership.accept-invitation]]</button>';
|
|
||||||
} else if (!groupObj.disableJoinRequests && groupObj.name !== 'administrators') {
|
|
||||||
return '<button class="btn btn-success" data-action="join" data-group="' + groupObj.displayName + '"><i class="fa fa-plus"></i> [[groups:membership.join-group]]</button>';
|
|
||||||
}
|
|
||||||
return '';
|
|
||||||
}
|
|
||||||
|
|
||||||
function spawnPrivilegeStates(member, privileges) {
|
|
||||||
const states = [];
|
|
||||||
for (const priv in privileges) {
|
|
||||||
if (privileges.hasOwnProperty(priv)) {
|
|
||||||
states.push({
|
|
||||||
name: priv,
|
|
||||||
state: privileges[priv],
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return states.map(function (priv) {
|
|
||||||
const guestDisabled = ['groups:moderate', 'groups:posts:upvote', 'groups:posts:downvote', 'groups:local:login', 'groups:group:create'];
|
|
||||||
const spidersEnabled = ['groups:find', 'groups:read', 'groups:topics:read', 'groups:view:users', 'groups:view:tags', 'groups:view:groups'];
|
|
||||||
const globalModDisabled = ['groups:moderate'];
|
|
||||||
const disabled =
|
|
||||||
(member === 'guests' && (guestDisabled.includes(priv.name) || priv.name.startsWith('groups:admin:'))) ||
|
|
||||||
(member === 'spiders' && !spidersEnabled.includes(priv.name)) ||
|
|
||||||
(member === 'Global Moderators' && globalModDisabled.includes(priv.name));
|
|
||||||
|
|
||||||
return '<td class="text-center" data-privilege="' + priv.name + '" data-value="' + priv.state + '"><input autocomplete="off" type="checkbox"' + (priv.state ? ' checked' : '') + (disabled ? ' disabled="disabled"' : '') + ' /></td>';
|
|
||||||
}).join('');
|
|
||||||
}
|
|
||||||
|
|
||||||
function localeToHTML(locale, fallback) {
|
|
||||||
locale = locale || fallback || 'en-GB';
|
|
||||||
return locale.replace('_', '-');
|
|
||||||
}
|
|
||||||
|
|
||||||
function renderTopicImage(topicObj) {
|
|
||||||
if (topicObj.thumb) {
|
|
||||||
return '<img src="' + topicObj.thumb + '" class="img-circle user-img" title="' + topicObj.user.username + '" />';
|
|
||||||
}
|
|
||||||
return '<img component="user/picture" data-uid="' + topicObj.user.uid + '" src="' + topicObj.user.picture + '" class="user-img" title="' + topicObj.user.username + '" />';
|
|
||||||
}
|
|
||||||
|
|
||||||
function renderTopicEvents(index, sort) {
|
|
||||||
if (sort === 'most_votes') {
|
|
||||||
return '';
|
|
||||||
}
|
|
||||||
const start = this.posts[index].eventStart;
|
|
||||||
const end = this.posts[index].eventEnd;
|
|
||||||
const events = this.events.filter(event => event.timestamp >= start && event.timestamp < end);
|
|
||||||
if (!events.length) {
|
|
||||||
return '';
|
|
||||||
}
|
|
||||||
|
|
||||||
return renderEvents.call(this, events);
|
|
||||||
}
|
|
||||||
|
|
||||||
function renderEvents(events) {
|
|
||||||
return events.reduce((html, event) => {
|
|
||||||
html += `<li component="topic/event" class="timeline-event" data-topic-event-id="${event.id}">
|
|
||||||
<div class="timeline-badge">
|
|
||||||
<i class="fa ${event.icon || 'fa-circle'}"></i>
|
|
||||||
</div>
|
|
||||||
<span class="timeline-text">
|
|
||||||
${event.href ? `<a href="${relative_path}${event.href}">${event.text}</a>` : event.text}
|
|
||||||
</span>
|
|
||||||
`;
|
|
||||||
|
|
||||||
if (event.user) {
|
|
||||||
if (!event.user.system) {
|
|
||||||
html += `<span><a href="${relative_path}/user/${event.user.userslug}">${buildAvatar(event.user, 'xs', true)} ${event.user.username}</a></span> `;
|
|
||||||
} else {
|
|
||||||
html += `<span class="timeline-text">[[global:system-user]]</span> `;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
html += `<span class="timeago timeline-text" title="${event.timestampISO}"></span>`;
|
|
||||||
|
|
||||||
if (this.privileges.isAdminOrMod) {
|
|
||||||
html += ` <span component="topic/event/delete" data-topic-event-id="${event.id}" class="timeline-text pointer" title="[[topic:delete-event]]"><i class="fa fa-trash"></i></span>`;
|
|
||||||
}
|
|
||||||
|
|
||||||
return html;
|
|
||||||
}, '');
|
|
||||||
}
|
|
||||||
|
|
||||||
function renderDigestAvatar(block) {
|
|
||||||
if (block.teaser) {
|
|
||||||
if (block.teaser.user.picture) {
|
|
||||||
return '<img style="vertical-align: middle; width: 32px; height: 32px; border-radius: 50%;" src="' + block.teaser.user.picture + '" title="' + block.teaser.user.username + '" />';
|
|
||||||
}
|
|
||||||
return '<div style="vertical-align: middle; width: 32px; height: 32px; line-height: 32px; font-size: 16px; background-color: ' + block.teaser.user['icon:bgColor'] + '; color: white; text-align: center; display: inline-block; border-radius: 50%;">' + block.teaser.user['icon:text'] + '</div>';
|
|
||||||
}
|
|
||||||
if (block.user.picture) {
|
|
||||||
return '<img style="vertical-align: middle; width: 32px; height: 32px; border-radius: 50%;" src="' + block.user.picture + '" title="' + block.user.username + '" />';
|
|
||||||
}
|
|
||||||
return '<div style="vertical-align: middle; width: 32px; height: 32px; line-height: 32px; font-size: 16px; background-color: ' + block.user['icon:bgColor'] + '; color: white; text-align: center; display: inline-block; border-radius: 50%;">' + block.user['icon:text'] + '</div>';
|
|
||||||
}
|
|
||||||
|
|
||||||
function userAgentIcons(data) {
|
|
||||||
let icons = '';
|
|
||||||
|
|
||||||
switch (data.platform) {
|
|
||||||
case 'Linux':
|
|
||||||
icons += '<i class="fa fa-fw fa-linux"></i>';
|
|
||||||
break;
|
|
||||||
case 'Microsoft Windows':
|
|
||||||
icons += '<i class="fa fa-fw fa-windows"></i>';
|
|
||||||
break;
|
|
||||||
case 'Apple Mac':
|
|
||||||
icons += '<i class="fa fa-fw fa-apple"></i>';
|
|
||||||
break;
|
|
||||||
case 'Android':
|
|
||||||
icons += '<i class="fa fa-fw fa-android"></i>';
|
|
||||||
break;
|
|
||||||
case 'iPad':
|
|
||||||
icons += '<i class="fa fa-fw fa-tablet"></i>';
|
|
||||||
break;
|
|
||||||
case 'iPod': // intentional fall-through
|
|
||||||
case 'iPhone':
|
|
||||||
icons += '<i class="fa fa-fw fa-mobile"></i>';
|
|
||||||
break;
|
|
||||||
default:
|
|
||||||
icons += '<i class="fa fa-fw fa-question-circle"></i>';
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
|
|
||||||
switch (data.browser) {
|
|
||||||
case 'Chrome':
|
|
||||||
icons += '<i class="fa fa-fw fa-chrome"></i>';
|
|
||||||
break;
|
|
||||||
case 'Firefox':
|
|
||||||
icons += '<i class="fa fa-fw fa-firefox"></i>';
|
|
||||||
break;
|
|
||||||
case 'Safari':
|
|
||||||
icons += '<i class="fa fa-fw fa-safari"></i>';
|
|
||||||
break;
|
|
||||||
case 'IE':
|
|
||||||
icons += '<i class="fa fa-fw fa-internet-explorer"></i>';
|
|
||||||
break;
|
|
||||||
case 'Edge':
|
|
||||||
icons += '<i class="fa fa-fw fa-edge"></i>';
|
|
||||||
break;
|
|
||||||
default:
|
|
||||||
icons += '<i class="fa fa-fw fa-question-circle"></i>';
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
|
|
||||||
return icons;
|
|
||||||
}
|
|
||||||
|
|
||||||
function buildAvatar(userObj, size, rounded, classNames, component) {
|
|
||||||
/**
|
|
||||||
* userObj requires:
|
|
||||||
* - uid, picture, icon:bgColor, icon:text (getUserField w/ "picture" should return all 4), username
|
|
||||||
* size: one of "xs", "sm", "md", "lg", or "xl" (required), or an integer
|
|
||||||
* rounded: true or false (optional, default false)
|
|
||||||
* classNames: additional class names to prepend (optional, default none)
|
|
||||||
* component: overrides the default component (optional, default none)
|
|
||||||
*/
|
|
||||||
|
|
||||||
// Try to use root context if passed-in userObj is undefined
|
|
||||||
if (!userObj) {
|
|
||||||
userObj = this;
|
|
||||||
}
|
|
||||||
|
|
||||||
const attributes = [
|
|
||||||
'alt="' + userObj.username + '"',
|
|
||||||
'title="' + userObj.username + '"',
|
|
||||||
'data-uid="' + userObj.uid + '"',
|
|
||||||
'loading="lazy"',
|
|
||||||
];
|
|
||||||
const styles = [];
|
|
||||||
classNames = classNames || '';
|
|
||||||
|
|
||||||
// Validate sizes, handle integers, otherwise fall back to `avatar-sm`
|
|
||||||
if (['xs', 'sm', 'sm2x', 'md', 'lg', 'xl'].includes(size)) {
|
|
||||||
classNames += ' avatar-' + size;
|
|
||||||
} else if (!isNaN(parseInt(size, 10))) {
|
|
||||||
styles.push('width: ' + size + 'px;', 'height: ' + size + 'px;', 'line-height: ' + size + 'px;', 'font-size: ' + (parseInt(size, 10) / 16) + 'rem;');
|
|
||||||
} else {
|
|
||||||
classNames += ' avatar-sm';
|
|
||||||
}
|
|
||||||
attributes.unshift('class="avatar ' + classNames + (rounded ? ' avatar-rounded' : '') + '"');
|
|
||||||
|
|
||||||
// Component override
|
|
||||||
if (component) {
|
|
||||||
attributes.push('component="' + component + '"');
|
|
||||||
} else {
|
|
||||||
attributes.push('component="avatar/' + (userObj.picture ? 'picture' : 'icon') + '"');
|
|
||||||
}
|
|
||||||
|
|
||||||
if (userObj.picture) {
|
|
||||||
return '<img ' + attributes.join(' ') + ' src="' + userObj.picture + '" style="' + styles.join(' ') + '" />';
|
|
||||||
}
|
|
||||||
|
|
||||||
styles.push('background-color: ' + userObj['icon:bgColor'] + ';');
|
|
||||||
return '<span ' + attributes.join(' ') + ' style="' + styles.join(' ') + '">' + userObj['icon:text'] + '</span>';
|
|
||||||
}
|
|
||||||
|
|
||||||
function register() {
|
|
||||||
Object.keys(helpers).forEach(function (helperName) {
|
|
||||||
Benchpress.registerHelper(helperName, helpers[helperName]);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
return helpers;
|
|
||||||
}));
|
|
||||||
|
|||||||
@ -0,0 +1,633 @@
|
|||||||
|
'use strict';
|
||||||
|
|
||||||
|
module.exports = function (utils, load, warn) {
|
||||||
|
const assign = Object.assign || jQuery.extend;
|
||||||
|
|
||||||
|
function escapeHTML(str) {
|
||||||
|
return utils.escapeHTML(utils.decodeHTMLEntities(
|
||||||
|
String(str)
|
||||||
|
.replace(/[\s\xa0]+/g, ' ')
|
||||||
|
.replace(/^\s+|\s+$/g, '')
|
||||||
|
));
|
||||||
|
}
|
||||||
|
|
||||||
|
const Translator = (function () {
|
||||||
|
/**
|
||||||
|
* Construct a new Translator object
|
||||||
|
* @param {string} language - Language code for this translator instance
|
||||||
|
* @exports translator.Translator
|
||||||
|
*/
|
||||||
|
function Translator(language) {
|
||||||
|
const self = this;
|
||||||
|
|
||||||
|
if (!language) {
|
||||||
|
throw new TypeError('Parameter `language` must be a language string. Received ' + language + (language === '' ? '(empty string)' : ''));
|
||||||
|
}
|
||||||
|
|
||||||
|
self.modules = Object.keys(Translator.moduleFactories).map(function (namespace) {
|
||||||
|
const factory = Translator.moduleFactories[namespace];
|
||||||
|
return [namespace, factory(language)];
|
||||||
|
}).reduce(function (prev, elem) {
|
||||||
|
const namespace = elem[0];
|
||||||
|
const module = elem[1];
|
||||||
|
prev[namespace] = module;
|
||||||
|
|
||||||
|
return prev;
|
||||||
|
}, {});
|
||||||
|
|
||||||
|
self.lang = language;
|
||||||
|
self.translations = {};
|
||||||
|
}
|
||||||
|
|
||||||
|
Translator.prototype.load = load;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Parse the translation instructions into the language of the Translator instance
|
||||||
|
* @param {string} str - Source string
|
||||||
|
* @returns {Promise<string>}
|
||||||
|
*/
|
||||||
|
Translator.prototype.translate = function translate(str) {
|
||||||
|
// regex for valid text in namespace / key
|
||||||
|
const validText = 'a-zA-Z0-9\\-_.\\/';
|
||||||
|
const validTextRegex = new RegExp('[' + validText + ']');
|
||||||
|
const invalidTextRegex = new RegExp('[^' + validText + '\\]]');
|
||||||
|
|
||||||
|
// current cursor position
|
||||||
|
let cursor = 0;
|
||||||
|
// last break of the input string
|
||||||
|
let lastBreak = 0;
|
||||||
|
// length of the input string
|
||||||
|
const len = str.length;
|
||||||
|
// array to hold the promises for the translations
|
||||||
|
// and the strings of untranslated text in between
|
||||||
|
const toTranslate = [];
|
||||||
|
|
||||||
|
// to store the state of if we're currently in a top-level token for later
|
||||||
|
let inToken = false;
|
||||||
|
|
||||||
|
// split a translator string into an array of tokens
|
||||||
|
// but don't split by commas inside other translator strings
|
||||||
|
function split(text) {
|
||||||
|
const len = text.length;
|
||||||
|
const arr = [];
|
||||||
|
let i = 0;
|
||||||
|
let brk = 0;
|
||||||
|
let level = 0;
|
||||||
|
|
||||||
|
while (i + 2 <= len) {
|
||||||
|
if (text[i] === '[' && text[i + 1] === '[') {
|
||||||
|
level += 1;
|
||||||
|
i += 1;
|
||||||
|
} else if (text[i] === ']' && text[i + 1] === ']') {
|
||||||
|
level -= 1;
|
||||||
|
i += 1;
|
||||||
|
} else if (level === 0 && text[i] === ',' && text[i - 1] !== '\\') {
|
||||||
|
arr.push(text.slice(brk, i).trim());
|
||||||
|
i += 1;
|
||||||
|
brk = i;
|
||||||
|
}
|
||||||
|
i += 1;
|
||||||
|
}
|
||||||
|
arr.push(text.slice(brk, i + 1).trim());
|
||||||
|
return arr;
|
||||||
|
}
|
||||||
|
|
||||||
|
// move to the first [[
|
||||||
|
cursor = str.indexOf('[[', cursor);
|
||||||
|
|
||||||
|
// the loooop, we'll go to where the cursor
|
||||||
|
// is equal to the length of the string since
|
||||||
|
// slice doesn't include the ending index
|
||||||
|
while (cursor + 2 <= len && cursor !== -1) {
|
||||||
|
// split the string from the last break
|
||||||
|
// to the character before the cursor
|
||||||
|
// add that to the result array
|
||||||
|
toTranslate.push(str.slice(lastBreak, cursor));
|
||||||
|
// set the cursor position past the beginning
|
||||||
|
// brackets of the translation string
|
||||||
|
cursor += 2;
|
||||||
|
// set the last break to our current
|
||||||
|
// spot since we just broke the string
|
||||||
|
lastBreak = cursor;
|
||||||
|
// we're in a token now
|
||||||
|
inToken = true;
|
||||||
|
|
||||||
|
// the current level of nesting of the translation strings
|
||||||
|
let level = 0;
|
||||||
|
let char0;
|
||||||
|
let char1;
|
||||||
|
// validating the current string is actually a translation
|
||||||
|
let textBeforeColonFound = false;
|
||||||
|
let colonFound = false;
|
||||||
|
let textAfterColonFound = false;
|
||||||
|
let commaAfterNameFound = false;
|
||||||
|
|
||||||
|
while (cursor + 2 <= len) {
|
||||||
|
char0 = str[cursor];
|
||||||
|
char1 = str[cursor + 1];
|
||||||
|
// found some text after the double bracket,
|
||||||
|
// so this is probably a translation string
|
||||||
|
if (!textBeforeColonFound && validTextRegex.test(char0)) {
|
||||||
|
textBeforeColonFound = true;
|
||||||
|
cursor += 1;
|
||||||
|
// found a colon, so this is probably a translation string
|
||||||
|
} else if (textBeforeColonFound && !colonFound && char0 === ':') {
|
||||||
|
colonFound = true;
|
||||||
|
cursor += 1;
|
||||||
|
// found some text after the colon,
|
||||||
|
// so this is probably a translation string
|
||||||
|
} else if (colonFound && !textAfterColonFound && validTextRegex.test(char0)) {
|
||||||
|
textAfterColonFound = true;
|
||||||
|
cursor += 1;
|
||||||
|
} else if (textAfterColonFound && !commaAfterNameFound && char0 === ',') {
|
||||||
|
commaAfterNameFound = true;
|
||||||
|
cursor += 1;
|
||||||
|
// a space or comma was found before the name
|
||||||
|
// this isn't a translation string, so back out
|
||||||
|
} else if (!(textBeforeColonFound && colonFound && textAfterColonFound && commaAfterNameFound) &&
|
||||||
|
invalidTextRegex.test(char0)) {
|
||||||
|
cursor += 1;
|
||||||
|
lastBreak -= 2;
|
||||||
|
// no longer in a token
|
||||||
|
inToken = false;
|
||||||
|
if (level > 0) {
|
||||||
|
level -= 1;
|
||||||
|
} else {
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
// if we're at the beginning of another translation string,
|
||||||
|
// we're nested, so add to our level
|
||||||
|
} else if (char0 === '[' && char1 === '[') {
|
||||||
|
level += 1;
|
||||||
|
cursor += 2;
|
||||||
|
// if we're at the end of a translation string
|
||||||
|
} else if (char0 === ']' && char1 === ']') {
|
||||||
|
// if we're at the base level, then this is the end
|
||||||
|
if (level === 0) {
|
||||||
|
// so grab the name and args
|
||||||
|
const currentSlice = str.slice(lastBreak, cursor);
|
||||||
|
const result = split(currentSlice);
|
||||||
|
const name = result[0];
|
||||||
|
const args = result.slice(1);
|
||||||
|
|
||||||
|
// make a backup based on the raw string of the token
|
||||||
|
// if there are arguments to the token
|
||||||
|
let backup = '';
|
||||||
|
if (args && args.length) {
|
||||||
|
backup = this.translate(currentSlice);
|
||||||
|
}
|
||||||
|
// add the translation promise to the array
|
||||||
|
toTranslate.push(this.translateKey(name, args, backup));
|
||||||
|
// skip past the ending brackets
|
||||||
|
cursor += 2;
|
||||||
|
// set this as our last break
|
||||||
|
lastBreak = cursor;
|
||||||
|
// and we're no longer in a translation string,
|
||||||
|
// so continue with the main loop
|
||||||
|
inToken = false;
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
// otherwise we lower the level
|
||||||
|
level -= 1;
|
||||||
|
// and skip past the ending brackets
|
||||||
|
cursor += 2;
|
||||||
|
} else {
|
||||||
|
// otherwise just move to the next character
|
||||||
|
cursor += 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// skip to the next [[
|
||||||
|
cursor = str.indexOf('[[', cursor);
|
||||||
|
}
|
||||||
|
|
||||||
|
// ending string of source
|
||||||
|
let last = str.slice(lastBreak);
|
||||||
|
|
||||||
|
// if we were mid-token, treat it as invalid
|
||||||
|
if (inToken) {
|
||||||
|
last = this.translate(last);
|
||||||
|
}
|
||||||
|
|
||||||
|
// add the remaining text after the last translation string
|
||||||
|
toTranslate.push(last);
|
||||||
|
|
||||||
|
// and return a promise for the concatenated translated string
|
||||||
|
return Promise.all(toTranslate).then(function (translated) {
|
||||||
|
return translated.join('');
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Translates a specific key and array of arguments
|
||||||
|
* @param {string} name - Translation key (ex. 'global:home')
|
||||||
|
* @param {string[]} args - Arguments for `%1`, `%2`, etc
|
||||||
|
* @param {string|Promise<string>} backup - Text to use in case the key can't be found
|
||||||
|
* @returns {Promise<string>}
|
||||||
|
*/
|
||||||
|
Translator.prototype.translateKey = function translateKey(name, args, backup) {
|
||||||
|
const self = this;
|
||||||
|
|
||||||
|
const result = name.split(':', 2);
|
||||||
|
const namespace = result[0];
|
||||||
|
const key = result[1];
|
||||||
|
|
||||||
|
if (self.modules[namespace]) {
|
||||||
|
return Promise.resolve(self.modules[namespace](key, args));
|
||||||
|
}
|
||||||
|
|
||||||
|
if (namespace && result.length === 1) {
|
||||||
|
return Promise.resolve('[[' + namespace + ']]');
|
||||||
|
}
|
||||||
|
|
||||||
|
if (namespace && !key) {
|
||||||
|
warn('Missing key in translation token "' + name + '" for language "' + self.lang + '"');
|
||||||
|
return Promise.resolve('[[' + namespace + ']]');
|
||||||
|
}
|
||||||
|
|
||||||
|
const translation = this.getTranslation(namespace, key);
|
||||||
|
return translation.then(function (translated) {
|
||||||
|
// check if the translation is missing first
|
||||||
|
if (!translated) {
|
||||||
|
warn('Missing translation "' + name + '" for language "' + self.lang + '"');
|
||||||
|
return backup || key;
|
||||||
|
}
|
||||||
|
|
||||||
|
const argsToTranslate = args.map(function (arg) {
|
||||||
|
return self.translate(escapeHTML(arg));
|
||||||
|
});
|
||||||
|
|
||||||
|
return Promise.all(argsToTranslate).then(function (translatedArgs) {
|
||||||
|
let out = translated;
|
||||||
|
translatedArgs.forEach(function (arg, i) {
|
||||||
|
let escaped = arg.replace(/%(?=\d)/g, '%').replace(/\\,/g, ',');
|
||||||
|
// fix double escaped translation keys, see https://github.com/NodeBB/NodeBB/issues/9206
|
||||||
|
escaped = escaped.replace(/&lsqb;/g, '[')
|
||||||
|
.replace(/&rsqb;/g, ']');
|
||||||
|
out = out.replace(new RegExp('%' + (i + 1), 'g'), escaped);
|
||||||
|
});
|
||||||
|
return out;
|
||||||
|
});
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Load translation file (or use a cached version), and optionally return the translation of a certain key
|
||||||
|
* @param {string} namespace - The file name of the translation namespace
|
||||||
|
* @param {string} [key] - The key of the specific translation to getJSON
|
||||||
|
* @returns {Promise<{ [key: string]: string } | string>}
|
||||||
|
*/
|
||||||
|
Translator.prototype.getTranslation = function getTranslation(namespace, key) {
|
||||||
|
let translation;
|
||||||
|
if (!namespace) {
|
||||||
|
warn('[translator] Parameter `namespace` is ' + namespace + (namespace === '' ? '(empty string)' : ''));
|
||||||
|
translation = Promise.resolve({});
|
||||||
|
} else {
|
||||||
|
this.translations[namespace] = this.translations[namespace] ||
|
||||||
|
this.load(this.lang, namespace).catch(function () { return {}; });
|
||||||
|
translation = this.translations[namespace];
|
||||||
|
}
|
||||||
|
|
||||||
|
if (key) {
|
||||||
|
return translation.then(function (x) {
|
||||||
|
if (typeof x[key] === 'string') return x[key];
|
||||||
|
const keyParts = key.split('.');
|
||||||
|
for (let i = 0; i <= keyParts.length; i++) {
|
||||||
|
if (i === keyParts.length) {
|
||||||
|
// default to trying to find key with the same name as parent or equal to empty string
|
||||||
|
return x[keyParts[i - 1]] !== undefined ? x[keyParts[i - 1]] : x[''];
|
||||||
|
}
|
||||||
|
switch (typeof x[keyParts[i]]) {
|
||||||
|
case 'object':
|
||||||
|
x = x[keyParts[i]];
|
||||||
|
break;
|
||||||
|
case 'string':
|
||||||
|
if (i === keyParts.length - 1) {
|
||||||
|
return x[keyParts[i]];
|
||||||
|
}
|
||||||
|
|
||||||
|
return false;
|
||||||
|
|
||||||
|
default:
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
return translation;
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @param {Node} node
|
||||||
|
* @returns {Node[]}
|
||||||
|
*/
|
||||||
|
function descendantTextNodes(node) {
|
||||||
|
const textNodes = [];
|
||||||
|
|
||||||
|
function helper(node) {
|
||||||
|
if (node.nodeType === 3) {
|
||||||
|
textNodes.push(node);
|
||||||
|
} else {
|
||||||
|
for (let i = 0, c = node.childNodes, l = c.length; i < l; i += 1) {
|
||||||
|
helper(c[i]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
helper(node);
|
||||||
|
return textNodes;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Recursively translate a DOM element in place
|
||||||
|
* @param {Element} element - Root element to translate
|
||||||
|
* @param {string[]} [attributes] - Array of node attributes to translate
|
||||||
|
* @returns {Promise<void>}
|
||||||
|
*/
|
||||||
|
Translator.prototype.translateInPlace = function translateInPlace(element, attributes) {
|
||||||
|
attributes = attributes || ['placeholder', 'title'];
|
||||||
|
|
||||||
|
const nodes = descendantTextNodes(element);
|
||||||
|
const text = nodes.map(function (node) {
|
||||||
|
return utils.escapeHTML(node.nodeValue);
|
||||||
|
}).join(' || ');
|
||||||
|
|
||||||
|
const attrNodes = attributes.reduce(function (prev, attr) {
|
||||||
|
const tuples = Array.prototype.map.call(element.querySelectorAll('[' + attr + '*="[["]'), function (el) {
|
||||||
|
return [attr, el];
|
||||||
|
});
|
||||||
|
return prev.concat(tuples);
|
||||||
|
}, []);
|
||||||
|
const attrText = attrNodes.map(function (node) {
|
||||||
|
return node[1].getAttribute(node[0]);
|
||||||
|
}).join(' || ');
|
||||||
|
|
||||||
|
return Promise.all([
|
||||||
|
this.translate(text),
|
||||||
|
this.translate(attrText),
|
||||||
|
]).then(function (ref) {
|
||||||
|
const translated = ref[0];
|
||||||
|
const translatedAttrs = ref[1];
|
||||||
|
if (translated) {
|
||||||
|
translated.split(' || ').forEach(function (html, i) {
|
||||||
|
$(nodes[i]).replaceWith(html);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
if (translatedAttrs) {
|
||||||
|
translatedAttrs.split(' || ').forEach(function (text, i) {
|
||||||
|
attrNodes[i][1].setAttribute(attrNodes[i][0], text);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get the language of the current environment, falling back to defaults
|
||||||
|
* @returns {string}
|
||||||
|
*/
|
||||||
|
Translator.getLanguage = function getLanguage() {
|
||||||
|
return utils.getLanguage();
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Create and cache a new Translator instance, or return a cached one
|
||||||
|
* @param {string} [language] - ('en-GB') Language string
|
||||||
|
* @returns {Translator}
|
||||||
|
*/
|
||||||
|
Translator.create = function create(language) {
|
||||||
|
if (!language) {
|
||||||
|
language = Translator.getLanguage();
|
||||||
|
}
|
||||||
|
|
||||||
|
Translator.cache[language] = Translator.cache[language] || new Translator(language);
|
||||||
|
|
||||||
|
return Translator.cache[language];
|
||||||
|
};
|
||||||
|
|
||||||
|
Translator.cache = {};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Register a custom module to handle translations
|
||||||
|
* @param {string} namespace - Namespace to handle translation for
|
||||||
|
* @param {Function} factory - Function to return the translation function for this namespace
|
||||||
|
*/
|
||||||
|
Translator.registerModule = function registerModule(namespace, factory) {
|
||||||
|
Translator.moduleFactories[namespace] = factory;
|
||||||
|
|
||||||
|
Object.keys(Translator.cache).forEach(function (key) {
|
||||||
|
const translator = Translator.cache[key];
|
||||||
|
translator.modules[namespace] = factory(translator.lang);
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
Translator.moduleFactories = {};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the translator patterns from text
|
||||||
|
* @param {string} text
|
||||||
|
* @returns {string}
|
||||||
|
*/
|
||||||
|
Translator.removePatterns = function removePatterns(text) {
|
||||||
|
const len = text.length;
|
||||||
|
let cursor = 0;
|
||||||
|
let lastBreak = 0;
|
||||||
|
let level = 0;
|
||||||
|
let out = '';
|
||||||
|
let sub;
|
||||||
|
|
||||||
|
while (cursor < len) {
|
||||||
|
sub = text.slice(cursor, cursor + 2);
|
||||||
|
if (sub === '[[') {
|
||||||
|
if (level === 0) {
|
||||||
|
out += text.slice(lastBreak, cursor);
|
||||||
|
}
|
||||||
|
level += 1;
|
||||||
|
cursor += 2;
|
||||||
|
} else if (sub === ']]') {
|
||||||
|
level -= 1;
|
||||||
|
cursor += 2;
|
||||||
|
if (level === 0) {
|
||||||
|
lastBreak = cursor;
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
cursor += 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
out += text.slice(lastBreak, cursor);
|
||||||
|
return out;
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Escape translator patterns in text
|
||||||
|
* @param {string} text
|
||||||
|
* @returns {string}
|
||||||
|
*/
|
||||||
|
Translator.escape = function escape(text) {
|
||||||
|
return typeof text === 'string' ? text.replace(/\[\[/g, '[[').replace(/\]\]/g, ']]') : text;
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Unescape escaped translator patterns in text
|
||||||
|
* @param {string} text
|
||||||
|
* @returns {string}
|
||||||
|
*/
|
||||||
|
Translator.unescape = function unescape(text) {
|
||||||
|
return typeof text === 'string' ?
|
||||||
|
text.replace(/[/g, '[').replace(/\\\[/g, '[')
|
||||||
|
.replace(/]/g, ']').replace(/\\\]/g, ']') :
|
||||||
|
text;
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Construct a translator pattern
|
||||||
|
* @param {string} name - Translation name
|
||||||
|
* @param {...string} arg - Optional argument for the pattern
|
||||||
|
*/
|
||||||
|
Translator.compile = function compile() {
|
||||||
|
const args = Array.prototype.slice.call(arguments, 0).map(function (text) {
|
||||||
|
// escape commas and percent signs in arguments
|
||||||
|
return String(text).replace(/%/g, '%').replace(/,/g, ',');
|
||||||
|
});
|
||||||
|
|
||||||
|
return '[[' + args.join(', ') + ']]';
|
||||||
|
};
|
||||||
|
|
||||||
|
return Translator;
|
||||||
|
}());
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @exports translator
|
||||||
|
*/
|
||||||
|
const adaptor = {
|
||||||
|
/**
|
||||||
|
* The Translator class
|
||||||
|
*/
|
||||||
|
Translator: Translator,
|
||||||
|
|
||||||
|
compile: Translator.compile,
|
||||||
|
escape: Translator.escape,
|
||||||
|
unescape: Translator.unescape,
|
||||||
|
getLanguage: Translator.getLanguage,
|
||||||
|
|
||||||
|
flush: function () {
|
||||||
|
Object.keys(Translator.cache).forEach(function (code) {
|
||||||
|
Translator.cache[code].translations = {};
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
flushNamespace: function (namespace) {
|
||||||
|
Object.keys(Translator.cache).forEach(function (code) {
|
||||||
|
if (Translator.cache[code] &&
|
||||||
|
Translator.cache[code].translations &&
|
||||||
|
Translator.cache[code].translations[namespace]
|
||||||
|
) {
|
||||||
|
Translator.cache[code].translations[namespace] = null;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Legacy translator function for backwards compatibility
|
||||||
|
*/
|
||||||
|
translate: function translate(text, language, callback) {
|
||||||
|
// TODO: deprecate?
|
||||||
|
|
||||||
|
let cb = callback;
|
||||||
|
let lang = language;
|
||||||
|
if (typeof language === 'function') {
|
||||||
|
cb = language;
|
||||||
|
lang = null;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (!(typeof text === 'string' || text instanceof String) || text === '') {
|
||||||
|
if (cb) {
|
||||||
|
return setTimeout(cb, 0, '');
|
||||||
|
}
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
|
||||||
|
return Translator.create(lang).translate(text).then(function (output) {
|
||||||
|
if (cb) {
|
||||||
|
setTimeout(cb, 0, output);
|
||||||
|
}
|
||||||
|
return output;
|
||||||
|
}, function (err) {
|
||||||
|
warn('Translation failed: ' + err.stack);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
translateKeys: async function (keys, language, callback) {
|
||||||
|
let cb = callback;
|
||||||
|
let lang = language;
|
||||||
|
if (typeof language === 'function') {
|
||||||
|
cb = language;
|
||||||
|
lang = null;
|
||||||
|
}
|
||||||
|
const translations = await Promise.all(keys.map(key => adaptor.translate(key, lang)));
|
||||||
|
if (typeof cb === 'function') {
|
||||||
|
return setTimeout(cb, 0, translations);
|
||||||
|
}
|
||||||
|
return translations;
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add translations to the cache
|
||||||
|
*/
|
||||||
|
addTranslation: function addTranslation(language, namespace, translation) {
|
||||||
|
Translator.create(language).getTranslation(namespace).then(function (translations) {
|
||||||
|
assign(translations, translation);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get the translations object
|
||||||
|
*/
|
||||||
|
getTranslations: function getTranslations(language, namespace, callback) {
|
||||||
|
callback = callback || function () {};
|
||||||
|
Translator.create(language).getTranslation(namespace).then(callback);
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Alias of getTranslations
|
||||||
|
*/
|
||||||
|
load: function load(language, namespace, callback) {
|
||||||
|
adaptor.getTranslations(language, namespace, callback);
|
||||||
|
},
|
||||||
|
|
||||||
|
toggleTimeagoShorthand: function toggleTimeagoShorthand(callback) {
|
||||||
|
/* eslint "prefer-object-spread": "off" */
|
||||||
|
function toggle() {
|
||||||
|
const tmp = assign({}, jQuery.timeago.settings.strings);
|
||||||
|
jQuery.timeago.settings.strings = assign({}, adaptor.timeagoShort);
|
||||||
|
adaptor.timeagoShort = assign({}, tmp);
|
||||||
|
if (typeof callback === 'function') {
|
||||||
|
callback();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (!adaptor.timeagoShort) {
|
||||||
|
let languageCode = utils.userLangToTimeagoCode(config.userLang);
|
||||||
|
if (!config.timeagoCodes.includes(languageCode + '-short')) {
|
||||||
|
languageCode = 'en';
|
||||||
|
}
|
||||||
|
|
||||||
|
const originalSettings = assign({}, jQuery.timeago.settings.strings);
|
||||||
|
adaptor.switchTimeagoLanguage(languageCode + '-short', function () {
|
||||||
|
adaptor.timeagoShort = assign({}, jQuery.timeago.settings.strings);
|
||||||
|
jQuery.timeago.settings.strings = assign({}, originalSettings);
|
||||||
|
toggle();
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
toggle();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
switchTimeagoLanguage: function switchTimeagoLanguage(langCode, callback) {
|
||||||
|
// Delete the cached shorthand strings if present
|
||||||
|
delete adaptor.timeagoShort;
|
||||||
|
import(/* webpackChunkName: "timeago/[request]" */ 'timeago/locales/jquery.timeago.' + langCode).then(callback);
|
||||||
|
},
|
||||||
|
};
|
||||||
|
|
||||||
|
return adaptor;
|
||||||
|
};
|
||||||
@ -1,13 +0,0 @@
|
|||||||
'use strict';
|
|
||||||
|
|
||||||
require.config({
|
|
||||||
baseUrl: config.assetBaseUrl + '/src/modules',
|
|
||||||
waitSeconds: 0,
|
|
||||||
urlArgs: config['cache-buster'],
|
|
||||||
paths: {
|
|
||||||
forum: '../client',
|
|
||||||
admin: '../admin',
|
|
||||||
vendor: '../../vendor',
|
|
||||||
plugins: '../../plugins',
|
|
||||||
},
|
|
||||||
});
|
|
||||||
@ -0,0 +1,759 @@
|
|||||||
|
'use strict';
|
||||||
|
|
||||||
|
|
||||||
|
// add default escape function for escaping HTML entities
|
||||||
|
const escapeCharMap = Object.freeze({
|
||||||
|
'&': '&',
|
||||||
|
'<': '<',
|
||||||
|
'>': '>',
|
||||||
|
'"': '"',
|
||||||
|
"'": ''',
|
||||||
|
'`': '`',
|
||||||
|
'=': '=',
|
||||||
|
});
|
||||||
|
function replaceChar(c) {
|
||||||
|
return escapeCharMap[c];
|
||||||
|
}
|
||||||
|
const escapeChars = /[&<>"'`=]/g;
|
||||||
|
|
||||||
|
const HTMLEntities = Object.freeze({
|
||||||
|
amp: '&',
|
||||||
|
gt: '>',
|
||||||
|
lt: '<',
|
||||||
|
quot: '"',
|
||||||
|
apos: "'",
|
||||||
|
AElig: 198,
|
||||||
|
Aacute: 193,
|
||||||
|
Acirc: 194,
|
||||||
|
Agrave: 192,
|
||||||
|
Aring: 197,
|
||||||
|
Atilde: 195,
|
||||||
|
Auml: 196,
|
||||||
|
Ccedil: 199,
|
||||||
|
ETH: 208,
|
||||||
|
Eacute: 201,
|
||||||
|
Ecirc: 202,
|
||||||
|
Egrave: 200,
|
||||||
|
Euml: 203,
|
||||||
|
Iacute: 205,
|
||||||
|
Icirc: 206,
|
||||||
|
Igrave: 204,
|
||||||
|
Iuml: 207,
|
||||||
|
Ntilde: 209,
|
||||||
|
Oacute: 211,
|
||||||
|
Ocirc: 212,
|
||||||
|
Ograve: 210,
|
||||||
|
Oslash: 216,
|
||||||
|
Otilde: 213,
|
||||||
|
Ouml: 214,
|
||||||
|
THORN: 222,
|
||||||
|
Uacute: 218,
|
||||||
|
Ucirc: 219,
|
||||||
|
Ugrave: 217,
|
||||||
|
Uuml: 220,
|
||||||
|
Yacute: 221,
|
||||||
|
aacute: 225,
|
||||||
|
acirc: 226,
|
||||||
|
aelig: 230,
|
||||||
|
agrave: 224,
|
||||||
|
aring: 229,
|
||||||
|
atilde: 227,
|
||||||
|
auml: 228,
|
||||||
|
ccedil: 231,
|
||||||
|
eacute: 233,
|
||||||
|
ecirc: 234,
|
||||||
|
egrave: 232,
|
||||||
|
eth: 240,
|
||||||
|
euml: 235,
|
||||||
|
iacute: 237,
|
||||||
|
icirc: 238,
|
||||||
|
igrave: 236,
|
||||||
|
iuml: 239,
|
||||||
|
ntilde: 241,
|
||||||
|
oacute: 243,
|
||||||
|
ocirc: 244,
|
||||||
|
ograve: 242,
|
||||||
|
oslash: 248,
|
||||||
|
otilde: 245,
|
||||||
|
ouml: 246,
|
||||||
|
szlig: 223,
|
||||||
|
thorn: 254,
|
||||||
|
uacute: 250,
|
||||||
|
ucirc: 251,
|
||||||
|
ugrave: 249,
|
||||||
|
uuml: 252,
|
||||||
|
yacute: 253,
|
||||||
|
yuml: 255,
|
||||||
|
copy: 169,
|
||||||
|
reg: 174,
|
||||||
|
nbsp: 160,
|
||||||
|
iexcl: 161,
|
||||||
|
cent: 162,
|
||||||
|
pound: 163,
|
||||||
|
curren: 164,
|
||||||
|
yen: 165,
|
||||||
|
brvbar: 166,
|
||||||
|
sect: 167,
|
||||||
|
uml: 168,
|
||||||
|
ordf: 170,
|
||||||
|
laquo: 171,
|
||||||
|
not: 172,
|
||||||
|
shy: 173,
|
||||||
|
macr: 175,
|
||||||
|
deg: 176,
|
||||||
|
plusmn: 177,
|
||||||
|
sup1: 185,
|
||||||
|
sup2: 178,
|
||||||
|
sup3: 179,
|
||||||
|
acute: 180,
|
||||||
|
micro: 181,
|
||||||
|
para: 182,
|
||||||
|
middot: 183,
|
||||||
|
cedil: 184,
|
||||||
|
ordm: 186,
|
||||||
|
raquo: 187,
|
||||||
|
frac14: 188,
|
||||||
|
frac12: 189,
|
||||||
|
frac34: 190,
|
||||||
|
iquest: 191,
|
||||||
|
times: 215,
|
||||||
|
divide: 247,
|
||||||
|
'OElig;': 338,
|
||||||
|
'oelig;': 339,
|
||||||
|
'Scaron;': 352,
|
||||||
|
'scaron;': 353,
|
||||||
|
'Yuml;': 376,
|
||||||
|
'fnof;': 402,
|
||||||
|
'circ;': 710,
|
||||||
|
'tilde;': 732,
|
||||||
|
'Alpha;': 913,
|
||||||
|
'Beta;': 914,
|
||||||
|
'Gamma;': 915,
|
||||||
|
'Delta;': 916,
|
||||||
|
'Epsilon;': 917,
|
||||||
|
'Zeta;': 918,
|
||||||
|
'Eta;': 919,
|
||||||
|
'Theta;': 920,
|
||||||
|
'Iota;': 921,
|
||||||
|
'Kappa;': 922,
|
||||||
|
'Lambda;': 923,
|
||||||
|
'Mu;': 924,
|
||||||
|
'Nu;': 925,
|
||||||
|
'Xi;': 926,
|
||||||
|
'Omicron;': 927,
|
||||||
|
'Pi;': 928,
|
||||||
|
'Rho;': 929,
|
||||||
|
'Sigma;': 931,
|
||||||
|
'Tau;': 932,
|
||||||
|
'Upsilon;': 933,
|
||||||
|
'Phi;': 934,
|
||||||
|
'Chi;': 935,
|
||||||
|
'Psi;': 936,
|
||||||
|
'Omega;': 937,
|
||||||
|
'alpha;': 945,
|
||||||
|
'beta;': 946,
|
||||||
|
'gamma;': 947,
|
||||||
|
'delta;': 948,
|
||||||
|
'epsilon;': 949,
|
||||||
|
'zeta;': 950,
|
||||||
|
'eta;': 951,
|
||||||
|
'theta;': 952,
|
||||||
|
'iota;': 953,
|
||||||
|
'kappa;': 954,
|
||||||
|
'lambda;': 955,
|
||||||
|
'mu;': 956,
|
||||||
|
'nu;': 957,
|
||||||
|
'xi;': 958,
|
||||||
|
'omicron;': 959,
|
||||||
|
'pi;': 960,
|
||||||
|
'rho;': 961,
|
||||||
|
'sigmaf;': 962,
|
||||||
|
'sigma;': 963,
|
||||||
|
'tau;': 964,
|
||||||
|
'upsilon;': 965,
|
||||||
|
'phi;': 966,
|
||||||
|
'chi;': 967,
|
||||||
|
'psi;': 968,
|
||||||
|
'omega;': 969,
|
||||||
|
'thetasym;': 977,
|
||||||
|
'upsih;': 978,
|
||||||
|
'piv;': 982,
|
||||||
|
'ensp;': 8194,
|
||||||
|
'emsp;': 8195,
|
||||||
|
'thinsp;': 8201,
|
||||||
|
'zwnj;': 8204,
|
||||||
|
'zwj;': 8205,
|
||||||
|
'lrm;': 8206,
|
||||||
|
'rlm;': 8207,
|
||||||
|
'ndash;': 8211,
|
||||||
|
'mdash;': 8212,
|
||||||
|
'lsquo;': 8216,
|
||||||
|
'rsquo;': 8217,
|
||||||
|
'sbquo;': 8218,
|
||||||
|
'ldquo;': 8220,
|
||||||
|
'rdquo;': 8221,
|
||||||
|
'bdquo;': 8222,
|
||||||
|
'dagger;': 8224,
|
||||||
|
'Dagger;': 8225,
|
||||||
|
'bull;': 8226,
|
||||||
|
'hellip;': 8230,
|
||||||
|
'permil;': 8240,
|
||||||
|
'prime;': 8242,
|
||||||
|
'Prime;': 8243,
|
||||||
|
'lsaquo;': 8249,
|
||||||
|
'rsaquo;': 8250,
|
||||||
|
'oline;': 8254,
|
||||||
|
'frasl;': 8260,
|
||||||
|
'euro;': 8364,
|
||||||
|
'image;': 8465,
|
||||||
|
'weierp;': 8472,
|
||||||
|
'real;': 8476,
|
||||||
|
'trade;': 8482,
|
||||||
|
'alefsym;': 8501,
|
||||||
|
'larr;': 8592,
|
||||||
|
'uarr;': 8593,
|
||||||
|
'rarr;': 8594,
|
||||||
|
'darr;': 8595,
|
||||||
|
'harr;': 8596,
|
||||||
|
'crarr;': 8629,
|
||||||
|
'lArr;': 8656,
|
||||||
|
'uArr;': 8657,
|
||||||
|
'rArr;': 8658,
|
||||||
|
'dArr;': 8659,
|
||||||
|
'hArr;': 8660,
|
||||||
|
'forall;': 8704,
|
||||||
|
'part;': 8706,
|
||||||
|
'exist;': 8707,
|
||||||
|
'empty;': 8709,
|
||||||
|
'nabla;': 8711,
|
||||||
|
'isin;': 8712,
|
||||||
|
'notin;': 8713,
|
||||||
|
'ni;': 8715,
|
||||||
|
'prod;': 8719,
|
||||||
|
'sum;': 8721,
|
||||||
|
'minus;': 8722,
|
||||||
|
'lowast;': 8727,
|
||||||
|
'radic;': 8730,
|
||||||
|
'prop;': 8733,
|
||||||
|
'infin;': 8734,
|
||||||
|
'ang;': 8736,
|
||||||
|
'and;': 8743,
|
||||||
|
'or;': 8744,
|
||||||
|
'cap;': 8745,
|
||||||
|
'cup;': 8746,
|
||||||
|
'int;': 8747,
|
||||||
|
'there4;': 8756,
|
||||||
|
'sim;': 8764,
|
||||||
|
'cong;': 8773,
|
||||||
|
'asymp;': 8776,
|
||||||
|
'ne;': 8800,
|
||||||
|
'equiv;': 8801,
|
||||||
|
'le;': 8804,
|
||||||
|
'ge;': 8805,
|
||||||
|
'sub;': 8834,
|
||||||
|
'sup;': 8835,
|
||||||
|
'nsub;': 8836,
|
||||||
|
'sube;': 8838,
|
||||||
|
'supe;': 8839,
|
||||||
|
'oplus;': 8853,
|
||||||
|
'otimes;': 8855,
|
||||||
|
'perp;': 8869,
|
||||||
|
'sdot;': 8901,
|
||||||
|
'lceil;': 8968,
|
||||||
|
'rceil;': 8969,
|
||||||
|
'lfloor;': 8970,
|
||||||
|
'rfloor;': 8971,
|
||||||
|
'lang;': 9001,
|
||||||
|
'rang;': 9002,
|
||||||
|
'loz;': 9674,
|
||||||
|
'spades;': 9824,
|
||||||
|
'clubs;': 9827,
|
||||||
|
'hearts;': 9829,
|
||||||
|
'diams;': 9830,
|
||||||
|
});
|
||||||
|
|
||||||
|
/* eslint-disable no-redeclare */
|
||||||
|
const utils = {
|
||||||
|
generateUUID: function () {
|
||||||
|
/* eslint-disable no-bitwise */
|
||||||
|
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
|
||||||
|
const r = Math.random() * 16 | 0;
|
||||||
|
const v = c === 'x' ? r : ((r & 0x3) | 0x8);
|
||||||
|
return v.toString(16);
|
||||||
|
});
|
||||||
|
/* eslint-enable no-bitwise */
|
||||||
|
},
|
||||||
|
// https://github.com/substack/node-ent/blob/master/index.js
|
||||||
|
decodeHTMLEntities: function (html) {
|
||||||
|
return String(html)
|
||||||
|
.replace(/&#(\d+);?/g, function (_, code) {
|
||||||
|
return String.fromCharCode(code);
|
||||||
|
})
|
||||||
|
.replace(/&#[xX]([A-Fa-f0-9]+);?/g, function (_, hex) {
|
||||||
|
return String.fromCharCode(parseInt(hex, 16));
|
||||||
|
})
|
||||||
|
.replace(/&([^;\W]+;?)/g, function (m, e) {
|
||||||
|
const ee = e.replace(/;$/, '');
|
||||||
|
const target = HTMLEntities[e] || (e.match(/;$/) && HTMLEntities[ee]);
|
||||||
|
|
||||||
|
if (typeof target === 'number') {
|
||||||
|
return String.fromCharCode(target);
|
||||||
|
} else if (typeof target === 'string') {
|
||||||
|
return target;
|
||||||
|
}
|
||||||
|
|
||||||
|
return m;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// https://github.com/jprichardson/string.js/blob/master/lib/string.js
|
||||||
|
stripHTMLTags: function (str, tags) {
|
||||||
|
const pattern = (tags || ['']).join('|');
|
||||||
|
return String(str).replace(new RegExp('<(\\/)?(' + (pattern || '[^\\s>]+') + ')(\\s+[^<>]*?)?\\s*(\\/)?>', 'gi'), '');
|
||||||
|
},
|
||||||
|
|
||||||
|
cleanUpTag: function (tag, maxLength) {
|
||||||
|
if (typeof tag !== 'string' || !tag.length) {
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
|
||||||
|
tag = tag.trim().toLowerCase();
|
||||||
|
// see https://github.com/NodeBB/NodeBB/issues/4378
|
||||||
|
tag = tag.replace(/\u202E/gi, '');
|
||||||
|
tag = tag.replace(/[,/#!$^*;:{}=_`<>'"~()?|]/g, '');
|
||||||
|
tag = tag.slice(0, maxLength || 15).trim();
|
||||||
|
const matches = tag.match(/^[.-]*(.+?)[.-]*$/);
|
||||||
|
if (matches && matches.length > 1) {
|
||||||
|
tag = matches[1];
|
||||||
|
}
|
||||||
|
return tag;
|
||||||
|
},
|
||||||
|
|
||||||
|
removePunctuation: function (str) {
|
||||||
|
return str.replace(/[.,-/#!$%^&*;:{}=\-_`<>'"~()?]/g, '');
|
||||||
|
},
|
||||||
|
|
||||||
|
isEmailValid: function (email) {
|
||||||
|
return typeof email === 'string' && email.length && email.indexOf('@') !== -1 && email.indexOf(',') === -1 && email.indexOf(';') === -1;
|
||||||
|
},
|
||||||
|
|
||||||
|
isUserNameValid: function (name) {
|
||||||
|
return (name && name !== '' && (/^['" \-+.*[\]0-9\u00BF-\u1FFF\u2C00-\uD7FF\w]+$/.test(name)));
|
||||||
|
},
|
||||||
|
|
||||||
|
isPasswordValid: function (password) {
|
||||||
|
return typeof password === 'string' && password.length;
|
||||||
|
},
|
||||||
|
|
||||||
|
isNumber: function (n) {
|
||||||
|
// `isFinite('') === true` so isNan parseFloat check is necessary
|
||||||
|
return !isNaN(parseFloat(n)) && isFinite(n);
|
||||||
|
},
|
||||||
|
|
||||||
|
languageKeyRegex: /\[\[[\w]+:.+\]\]/,
|
||||||
|
hasLanguageKey: function (input) {
|
||||||
|
return utils.languageKeyRegex.test(input);
|
||||||
|
},
|
||||||
|
userLangToTimeagoCode: function (userLang) {
|
||||||
|
const mapping = {
|
||||||
|
'en-GB': 'en',
|
||||||
|
'en-US': 'en',
|
||||||
|
'fa-IR': 'fa',
|
||||||
|
'pt-BR': 'pt-br',
|
||||||
|
nb: 'no',
|
||||||
|
};
|
||||||
|
return mapping.hasOwnProperty(userLang) ? mapping[userLang] : userLang;
|
||||||
|
},
|
||||||
|
// shallow objects merge
|
||||||
|
merge: function () {
|
||||||
|
const result = {};
|
||||||
|
let obj;
|
||||||
|
let keys;
|
||||||
|
for (let i = 0; i < arguments.length; i += 1) {
|
||||||
|
obj = arguments[i] || {};
|
||||||
|
keys = Object.keys(obj);
|
||||||
|
for (let j = 0; j < keys.length; j += 1) {
|
||||||
|
result[keys[j]] = obj[keys[j]];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return result;
|
||||||
|
},
|
||||||
|
|
||||||
|
fileExtension: function (path) {
|
||||||
|
return ('' + path).split('.').pop();
|
||||||
|
},
|
||||||
|
|
||||||
|
extensionMimeTypeMap: {
|
||||||
|
bmp: 'image/bmp',
|
||||||
|
cmx: 'image/x-cmx',
|
||||||
|
cod: 'image/cis-cod',
|
||||||
|
gif: 'image/gif',
|
||||||
|
ico: 'image/x-icon',
|
||||||
|
ief: 'image/ief',
|
||||||
|
jfif: 'image/pipeg',
|
||||||
|
jpe: 'image/jpeg',
|
||||||
|
jpeg: 'image/jpeg',
|
||||||
|
jpg: 'image/jpeg',
|
||||||
|
png: 'image/png',
|
||||||
|
pbm: 'image/x-portable-bitmap',
|
||||||
|
pgm: 'image/x-portable-graymap',
|
||||||
|
pnm: 'image/x-portable-anymap',
|
||||||
|
ppm: 'image/x-portable-pixmap',
|
||||||
|
ras: 'image/x-cmu-raster',
|
||||||
|
rgb: 'image/x-rgb',
|
||||||
|
svg: 'image/svg+xml',
|
||||||
|
tif: 'image/tiff',
|
||||||
|
tiff: 'image/tiff',
|
||||||
|
xbm: 'image/x-xbitmap',
|
||||||
|
xpm: 'image/x-xpixmap',
|
||||||
|
xwd: 'image/x-xwindowdump',
|
||||||
|
},
|
||||||
|
|
||||||
|
fileMimeType: function (path) {
|
||||||
|
return utils.extensionToMimeType(utils.fileExtension(path));
|
||||||
|
},
|
||||||
|
|
||||||
|
extensionToMimeType: function (extension) {
|
||||||
|
return utils.extensionMimeTypeMap.hasOwnProperty(extension) ? utils.extensionMimeTypeMap[extension] : '*';
|
||||||
|
},
|
||||||
|
|
||||||
|
isPromise: function (object) {
|
||||||
|
// https://stackoverflow.com/questions/27746304/how-do-i-tell-if-an-object-is-a-promise#comment97339131_27746324
|
||||||
|
return object && typeof object.then === 'function';
|
||||||
|
},
|
||||||
|
|
||||||
|
promiseParallel: function (obj) {
|
||||||
|
const keys = Object.keys(obj);
|
||||||
|
return Promise.all(
|
||||||
|
keys.map(function (k) { return obj[k]; })
|
||||||
|
).then(function (results) {
|
||||||
|
const data = {};
|
||||||
|
keys.forEach(function (k, i) {
|
||||||
|
data[k] = results[i];
|
||||||
|
});
|
||||||
|
return data;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
// https://github.com/sindresorhus/is-absolute-url
|
||||||
|
isAbsoluteUrlRE: /^[a-zA-Z][a-zA-Z\d+\-.]*:/,
|
||||||
|
isWinPathRE: /^[a-zA-Z]:\\/,
|
||||||
|
isAbsoluteUrl: function (url) {
|
||||||
|
if (utils.isWinPathRE.test(url)) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
return utils.isAbsoluteUrlRE.test(url);
|
||||||
|
},
|
||||||
|
|
||||||
|
isRelativeUrl: function (url) {
|
||||||
|
return !utils.isAbsoluteUrl(url);
|
||||||
|
},
|
||||||
|
|
||||||
|
makeNumberHumanReadable: function (num) {
|
||||||
|
const n = parseInt(num, 10);
|
||||||
|
if (!n) {
|
||||||
|
return num;
|
||||||
|
}
|
||||||
|
if (n > 999999) {
|
||||||
|
return (n / 1000000).toFixed(1) + 'm';
|
||||||
|
} else if (n > 999) {
|
||||||
|
return (n / 1000).toFixed(1) + 'k';
|
||||||
|
}
|
||||||
|
return n;
|
||||||
|
},
|
||||||
|
|
||||||
|
// takes a string like 1000 and returns 1,000
|
||||||
|
addCommas: function (text) {
|
||||||
|
return String(text).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, '$1,');
|
||||||
|
},
|
||||||
|
|
||||||
|
toISOString: function (timestamp) {
|
||||||
|
if (!timestamp || !Date.prototype.toISOString) {
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
|
||||||
|
// Prevent too-high values to be passed to Date object
|
||||||
|
timestamp = Math.min(timestamp, 8640000000000000);
|
||||||
|
|
||||||
|
try {
|
||||||
|
return new Date(parseInt(timestamp, 10)).toISOString();
|
||||||
|
} catch (e) {
|
||||||
|
return timestamp;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
tags: ['a', 'abbr', 'acronym', 'address', 'applet', 'area', 'article', 'aside', 'audio', 'b', 'base', 'basefont',
|
||||||
|
'bdi', 'bdo', 'big', 'blockquote', 'body', 'br', 'button', 'canvas', 'caption', 'center', 'cite', 'code', 'col', 'colgroup',
|
||||||
|
'command', 'datalist', 'dd', 'del', 'details', 'dfn', 'dialog', 'dir', 'div', 'dl', 'dt', 'em', 'embed',
|
||||||
|
'fieldset', 'figcaption', 'figure', 'font', 'footer', 'form', 'frame', 'frameset', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6',
|
||||||
|
'head', 'header', 'hr', 'html', 'i', 'iframe', 'img', 'input', 'ins', 'kbd', 'keygen', 'label', 'legend', 'li', 'link',
|
||||||
|
'map', 'mark', 'menu', 'meta', 'meter', 'nav', 'noframes', 'noscript', 'object', 'ol', 'optgroup', 'option',
|
||||||
|
'output', 'p', 'param', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp', 'script', 'section', 'select',
|
||||||
|
'small', 'source', 'span', 'strike', 'strong', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'textarea', 'tfoot',
|
||||||
|
'th', 'thead', 'time', 'title', 'tr', 'track', 'tt', 'u', 'ul', 'const', 'video', 'wbr'],
|
||||||
|
|
||||||
|
stripTags: ['abbr', 'acronym', 'address', 'applet', 'area', 'article', 'aside', 'audio', 'base', 'basefont',
|
||||||
|
'bdi', 'bdo', 'big', 'blink', 'body', 'button', 'canvas', 'caption', 'center', 'cite', 'code', 'col', 'colgroup',
|
||||||
|
'command', 'datalist', 'dd', 'del', 'details', 'dfn', 'dialog', 'dir', 'div', 'dl', 'dt', 'em', 'embed',
|
||||||
|
'fieldset', 'figcaption', 'figure', 'font', 'footer', 'form', 'frame', 'frameset', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6',
|
||||||
|
'head', 'header', 'hr', 'html', 'iframe', 'input', 'ins', 'kbd', 'keygen', 'label', 'legend', 'li', 'link',
|
||||||
|
'map', 'mark', 'marquee', 'menu', 'meta', 'meter', 'nav', 'noframes', 'noscript', 'object', 'ol', 'optgroup', 'option',
|
||||||
|
'output', 'param', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp', 'script', 'section', 'select',
|
||||||
|
'source', 'span', 'strike', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'textarea', 'tfoot',
|
||||||
|
'th', 'thead', 'time', 'title', 'tr', 'track', 'tt', 'u', 'ul', 'const', 'video', 'wbr'],
|
||||||
|
|
||||||
|
escapeRegexChars: function (text) {
|
||||||
|
return text.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, '\\$&');
|
||||||
|
},
|
||||||
|
|
||||||
|
escapeHTML: function (str) {
|
||||||
|
if (str == null) {
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
if (!str) {
|
||||||
|
return String(str);
|
||||||
|
}
|
||||||
|
|
||||||
|
return str.toString().replace(escapeChars, replaceChar);
|
||||||
|
},
|
||||||
|
|
||||||
|
isAndroidBrowser: function () {
|
||||||
|
// http://stackoverflow.com/questions/9286355/how-to-detect-only-the-native-android-browser
|
||||||
|
const nua = navigator.userAgent;
|
||||||
|
return ((nua.indexOf('Mozilla/5.0') > -1 && nua.indexOf('Android ') > -1 && nua.indexOf('AppleWebKit') > -1) && !(nua.indexOf('Chrome') > -1));
|
||||||
|
},
|
||||||
|
|
||||||
|
isTouchDevice: function () {
|
||||||
|
return 'ontouchstart' in document.documentElement;
|
||||||
|
},
|
||||||
|
|
||||||
|
findBootstrapEnvironment: function () {
|
||||||
|
// http://stackoverflow.com/questions/14441456/how-to-detect-which-device-view-youre-on-using-twitter-bootstrap-api
|
||||||
|
const envs = ['xs', 'sm', 'md', 'lg'];
|
||||||
|
const $el = $('<div>');
|
||||||
|
|
||||||
|
$el.appendTo($('body'));
|
||||||
|
|
||||||
|
for (let i = envs.length - 1; i >= 0; i -= 1) {
|
||||||
|
const env = envs[i];
|
||||||
|
|
||||||
|
$el.addClass('hidden-' + env);
|
||||||
|
if ($el.is(':hidden')) {
|
||||||
|
$el.remove();
|
||||||
|
return env;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
isMobile: function () {
|
||||||
|
const env = utils.findBootstrapEnvironment();
|
||||||
|
return ['xs', 'sm'].some(function (targetEnv) {
|
||||||
|
return targetEnv === env;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
getHoursArray: function () {
|
||||||
|
const currentHour = new Date().getHours();
|
||||||
|
const labels = [];
|
||||||
|
|
||||||
|
for (let i = currentHour, ii = currentHour - 24; i > ii; i -= 1) {
|
||||||
|
const hour = i < 0 ? 24 + i : i;
|
||||||
|
labels.push(hour + ':00');
|
||||||
|
}
|
||||||
|
|
||||||
|
return labels.reverse();
|
||||||
|
},
|
||||||
|
|
||||||
|
getDaysArray: function (from, amount) {
|
||||||
|
const currentDay = new Date(parseInt(from, 10) || Date.now()).getTime();
|
||||||
|
const months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
|
||||||
|
const labels = [];
|
||||||
|
let tmpDate;
|
||||||
|
|
||||||
|
for (let x = (amount || 30) - 1; x >= 0; x -= 1) {
|
||||||
|
tmpDate = new Date(currentDay - (1000 * 60 * 60 * 24 * x));
|
||||||
|
labels.push(months[tmpDate.getMonth()] + ' ' + tmpDate.getDate());
|
||||||
|
}
|
||||||
|
|
||||||
|
return labels;
|
||||||
|
},
|
||||||
|
|
||||||
|
/* Retrieved from http://stackoverflow.com/a/7557433 @ 27 Mar 2016 */
|
||||||
|
isElementInViewport: function (el) {
|
||||||
|
// special bonus for those using jQuery
|
||||||
|
if (typeof jQuery === 'function' && el instanceof jQuery) {
|
||||||
|
el = el[0];
|
||||||
|
}
|
||||||
|
|
||||||
|
const rect = el.getBoundingClientRect();
|
||||||
|
|
||||||
|
return (
|
||||||
|
rect.top >= 0 &&
|
||||||
|
rect.left >= 0 &&
|
||||||
|
rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /* or $(window).height() */
|
||||||
|
rect.right <= (window.innerWidth || document.documentElement.clientWidth) /* or $(window).width() */
|
||||||
|
);
|
||||||
|
},
|
||||||
|
|
||||||
|
// get all the url params in a single key/value hash
|
||||||
|
params: function (options = {}) {
|
||||||
|
let url;
|
||||||
|
if (options.url && !options.url.startsWith('http')) {
|
||||||
|
// relative path passed in
|
||||||
|
options.url = options.url.replace(new RegExp(`/?${config.relative_path.slice(1)}/`, 'g'), '');
|
||||||
|
url = new URL(document.location);
|
||||||
|
url.pathname = options.url;
|
||||||
|
} else {
|
||||||
|
url = new URL(options.url || document.location);
|
||||||
|
}
|
||||||
|
let params = url.searchParams;
|
||||||
|
|
||||||
|
if (options.full) { // return URLSearchParams object
|
||||||
|
return params;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Handle arrays passed in query string (Object.fromEntries does not)
|
||||||
|
const arrays = {};
|
||||||
|
params.forEach((value, key) => {
|
||||||
|
if (!key.endsWith('[]')) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
key = key.slice(0, -2);
|
||||||
|
arrays[key] = arrays[key] || [];
|
||||||
|
arrays[key].push(utils.toType(value));
|
||||||
|
});
|
||||||
|
Object.keys(arrays).forEach((key) => {
|
||||||
|
params.delete(`${key}[]`);
|
||||||
|
});
|
||||||
|
|
||||||
|
// Backwards compatibility with v1.x -- all values passed through utils.toType()
|
||||||
|
params = Object.fromEntries(params);
|
||||||
|
Object.keys(params).forEach((key) => {
|
||||||
|
params[key] = utils.toType(params[key]);
|
||||||
|
});
|
||||||
|
|
||||||
|
return { ...params, ...arrays };
|
||||||
|
},
|
||||||
|
|
||||||
|
param: function (key) {
|
||||||
|
return this.params()[key];
|
||||||
|
},
|
||||||
|
|
||||||
|
urlToLocation: function (url) {
|
||||||
|
const a = document.createElement('a');
|
||||||
|
a.href = url;
|
||||||
|
return a;
|
||||||
|
},
|
||||||
|
|
||||||
|
// return boolean if string 'true' or string 'false', or if a parsable string which is a number
|
||||||
|
// also supports JSON object and/or arrays parsing
|
||||||
|
toType: function (str) {
|
||||||
|
const type = typeof str;
|
||||||
|
if (type !== 'string') {
|
||||||
|
return str;
|
||||||
|
}
|
||||||
|
const nb = parseFloat(str);
|
||||||
|
if (!isNaN(nb) && isFinite(str)) {
|
||||||
|
return nb;
|
||||||
|
}
|
||||||
|
if (str === 'false') {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
if (str === 'true') {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
str = JSON.parse(str);
|
||||||
|
} catch (e) {}
|
||||||
|
|
||||||
|
return str;
|
||||||
|
},
|
||||||
|
|
||||||
|
// Safely get/set chained properties on an object
|
||||||
|
// set example: utils.props(A, 'a.b.c.d', 10) // sets A to {a: {b: {c: {d: 10}}}}, and returns 10
|
||||||
|
// get example: utils.props(A, 'a.b.c') // returns {d: 10}
|
||||||
|
// get example: utils.props(A, 'a.b.c.foo.bar') // returns undefined without throwing a TypeError
|
||||||
|
// credits to github.com/gkindel
|
||||||
|
props: function (obj, props, value) {
|
||||||
|
if (obj === undefined) {
|
||||||
|
obj = window;
|
||||||
|
}
|
||||||
|
if (props == null) {
|
||||||
|
return undefined;
|
||||||
|
}
|
||||||
|
const i = props.indexOf('.');
|
||||||
|
if (i === -1) {
|
||||||
|
if (value !== undefined) {
|
||||||
|
obj[props] = value;
|
||||||
|
}
|
||||||
|
return obj[props];
|
||||||
|
}
|
||||||
|
const prop = props.slice(0, i);
|
||||||
|
const newProps = props.slice(i + 1);
|
||||||
|
|
||||||
|
if (props !== undefined && !(obj[prop] instanceof Object)) {
|
||||||
|
obj[prop] = {};
|
||||||
|
}
|
||||||
|
|
||||||
|
return utils.props(obj[prop], newProps, value);
|
||||||
|
},
|
||||||
|
|
||||||
|
isInternalURI: function (targetLocation, referenceLocation, relative_path) {
|
||||||
|
return targetLocation.host === '' || // Relative paths are always internal links
|
||||||
|
(
|
||||||
|
targetLocation.host === referenceLocation.host &&
|
||||||
|
// Otherwise need to check if protocol and host match
|
||||||
|
targetLocation.protocol === referenceLocation.protocol &&
|
||||||
|
// Subfolder installs need this additional check
|
||||||
|
(relative_path.length > 0 ? targetLocation.pathname.indexOf(relative_path) === 0 : true)
|
||||||
|
);
|
||||||
|
},
|
||||||
|
|
||||||
|
rtrim: function (str) {
|
||||||
|
return str.replace(/\s+$/g, '');
|
||||||
|
},
|
||||||
|
|
||||||
|
debounce: function (func, wait, immediate) {
|
||||||
|
// modified from https://davidwalsh.name/javascript-debounce-function
|
||||||
|
let timeout;
|
||||||
|
return function () {
|
||||||
|
const context = this;
|
||||||
|
const args = arguments;
|
||||||
|
const later = function () {
|
||||||
|
timeout = null;
|
||||||
|
if (!immediate) {
|
||||||
|
func.apply(context, args);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
const callNow = immediate && !timeout;
|
||||||
|
clearTimeout(timeout);
|
||||||
|
timeout = setTimeout(later, wait);
|
||||||
|
if (callNow) {
|
||||||
|
func.apply(context, args);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
},
|
||||||
|
throttle: function (func, wait, immediate) {
|
||||||
|
let timeout;
|
||||||
|
return function () {
|
||||||
|
const context = this;
|
||||||
|
const args = arguments;
|
||||||
|
const later = function () {
|
||||||
|
timeout = null;
|
||||||
|
if (!immediate) {
|
||||||
|
func.apply(context, args);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
const callNow = immediate && !timeout;
|
||||||
|
if (!timeout) {
|
||||||
|
timeout = setTimeout(later, wait);
|
||||||
|
}
|
||||||
|
if (callNow) {
|
||||||
|
func.apply(context, args);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
},
|
||||||
|
};
|
||||||
|
|
||||||
|
module.exports = utils;
|
||||||
@ -0,0 +1,7 @@
|
|||||||
|
'use strict';
|
||||||
|
|
||||||
|
module.exports = require('../public/src/modules/helpers.common')(
|
||||||
|
require('./utils'),
|
||||||
|
require('benchpressjs'),
|
||||||
|
require('nconf').get('relative_path'),
|
||||||
|
);
|
||||||
@ -1,3 +1,12 @@
|
|||||||
'use strict';
|
'use strict';
|
||||||
|
|
||||||
module.exports = require('../public/src/modules/translator');
|
const winston = require('winston');
|
||||||
|
|
||||||
|
function warn(msg) {
|
||||||
|
winston.warn(msg);
|
||||||
|
}
|
||||||
|
|
||||||
|
module.exports = require('../public/src/modules/translator.common')(require('./utils'), (lang, namespace) => {
|
||||||
|
const languages = require('./languages');
|
||||||
|
return languages.get(lang, namespace);
|
||||||
|
}, warn);
|
||||||
|
|||||||
@ -1,3 +1,17 @@
|
|||||||
'use strict';
|
'use strict';
|
||||||
|
|
||||||
module.exports = require('../public/src/utils');
|
process.profile = function (operation, start) {
|
||||||
|
console.log('%s took %d milliseconds', operation, process.elapsedTimeSince(start));
|
||||||
|
};
|
||||||
|
|
||||||
|
process.elapsedTimeSince = function (start) {
|
||||||
|
const diff = process.hrtime(start);
|
||||||
|
return (diff[0] * 1e3) + (diff[1] / 1e6);
|
||||||
|
};
|
||||||
|
const utils = require('../public/src/utils.common');
|
||||||
|
|
||||||
|
utils.getLanguage = function () {
|
||||||
|
const meta = require('./meta');
|
||||||
|
return meta.config && meta.config.defaultLang ? meta.config.defaultLang : 'en-GB';
|
||||||
|
};
|
||||||
|
module.exports = utils;
|
||||||
|
|||||||
@ -1,14 +0,0 @@
|
|||||||
<script>
|
|
||||||
window.addEventListener('load', function () {
|
|
||||||
define(config.relative_path + '/assets/templates/500.js', function () {
|
|
||||||
function compiled(helpers, context, get, iter, helper) {
|
|
||||||
return '<div class="alert alert-danger">\n\t<strong>[[global:500.title]]</strong>\n\t<p>[[global:500.message]]</p>\n\t<p>' +
|
|
||||||
helpers.__escape(get(context && context['path'])) + '</p>\n\t' +
|
|
||||||
(get(context && context['error']) ? '<p>' + helpers.__escape(get(context && context['error'])) + '</p>' : '') + '\n\n\t' +
|
|
||||||
(get(context && context['returnLink']) ? '\n\t<p>[[error:goback]]</p>\n\t' : '') + '\n</div>\n';
|
|
||||||
}
|
|
||||||
|
|
||||||
return compiled;
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
@ -0,0 +1,61 @@
|
|||||||
|
'use strict';
|
||||||
|
|
||||||
|
const path = require('path');
|
||||||
|
const url = require('url');
|
||||||
|
const nconf = require('nconf');
|
||||||
|
|
||||||
|
const activePlugins = require('./build/active_plugins.json');
|
||||||
|
|
||||||
|
let relativePath = nconf.get('relative_path');
|
||||||
|
if (relativePath === undefined) {
|
||||||
|
nconf.file({
|
||||||
|
file: path.resolve(__dirname, nconf.any(['config', 'CONFIG']) || 'config.json'),
|
||||||
|
});
|
||||||
|
|
||||||
|
const urlObject = url.parse(nconf.get('url'));
|
||||||
|
relativePath = urlObject.pathname !== '/' ? urlObject.pathname.replace(/\/+$/, '') : '';
|
||||||
|
}
|
||||||
|
|
||||||
|
module.exports = {
|
||||||
|
plugins: [],
|
||||||
|
entry: {
|
||||||
|
nodebb: './build/public/src/client.js',
|
||||||
|
admin: './build/public/src/admin/admin.js',
|
||||||
|
},
|
||||||
|
output: {
|
||||||
|
filename: '[name].min.js',
|
||||||
|
chunkFilename: '[name].[contenthash].min.js',
|
||||||
|
path: path.resolve(__dirname, 'build/public'),
|
||||||
|
publicPath: `${relativePath}/assets/`,
|
||||||
|
clean: {
|
||||||
|
keep(asset) {
|
||||||
|
return !asset.endsWith('.min.js');
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
watchOptions: {
|
||||||
|
poll: 500,
|
||||||
|
aggregateTimeout: 250,
|
||||||
|
},
|
||||||
|
resolve: {
|
||||||
|
symlinks: false,
|
||||||
|
modules: [
|
||||||
|
'build/public/src/modules',
|
||||||
|
'build/public/src',
|
||||||
|
'node_modules',
|
||||||
|
...activePlugins.map(p => `node_modules/${p}/node_modules`),
|
||||||
|
],
|
||||||
|
alias: {
|
||||||
|
assets: path.resolve(__dirname, 'build/public'),
|
||||||
|
forum: path.resolve(__dirname, 'build/public/src/client'),
|
||||||
|
admin: path.resolve(__dirname, 'build/public/src/admin'),
|
||||||
|
vendor: path.resolve(__dirname, 'public/vendor'),
|
||||||
|
benchpress: path.resolve(__dirname, 'node_modules/benchpressjs'),
|
||||||
|
Chart: path.resolve(__dirname, 'node_modules/chart.js'),
|
||||||
|
Sortable: path.resolve(__dirname, 'node_modules/sortablejs'),
|
||||||
|
cropper: path.resolve(__dirname, 'node_modules/cropperjs'),
|
||||||
|
'jquery-ui/widgets': path.resolve(__dirname, 'node_modules/jquery-ui/ui/widgets'),
|
||||||
|
'ace/ace': path.resolve(__dirname, 'build/public/src/modules/ace-editor.js'),
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
@ -0,0 +1,9 @@
|
|||||||
|
'use strict';
|
||||||
|
|
||||||
|
const { merge } = require('webpack-merge');
|
||||||
|
const common = require('./webpack.common');
|
||||||
|
|
||||||
|
module.exports = merge(common, {
|
||||||
|
mode: 'development',
|
||||||
|
// devtool: 'inline-source-map',
|
||||||
|
});
|
||||||
@ -0,0 +1,24 @@
|
|||||||
|
// webpack config for webinstaller
|
||||||
|
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
const path = require('path');
|
||||||
|
|
||||||
|
module.exports = {
|
||||||
|
mode: 'production',
|
||||||
|
entry: {
|
||||||
|
installer: './public/src/installer/install.js',
|
||||||
|
},
|
||||||
|
output: {
|
||||||
|
filename: '[name].min.js',
|
||||||
|
path: path.resolve(__dirname, 'build/public'),
|
||||||
|
publicPath: `/assets/`,
|
||||||
|
},
|
||||||
|
resolve: {
|
||||||
|
symlinks: false,
|
||||||
|
modules: [
|
||||||
|
'public/src',
|
||||||
|
'node_modules',
|
||||||
|
],
|
||||||
|
},
|
||||||
|
};
|
||||||
@ -0,0 +1,8 @@
|
|||||||
|
'use strict';
|
||||||
|
|
||||||
|
const { merge } = require('webpack-merge');
|
||||||
|
const common = require('./webpack.common');
|
||||||
|
|
||||||
|
module.exports = merge(common, {
|
||||||
|
mode: 'production',
|
||||||
|
});
|
||||||
Loading…
Reference in New Issue