nodebb-plugin-markdown 8.14.5 → 9.0.2

package/public/js/highlightjs-line-numbers.js

@@ -1,190 +1,373 @@
-/**
- * STOP! This file was edited from the version found in the repo
- * https://github.com/wcoder/highlightjs-line-numbers.js
- * 
- * Changes:
- *   - Made into a requirejs module
- *   - Instead of passing window, document in as w and d, they
- *     are defined at top of module
- */
-define('highlightjs-line-numbers', ['highlight'], function () {
-	var w = window;
-	var d = document;
-
-    var TABLE_NAME = 'hljs-ln',
-        LINE_NAME = 'hljs-ln-line',
-        CODE_BLOCK_NAME = 'hljs-ln-code',
-        NUMBERS_BLOCK_NAME = 'hljs-ln-numbers',
-        NUMBER_LINE_NAME = 'hljs-ln-n',
-        DATA_ATTR_NAME = 'data-line-number',
-        BREAK_LINE_REGEXP = /\r\n|\r|\n/g;
-
-    if (w.hljs) {
-        w.hljs.initLineNumbersOnLoad = initLineNumbersOnLoad;
-        w.hljs.lineNumbersBlock = lineNumbersBlock;
-
-        addStyles();
-    } else {
-        w.console.error('highlight.js not detected!');
-    }
-
-    function addStyles () {
-        var css = d.createElement('style');
-        css.type = 'text/css';
-        css.innerHTML = format(
-            '.{0}{border-collapse:collapse}\
-            .{0} td{padding:0}\
-            .{1}:before{content:attr({2})}',
-        [
-            TABLE_NAME,
-            NUMBER_LINE_NAME,
-            DATA_ATTR_NAME
-        ]);
-        d.getElementsByTagName('head')[0].appendChild(css);
-    }
-
-    function initLineNumbersOnLoad (options) {
-        if (d.readyState === 'complete') {
-            documentReady(options);
-        } else {
-            w.addEventListener('DOMContentLoaded', function () {
-                documentReady(options);
-            });
-        }
-    }
-
-    function documentReady (options) {
-        try {
-            var blocks = d.querySelectorAll('code.hljs');
-
-            for (var i in blocks) {
-                if (blocks.hasOwnProperty(i)) {
-                    lineNumbersBlock(blocks[i], options);
-                }
-            }
-        } catch (e) {
-            w.console.error('LineNumbers error: ', e);
-        }
-    }
-
-    function lineNumbersBlock (element, options) {
-        if (typeof element !== 'object') return;
-
-        // define options or set default
-        options = options || {
-            singleLine: false
-        };
-
-        // convert options
-        var firstLineIndex = !!options.singleLine ? 0 : 1;
-
-        async(function () {
-
-            duplicateMultilineNodes(element);
-
-            element.innerHTML = addLineNumbersBlockFor(element.innerHTML, firstLineIndex);
-        });
-    }
-
-    function addLineNumbersBlockFor (inputHtml, firstLineIndex) {
-
-        var lines = getLines(inputHtml);
-
-        // if last line contains only carriage return remove it
-        if (lines[lines.length-1].trim() === '') {
-            lines.pop();
-        }
-
-        if (lines.length > firstLineIndex) {
-            var html = '';
-
-            for (var i = 0, l = lines.length; i < l; i++) {
-                html += format(
-                    '<tr>\
-                        <td class="{0}">\
-                            <div class="{1} {2}" {3}="{5}"></div>\
-                        </td>\
-                        <td class="{4}">\
-                            <div class="{1}">{6}</div>\
-                        </td>\
-                    </tr>',
-                [
-                    NUMBERS_BLOCK_NAME,
-                    LINE_NAME,
-                    NUMBER_LINE_NAME,
-                    DATA_ATTR_NAME,
-                    CODE_BLOCK_NAME,
-                    i + 1,
-                    lines[i].length > 0 ? lines[i] : ' '
-                ]);
-            }
-
-            return format('<table class="{0}">{1}</table>', [ TABLE_NAME, html ]);
-        }
-
-        return inputHtml;
-    }
-
-    /**
-     * Recursive method for fix multi-line elements implementation in highlight.js
-     * Doing deep passage on child nodes.
-     * @param {HTMLElement} element
-     */
-    function duplicateMultilineNodes (element) {
-        var nodes = element.childNodes;
-        for (var node in nodes) {
-            if (nodes.hasOwnProperty(node)) {
-                var child = nodes[node];
-                if (getLinesCount(child.textContent) > 0) {
-                    if (child.childNodes.length > 0) {
-                        duplicateMultilineNodes(child);
-                    } else {
-                        duplicateMultilineNode(child.parentNode);
-                    }
-                }
-            }
-        }
-    }
-
-    /**
-     * Method for fix multi-line elements implementation in highlight.js
-     * @param {HTMLElement} element
-     */
-    function duplicateMultilineNode (element) {
-        var className = element.className;
-
-        if ( ! /hljs-/.test(className)) return;
-
-        var lines = getLines(element.innerHTML);
-
-        for (var i = 0, result = ''; i < lines.length; i++) {
-            result += format('<span class="{0}">{1}</span>\n', [ className, lines[i] ]);
-        }
-
-        element.innerHTML = result.trim();
-    }
-
-    function getLines (text) {
-        if (text.length === 0) return [];
-        return text.split(BREAK_LINE_REGEXP);
-    }
-
-    function getLinesCount (text) {
-        return (text.trim().match(BREAK_LINE_REGEXP) || []).length;
-    }
-
-    function async (func) {
-        w.setTimeout(func, 0);
-    }
-
-    /**
-     * {@link https://wcoder.github.io/notes/string-format-for-string-formating-in-javascript}
-     * @param {string} format
-     * @param {array} args
-     */
-    function format (format, args) {
-        return format.replace(/\{(\d+)\}/g, function(m, n){
-            return args[n] ? args[n] : m;
-        });
-    }
+/**
+ * STOP! This file was edited from the version found in the repo
+ * https://github.com/wcoder/highlightjs-line-numbers.js
+ *
+ * Changes:
+ *   - Made into a requirejs module
+ *   - Instead of passing window, document in as w and d, they
+ *     are defined at top of module
+ */
+define('highlightjs-line-numbers', ['highlight'], function () {
+	var w = window;
+	var d = document;
+
+    var TABLE_NAME = 'hljs-ln',
+        LINE_NAME = 'hljs-ln-line',
+        CODE_BLOCK_NAME = 'hljs-ln-code',
+        NUMBERS_BLOCK_NAME = 'hljs-ln-numbers',
+        NUMBER_LINE_NAME = 'hljs-ln-n',
+        DATA_ATTR_NAME = 'data-line-number',
+        BREAK_LINE_REGEXP = /\r\n|\r|\n/g;
+
+    if (w.hljs) {
+        w.hljs.initLineNumbersOnLoad = initLineNumbersOnLoad;
+        w.hljs.lineNumbersBlock = lineNumbersBlock;
+        w.hljs.lineNumbersValue = lineNumbersValue;
+
+        addStyles();
+    } else {
+        w.console.error('highlight.js not detected!');
+    }
+
+    function isHljsLnCodeDescendant(domElt) {
+        var curElt = domElt;
+        while (curElt) {
+            if (curElt.className && curElt.className.indexOf('hljs-ln-code') !== -1) {
+                return true;
+            }
+            curElt = curElt.parentNode;
+        }
+        return false;
+    }
+
+    function getHljsLnTable(hljsLnDomElt) {
+        var curElt = hljsLnDomElt;
+        while (curElt.nodeName !== 'TABLE') {
+            curElt = curElt.parentNode;
+        }
+        return curElt;
+    }
+
+    // Function to workaround a copy issue with Microsoft Edge.
+    // Due to hljs-ln wrapping the lines of code inside a <table> element,
+    // itself wrapped inside a <pre> element, window.getSelection().toString()
+    // does not contain any line breaks. So we need to get them back using the
+    // rendered code in the DOM as reference.
+    function edgeGetSelectedCodeLines(selection) {
+        // current selected text without line breaks
+        var selectionText = selection.toString();
+
+        // get the <td> element wrapping the first line of selected code
+        var tdAnchor = selection.anchorNode;
+        while (tdAnchor.nodeName !== 'TD') {
+            tdAnchor = tdAnchor.parentNode;
+        }
+
+        // get the <td> element wrapping the last line of selected code
+        var tdFocus = selection.focusNode;
+        while (tdFocus.nodeName !== 'TD') {
+            tdFocus = tdFocus.parentNode;
+        }
+
+        // extract line numbers
+        var firstLineNumber = parseInt(tdAnchor.dataset.lineNumber);
+        var lastLineNumber = parseInt(tdFocus.dataset.lineNumber);
+
+        // multi-lines copied case
+        if (firstLineNumber != lastLineNumber) {
+
+            var firstLineText = tdAnchor.textContent;
+            var lastLineText = tdFocus.textContent;
+
+            // if the selection was made backward, swap values
+            if (firstLineNumber > lastLineNumber) {
+                var tmp = firstLineNumber;
+                firstLineNumber = lastLineNumber;
+                lastLineNumber = tmp;
+                tmp = firstLineText;
+                firstLineText = lastLineText;
+                lastLineText = tmp;
+            }
+
+            // discard not copied characters in first line
+            while (selectionText.indexOf(firstLineText) !== 0) {
+                firstLineText = firstLineText.slice(1);
+            }
+
+            // discard not copied characters in last line
+            while (selectionText.lastIndexOf(lastLineText) === -1) {
+                lastLineText = lastLineText.slice(0, -1);
+            }
+
+            // reconstruct and return the real copied text
+            var selectedText = firstLineText;
+            var hljsLnTable = getHljsLnTable(tdAnchor);
+            for (var i = firstLineNumber + 1 ; i < lastLineNumber ; ++i) {
+                var codeLineSel = format('.{0}[{1}="{2}"]', [CODE_BLOCK_NAME, DATA_ATTR_NAME, i]);
+                var codeLineElt = hljsLnTable.querySelector(codeLineSel);
+                selectedText += '\n' + codeLineElt.textContent;
+            }
+            selectedText += '\n' + lastLineText;
+            return selectedText;
+        // single copied line case
+        } else {
+            return selectionText;
+        }
+    }
+
+    // ensure consistent code copy/paste behavior across all browsers
+    // (see https://github.com/wcoder/highlightjs-line-numbers.js/issues/51)
+    document.addEventListener('copy', function(e) {
+        // get current selection
+        var selection = window.getSelection();
+        // override behavior when one wants to copy line of codes
+        if (isHljsLnCodeDescendant(selection.anchorNode)) {
+            var selectionText;
+            // workaround an issue with Microsoft Edge as copied line breaks
+            // are removed otherwise from the selection string
+            if (window.navigator.userAgent.indexOf('Edge') !== -1) {
+                selectionText = edgeGetSelectedCodeLines(selection);
+            } else {
+                // other browsers can directly use the selection string
+                selectionText = selection.toString();
+            }
+            e.clipboardData.setData('text/plain', selectionText);
+            e.preventDefault();
+        }
+    });
+
+    function addStyles () {
+        var css = d.createElement('style');
+        css.type = 'text/css';
+        css.innerHTML = format(
+            '.{0}{border-collapse:collapse}' +
+            '.{0} td{padding:0}' +
+            '.{1}:before{content:attr({2})}',
+        [
+            TABLE_NAME,
+            NUMBER_LINE_NAME,
+            DATA_ATTR_NAME
+        ]);
+        d.getElementsByTagName('head')[0].appendChild(css);
+    }
+
+    function initLineNumbersOnLoad (options) {
+        if (d.readyState === 'interactive' || d.readyState === 'complete') {
+            documentReady(options);
+        } else {
+            w.addEventListener('DOMContentLoaded', function () {
+                documentReady(options);
+            });
+        }
+    }
+
+    function documentReady (options) {
+        try {
+            var blocks = d.querySelectorAll('code.hljs,code.nohighlight');
+
+            for (var i in blocks) {
+                if (blocks.hasOwnProperty(i)) {
+                    if (!isPluginDisabledForBlock(blocks[i])) {
+                        lineNumbersBlock(blocks[i], options);
+                    }
+                }
+            }
+        } catch (e) {
+            w.console.error('LineNumbers error: ', e);
+        }
+    }
+
+    function isPluginDisabledForBlock(element) {
+        return element.classList.contains('nohljsln');
+    }
+
+    function lineNumbersBlock (element, options) {
+        if (typeof element !== 'object') return;
+
+        async(function () {
+            element.innerHTML = lineNumbersInternal(element, options);
+        });
+    }
+
+    function lineNumbersValue (value, options) {
+        if (typeof value !== 'string') return;
+
+        var element = document.createElement('code')
+        element.innerHTML = value
+
+        return lineNumbersInternal(element, options);
+    }
+
+    function lineNumbersInternal (element, options) {
+
+        var internalOptions = mapOptions(element, options);
+
+        duplicateMultilineNodes(element);
+
+        return addLineNumbersBlockFor(element.innerHTML, internalOptions);
+    }
+
+    function addLineNumbersBlockFor (inputHtml, options) {
+        var lines = getLines(inputHtml);
+
+        // if last line contains only carriage return remove it
+        if (lines[lines.length-1].trim() === '') {
+            lines.pop();
+        }
+
+        if (lines.length > 1 || options.singleLine) {
+            var html = '';
+
+            for (var i = 0, l = lines.length; i < l; i++) {
+                html += format(
+                    '<tr>' +
+                        '<td class="{0} {1}" {3}="{5}">' +
+                            '<div class="{2}" {3}="{5}"></div>' +
+                        '</td>' +
+                        '<td class="{0} {4}" {3}="{5}">' +
+                            '{6}' +
+                        '</td>' +
+                    '</tr>',
+                [
+                    LINE_NAME,
+                    NUMBERS_BLOCK_NAME,
+                    NUMBER_LINE_NAME,
+                    DATA_ATTR_NAME,
+                    CODE_BLOCK_NAME,
+                    i + options.startFrom,
+                    lines[i].length > 0 ? lines[i] : ' '
+                ]);
+            }
+
+            return format('<table class="{0}">{1}</table>', [ TABLE_NAME, html ]);
+        }
+
+        return inputHtml;
+    }
+
+    /**
+     * @param {HTMLElement} element Code block.
+     * @param {Object} options External API options.
+     * @returns {Object} Internal API options.
+     */
+    function mapOptions (element, options) {
+        options = options || {};
+        return {
+            singleLine: getSingleLineOption(options),
+            startFrom: getStartFromOption(element, options)
+        };
+    }
+
+    function getSingleLineOption (options) {
+        var defaultValue = false;
+        if (!!options.singleLine) {
+            return options.singleLine;
+        }
+        return defaultValue;
+    }
+
+    function getStartFromOption (element, options) {
+        var defaultValue = 1;
+        var startFrom = defaultValue;
+
+        if (isFinite(options.startFrom)) {
+            startFrom = options.startFrom;
+        }
+
+        // can be overridden because local option is priority
+        var value = getAttribute(element, 'data-ln-start-from');
+        if (value !== null) {
+            startFrom = toNumber(value, defaultValue);
+        }
+
+        return startFrom;
+    }
+
+    /**
+     * Recursive method for fix multi-line elements implementation in highlight.js
+     * Doing deep passage on child nodes.
+     * @param {HTMLElement} element
+     */
+    function duplicateMultilineNodes (element) {
+        var nodes = element.childNodes;
+        for (var node in nodes) {
+            if (nodes.hasOwnProperty(node)) {
+                var child = nodes[node];
+                if (getLinesCount(child.textContent) > 0) {
+                    if (child.childNodes.length > 0) {
+                        duplicateMultilineNodes(child);
+                    } else {
+                        duplicateMultilineNode(child.parentNode);
+                    }
+                }
+            }
+        }
+    }
+
+    /**
+     * Method for fix multi-line elements implementation in highlight.js
+     * @param {HTMLElement} element
+     */
+    function duplicateMultilineNode (element) {
+        var className = element.className;
+
+        if ( ! /hljs-/.test(className)) return;
+
+        var lines = getLines(element.innerHTML);
+
+        for (var i = 0, result = ''; i < lines.length; i++) {
+            var lineText = lines[i].length > 0 ? lines[i] : ' ';
+            result += format('<span class="{0}">{1}</span>\n', [ className,  lineText ]);
+        }
+
+        element.innerHTML = result.trim();
+    }
+
+    function getLines (text) {
+        if (text.length === 0) return [];
+        return text.split(BREAK_LINE_REGEXP);
+    }
+
+    function getLinesCount (text) {
+        return (text.trim().match(BREAK_LINE_REGEXP) || []).length;
+    }
+
+    ///
+    /// HELPERS
+    ///
+
+    function async (func) {
+        w.setTimeout(func, 0);
+    }
+
+    /**
+     * {@link https://wcoder.github.io/notes/string-format-for-string-formating-in-javascript}
+     * @param {string} format
+     * @param {array} args
+     */
+    function format (format, args) {
+        return format.replace(/\{(\d+)\}/g, function(m, n){
+            return args[n] !== undefined ? args[n] : m;
+        });
+    }
+
+    /**
+     * @param {HTMLElement} element Code block.
+     * @param {String} attrName Attribute name.
+     * @returns {String} Attribute value or empty.
+     */
+    function getAttribute (element, attrName) {
+        return element.hasAttribute(attrName) ? element.getAttribute(attrName) : null;
+    }
+
+    /**
+     * @param {String} str Source string.
+     * @param {Number} fallback Fallback value.
+     * @returns Parsed number or fallback value.
+     */
+    function toNumber (str, fallback) {
+        if (!str) return fallback;
+        var number = Number(str);
+        return isFinite(number) ? number : fallback;
+    }
 });

package/public/languages/de/markdown.json

@@ -1,11 +1,11 @@
-{
-	"bold": "Fettschrift",
-	"italic": "Kursivschrift",
-	"list_item": "Listenpunkt",
-	"strikethrough_text": "Durchgestrichen",
-	"link_text": "Link Text",
-	"link_url": "Link Adresse",
-	"picture_text": "Bild Text",
-	"picture_url": "Bild Link",
-	"help_text": "Dieses Forum unterstützt Markdown. Für mehr Informationen, [hier klicken](http://commonmark.org/help/)"
-}
+{
+	"bold": "Fettschrift",
+	"italic": "Kursivschrift",
+	"list_item": "Listenpunkt",
+	"strikethrough_text": "Durchgestrichen",
+	"link_text": "Link Text",
+	"link_url": "Link Adresse",
+	"picture_text": "Bild Text",
+	"picture_url": "Bild Link",
+	"help_text": "Dieses Forum unterstützt Markdown. Für mehr Informationen, [hier klicken](http://commonmark.org/help/)"
+}

package/public/languages/en-GB/markdown.json

@@ -1,12 +1,12 @@
-{
-	"bold": "bolded text",
-	"italic": "italicised text",
-	"list_item": "list item",
-	"strikethrough_text": "strikethrough text",
-	"code_text": "code_text",
-	"link_text": "link text",
-	"link_url": "link url",
-	"picture_text": "alt text",
-	"picture_url": "image url",
-	"help_text": "This forum is powered by Markdown. For full documentation, [click here](http://commonmark.org/help/)"
+{
+	"bold": "bolded text",
+	"italic": "italicised text",
+	"list_item": "list item",
+	"strikethrough_text": "strikethrough text",
+	"code_text": "code_text",
+	"link_text": "link text",
+	"link_url": "link url",
+	"picture_text": "alt text",
+	"picture_url": "image url",
+	"help_text": "This forum is powered by Markdown. For full documentation, [click here](http://commonmark.org/help/)"
 }

package/public/languages/fa-IR/markdown.json

@@ -1,11 +1,11 @@
-{
-	"bold": "متن پررنگ",
-	"italic": "متن ایتالیک ( کج )",
-	"list_item": "لیست",
-	"strikethrough_text": "متن خط خورده",
-	"link_text": "متن لینک",
-	"link_url": "آدرس لینک",
-	"picture_text": "متن جایگزین",
-	"picture_url": "آدرس عکس",
-	"help_text": "این انجمن از زبان مارک دون استفاده می کند، برای اطلاعات بیشتر [اینجا](http://commonmark.org/help/) کلیک کنید!"
-}
+{
+	"bold": "متن پررنگ",
+	"italic": "متن ایتالیک ( کج )",
+	"list_item": "لیست",
+	"strikethrough_text": "متن خط خورده",
+	"link_text": "متن لینک",
+	"link_url": "آدرس لینک",
+	"picture_text": "متن جایگزین",
+	"picture_url": "آدرس عکس",
+	"help_text": "این انجمن از زبان مارک دون استفاده می کند، برای اطلاعات بیشتر [اینجا](http://commonmark.org/help/) کلیک کنید!"
+}

package/public/languages/fr/markdown.json

@@ -1,11 +1,11 @@
-{
-	"bold": "texte en gras",
-	"italic": "texte en italique",
-	"list_item": "élément de liste",
-	"strikethrough_text": "strikethrough text",
-	"link_text": "texte du lien",
-	"link_url": "url du lien",
-	"picture_text": "text alternatif",
-	"picture_url": "url de l'image",
-	"help_text": "Ce forum utilise la syntaxe Markdown. Pour accéder à la documentation, suivre ce [lien](http://commonmark.org/help/)"
-}
+{
+	"bold": "texte en gras",
+	"italic": "texte en italique",
+	"list_item": "élément de liste",
+	"strikethrough_text": "strikethrough text",
+	"link_text": "texte du lien",
+	"link_url": "url du lien",
+	"picture_text": "text alternatif",
+	"picture_url": "url de l'image",
+	"help_text": "Ce forum utilise la syntaxe Markdown. Pour accéder à la documentation, suivre ce [lien](http://commonmark.org/help/)"
+}