User:EnterpriseyBot/reply-link-dev.js

// function loadReplyLink( $, mw ) { var TIMESTAMP_REGEX = /\(UTC(?:(?:−|\+)\d+?(?:\.\d+)?)?\)\S*?$/m; var SIGNATURE = "" + ""; // split up because it might get processed

/**    * This dictionary is some global state that holds three pieces of     * information for each "(reply)" link (keyed by their unique IDs): *    *  - the indentation string for the comment (e.g. ":*::") * - the header tuple for the parent section, in the form of     *    [level, text, number], where: *     - level is 1 for a h1, 2 for a h2, etc *     - text is the text between the equal signs *     - number is the zero-based index of the heading from the top * - sigIdx, or the zero-based index of the signature from the top *   of the section *    * This dictionary is populated in attachLinks, and unpacked in the * click handler for the links (defined in attachLinkAfterNode); the * values are then passed to doReply. */   var metadata = {};

/**    * This global string flag is: *    *  - "AfD" if the current page is an AfD page * - "MfD" if the current page is an MfD page * - "TfD" if the current page is a TfD log page * - "CfD" if the current page is a CfD log page * - "FfD" if the current page is a FfD log page * - "" otherwise *    * This flag is initialized in onReady and used in attachLinkAfterNode */   var xfdType;

/**    * The current page name, including namespace, because we may be reading it     * a lot (especially in findUsernameInElem if we're on someone's user     * talk page) */   var currentPageName;

/**    * A map for signatures that contain redirects, so that they can still * pass the sanity check. This will be updated manually, because I    * don't want the overhead of a whole 'nother API call in the middle * of the reply process. If this map grows too much, though, I'll    * consider switching to either a toolforge-hosted API or the * Wikipedia API. Used in doReply, for the username sanity check. */   var sigRedirectMapping = { "Salvidrim": "Salvidrim!" };

/**    * This function converts any (index-able) iterable into a list. */   function iterableToList( nl ) { var arr = new Array( nl.length ); for(var i=-1,l=nl.length;++i!==l;arr[i]=nl[i]); return arr; }

/**    * When there's a panel being shown, this function sets the status * in the panel to the first argument. The callback function is    * optional. */   function setStatus ( status, callback ) { var statusElement = $( "#reply-dialog-status" ); statusElement.fadeOut( function {            statusElement.html( status ).fadeIn( callback );        } ); }

/**    * Finds and returns the div that is the immediate parent of the * first talk page header on the page, so that we can read all the * sections by iterating through its child nodes. */   function findMainContentEl {

// The element itself will be the text span in the h2; its // parent will be the h2; and the parent of the h2 is the // content container that we want return document.querySelector( "span.mw-headline" ) .parentElement .parentElement; }

/**    * Given some wikitext, processes it to get just the text content. * This function should be identical to the MediaWiki function * that gets the wikitext between the equal signs and comes up    * with the id's that anchor the headers. */   function wikitextToTextContent( wikitext ) { return wikitext.replace( /\[\[:?(?:[^\|]+?\|)?([^\]\|]+?)\]\]/g, "$1" ) .replace( /\{\{\s*tl\s*\|\s*(.+?)\s*\}\}/g, "" ) .replace( /('''?)(.+?)\1/g, "$2" ) .replace( /(.*?)<\/span>/g, "$1" ); }

/**    * Given an Element object, attempt to recover a username from it. * Also will check up to two elements prior to the passed element. * Returns null if no username was found. */   function findUsernameInElem( el ) { if( !el ) return null; var links; for( let i = 0; i < 3; i++ ) { links = el.tagName.toLowerCase === "a" ? [ el ] : el.querySelectorAll( "a" );

// Compatibility with "Comments in Local Time" if( el.className.indexOf( "localcomments" ) >= 0 ) i--;

// If we couldn't get any links, try again with prev elem if( !links ) continue;

var link; // his name isn't zelda for( var j = 0; j < links.length; j++ ) { link = links[j];

if( link.className.indexOf( "mw-selflink" ) >= 0 ) { return currentPageName.replace( "User_talk:", "" ) .replace( /_/g, " " ); }

// Also matches redlinks. Why people have redlinks in their sigs on               // purpose, I may never know. var usernameMatch = /^\/(?:wiki\/(?:User(?:_talk)?:|Special:Contributions\/)(.+?)(?:\/.+?)?(?:#.+)?|w\/index\.php\?title=User(?:_talk)?:(.+?)&action=edit&redlink=1)?$/ .exec( link.getAttribute( "href" ) ); if( usernameMatch ) { return decodeURIComponent( usernameMatch[1] ? usernameMatch[1]                       : usernameMatch[2] ).replace( /_/g, " " ); }           }

// Go backwards one element and try again el = el.previousElementSibling; }       return null; }

/**    * Given some wikitext that's split into sections, return the full * wikitext (including header and newlines until the next header) * of the section with the given (zero-based) index. To get the content * before the first header, sectionIdx should be -1 and sectionName * should be null. *    * Performs a sanity check with the given section name. */   function getSectionWikitext( dirtyWikitext, sectionIdx, sectionName ) { var HEADER_RE = /^\s*==(=*)\s*(.+?)\s*\1==\s*$/gm;

//console.log("In getSectionWikitext, sectionIdx = " + sectionIdx + ", sectionName = >" + sectionName + "<"); //console.log("wikitext (first 1000 chars) is " + dirtyWikitext.substring(0, 1000));

// Parsing pitfall: we shouldn't recognize headers inside code // blocks, or collapse blocks, because MW doesn't either // So, replace both sorts of blocks with special keys var DELIMS_RE = / [\s\S]+?<\/pre>/g; var replacements = {}; // maps keys to blocks var delimsMatch; var wikitext = dirtyWikitext; var key; do { delimsMatch = DELIMS_RE.exec( dirtyWikitext ); if( delimsMatch ) { if( HEADER_RE.test( delimsMatch[0] ) ) { key = "%!%!%!" + ( Object.keys( replacements ).length ) + "!%!%!%"; wikitext = wikitext.replace( delimsMatch[0], key ); replacements[key] = delimsMatch[0]; }           }        } while( delimsMatch );

var startIdx = -1; // wikitext index of section start var endIdx = -1; // wikitext index of section end

var headerCounter = 0; var headerMatch;

// The section before the first heading starts at idx 0 if( sectionIdx === -1 ) { startIdx = 0; }

do { headerMatch = HEADER_RE.exec( wikitext ); if( headerMatch ) { console.log("Header " + headerCounter + " (idx " + headerMatch.index + "): >" + headerMatch[0].trim + "<"); if( headerCounter === sectionIdx ) { var sanitizedWktxtSectionName = wikitextToTextContent( headerMatch[2] );

// MediaWiki turns spaces before certain punctuation marks // into non-breaking spaces, so fix those. This is done by                   // the armorFrenchSpaces function in Mediawiki, in the file // /includes/parser/Sanitizer.php sectionName = sectionName.replace( /\xA0([?:;!%»›])/g, " $1" );

if( sanitizedWktxtSectionName !== sectionName ) { throw( "Sanity check on header name failed! Found \"" +                               sanitizedWktxtSectionName + "\", expected \"" +                                sectionName + "\" (wikitext vs DOM)" ); }                   startIdx = headerMatch.index; } else if( headerCounter - 1 === sectionIdx ) { endIdx = headerMatch.index; break; }           }            headerCounter++; } while( headerMatch );

// If we encountered no section after the target section, // then the target was the last one and the slice will go       // until the end of wikitext if( endIdx < 0 ) { console.log("[getSectionWikitext] endIdx negative, setting to " + wikitext.length); endIdx = wikitext.length; }

//console.log("[getSectionWikitext] Slicing from " + startIdx + " to " + endIdx); var cleanSlice = wikitext.slice( startIdx, endIdx );

// Now, inflate the blocks (if any) that we removed earlier var slice = cleanSlice; var KEY_RE = /%\!%\!%\!(\d+)\!%\!%\!%/g; var keyMatch; do { keyMatch = KEY_RE.exec( cleanSlice ); if( keyMatch ) { slice = slice.replace( keyMatch[0], replacements[ keyMatch[0] ] ); }       } while( keyMatch ); return slice; }

/**    * Converts a signature index to a string index into the given * section wikitext. For example, if sigIdx is 1, then this function * will return the index in sectionWikitext pointing to right * after the second signature appearing in sectionWikitext. *    * Returns -1 if we couldn't find anything. */   function sigIdxToStrIdx( sectionWikitext, sigIdx ) { console.log( "In sigIdxToStrIdx, sigIdx = " + sigIdx ); //var SIG_REGEX_ALT = /(?:\[\[\s*(?:[Uu]ser|Special:Contributions\/).*\]\].*?\d\d:\d\d,\s\d{1,2}\s\w+?\s\d\d\d\d\s\(UTC\)|class\s*=\s*"autosigned".+?\(UTC\)<\/small>)/gm; //console.log( "In sigIdxToStrIdx, sectionWikitext = >>>" + sectionWikitext + "<<<" );

// There are certain regions that we skip while attaching links: //       //  - Spans with the class delsort-notice // - Divs with the class xfd-relist // - Some others //       // So, we grab the corresponding wikitext regions with regexes, // and store each region's start index in spanStartIndices, // and each region's length in spanLengths. Then, whenever // we find a signature with the right index, we check if it's       // included in one of these regions before we return it. var spanStartIndices = []; var spanLengths = []; var DELSORT_SPAN_RE_TXT = /(?: .+?<\/small>|.)+?<\/small>/.source; var XFD_RELIST_RE_TXT = /(\s*|)*/.source; var SKIP_REGION_RE = new RegExp("(" + DELSORT_SPAN_RE_TXT + ")|(" + XFD_RELIST_RE_TXT + ")", "g"); var skipRegionMatch; do { skipRegionMatch = SKIP_REGION_RE.exec( sectionWikitext ); if( skipRegionMatch ) { spanStartIndices.push( skipRegionMatch.index ); spanLengths.push( skipRegionMatch[0].length ); }       } while( skipRegionMatch ); console.log(spanStartIndices,spanLengths);

/*        * I apologize for making you have to read this regex. * I made a summary, though: *        *  - a wikilink, without a ]] inside it         *  - some text, without a link to userspace or user talk space * - a timestamp * - as an alternative to all of the above, an autosigned script *   and a timestamp * - some comments/whitespace or some non-whitespace * - finally, the end of the line */       var SIG_REGEX = /(?:\[\[\s*(([Uu]ser(\s+talk)?|Special:Contributions\/)([^\]]||\](?!\]))*?)\]\]\)?([^\[]|\[(?!\[)|\[\[(?!User(\s+talk)?:))*?\d\d:\d\d,\s\d{1,2}\s\w+?\s\d\d\d\d\s\(UTC\)|class\s*=\s*"autosigned".+?\(UTC\)<\/small>)(([ \t\f]|)*(?!\S)|\S+([ \t\f]|)*)?$/gm;        var matchIdx = 0;        var match;        var matchIdxEnd;        var dstSpnIdx;

// `this_is_true` is to avoid triggering a JS linter rule var this_is_true = true; sigMatchLoop: for(this_is_true ; matchIdx++ ) { match = SIG_REGEX.exec( sectionWikitext ); if( !match ) { console.log("[sigIdxToStrIdx] out of matches"); return -1; }           console.log( "sig match (matchIdx = " + matchIdx + ") is >" + match[0] + "< (index = " + match.index + ")" );

matchIdxEnd = match.index + match[0].length;

// Validate that we're not inside a delsort span for( dstSpnIdx = 0; dstSpnIdx < spanStartIndices.length; dstSpnIdx++ ) { //console.log(spanStartIndices[dstSpnIdx],match.index,               //    matchIdxEnd, spanStartIndices[dstSpnIdx] +                //        spanLengths[dstSpnIdx] ); if( ( match.index > spanStartIndices[dstSpnIdx] && ( matchIdxEnd <= spanStartIndices[dstSpnIdx] +                       spanLengths[dstSpnIdx] ) ) ) {

// That wasn't really a match (as in, this match does not                   // correspond to any sig idx in the DOM), so we can't                    // increment matchIdx matchIdx--;

continue sigMatchLoop; }           }

if( matchIdx === sigIdx ) { return match.index + match[0].length; }       }    }

/**    * Inserts fullReply on the next sensible line after strIdx in     * sectionWikitext. indentLvl is the indentation level of the * comment we're replying to. *    * This function essentially takes the indentation level and * position of the current comment, and looks for the first comment * that's indented strictly less than the current one. Then, it    * puts the reply on the line right before that comment, and returns * the modified section wikitext. */   function insertTextAfterIdx( sectionWikitext, strIdx, indentLvl, fullReply ) { //console.log( "[insertTextAfterIdx] indentLvl = " + indentLvl );

// strIdx should point to the end of a line var counter = 0; while( ( sectionWikitext[ strIdx ] !== "\n" ) && ( counter++ <= 50 ) ) strIdx++;

var slicedSecWikitext = sectionWikitext.slice( strIdx ); console.log("slicedSecWikitext = >>" + slicedSecWikitext.slice(0,50) + "<<"); slicedSecWikitext = slicedSecWikitext.replace( /^\n/, "" ); var candidateLines = slicedSecWikitext.split( "\n" ); //console.log( "candidateLines =", candidateLines ); var replyLine = 0; // line number in sectionWikitext after reply var INDENT_RE = /^[:\*#]+/; if( slicedSecWikitext.trim.length > 0 ) { var currIndentation, currIndentationLvl, i;

// Now, loop through all the comments replying to that // one and place our reply after the last one for( i = 0; i < candidateLines.length; i++ ) { if( candidateLines[i].trim === "" ) { continue; }

// Detect indentation level of current line currIndentation = INDENT_RE.exec( candidateLines[i] ); currIndentationLvl = currIndentation ? currIndentation[0].length : 0; console.log(">" + candidateLines[i] + "< => " + currIndentationLvl);

if( currIndentationLvl <= indentLvl ) {

// If it's an XfD, we might have found a relist // comment instead, so check for that if( xfdType && /<div class="xfd_relist"/.test( candidateLines[i] ) ) {

// Our reply might go on the line above the xfd_relist line var potentialReplyLine = i;

// Walk through the relist notice, line by line // After this loop, i will point to the line on which // the notice ends var NEW_COMMENTS_RE = /Please add new comments below this line/; while( !NEW_COMMENTS_RE.test( candidateLines[i] ) ) { i++; }

// Relists are treated as if they're indented at level 1 if( 1 <= indentLvl ) { replyLine = potentialReplyLine; break; }                   } else { break; }               }            }            if( i === candidateLines.length ) { replyLine = i;           } } else {

// In this case, we may be replying to the last comment in a section replyLine = candidateLines.length; }

// Walk backwards until non-empty line while( replyLine >= 1 && candidateLines[replyLine - 1].trim === "" ) replyLine--;

console.log( "replyLine = " + replyLine );

// Splice into slicedSecWikitext slicedSecWikitext = candidateLines .slice( 0, replyLine ) .concat( [ fullReply ], candidateLines.slice( replyLine ) ) .join( "\n" );

// Remove extra newlines if( /\n\n\n+$/.test( slicedSecWikitext ) ) { slicedSecWikitext = slicedSecWikitext.trim + "\n\n"; }

// We may need an additional newline if the two slices don't have any var optionalNewline = ( !sectionWikitext.slice( 0, strIdx ).endsWith( "\n" ) &&                   !slicedSecWikitext.startsWith( "\n" ) ) ? "\n" : "";

// Splice into sectionWikitext sectionWikitext = sectionWikitext.slice( 0, strIdx ) + optionalNewline + slicedSecWikitext;

return sectionWikitext; }

/**    * Using the text in #reply-dialog-field, add a reply to the * current page. rplyToXfdNom is true if we're replying to an XfD nom, * in which case we should use an asterisk instead of a colon. * cmtAuthorDom is the username of the person who wrote the comment * we're replying to, parsed from the DOM. */   function doReply( indentation, header, sigIdx, cmtAuthorDom, rplyToXfdNom ) { var wikitext;

// Change UI to make it clear we're performing an operation document.getElementById( "reply-dialog-field" ).style["background-image"] = "url(" + window.replyLinkPendingImageUrl + ")"; document.querySelector( "#reply-link-buttons button" ).disabled = true; setStatus( "Loading..." );

// Send request to fetch current page wikitext $.getJSON(           mw.util.wikiScript( "api" ),            {                format: "json",                action: "query",                prop: "revisions",                rvprop: "content",                rvlimit: 1,                titles: mw.config.get( "wgPageName" )            }        ).done( function ( data ) {            try {

// Extract wikitext from API response var pageId = Object.keys(data.query.pages)[0]; wikitext = data.query.pages[pageId].revisions[0]["*"];

// Generate reply in wikitext form var reply = document.getElementById( "reply-dialog-field" ).value.trim;

// Add a signature if one isn't already there if( !reply.endsWith( SIGNATURE ) ) { reply += " " + ( window.replyLinkSigPrefix ? window.replyLinkSigPrefix : "" ) + SIGNATURE; }

// Compose reply by adding indentation at the beginning of               // each line (if not replying to an XfD nom) or 's                // between lines (if replying to an XfD nom) var replyLines = reply.split( "\n" ); var fullReply; if( rplyToXfdNom ) { fullReply = indentation + "* " + replyLines.join( "" ); } else { fullReply = replyLines.map( function ( line ) {                       return indentation + ":" + line;                    } ).join( "\n" ); }

// Prepare section metadata for getSectionWikitext call console.log( "in doReply, header =", header ); var sectionHeader, sectionIdx; if( header === null ) { sectionHeader = null, sectionIdx = -1; } else { sectionHeader = header[1], sectionIdx = header[2]; }

// Compatibility with User:Bility/copySectionLink if( document.querySelector( "span.mw-headline a#sectiontitlecopy0" ) ) {

// If copySectionLink is active, the paragraph symbol at                   // the end is a fake sectionHeader = sectionHeader.replace( /\s*¶$/, "" ); }

// Compatibility with the "auto-number headings" preference if( document.querySelector( "span.mw-headline-number" ) ) { sectionHeader = sectionHeader.replace( /^\d+ /, "" ); }

var sectionWikitext = getSectionWikitext( wikitext, sectionIdx, sectionHeader ); var oldSectionWikitext = sectionWikitext; // We'll String.replace old w/ new

// Now, obtain the index of the end of the comment var strIdx = sigIdxToStrIdx( sectionWikitext, sigIdx );

// Check for a non-negative strIdx if( strIdx < 0 ) { throw( "Negative strIdx (signature not found in wikitext)" ); }

// Determine the user who wrote the comment, for // edit-summary and sanity-check purposes var userRgx = /\[\[\s*[Uu][Ss][Ee][Rr](?:(?:\s+|_)[Tt][Aa][Ll][Kk])?\s*:\s*(.+?)(?:\/.+?)?(?:#.+?)?(?:\|.+?)?\]\]/g; var userMatches = sectionWikitext.slice( 0, strIdx ) .match( userRgx ); var cmtAuthorWktxt = userRgx.exec(                       userMatches[userMatches.length - 1] )[1];

// Normalize case, because that's what happens during // wikitext-to-HTML processing cmtAuthorWktxt = cmtAuthorWktxt.charAt( 0 ).toUpperCase + cmtAuthorWktxt.substr( 1 ); cmtAuthorDom = cmtAuthorDom.charAt( 0 ).toUpperCase + cmtAuthorDom.substr( 1 );

// Sanity check: is the sig username the same as the DOM one? // We attempt to check sigRedirectMapping in case the naive // check fails if( cmtAuthorWktxt !== cmtAuthorDom &&                       sigRedirectMapping[ cmtAuthorWktxt ] !== cmtAuthorDom ) { throw( "Sanity check on sig username failed! Found " +                       cmtAuthorWktxt + " but expected " + cmtAuthorDom +                        " (wikitext vs DOM)" ); }

// Actually insert our reply into the section wikitext sectionWikitext = insertTextAfterIdx( sectionWikitext, strIdx,                       indentation.length, fullReply );

// If the user preferences indicate a dry run, print what the // wikitext would have been post-edit and bail out if( window.replyLinkDryRun ) { console.log( " DRY RUN CONCLUDED " ); console.log( sectionWikitext ); setStatus( "Check the console for the dry-run results." ); return; }

var newWikitext = wikitext.replace( oldSectionWikitext,                       sectionWikitext );

// Build summary var summary = "/* " + sectionHeader + " */ Replying to " + ( rplyToXfdNom ? xfdType + " nomination by " : "" ) + cmtAuthorWktxt + " (reply-link)";

// Send another request, this time to actually edit the // page ( new mw.Api ).postWithToken( "csrf", {                   action: "edit",                    title: mw.config.get( "wgPageName" ),                    summary: summary,                    text: newWikitext                } ).done ( function ( data ) {

// We put this function on the window object because we                   // give the user a "reload" link, and it'll trigger the function window.replyLinkReload = function { window.location.hash = sectionHeader.replace( / /g, "_" ); window.location.reload( true ); };                   if ( data && data.edit && data.edit.result && data.edit.result == "Success" ) {

// User can now navigate away from the page safely window.onbeforeunload = null;

var reloadHtml = window.replyLinkAutoReload ? "automatically reloading" : "Reload"; setStatus( "Reply saved! (" + reloadHtml + ")" ); if( window.replyLinkAutoReload ) { window.replyLinkReload; }                   } else { if( data && data.edit && data.edit.spamblacklist ) { setStatus( "Error! Your post contained a link on the spam blacklist. Remove the link(s) to: " +                                data.edit.spamblacklist.split( "|" ).join( ", " ) + " to allow saving." ); document.querySelector( "#reply-link-buttons button" ).disabled = false; } else { setStatus( "While saving, the edit query returned an error." +                               " Check the browser console for more information." ); }                   }                    console.log(data); document.getElementById( "reply-dialog-field" ).style["background-image"] = ""; } ).fail ( function( code, result ) { setStatus( "While replying, the edit failed." ); console.log(code); console.log(result); } );           } catch ( e ) {                setStatus( "There was an error while replying! Please leave a note at " + "the script's talk page" + " with any errors in the browser console, if possible." );               if( e.message ) {                    console.log( "Content request error: " + JSON.stringify( e.message ) );                }                throw e;            }        } ).fail( function  {            setStatus( "While getting the wikitext, there was an AJAX error." );       } );    }

/**    * Adds a "(reply)" link after the provided text node, giving it     * the provided element id. anyIndentation is true if there's any * indentation (i.e. indentation string is not the empty string) */   function attachLinkAfterNode( node, preferredId, anyIndentation ) {

// Choose a parent node - walk up tree until we're under a dd, li, // p, or div. This walk is a bit unsafe, but this function should // only get called in a place where the walk will succeed. var parent = node; do { parent = parent.parentNode; } while( !( /^(p|dd|li|div)$/.test( parent.tagName.toLowerCase ) ) );

// Determine whether we're replying to an XfD nom var rplyToXfdNom = false; if( xfdType === "AfD" || xfdType === "MfD" ) {

// If the comment is non-indented, we are replying to a nom rplyToXfdNom = !anyIndentation; } else if( xfdType === "TfD" || xfdType === "FfD" ) {

// If the sibling before the previous sibling of this node // is a h4, then this is a nom rplyToXfdNom = parent.previousElementSibling && parent.previousElementSibling.previousElementSibling && parent.previousElementSibling.previousElementSibling.nodeType === 1 && parent.previousElementSibling.previousElementSibling.tagName.toLowerCase === "h4"; } else if( xfdType === "CfD" ) {

// If our grandparent is a dl and our grandparent's previous // sibling is a h4, then this is a nom rplyToXfdNom = parent.parentNode.tagName.toLowerCase === "dl" && parent.parentNode.previousElementSibling.nodeType === 1 && parent.parentNode.previousElementSibling.tagName.toLowerCase === "h4"; }

// Choose link label: if we're replying to an XfD, customize it       var linkLabel = "reply" + ( rplyToXfdNom ? " to " + xfdType : "" );

// Construct new link var newLinkWrapper = document.createElement( "span" ); newLinkWrapper.className = "reply-link-wrapper"; var newLink = document.createElement( "a" ); newLink.href = "#"; newLink.id = preferredId; newLink.dataset.originalLabel = linkLabel; newLink.appendChild( document.createTextNode( linkLabel ) ); newLink.addEventListener( "click", function ( evt ) {

// Remove previous panel var prevPanel = document.getElementById( "reply-dialog-panel" ); if( prevPanel ) { window.onbeforeunload = null; prevPanel.remove; }

// Reset previous cancel links var cancelLinks = iterableToList( document.querySelectorAll( ".reply-link-wrapper a" ) ); cancelLinks.forEach( function ( el ) {               if( el != newLink ) el.textContent = el.dataset.originalLabel;            } );

// Handle disable action if( newLink.textContent === linkLabel ) {

// Disable this link newLink.textContent = "cancel " + linkLabel; } else {

// We've already cancelled the reply newLink.textContent = linkLabel; evt.preventDefault; return false; }

// Figure out the username of the author // of the comment we're replying to           var sigNode = newLinkWrapper.previousSibling; var possUserLinkElem = ( sigNode.nodeType === 1 &&               sigNode.tagName.toLowerCase === "small" ) ? sigNode.children[sigNode.children.length-1] : sigNode.previousElementSibling; var cmtAuthor = findUsernameInElem( possUserLinkElem );

// Create panel var panelEl = document.createElement( "div" ); panelEl.style = "padding: 1em; margin-left: 1.6em;" + " max-width: 1200px; width: 66%; margin-top: 0.5em;"; panelEl.id = "reply-dialog-panel"; panelEl.innerHTML = " " + " " +               " "; mw.util.addCSS( "#reply-link-preview:empty { display: none; }" ); parent.insertBefore( panelEl, newLinkWrapper.nextSibling ); var replyDialogField = document.getElementById( "reply-dialog-field" ); replyDialogField.style = "padding: 0.625em; min-height: 10em; margin-bottom: 0.75em;"; if( window.replyLinkPreloadPing === "always" &&                   cmtAuthor &&                    cmtAuthor !== mw.config.get( "wgUserName" ) &&                    !/(\d+.){3}\d+/.test( cmtAuthor ) ) { replyDialogField.value = window.replyLinkPreloadPingTpl.replace( "##", cmtAuthor ); }

/* Commented out because I could never get it to work // Autofill with a recommendation if we're replying to a nom if( rplyToXfdNom ) { replyDialogField.value = "Comment";

// Highlight the "Comment" part so the user can change it               var range = document.createRange; range.selectNodeContents( replyDialogField ); //range.setStart( replyDialogField, 3 ); // start of "Comment" //range.setEnd( replyDialogField, 10 ); // end of "Comment" var sel = window.getSelection; sel.removeAllRanges; sel.addRange( range ); }*/

// Fetch metadata about this specific comment var ourMetadata = metadata[this.id];

// Event listener for the text area document.getElementById( "reply-dialog-field" ) .addEventListener( "input", function {

// If the user has started a reply, ask for a                   // confirmation before closing if( this.value && !window.onbeforeunload ) { window.onbeforeunload = function ( e ) { var txt = "You've started a reply but haven't posted it"; e.returnValue = txt; return txt; };                   } else if( !this.value && window.onbeforeunload ) { window.onbeforeunload = null; }               } ); // End event listener for the text area

// Event listener for the "Reply" button document.getElementById( "reply-dialog-button" ) .addEventListener( "click", function {

// ourMetadata contains data in the format: // [indentation, header, sigIdx, cmtAuthor] doReply( ourMetadata[0], ourMetadata[1], ourMetadata[2],                       cmtAuthor, rplyToXfdNom ); } ); // End event listener for the "Reply" button

// Event listener for the "Preview" button document.getElementById( "reply-link-preview-button" ) .addEventListener( "click", function {                    var sanitizedCode = document.getElementById( "reply-dialog-field" ).value                            .replace( /&/g, "%26" );                    $.post( "https://en.wikipedia.org/api/rest_v1/transform/wikitext/to/html", "wikitext=" + sanitizedCode + "&body_only=true", function ( html ) { document.getElementById( "reply-link-preview" ).innerHTML = html; } );               } );

if( window.replyLinkPreloadPing === "button" ) { document.getElementById( "reply-link-ping-button" ) .addEventListener( "click", function {                        replyDialogField.value = window.replyLinkPreloadPingTpl                            .replace( "##", cmtAuthor ) + replyDialogField.value;                    } ); }

// Event listener for the "Cancel" button document.getElementById( "reply-link-cancel-button" ) .addEventListener( "click", function {                    newLink.textContent = linkLabel;                    panelEl.remove;                    window.onbeforeunload = null;                } );

// Cancel default event handler evt.preventDefault; return false; } ); // End event listener for the "(reply)" link       newLinkWrapper.appendChild( document.createTextNode( " (" ) ); newLinkWrapper.appendChild( newLink ); newLinkWrapper.appendChild( document.createTextNode( ")" ) );

// Insert new link into DOM parent.insertBefore( newLinkWrapper, node.nextSibling ); }

/**    * Uses attachLinkAfterTextNode to add a reply link after every * timestamp on the page. */   function attachLinks  { var mainContent = findMainContentEl; var contentEls = mainContent.children;

// Loop until we get a header var headerIndex = 0; for( headerIndex = 0; headerIndex < contentEls.length; headerIndex++ ) { if( contentEls[ headerIndex ].tagName.toLowerCase.startsWith( "h" ) ) break; }

// If we didn't find any headers at all, that's a problem and we       // should bail if( headerIndex === contentEls.length ) { console.error( "Hit end of loop!" ); return; }

// We also should include the first header if( headerIndex > 0 ) { headerIndex--; }

// Each element is a 2-element list of [level, node] var parseStack = iterableToList( contentEls ).slice( headerIndex ); parseStack.reverse; parseStack = parseStack.map( function ( el ) { return [ "", el ]; } );

// Main parse loop var node; var currIndentation; // A string of symbols, like ":*::" var newIndentSymbol; var stackEl; // current element from the parse stack var idNum = 0; // used to make id's for the links var linkId = ""; // will be the element id for this link while( parseStack.length ) { stackEl = parseStack.pop; node = stackEl[1]; currIndentation = stackEl[0];

// Compatibility with "Comments in Local Time" var isLocalCommentsSpan = node.nodeType === 1 && "span" === node.tagName.toLowerCase && node.className.indexOf( "localcomments" ) >= 0;

// Small nodes are okay, unless they're delsort notices var isOkSmallNode = node.nodeType === 1 && "small" === node.tagName.toLowerCase && node.className.indexOf( "delsort-notice" ) < 0;

if( ( node.nodeType === 3 ) ||                   isOkSmallNode ||                    isLocalCommentsSpan )  {

// If the current node has a timestamp, attach a link to it               // Also, no links after timestamps, because it's just like // having normal text afterwards, which is rejected (because               // that means someone put a timestamp in the middle of a                // paragraph) if( TIMESTAMP_REGEX.test( node.textContent.trim ) &&                       node.previousSibling &&                        ( !node.nextElementSibling || node.nextElementSibling.tagName.toLowerCase !== "a" ) ) { linkId = "reply-link-" + idNum; attachLinkAfterNode( node, linkId, !!currIndentation ); idNum++;

// Update global metadata dictionary metadata[linkId] = currIndentation; }           } else if( /^(p|dl|dd|ul|li|span|ol)$/.test( node.tagName.toLowerCase ) ) { switch( node.tagName.toLowerCase ) { case "dl": newIndentSymbol = ":"; break; case "ul": newIndentSymbol = "*"; break; case "ol": newIndentSymbol = "#"; break; default: newIndentSymbol = ""; break; }

var childNodes = node.childNodes; for( let i = 0, numNodes = childNodes.length; i < numNodes; i++ ) { parseStack.push( [ currIndentation + newIndentSymbol,                       childNodes[i] ] ); }           }        }

// This loop adds two entries in the metadata dictionary: // the header data, and the sigIdx values var sigIdxEls = iterableToList( mainContent.querySelectorAll( "h2,h3,h4,h5,h6,span.reply-link-wrapper a" ) ); var currSigIdx = 0, j, numSigIdxEls, currHeaderEl, currHeaderData; var headerIdx = 0; // index of the current header var headerLvl = 0; // level of the current header for( j = 0, numSigIdxEls = sigIdxEls.length; j < numSigIdxEls; j++ ) { var headerTagNameMatch = /h(\d+)/.exec(                sigIdxEls[j].tagName.toLowerCase ); if( headerTagNameMatch ) { currHeaderEl = sigIdxEls[j];

// Test to make sure we're not in the table of contents if( currHeaderEl.parentNode.className === "toctitle" ) { continue; }

// Reset signature counter currSigIdx = 0;

// Dig down one level for the header text because // MW buries the text in a span inside the header var headlineEl = null; if( currHeaderEl.childNodes[0].className &&                   currHeaderEl.childNodes[0].className.indexOf( "mw-headline" ) >= 0 ) { headlineEl = currHeaderEl.childNodes[0]; } else { for( var i = 0; i < currHeaderEl.childNodes.length; i++ ) { if( currHeaderEl.childNodes[i].className &&                               currHeaderEl.childNodes[i].className                                .indexOf( "mw-headline" ) >= 0 ) { headlineEl = currHeaderEl.childNodes[i]; break; }                   }                }

var headerName = null; if( headlineEl ) { headerName = headlineEl.textContent; }

if( headerName === null ) { console.error( currHeaderEl ); throw "Couldn't parse a header element!"; }

headerLvl = headerTagNameMatch[1]; currHeaderData = [ headerLvl, headerName, headerIdx ]; headerIdx++; } else {

// Save all the metadata for this link currIndentation = metadata[ sigIdxEls[j].id ]; metadata[ sigIdxEls[j].id ] = [ currIndentation, currHeaderData ? currHeaderData.slice(0) : null, currSigIdx ]; currSigIdx++; }       }        //console.log(metadata); }

function onReady {

// Exit if history page or edit page if( mw.config.get( "wgAction" ) === "history" ) return; if( document.getElementById( "editform" ) ) return;

// Initialize the xfdType global variable, which must happen // before the call to attachLinks currentPageName = mw.config.get( "wgPageName" ); xfdType = ""; if( mw.config.get( "wgNamespaceNumber" ) === 4) { if( currentPageName.startsWith( "Wikipedia:Articles_for_deletion/" ) ) { xfdType = "AfD"; } else if( currentPageName.startsWith( "Wikipedia:Miscellany_for_deletion/" ) ) { xfdType = "MfD"; } else if( currentPageName.startsWith( "Wikipedia:Templates_for_discussion/Log/" ) ) { xfdType = "TfD"; } else if( currentPageName.startsWith( "Wikipedia:Categories_for_discussion/Log/" ) ) { xfdType = "CfD"; } else if( currentPageName.startsWith( "Wikipedia:Files_for_discussion/" ) ) { xfdType = "FfD"; }       }

// Default value for some preferences if( window.replyLinkAutoReload === undefined ) { window.replyLinkAutoReload = true; }

if( window.replyLinkPreloadPing === undefined ) { window.replyLinkPreloadPing = "always"; }

if( window.replyLinkPreloadPingTpl === undefined ) { window.replyLinkPreloadPingTpl = ", "; }

// Insert "reply" links into DOM attachLinks;

// This large string creats the "pending" texture window.replyLinkPendingImageUrl = "data:image/gif;base64,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"; }

var currNamespace = mw.config.get( "wgNamespaceNumber" ); if ( currNamespace % 2 === 1 || currNamespace === 4 ) { mw.loader.load( "mediawiki.ui.input", "text/css" ); mw.loader.using( [ "mediawiki.util", "mediawiki.api" ] ).then( function {            mw.hook( "wikipage.content" ).add( onReady );        } ); }

// Return functions for testing return { "iterableToList": iterableToList, "sigIdxToStrIdx": sigIdxToStrIdx, "insertTextAfterIdx": insertTextAfterIdx, "wikitextToTextContent": wikitextToTextContent }; }

// Export functions for testing if( typeof module === typeof {} ) { module.exports = { "loadReplyLink": loadReplyLink }; }

// If we're in the right environment, load the script if( ( typeof jQuery !== "undefined" ) &&       ( typeof mediaWiki !== "undefined" ) ) { loadReplyLink( jQuery, mediaWiki ); } //