diff --git a/package.json b/package.json index 12d938a2d..b84f67b24 100644 --- a/package.json +++ b/package.json @@ -35,6 +35,8 @@ "react-dom": "^15.3.2", "restangular": "^1.2.0", "rxjs": "^5.0.1", + "showdown": "^1.6.4", + "showdown-highlightjs-extension": "^0.1.2", "underscore": "^1.5.2" }, "devDependencies": { @@ -47,6 +49,7 @@ "@types/jquery": "^2.0.40", "@types/react": "0.14.39", "@types/react-dom": "0.14.17", + "@types/showdown": "^1.4.32", "angular-mocks": "1.6.2", "angular-ts-decorators": "0.0.19", "css-loader": "0.25.0", diff --git a/static/css/directives/ui/markdown-editor.css b/static/css/directives/ui/markdown-editor.css deleted file mode 100644 index bf5602db7..000000000 --- a/static/css/directives/ui/markdown-editor.css +++ /dev/null @@ -1,31 +0,0 @@ -.markdown-editor-element .wmd-panel .btn { - background-color: #ddd; -} - -.markdown-editor-element .wmd-panel .btn:hover { - background-color: #eee; -} - -.markdown-editor-element .wmd-panel .btn:active { - background-color: #ccc; -} - -.markdown-editor-element .preview-btn { - float: right; -} - -.markdown-editor-element .preview-btn.active { - box-shadow: inset 0 3px 5px rgba(0,0,0,.125); -} - -.markdown-editor-element .preview-panel .markdown-view { - border: 1px solid #eee; - padding: 4px; - min-height: 150px; -} - -.markdown-editor-element .preview-top-bar { - height: 43px; - line-height: 43px; - color: #ddd; -} \ No newline at end of file diff --git a/static/css/directives/ui/quay-service-status.css b/static/css/directives/ui/quay-service-status.css index 367a7dede..13e63d21b 100644 --- a/static/css/directives/ui/quay-service-status.css +++ b/static/css/directives/ui/quay-service-status.css @@ -9,7 +9,9 @@ } .quay-service-status-description { - vertical-align: middle; + display: flex; + justify-content: center; + align-items: center; } .quay-service-status-indicator.none { diff --git a/static/directives/image-info-sidebar.html b/static/directives/image-info-sidebar.html index 0fd2984aa..fe32591d7 100644 --- a/static/directives/image-info-sidebar.html +++ b/static/directives/image-info-sidebar.html @@ -2,7 +2,7 @@
- - Click to set {{ fieldTitle }} - -
- - -s around - // "paragraphs" that are wrapped in non-block-level tags, such as anchors, - // phrase emphasis, and spans. The list of tags we're looking for is - // hard-coded: - var block_tags_a = "p|div|h[1-6]|blockquote|pre|table|dl|ol|ul|script|noscript|form|fieldset|iframe|math|ins|del" - var block_tags_b = "p|div|h[1-6]|blockquote|pre|table|dl|ol|ul|script|noscript|form|fieldset|iframe|math" - - // First, look for nested blocks, e.g.: - //
tags around block-level tags.
- text = _HashHTMLBlocks(text);
- text = _FormParagraphs(text, doNotUnhash);
-
- return text;
- }
-
- function _RunSpanGamut(text) {
- //
- // These are all the transformations that occur *within* block-level
- // tags like paragraphs, headers, and list items.
- //
-
- text = _DoCodeSpans(text);
- text = _EscapeSpecialCharsWithinTagAttributes(text);
- text = _EncodeBackslashEscapes(text);
-
- // Process anchor and image tags. Images must come first,
- // because ![foo][f] looks like an anchor.
- text = _DoImages(text);
- text = _DoAnchors(text);
-
- // Make links out of things like ` Just type tags
- //
-
- // Strip leading and trailing lines:
- text = text.replace(/^\n+/g, "");
- text = text.replace(/\n+$/g, "");
-
- var grafs = text.split(/\n{2,}/g);
- var grafsOut = [];
-
- var markerRe = /~K(\d+)K/;
-
- //
- // Wrap tags.
- //
- var end = grafs.length;
- for (var i = 0; i < end; i++) {
- var str = grafs[i];
-
- // if this is an HTML marker, copy it
- if (markerRe.test(str)) {
- grafsOut.push(str);
- }
- else if (/\S/.test(str)) {
- str = _RunSpanGamut(str);
- str = str.replace(/^([ \t]*)/g, " ");
- str += " http://example.com/ \"optional title\" http://example.com/images/diagram.jpg \"optional title\" One fine body…
\n");
-
- return text;
- }
-
- function _EscapeSpecialCharsWithinTagAttributes(text) {
- //
- // Within tags -- meaning between < and > -- encode [\ ` * _] so they
- // don't conflict with their use in Markdown for code, italics and strong.
- //
-
- // Build a regex to find HTML tags and comments. See Friedl's
- // "Mastering Regular Expressions", 2nd Ed., pp. 200-201.
-
- // SE: changed the comment part of the regex
-
- var regex = /(<[a-z\/!$]("[^"]*"|'[^']*'|[^'">])*>|-]|-[^>])(?:[^-]|-[^-])*)--)>)/gi;
-
- text = text.replace(regex, function (wholeMatch) {
- var tag = wholeMatch.replace(/(.)<\/?code>(?=.)/g, "$1`");
- tag = escapeCharacters(tag, wholeMatch.charAt(1) == "!" ? "\\`*_/" : "\\`*_"); // also escape slashes in comments to prevent autolinking there -- http://meta.stackoverflow.com/questions/95987
- return tag;
- });
-
- return text;
- }
-
- function _DoAnchors(text) {
- //
- // Turn Markdown link shortcuts into XHTML tags.
- //
- //
- // First, handle reference-style links: [link text] [id]
- //
-
- /*
- text = text.replace(/
- ( // wrap whole match in $1
- \[
- (
- (?:
- \[[^\]]*\] // allow brackets nested one level
- |
- [^\[] // or anything else
- )*
- )
- \]
-
- [ ]? // one optional space
- (?:\n[ ]*)? // one optional newline followed by spaces
-
- \[
- (.*?) // id = $3
- \]
- )
- ()()()() // pad remaining backreferences
- /g, writeAnchorTag);
- */
- text = text.replace(/(\[((?:\[[^\]]*\]|[^\[\]])*)\][ ]?(?:\n[ ]*)?\[(.*?)\])()()()()/g, writeAnchorTag);
-
- //
- // Next, inline-style links: [link text](url "optional title")
- //
-
- /*
- text = text.replace(/
- ( // wrap whole match in $1
- \[
- (
- (?:
- \[[^\]]*\] // allow brackets nested one level
- |
- [^\[\]] // or anything else
- )*
- )
- \]
- \( // literal paren
- [ \t]*
- () // no id, so leave $3 empty
- ( // href = $4
- (?:
- \([^)]*\) // allow one level of (correctly nested) parens (think MSDN)
- |
- [^()]
- )*?
- )>?
- [ \t]*
- ( // $5
- (['"]) // quote char = $6
- (.*?) // Title = $7
- \6 // matching quote
- [ \t]* // ignore any spaces/tabs between closing quote and )
- )? // title is optional
- \)
- )
- /g, writeAnchorTag);
- */
-
- text = text.replace(/(\[((?:\[[^\]]*\]|[^\[\]])*)\]\([ \t]*()((?:\([^)]*\)|[^()])*?)>?[ \t]*((['"])(.*?)\6[ \t]*)?\))/g, writeAnchorTag);
-
- //
- // Last, handle reference-style shortcuts: [link text]
- // These must come last in case you've also got [link test][1]
- // or [link test](/foo)
- //
-
- /*
- text = text.replace(/
- ( // wrap whole match in $1
- \[
- ([^\[\]]+) // link text = $2; can't contain '[' or ']'
- \]
- )
- ()()()()() // pad rest of backreferences
- /g, writeAnchorTag);
- */
- text = text.replace(/(\[([^\[\]]+)\])()()()()()/g, writeAnchorTag);
-
- return text;
- }
-
- function writeAnchorTag(wholeMatch, m1, m2, m3, m4, m5, m6, m7) {
- if (m7 == undefined) m7 = "";
- var whole_match = m1;
- var link_text = m2.replace(/:\/\//g, "~P"); // to prevent auto-linking withing the link. will be converted back after the auto-linker runs
- var link_id = m3.toLowerCase();
- var url = m4;
- var title = m7;
-
- if (url == "") {
- if (link_id == "") {
- // lower-case and turn embedded newlines into spaces
- link_id = link_text.toLowerCase().replace(/ ?\n/g, " ");
- }
- url = "#" + link_id;
-
- if (g_urls.get(link_id) != undefined) {
- url = g_urls.get(link_id);
- if (g_titles.get(link_id) != undefined) {
- title = g_titles.get(link_id);
- }
- }
- else {
- if (whole_match.search(/\(\s*\)$/m) > -1) {
- // Special case for explicit empty url
- url = "";
- } else {
- return whole_match;
- }
- }
- }
- url = encodeProblemUrlChars(url);
- url = escapeCharacters(url, "*_");
- var result = "" + link_text + "";
-
- return result;
- }
-
- function _DoImages(text) {
- //
- // Turn Markdown image shortcuts into tags.
- //
-
- //
- // First, handle reference-style labeled images: ![alt text][id]
- //
-
- /*
- text = text.replace(/
- ( // wrap whole match in $1
- !\[
- (.*?) // alt text = $2
- \]
-
- [ ]? // one optional space
- (?:\n[ ]*)? // one optional newline followed by spaces
-
- \[
- (.*?) // id = $3
- \]
- )
- ()()()() // pad rest of backreferences
- /g, writeImageTag);
- */
- text = text.replace(/(!\[(.*?)\][ ]?(?:\n[ ]*)?\[(.*?)\])()()()()/g, writeImageTag);
-
- //
- // Next, handle inline images: ![alt text](url "optional title")
- // Don't forget: encode * and _
-
- /*
- text = text.replace(/
- ( // wrap whole match in $1
- !\[
- (.*?) // alt text = $2
- \]
- \s? // One optional whitespace character
- \( // literal paren
- [ \t]*
- () // no id, so leave $3 empty
- (\S+?)>? // src url = $4
- [ \t]*
- ( // $5
- (['"]) // quote char = $6
- (.*?) // title = $7
- \6 // matching quote
- [ \t]*
- )? // title is optional
- \)
- )
- /g, writeImageTag);
- */
- text = text.replace(/(!\[(.*?)\]\s?\([ \t]*()(\S+?)>?[ \t]*((['"])(.*?)\6[ \t]*)?\))/g, writeImageTag);
-
- return text;
- }
-
- function attributeEncode(text) {
- // unconditionally replace angle brackets here -- what ends up in an attribute (e.g. alt or title)
- // never makes sense to have verbatim HTML in it (and the sanitizer would totally break it)
- return text.replace(/>/g, ">").replace(/";
-
- return result;
- }
-
- function _DoHeaders(text) {
-
- // Setext-style headers:
- // Header 1
- // ========
- //
- // Header 2
- // --------
- //
- text = text.replace(/^(.+)[ \t]*\n=+[ \t]*\n+/gm,
- function (wholeMatch, m1) { return "" + _RunSpanGamut(m1) + "
\n\n"; }
- );
-
- text = text.replace(/^(.+)[ \t]*\n-+[ \t]*\n+/gm,
- function (matchFound, m1) { return "" + _RunSpanGamut(m1) + "
\n\n"; }
- );
-
- // atx-style headers:
- // # Header 1
- // ## Header 2
- // ## Header 2 with closing hashes ##
- // ...
- // ###### Header 6
- //
-
- /*
- text = text.replace(/
- ^(\#{1,6}) // $1 = string of #'s
- [ \t]*
- (.+?) // $2 = Header text
- [ \t]*
- \#* // optional closing #'s (not counted)
- \n+
- /gm, function() {...});
- */
-
- text = text.replace(/^(\#{1,6})[ \t]*(.+?)[ \t]*\#*\n+/gm,
- function (wholeMatch, m1, m2) {
- var h_level = m1.length;
- return "` blocks.
- //
-
- /*
- text = text.replace(/
- (?:\n\n|^)
- ( // $1 = the code block -- one or more lines, starting with a space/tab
- (?:
- (?:[ ]{4}|\t) // Lines must start with a tab or a tab-width of spaces - attacklab: g_tab_width
- .*\n+
- )+
- )
- (\n*[ ]{0,3}[^ \t\n]|(?=~0)) // attacklab: g_tab_width
- /g ,function(){...});
- */
-
- // attacklab: sentinel workarounds for lack of \A and \Z, safari\khtml bug
- text += "~0";
-
- text = text.replace(/(?:\n\n|^)((?:(?:[ ]{4}|\t).*\n+)+)(\n*[ ]{0,3}[^ \t\n]|(?=~0))/g,
- function (wholeMatch, m1, m2) {
- var codeblock = m1;
- var nextChar = m2;
-
- codeblock = _EncodeCode(_Outdent(codeblock));
- codeblock = _Detab(codeblock);
- codeblock = codeblock.replace(/^\n+/g, ""); // trim leading newlines
- codeblock = codeblock.replace(/\n+$/g, ""); // trim trailing whitespace
-
- codeblock = '
';
-
- return "\n\n" + codeblock + "\n\n" + nextChar;
- }
- );
-
- // attacklab: strip sentinel
- text = text.replace(/~0/, "");
-
- return text;
- }
-
- function hashBlock(text) {
- text = text.replace(/(^\n+|\n+$)/g, "");
- return "\n\n~K" + (g_html_blocks.push(text) - 1) + "K\n\n";
- }
-
- function _DoCodeSpans(text) {
- //
- // * Backtick quotes are used for ' + codeblock + '\n
spans.
- //
- // * You can use multiple backticks as the delimiters if you want to
- // include literal backticks in the code span. So, this input:
- //
- // Just type ``foo `bar` baz`` at the prompt.
- //
- // Will translate to:
- //
- //
foo `bar` baz
at the prompt.`bar`
...
- //
-
- /*
- text = text.replace(/
- (^|[^\\]) // Character before opening ` can't be a backslash
- (`+) // $2 = Opening run of `
- ( // $3 = The code block
- [^\r]*?
- [^`] // attacklab: work around lack of lookbehind
- )
- \2 // Matching closer
- (?!`)
- /gm, function(){...});
- */
-
- text = text.replace(/(^|[^\\])(`+)([^\r]*?[^`])\2(?!`)/gm,
- function (wholeMatch, m1, m2, m3, m4) {
- var c = m3;
- c = c.replace(/^([ \t]*)/g, ""); // leading whitespace
- c = c.replace(/[ \t]*$/g, ""); // trailing whitespace
- c = _EncodeCode(c);
- c = c.replace(/:\/\//g, "~P"); // to prevent auto-linking. Not necessary in code *blocks*, but in code spans. Will be converted back after the auto-linker runs.
- return m1 + "" + c + "
";
- }
- );
-
- return text;
- }
-
- function _EncodeCode(text) {
- //
- // Encode/escape certain characters inside Markdown code runs.
- // The point is that in code, these characters are literals,
- // and lose their special Markdown meanings.
- //
- // Encode all ampersands; HTML entities are not
- // entities within a Markdown code span.
- text = text.replace(/&/g, "&");
-
- // Do the angle bracket song and dance:
- text = text.replace(//g, ">");
-
- // Now, escape characters that are magic in Markdown:
- text = escapeCharacters(text, "\*_{}[]\\", false);
-
- // jj the line above breaks this:
- //---
-
- //* Item
-
- // 1. Subitem
-
- // special char: *
- //---
-
- return text;
- }
-
- function _DoItalicsAndBold(text) {
-
- // must go first:
- text = text.replace(/([\W_]|^)(\*\*|__)(?=\S)([^\r]*?\S[\*_]*)\2([\W_]|$)/g,
- "$1$3$4");
-
- text = text.replace(/([\W_]|^)(\*|_)(?=\S)([^\r\*_]*?\S)\2([\W_]|$)/g,
- "$1$3$4");
-
- return text;
- }
-
- function _DoBlockQuotes(text) {
-
- /*
- text = text.replace(/
- ( // Wrap whole match in $1
- (
- ^[ \t]*>[ \t]? // '>' at the start of a line
- .+\n // rest of the first line
- (.+\n)* // subsequent consecutive lines
- \n* // blanks
- )+
- )
- /gm, function(){...});
- */
-
- text = text.replace(/((^[ \t]*>[ \t]?.+\n(.+\n)*\n*)+)/gm,
- function (wholeMatch, m1) {
- var bq = m1;
-
- // attacklab: hack around Konqueror 3.5.4 bug:
- // "----------bug".replace(/^-/g,"") == "bug"
-
- bq = bq.replace(/^[ \t]*>[ \t]?/gm, "~0"); // trim one level of quoting
-
- // attacklab: clean up hack
- bq = bq.replace(/~0/g, "");
-
- bq = bq.replace(/^[ \t]+$/gm, ""); // trim whitespace-only lines
- bq = _RunBlockGamut(bq); // recurse
-
- bq = bq.replace(/(^|\n)/g, "$1 ");
- // These leading spaces screw with content, so we need to fix that:
- bq = bq.replace(
- /(\s*
[^\r]+?<\/pre>)/gm,
- function (wholeMatch, m1) {
- var pre = m1;
- // attacklab: hack around Konqueror 3.5.4 bug:
- pre = pre.replace(/^ /mg, "~0");
- pre = pre.replace(/~0/g, "");
- return pre;
- });
-
- return hashBlock("
\n" + bq + "\n
");
- }
- );
- return text;
- }
-
- function _FormParagraphs(text, doNotUnhash) {
- //
- // Params:
- // $text - string to process with html Modal header
- // '+title+'
';
- dialog.appendChild(header);
-
- // The body.
- var body = doc.createElement("div");
- body.className = "modal-body";
- dialog.appendChild(body);
-
- // The footer.
- var footer = doc.createElement("div");
- footer.className = "modal-footer";
- dialog.appendChild(footer);
-
- // The dialog text.
- var question = doc.createElement("p");
- question.innerHTML = text;
- question.style.padding = "5px";
- body.appendChild(question);
-
- // The web form container for the text box and buttons.
- var form = doc.createElement("form"),
- style = form.style;
- form.onsubmit = function () { return close(false); };
- style.padding = "0";
- style.margin = "0";
- body.appendChild(form);
-
- // The input text box
- input = doc.createElement("input");
- input.type = "text";
- input.value = defaultInputText;
- style = input.style;
- style.display = "block";
- style.width = "80%";
- style.marginLeft = style.marginRight = "auto";
- form.appendChild(input);
-
- // The ok button
- var okButton = doc.createElement("button");
- okButton.className = "btn btn-primary";
- okButton.type = "button";
- okButton.onclick = function () { return close(false); };
- okButton.innerHTML = "OK";
-
- // The cancel button
- var cancelButton = doc.createElement("button");
- cancelButton.className = "btn btn-primary";
- cancelButton.type = "button";
- cancelButton.onclick = function () { return close(true); };
- cancelButton.innerHTML = "Cancel";
-
- footer.appendChild(okButton);
- footer.appendChild(cancelButton);
-
- util.addEvent(doc.body, "keydown", checkEscape);
-
- doc.body.appendChild(dialog);
-
- };
-
- // Why is this in a zero-length timeout?
- // Is it working around a browser bug?
- setTimeout(function () {
-
- createDialog();
-
- var defTextLen = defaultInputText.length;
- if (input.selectionStart !== undefined) {
- input.selectionStart = 0;
- input.selectionEnd = defTextLen;
- }
- else if (input.createTextRange) {
- var range = input.createTextRange();
- range.collapse(false);
- range.moveStart("character", -defTextLen);
- range.moveEnd("character", defTextLen);
- range.select();
- }
-
- $(dialog).on('shown', function () {
- input.focus();
- })
-
- $(dialog).on('hidden', function () {
- dialog.parentNode.removeChild(dialog);
- })
-
- $(dialog).modal()
-
- }, 0);
- };
-
- function UIManager(postfix, panels, undoManager, previewManager, commandManager, helpOptions) {
-
- var inputBox = panels.input,
- buttons = {}; // buttons.undo, buttons.link, etc. The actual DOM elements.
-
- makeSpritedButtonRow();
-
- var keyEvent = "keydown";
- if (uaSniffed.isOpera) {
- keyEvent = "keypress";
- }
-
- util.addEvent(inputBox, keyEvent, function (key) {
-
- // Check to see if we have a button key and, if so execute the callback.
- if ((key.ctrlKey || key.metaKey) && !key.altKey && !key.shiftKey) {
-
- var keyCode = key.charCode || key.keyCode;
- var keyCodeStr = String.fromCharCode(keyCode).toLowerCase();
-
- switch (keyCodeStr) {
- case "b":
- doClick(buttons.bold);
- break;
- case "i":
- doClick(buttons.italic);
- break;
- case "l":
- doClick(buttons.link);
- break;
- case "q":
- doClick(buttons.quote);
- break;
- case "k":
- doClick(buttons.code);
- break;
- case "g":
- doClick(buttons.image);
- break;
- case "o":
- doClick(buttons.olist);
- break;
- case "u":
- doClick(buttons.ulist);
- break;
- case "h":
- doClick(buttons.heading);
- break;
- case "r":
- doClick(buttons.hr);
- break;
- case "y":
- doClick(buttons.redo);
- break;
- case "z":
- if (key.shiftKey) {
- doClick(buttons.redo);
- }
- else {
- doClick(buttons.undo);
- }
- break;
- default:
- return;
- }
-
-
- if (key.preventDefault) {
- key.preventDefault();
- }
-
- if (window.event) {
- window.event.returnValue = false;
- }
- }
- });
-
- // Auto-indent on shift-enter
- util.addEvent(inputBox, "keyup", function (key) {
- if (key.shiftKey && !key.ctrlKey && !key.metaKey) {
- var keyCode = key.charCode || key.keyCode;
- // Character 13 is Enter
- if (keyCode === 13) {
- var fakeButton = {};
- fakeButton.textOp = bindCommand("doAutoindent");
- doClick(fakeButton);
- }
- }
- });
-
- // special handler because IE clears the context of the textbox on ESC
- if (uaSniffed.isIE) {
- util.addEvent(inputBox, "keydown", function (key) {
- var code = key.keyCode;
- if (code === 27) {
- return false;
- }
- });
- }
-
-
- // Perform the button's action.
- function doClick(button) {
-
- inputBox.focus();
-
- if (button.textOp) {
-
- if (undoManager) {
- undoManager.setCommandMode();
- }
-
- var state = new TextareaState(panels);
-
- if (!state) {
- return;
- }
-
- var chunks = state.getChunks();
-
- // Some commands launch a "modal" prompt dialog. Javascript
- // can't really make a modal dialog box and the WMD code
- // will continue to execute while the dialog is displayed.
- // This prevents the dialog pattern I'm used to and means
- // I can't do something like this:
- //
- // var link = CreateLinkDialog();
- // makeMarkdownLink(link);
- //
- // Instead of this straightforward method of handling a
- // dialog I have to pass any code which would execute
- // after the dialog is dismissed (e.g. link creation)
- // in a function parameter.
- //
- // Yes this is awkward and I think it sucks, but there's
- // no real workaround. Only the image and link code
- // create dialogs and require the function pointers.
- var fixupInputArea = function () {
-
- inputBox.focus();
-
- if (chunks) {
- state.setChunks(chunks);
- }
-
- state.restore();
- previewManager.refresh();
- };
-
- var noCleanup = button.textOp(chunks, fixupInputArea);
-
- if (!noCleanup) {
- fixupInputArea();
- }
-
- }
-
- if (button.execute) {
- button.execute(undoManager);
- }
- };
-
- function setupButton(button, isEnabled) {
-
- if (isEnabled) {
- button.disabled = false;
-
- if (!button.isHelp) {
- button.onclick = function () {
- if (this.onmouseout) {
- this.onmouseout();
- }
- doClick(this);
- return false;
- }
- }
- }
- else {
- button.disabled = true;
- }
- }
-
- function bindCommand(method) {
- if (typeof method === "string")
- method = commandManager[method];
- return function () { method.apply(commandManager, arguments); }
- }
-
- function makeSpritedButtonRow() {
-
- var buttonBar = panels.buttonBar;
- var buttonRow = document.createElement("div");
- buttonRow.id = "wmd-button-row" + postfix;
- buttonRow.className = 'btn-toolbar';
- buttonRow = buttonBar.appendChild(buttonRow);
-
- var makeButton = function (id, title, icon, textOp, group) {
- var button = document.createElement("button");
- button.className = "btn";
- var buttonImage = document.createElement("i");
- buttonImage.className = icon;
- button.id = id + postfix;
- button.appendChild(buttonImage);
- button.title = title;
- $(button).tooltip({placement: 'bottom'})
- if (textOp)
- button.textOp = textOp;
- setupButton(button, true);
- if (group) {
- group.appendChild(button);
- } else {
- buttonRow.appendChild(button);
- }
- return button;
- };
- var makeGroup = function (num) {
- var group = document.createElement("div");
- group.className = "btn-group wmd-button-group" + num;
- group.id = "wmd-button-group" + num + postfix;
- buttonRow.appendChild(group);
- return group
- }
-
- group1 = makeGroup(1);
- buttons.bold = makeButton("wmd-bold-button", "Bold - Ctrl+B", "fa fa-bold", bindCommand("doBold"), group1);
- buttons.italic = makeButton("wmd-italic-button", "Italic - Ctrl+I", "fa fa-italic", bindCommand("doItalic"), group1);
-
- group2 = makeGroup(2);
- /*
- buttons.link = makeButton("wmd-link-button", "Link - Ctrl+L", "fa fa-link", bindCommand(function (chunk, postProcessing) {
- return this.doLinkOrImage(chunk, postProcessing, false);
- }), group2);
- */
- buttons.quote = makeButton("wmd-quote-button", "Blockquote - Ctrl+Q", "fa fa-quote-left", bindCommand("doBlockquote"), group2);
- buttons.code = makeButton("wmd-code-button", "Code Sample - Ctrl+K", "fa fa-code", bindCommand("doCode"), group2);
- /*
- buttons.image = makeButton("wmd-image-button", "Image - Ctrl+G", "fa fa-picture", bindCommand(function (chunk, postProcessing) {
- return this.doLinkOrImage(chunk, postProcessing, true);
- }), group2);
- */
-
- group3 = makeGroup(3);
- buttons.olist = makeButton("wmd-olist-button", "Numbered List - Ctrl+O", "fa fa-list", bindCommand(function (chunk, postProcessing) {
- this.doList(chunk, postProcessing, true);
- }), group3);
- buttons.ulist = makeButton("wmd-ulist-button", "Bulleted List - Ctrl+U", "fa fa-list-ul", bindCommand(function (chunk, postProcessing) {
- this.doList(chunk, postProcessing, false);
- }), group3);
- buttons.heading = makeButton("wmd-heading-button", "Heading - Ctrl+H", "fa fa-tasks", bindCommand("doHeading"), group3);
- buttons.hr = makeButton("wmd-hr-button", "Horizontal Rule - Ctrl+R", "fa fa-minus", bindCommand("doHorizontalRule"), group3);
-
- group4 = makeGroup(4);
- buttons.undo = makeButton("wmd-undo-button", "Undo - Ctrl+Z", "fa fa-undo", null, group4);
- buttons.undo.execute = function (manager) { if (manager) manager.undo(); };
-
- var redoTitle = /win/.test(nav.platform.toLowerCase()) ?
- "Redo - Ctrl+Y" :
- "Redo - Ctrl+Shift+Z"; // mac and other non-Windows platforms
-
- buttons.redo = makeButton("wmd-redo-button", redoTitle, "fa fa-share", null, group4);
- buttons.redo.execute = function (manager) { if (manager) manager.redo(); };
-
- if (helpOptions) {
- group5 = makeGroup(5);
- group5.className = group5.className + " pull-right";
- var helpButton = document.createElement("button");
- var helpButtonImage = document.createElement("i");
- helpButtonImage.className = "fa fa-question-sign";
- helpButton.appendChild(helpButtonImage);
- helpButton.className = "btn";
- helpButton.id = "wmd-help-button" + postfix;
- helpButton.isHelp = true;
- helpButton.title = helpOptions.title || defaultHelpHoverTitle;
- $(helpButton).tooltip({placement: 'bottom'})
- helpButton.onclick = helpOptions.handler;
-
- setupButton(helpButton, true);
- group5.appendChild(helpButton);
- buttons.help = helpButton;
- }
-
- setUndoRedoButtonStates();
- }
-
- function setUndoRedoButtonStates() {
- if (undoManager) {
- setupButton(buttons.undo, undoManager.canUndo());
- setupButton(buttons.redo, undoManager.canRedo());
- }
- };
-
- this.setUndoRedoButtonStates = setUndoRedoButtonStates;
-
- }
-
- function CommandManager(pluginHooks) {
- this.hooks = pluginHooks;
- }
-
- var commandProto = CommandManager.prototype;
-
- // The markdown symbols - 4 spaces = code, > = blockquote, etc.
- commandProto.prefixes = "(?:\\s{4,}|\\s*>|\\s*-\\s+|\\s*\\d+\\.|=|\\+|-|_|\\*|#|\\s*\\[[^\n]]+\\]:)";
-
- // Remove markdown symbols from the chunk selection.
- commandProto.unwrap = function (chunk) {
- var txt = new re("([^\\n])\\n(?!(\\n|" + this.prefixes + "))", "g");
- chunk.selection = chunk.selection.replace(txt, "$1 $2");
- };
-
- commandProto.wrap = function (chunk, len) {
- this.unwrap(chunk);
- var regex = new re("(.{1," + len + "})( +|$\\n?)", "gm"),
- that = this;
-
- chunk.selection = chunk.selection.replace(regex, function (line, marked) {
- if (new re("^" + that.prefixes, "").test(line)) {
- return line;
- }
- return marked + "\n";
- });
-
- chunk.selection = chunk.selection.replace(/\s+$/, "");
- };
-
- commandProto.doBold = function (chunk, postProcessing) {
- return this.doBorI(chunk, postProcessing, 2, "strong text");
- };
-
- commandProto.doItalic = function (chunk, postProcessing) {
- return this.doBorI(chunk, postProcessing, 1, "emphasized text");
- };
-
- // chunk: The selected region that will be enclosed with */**
- // nStars: 1 for italics, 2 for bold
- // insertText: If you just click the button without highlighting text, this gets inserted
- commandProto.doBorI = function (chunk, postProcessing, nStars, insertText) {
-
- // Get rid of whitespace and fixup newlines.
- chunk.trimWhitespace();
- chunk.selection = chunk.selection.replace(/\n{2,}/g, "\n");
-
- // Look for stars before and after. Is the chunk already marked up?
- // note that these regex matches cannot fail
- var starsBefore = /(\**$)/.exec(chunk.before)[0];
- var starsAfter = /(^\**)/.exec(chunk.after)[0];
-
- var prevStars = Math.min(starsBefore.length, starsAfter.length);
-
- // Remove stars if we have to since the button acts as a toggle.
- if ((prevStars >= nStars) && (prevStars != 2 || nStars != 1)) {
- chunk.before = chunk.before.replace(re("[*]{" + nStars + "}$", ""), "");
- chunk.after = chunk.after.replace(re("^[*]{" + nStars + "}", ""), "");
- }
- else if (!chunk.selection && starsAfter) {
- // It's not really clear why this code is necessary. It just moves
- // some arbitrary stuff around.
- chunk.after = chunk.after.replace(/^([*_]*)/, "");
- chunk.before = chunk.before.replace(/(\s?)$/, "");
- var whitespace = re.$1;
- chunk.before = chunk.before + starsAfter + whitespace;
- }
- else {
-
- // In most cases, if you don't have any selected text and click the button
- // you'll get a selected, marked up region with the default text inserted.
- if (!chunk.selection && !starsAfter) {
- chunk.selection = insertText;
- }
-
- // Add the true markup.
- var markup = nStars <= 1 ? "*" : "**"; // shouldn't the test be = ?
- chunk.before = chunk.before + markup;
- chunk.after = markup + chunk.after;
- }
-
- return;
- };
-
- commandProto.stripLinkDefs = function (text, defsToAdd) {
-
- text = text.replace(/^[ ]{0,3}\[(\d+)\]:[ \t]*\n?[ \t]*(\S+?)>?[ \t]*\n?[ \t]*(?:(\n*)["(](.+?)[")][ \t]*)?(?:\n+|$)/gm,
- function (totalMatch, id, link, newlines, title) {
- defsToAdd[id] = totalMatch.replace(/\s*$/, "");
- if (newlines) {
- // Strip the title and return that separately.
- defsToAdd[id] = totalMatch.replace(/["(](.+?)[")]$/, "");
- return newlines + title;
- }
- return "";
- });
-
- return text;
- };
-
- commandProto.addLinkDef = function (chunk, linkDef) {
-
- var refNumber = 0; // The current reference number
- var defsToAdd = {}; //
- // Start with a clean slate by removing all previous link definitions.
- chunk.before = this.stripLinkDefs(chunk.before, defsToAdd);
- chunk.selection = this.stripLinkDefs(chunk.selection, defsToAdd);
- chunk.after = this.stripLinkDefs(chunk.after, defsToAdd);
-
- var defs = "";
- var regex = /(\[)((?:\[[^\]]*\]|[^\[\]])*)(\][ ]?(?:\n[ ]*)?\[)(\d+)(\])/g;
-
- var addDefNumber = function (def) {
- refNumber++;
- def = def.replace(/^[ ]{0,3}\[(\d+)\]:/, " [" + refNumber + "]:");
- defs += "\n" + def;
- };
-
- // note that
- // a) the recursive call to getLink cannot go infinite, because by definition
- // of regex, inner is always a proper substring of wholeMatch, and
- // b) more than one level of nesting is neither supported by the regex
- // nor making a lot of sense (the only use case for nesting is a linked image)
- var getLink = function (wholeMatch, before, inner, afterInner, id, end) {
- inner = inner.replace(regex, getLink);
- if (defsToAdd[id]) {
- addDefNumber(defsToAdd[id]);
- return before + inner + afterInner + refNumber + end;
- }
- return wholeMatch;
- };
-
- chunk.before = chunk.before.replace(regex, getLink);
-
- if (linkDef) {
- addDefNumber(linkDef);
- }
- else {
- chunk.selection = chunk.selection.replace(regex, getLink);
- }
-
- var refOut = refNumber;
-
- chunk.after = chunk.after.replace(regex, getLink);
-
- if (chunk.after) {
- chunk.after = chunk.after.replace(/\n*$/, "");
- }
- if (!chunk.after) {
- chunk.selection = chunk.selection.replace(/\n*$/, "");
- }
-
- chunk.after += "\n\n" + defs;
-
- return refOut;
- };
-
- // takes the line as entered into the add link/as image dialog and makes
- // sure the URL and the optinal title are "nice".
- function properlyEncoded(linkdef) {
- return linkdef.replace(/^\s*(.*?)(?:\s+"(.+)")?\s*$/, function (wholematch, link, title) {
- link = link.replace(/\?.*$/, function (querypart) {
- return querypart.replace(/\+/g, " "); // in the query string, a plus and a space are identical
- });
- link = decodeURIComponent(link); // unencode first, to prevent double encoding
- link = encodeURI(link).replace(/'/g, '%27').replace(/\(/g, '%28').replace(/\)/g, '%29');
- link = link.replace(/\?.*$/, function (querypart) {
- return querypart.replace(/\+/g, "%2b"); // since we replaced plus with spaces in the query part, all pluses that now appear where originally encoded
- });
- if (title) {
- title = title.trim ? title.trim() : title.replace(/^\s*/, "").replace(/\s*$/, "");
- title = $.trim(title).replace(/"/g, "quot;").replace(/\(/g, "(").replace(/\)/g, ")").replace(//g, ">");
- }
- return title ? link + ' "' + title + '"' : link;
- });
- }
-
- commandProto.doLinkOrImage = function (chunk, postProcessing, isImage) {
-
- chunk.trimWhitespace();
- chunk.findTags(/\s*!?\[/, /\][ ]?(?:\n[ ]*)?(\[.*?\])?/);
- var background;
-
- if (chunk.endTag.length > 1 && chunk.startTag.length > 0) {
-
- chunk.startTag = chunk.startTag.replace(/!?\[/, "");
- chunk.endTag = "";
- this.addLinkDef(chunk, null);
-
- }
- else {
-
- // We're moving start and end tag back into the selection, since (as we're in the else block) we're not
- // *removing* a link, but *adding* one, so whatever findTags() found is now back to being part of the
- // link text. linkEnteredCallback takes care of escaping any brackets.
- chunk.selection = chunk.startTag + chunk.selection + chunk.endTag;
- chunk.startTag = chunk.endTag = "";
-
- if (/\n\n/.test(chunk.selection)) {
- this.addLinkDef(chunk, null);
- return;
- }
- var that = this;
- // The function to be executed when you enter a link and press OK or Cancel.
- // Marks up the link and adds the ref.
- var linkEnteredCallback = function (link) {
-
- if (link !== null) {
- // ( $1
- // [^\\] anything that's not a backslash
- // (?:\\\\)* an even number (this includes zero) of backslashes
- // )
- // (?= followed by
- // [[\]] an opening or closing bracket
- // )
- //
- // In other words, a non-escaped bracket. These have to be escaped now to make sure they
- // don't count as the end of the link or similar.
- // Note that the actual bracket has to be a lookahead, because (in case of to subsequent brackets),
- // the bracket in one match may be the "not a backslash" character in the next match, so it
- // should not be consumed by the first match.
- // The "prepend a space and finally remove it" steps makes sure there is a "not a backslash" at the
- // start of the string, so this also works if the selection begins with a bracket. We cannot solve
- // this by anchoring with ^, because in the case that the selection starts with two brackets, this
- // would mean a zero-width match at the start. Since zero-width matches advance the string position,
- // the first bracket could then not act as the "not a backslash" for the second.
- chunk.selection = (" " + chunk.selection).replace(/([^\\](?:\\\\)*)(?=[[\]])/g, "$1\\").substr(1);
-
- var linkDef = " [999]: " + properlyEncoded(link);
-
- var num = that.addLinkDef(chunk, linkDef);
- chunk.startTag = isImage ? "![" : "[";
- chunk.endTag = "][" + num + "]";
-
- if (!chunk.selection) {
- if (isImage) {
- chunk.selection = "enter image description here";
- }
- else {
- chunk.selection = "enter link description here";
- }
- }
- }
- postProcessing();
- };
-
-
- if (isImage) {
- if (!this.hooks.insertImageDialog(linkEnteredCallback))
- ui.prompt('Insert Image', imageDialogText, imageDefaultText, linkEnteredCallback);
- }
- else {
- ui.prompt('Insert Link', linkDialogText, linkDefaultText, linkEnteredCallback);
- }
- return true;
- }
- };
-
- // When making a list, hitting shift-enter will put your cursor on the next line
- // at the current indent level.
- commandProto.doAutoindent = function (chunk, postProcessing) {
-
- var commandMgr = this,
- fakeSelection = false;
-
- chunk.before = chunk.before.replace(/(\n|^)[ ]{0,3}([*+-]|\d+[.])[ \t]*\n$/, "\n\n");
- chunk.before = chunk.before.replace(/(\n|^)[ ]{0,3}>[ \t]*\n$/, "\n\n");
- chunk.before = chunk.before.replace(/(\n|^)[ \t]+\n$/, "\n\n");
-
- // There's no selection, end the cursor wasn't at the end of the line:
- // The user wants to split the current list item / code line / blockquote line
- // (for the latter it doesn't really matter) in two. Temporarily select the
- // (rest of the) line to achieve this.
- if (!chunk.selection && !/^[ \t]*(?:\n|$)/.test(chunk.after)) {
- chunk.after = chunk.after.replace(/^[^\n]*/, function (wholeMatch) {
- chunk.selection = wholeMatch;
- return "";
- });
- fakeSelection = true;
- }
-
- if (/(\n|^)[ ]{0,3}([*+-]|\d+[.])[ \t]+.*\n$/.test(chunk.before)) {
- if (commandMgr.doList) {
- commandMgr.doList(chunk);
- }
- }
- if (/(\n|^)[ ]{0,3}>[ \t]+.*\n$/.test(chunk.before)) {
- if (commandMgr.doBlockquote) {
- commandMgr.doBlockquote(chunk);
- }
- }
- if (/(\n|^)(\t|[ ]{4,}).*\n$/.test(chunk.before)) {
- if (commandMgr.doCode) {
- commandMgr.doCode(chunk);
- }
- }
-
- if (fakeSelection) {
- chunk.after = chunk.selection + chunk.after;
- chunk.selection = "";
- }
- };
-
- commandProto.doBlockquote = function (chunk, postProcessing) {
-
- chunk.selection = chunk.selection.replace(/^(\n*)([^\r]+?)(\n*)$/,
- function (totalMatch, newlinesBefore, text, newlinesAfter) {
- chunk.before += newlinesBefore;
- chunk.after = newlinesAfter + chunk.after;
- return text;
- });
-
- chunk.before = chunk.before.replace(/(>[ \t]*)$/,
- function (totalMatch, blankLine) {
- chunk.selection = blankLine + chunk.selection;
- return "";
- });
-
- chunk.selection = chunk.selection.replace(/^(\s|>)+$/, "");
- chunk.selection = chunk.selection || "Blockquote";
-
- // The original code uses a regular expression to find out how much of the
- // text *directly before* the selection already was a blockquote:
-
- /*
- if (chunk.before) {
- chunk.before = chunk.before.replace(/\n?$/, "\n");
- }
- chunk.before = chunk.before.replace(/(((\n|^)(\n[ \t]*)*>(.+\n)*.*)+(\n[ \t]*)*$)/,
- function (totalMatch) {
- chunk.startTag = totalMatch;
- return "";
- });
- */
-
- // This comes down to:
- // Go backwards as many lines a possible, such that each line
- // a) starts with ">", or
- // b) is almost empty, except for whitespace, or
- // c) is preceeded by an unbroken chain of non-empty lines
- // leading up to a line that starts with ">" and at least one more character
- // and in addition
- // d) at least one line fulfills a)
- //
- // Since this is essentially a backwards-moving regex, it's susceptible to
- // catstrophic backtracking and can cause the browser to hang;
- // see e.g. http://meta.stackoverflow.com/questions/9807.
- //
- // Hence we replaced this by a simple state machine that just goes through the
- // lines and checks for a), b), and c).
-
- var match = "",
- leftOver = "",
- line;
- if (chunk.before) {
- var lines = chunk.before.replace(/\n$/, "").split("\n");
- var inChain = false;
- for (var i = 0; i < lines.length; i++) {
- var good = false;
- line = lines[i];
- inChain = inChain && line.length > 0; // c) any non-empty line continues the chain
- if (/^>/.test(line)) { // a)
- good = true;
- if (!inChain && line.length > 1) // c) any line that starts with ">" and has at least one more character starts the chain
- inChain = true;
- } else if (/^[ \t]*$/.test(line)) { // b)
- good = true;
- } else {
- good = inChain; // c) the line is not empty and does not start with ">", so it matches if and only if we're in the chain
- }
- if (good) {
- match += line + "\n";
- } else {
- leftOver += match + line;
- match = "\n";
- }
- }
- if (!/(^|\n)>/.test(match)) { // d)
- leftOver += match;
- match = "";
- }
- }
-
- chunk.startTag = match;
- chunk.before = leftOver;
-
- // end of change
-
- if (chunk.after) {
- chunk.after = chunk.after.replace(/^\n?/, "\n");
- }
-
- chunk.after = chunk.after.replace(/^(((\n|^)(\n[ \t]*)*>(.+\n)*.*)+(\n[ \t]*)*)/,
- function (totalMatch) {
- chunk.endTag = totalMatch;
- return "";
- }
- );
-
- var replaceBlanksInTags = function (useBracket) {
-
- var replacement = useBracket ? "> " : "";
-
- if (chunk.startTag) {
- chunk.startTag = chunk.startTag.replace(/\n((>|\s)*)\n$/,
- function (totalMatch, markdown) {
- return "\n" + markdown.replace(/^[ ]{0,3}>?[ \t]*$/gm, replacement) + "\n";
- });
- }
- if (chunk.endTag) {
- chunk.endTag = chunk.endTag.replace(/^\n((>|\s)*)\n/,
- function (totalMatch, markdown) {
- return "\n" + markdown.replace(/^[ ]{0,3}>?[ \t]*$/gm, replacement) + "\n";
- });
- }
- };
-
- if (/^(?![ ]{0,3}>)/m.test(chunk.selection)) {
- this.wrap(chunk, SETTINGS.lineLength - 2);
- chunk.selection = chunk.selection.replace(/^/gm, "> ");
- replaceBlanksInTags(true);
- chunk.skipLines();
- } else {
- chunk.selection = chunk.selection.replace(/^[ ]{0,3}> ?/gm, "");
- this.unwrap(chunk);
- replaceBlanksInTags(false);
-
- if (!/^(\n|^)[ ]{0,3}>/.test(chunk.selection) && chunk.startTag) {
- chunk.startTag = chunk.startTag.replace(/\n{0,2}$/, "\n\n");
- }
-
- if (!/(\n|^)[ ]{0,3}>.*$/.test(chunk.selection) && chunk.endTag) {
- chunk.endTag = chunk.endTag.replace(/^\n{0,2}/, "\n\n");
- }
- }
-
- chunk.selection = this.hooks.postBlockquoteCreation(chunk.selection);
-
- if (!/\n/.test(chunk.selection)) {
- chunk.selection = chunk.selection.replace(/^(> *)/,
- function (wholeMatch, blanks) {
- chunk.startTag += blanks;
- return "";
- });
- }
- };
-
- commandProto.doCode = function (chunk, postProcessing) {
-
- var hasTextBefore = /\S[ ]*$/.test(chunk.before);
- var hasTextAfter = /^[ ]*\S/.test(chunk.after);
-
- // Use 'four space' markdown if the selection is on its own
- // line or is multiline.
- if ((!hasTextAfter && !hasTextBefore) || /\n/.test(chunk.selection)) {
-
- chunk.before = chunk.before.replace(/[ ]{4}$/,
- function (totalMatch) {
- chunk.selection = totalMatch + chunk.selection;
- return "";
- });
-
- var nLinesBack = 1;
- var nLinesForward = 1;
-
- if (/(\n|^)(\t|[ ]{4,}).*\n$/.test(chunk.before)) {
- nLinesBack = 0;
- }
- if (/^\n(\t|[ ]{4,})/.test(chunk.after)) {
- nLinesForward = 0;
- }
-
- chunk.skipLines(nLinesBack, nLinesForward);
-
- if (!chunk.selection) {
- chunk.startTag = " ";
- chunk.selection = "enter code here";
- }
- else {
- if (/^[ ]{0,3}\S/m.test(chunk.selection)) {
- if (/\n/.test(chunk.selection))
- chunk.selection = chunk.selection.replace(/^/gm, " ");
- else // if it's not multiline, do not select the four added spaces; this is more consistent with the doList behavior
- chunk.before += " ";
- }
- else {
- chunk.selection = chunk.selection.replace(/^[ ]{4}/gm, "");
- }
- }
- }
- else {
- // Use backticks (`) to delimit the code block.
-
- chunk.trimWhitespace();
- chunk.findTags(/`/, /`/);
-
- if (!chunk.startTag && !chunk.endTag) {
- chunk.startTag = chunk.endTag = "`";
- if (!chunk.selection) {
- chunk.selection = "enter code here";
- }
- }
- else if (chunk.endTag && !chunk.startTag) {
- chunk.before += chunk.endTag;
- chunk.endTag = "";
- }
- else {
- chunk.startTag = chunk.endTag = "";
- }
- }
- };
-
- commandProto.doList = function (chunk, postProcessing, isNumberedList) {
-
- // These are identical except at the very beginning and end.
- // Should probably use the regex extension function to make this clearer.
- var previousItemsRegex = /(\n|^)(([ ]{0,3}([*+-]|\d+[.])[ \t]+.*)(\n.+|\n{2,}([*+-].*|\d+[.])[ \t]+.*|\n{2,}[ \t]+\S.*)*)\n*$/;
- var nextItemsRegex = /^\n*(([ ]{0,3}([*+-]|\d+[.])[ \t]+.*)(\n.+|\n{2,}([*+-].*|\d+[.])[ \t]+.*|\n{2,}[ \t]+\S.*)*)\n*/;
-
- // The default bullet is a dash but others are possible.
- // This has nothing to do with the particular HTML bullet,
- // it's just a markdown bullet.
- var bullet = "-";
-
- // The number in a numbered list.
- var num = 1;
-
- // Get the item prefix - e.g. " 1. " for a numbered list, " - " for a bulleted list.
- var getItemPrefix = function () {
- var prefix;
- if (isNumberedList) {
- prefix = " " + num + ". ";
- num++;
- }
- else {
- prefix = " " + bullet + " ";
- }
- return prefix;
- };
-
- // Fixes the prefixes of the other list items.
- var getPrefixedItem = function (itemText) {
-
- // The numbering flag is unset when called by autoindent.
- if (isNumberedList === undefined) {
- isNumberedList = /^\s*\d/.test(itemText);
- }
-
- // Renumber/bullet the list element.
- itemText = itemText.replace(/^[ ]{0,3}([*+-]|\d+[.])\s/gm,
- function (_) {
- return getItemPrefix();
- });
-
- return itemText;
- };
-
- chunk.findTags(/(\n|^)*[ ]{0,3}([*+-]|\d+[.])\s+/, null);
-
- if (chunk.before && !/\n$/.test(chunk.before) && !/^\n/.test(chunk.startTag)) {
- chunk.before += chunk.startTag;
- chunk.startTag = "";
- }
-
- if (chunk.startTag) {
-
- var hasDigits = /\d+[.]/.test(chunk.startTag);
- chunk.startTag = "";
- chunk.selection = chunk.selection.replace(/\n[ ]{4}/g, "\n");
- this.unwrap(chunk);
- chunk.skipLines();
-
- if (hasDigits) {
- // Have to renumber the bullet points if this is a numbered list.
- chunk.after = chunk.after.replace(nextItemsRegex, getPrefixedItem);
- }
- if (isNumberedList == hasDigits) {
- return;
- }
- }
-
- var nLinesUp = 1;
-
- chunk.before = chunk.before.replace(previousItemsRegex,
- function (itemText) {
- if (/^\s*([*+-])/.test(itemText)) {
- bullet = re.$1;
- }
- nLinesUp = /[^\n]\n\n[^\n]/.test(itemText) ? 1 : 0;
- return getPrefixedItem(itemText);
- });
-
- if (!chunk.selection) {
- chunk.selection = "List item";
- }
-
- var prefix = getItemPrefix();
-
- var nLinesDown = 1;
-
- chunk.after = chunk.after.replace(nextItemsRegex,
- function (itemText) {
- nLinesDown = /[^\n]\n\n[^\n]/.test(itemText) ? 1 : 0;
- return getPrefixedItem(itemText);
- });
-
- chunk.trimWhitespace(true);
- chunk.skipLines(nLinesUp, nLinesDown, true);
- chunk.startTag = prefix;
- var spaces = prefix.replace(/./g, " ");
- this.wrap(chunk, SETTINGS.lineLength - spaces.length);
- chunk.selection = chunk.selection.replace(/\n/g, "\n" + spaces);
-
- };
-
- commandProto.doHeading = function (chunk, postProcessing) {
-
- // Remove leading/trailing whitespace and reduce internal spaces to single spaces.
- chunk.selection = chunk.selection.replace(/\s+/g, " ");
- chunk.selection = chunk.selection.replace(/(^\s+|\s+$)/g, "");
-
- // If we clicked the button with no selected text, we just
- // make a level 2 hash header around some default text.
- if (!chunk.selection) {
- chunk.startTag = "## ";
- chunk.selection = "Heading";
- chunk.endTag = " ##";
- return;
- }
-
- var headerLevel = 0; // The existing header level of the selected text.
-
- // Remove any existing hash heading markdown and save the header level.
- chunk.findTags(/#+[ ]*/, /[ ]*#+/);
- if (/#+/.test(chunk.startTag)) {
- headerLevel = re.lastMatch.length;
- }
- chunk.startTag = chunk.endTag = "";
-
- // Try to get the current header level by looking for - and = in the line
- // below the selection.
- chunk.findTags(null, /\s?(-+|=+)/);
- if (/=+/.test(chunk.endTag)) {
- headerLevel = 1;
- }
- if (/-+/.test(chunk.endTag)) {
- headerLevel = 2;
- }
-
- // Skip to the next line so we can create the header markdown.
- chunk.startTag = chunk.endTag = "";
- chunk.skipLines(1, 1);
-
- // We make a level 2 header if there is no current header.
- // If there is a header level, we substract one from the header level.
- // If it's already a level 1 header, it's removed.
- var headerLevelToCreate = headerLevel == 0 ? 2 : headerLevel - 1;
-
- if (headerLevelToCreate > 0) {
-
- // The button only creates level 1 and 2 underline headers.
- // Why not have it iterate over hash header levels? Wouldn't that be easier and cleaner?
- var headerChar = headerLevelToCreate >= 2 ? "-" : "=";
- var len = chunk.selection.length;
- if (len > SETTINGS.lineLength) {
- len = SETTINGS.lineLength;
- }
- chunk.endTag = "\n";
- while (len--) {
- chunk.endTag += headerChar;
- }
- }
- };
-
- commandProto.doHorizontalRule = function (chunk, postProcessing) {
- chunk.startTag = "----------\n";
- chunk.selection = "";
- chunk.skipLines(2, 1, true);
- }
-
-
-})();
\ No newline at end of file
diff --git a/static/lib/pagedown/Markdown.Editor.less b/static/lib/pagedown/Markdown.Editor.less
deleted file mode 100755
index e1c0cc4df..000000000
--- a/static/lib/pagedown/Markdown.Editor.less
+++ /dev/null
@@ -1,80 +0,0 @@
-
-.wmd-panel {
- width: 100%;
-}
-
-.wmd-input {
- height: 300px;
- width: 100%;
- box-sizing: border-box;
- -webkit-box-sizing:border-box;
- -moz-box-sizing: border-box;
- -ms-box-sizing: border-box;
-}
-
-.wmd-preview {
- .well;
- width: 100%;
- box-sizing: border-box;
- -webkit-box-sizing:border-box;
- -moz-box-sizing: border-box;
- -ms-box-sizing: border-box;
-}
-
-.wmd-panel .btn-toolbar {
- margin-bottom: 0;
- padding: 0;
- width: 100%;
-}
-
-.icon-link,
-.icon-blockquote,
-.icon-code,
-.icon-bullet-list,
-.icon-list,
-.icon-header,
-.icon-hr-line,
-.icon-undo {
- background-image: url(Markdown.Editor.Icons.png);
-}
-.icon-link { background-position: 0 0; }
-.icon-blockquote { background-position: -24px 0; }
-.icon-code { background-position: -48px 0; }
-.icon-bullet-list { background-position: -72px 0; }
-.icon-list { background-position: -96px 0; }
-.icon-header { background-position: -120px 0; }
-.icon-hr-line { background-position: -144px 0; }
-.icon-undo { background-position: -168px 0; }
-
-
-
-
-
-.wmd-prompt-background
-{
- background-color: Black;
-}
-
-.wmd-prompt-dialog
-{
- border: 1px solid #999999;
- background-color: #F5F5F5;
-}
-
-.wmd-prompt-dialog > div {
- font-size: 0.8em;
- font-family: arial, helvetica, sans-serif;
-}
-
-
-.wmd-prompt-dialog > form > input[type="text"] {
- border: 1px solid #999999;
- color: black;
-}
-
-.wmd-prompt-dialog > form > input[type="button"]{
- border: 1px solid #888888;
- font-family: trebuchet MS, helvetica, sans-serif;
- font-size: 0.8em;
- font-weight: bold;
-}
diff --git a/static/lib/pagedown/Markdown.Sanitizer.js b/static/lib/pagedown/Markdown.Sanitizer.js
deleted file mode 100755
index be0445ab5..000000000
--- a/static/lib/pagedown/Markdown.Sanitizer.js
+++ /dev/null
@@ -1,111 +0,0 @@
-(function () {
- var output, Converter;
- if (typeof exports === "object" && typeof require === "function") { // we're in a CommonJS (e.g. Node.js) module
- output = exports;
- Converter = require("./Markdown.Converter").Converter;
- } else {
- output = window.Markdown;
- Converter = output.Converter;
- }
-
- output.getSanitizingConverter = function () {
- var converter = new Converter();
- converter.hooks.chain("postConversion", sanitizeHtml);
- converter.hooks.chain("postConversion", balanceTags);
- return converter;
- }
-
- function sanitizeHtml(html) {
- return html.replace(/<[^>]*>?/gi, sanitizeTag);
- }
-
- // (tags that can be opened/closed) | (tags that stand alone)
- var basic_tag_whitelist = /^(<\/?(b|blockquote|code|del|dd|dl|dt|em|h1|h2|h3|i|kbd|li|ol|p|s|sup|sub|strong|strike|ul)>|<(br|hr)\s?\/?>)$/i;
- // |
- var a_white = /^(]+")?\s?>|<\/a>)$/i;
-
- // ]*")?(\stitle="[^"<>]*")?\s?\/?>)$/i;
-
- // |
for twitter bootstrap
- var pre_white = /^(|<\/pre>)$/i;
-
- function sanitizeTag(tag) {
- if (tag.match(basic_tag_whitelist) || tag.match(a_white) || tag.match(img_white) || tag.match(pre_white))
- return tag;
- else
- return "";
- }
-
- ///
";
- var match;
- var tagpaired = [];
- var tagremove = [];
- var needsRemoval = false;
-
- // loop through matched tags in forward order
- for (var ctag = 0; ctag < tagcount; ctag++) {
- tagname = tags[ctag].replace(/<\/?(\w+).*/, "$1");
- // skip any already paired tags
- // and skip tags in our ignore list; assume they're self-closed
- if (tagpaired[ctag] || ignoredtags.search("<" + tagname + ">") > -1)
- continue;
-
- tag = tags[ctag];
- match = -1;
-
- if (!/^<\//.test(tag)) {
- // this is an opening tag
- // search forwards (next tags), look for closing tags
- for (var ntag = ctag + 1; ntag < tagcount; ntag++) {
- if (!tagpaired[ntag] && tags[ntag] == "" + tagname + ">") {
- match = ntag;
- break;
- }
- }
- }
-
- if (match == -1)
- needsRemoval = tagremove[ctag] = true; // mark for removal
- else
- tagpaired[match] = true; // mark paired
- }
-
- if (!needsRemoval)
- return html;
-
- // delete all orphaned tags from the string
-
- var ctag = 0;
- html = html.replace(re, function (match) {
- var res = tagremove[ctag] ? "" : match;
- ctag++;
- return res;
- });
- return html;
- }
-})();
diff --git a/static/partials/new-repo.html b/static/partials/new-repo.html
index 6eac7a55e..12763b15e 100644
--- a/static/partials/new-repo.html
+++ b/static/partials/new-repo.html
@@ -63,8 +63,12 @@
-
+
-
+