debian-mirror-gitlab/app/assets/javascripts/behaviors/markdown/render_gfm.js

41 lines
1.2 KiB
JavaScript
Raw Normal View History

2018-05-09 12:01:36 +05:30
import $ from 'jquery';
import syntaxHighlight from '~/syntax_highlight';
2021-03-11 19:13:27 +05:30
import initUserPopovers from '../../user_popovers';
import highlightCurrentUser from './highlight_current_user';
2018-03-17 18:26:18 +05:30
import renderMath from './render_math';
import renderMermaid from './render_mermaid';
2019-10-12 21:52:04 +05:30
import renderMetrics from './render_metrics';
2018-03-27 19:54:05 +05:30
2018-12-05 23:21:45 +05:30
// Render GitLab flavoured Markdown
2017-08-17 22:00:37 +05:30
//
2018-03-17 18:26:18 +05:30
// Delegates to syntax highlight and render math & mermaid diagrams.
2017-08-17 22:00:37 +05:30
//
2018-03-17 18:26:18 +05:30
$.fn.renderGFM = function renderGFM() {
syntaxHighlight(this.find('.js-syntax-highlight'));
renderMath(this.find('.js-render-math'));
renderMermaid(this.find('.js-render-mermaid'));
2018-12-05 23:21:45 +05:30
highlightCurrentUser(this.find('.gfm-project_member').get());
2020-05-24 23:13:21 +05:30
initUserPopovers(this.find('.js-user-link').get());
2020-11-24 15:15:51 +05:30
const mrPopoverElements = this.find('.gfm-merge_request').get();
if (mrPopoverElements.length) {
import(/* webpackChunkName: 'MrPopoverBundle' */ '../../mr_popover')
.then(({ default: initMRPopovers }) => {
initMRPopovers(mrPopoverElements);
})
.catch(() => {});
}
2019-10-12 21:52:04 +05:30
renderMetrics(this.find('.js-render-metrics').get());
2018-03-17 18:26:18 +05:30
return this;
};
2017-08-17 22:00:37 +05:30
2020-11-24 15:15:51 +05:30
$(() => {
window.requestIdleCallback(
() => {
$('body').renderGFM();
},
{ timeout: 500 },
);
});