User:EnterpriseyBot/reply-link-dev.js
//<nowiki>
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, "{{$1}}" )
.replace( /('''?)(.+?)\1/g, "$2" )
.replace( /<span.*?>(.*?)<\/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)?:(.+?))?$/
.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 = /<pre>[\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 class="delsort-notice">(?:<small>.+?<\/small>|.)+?<\/small>/.source;
var XFD_RELIST_RE_TXT = /<div class="xfd_relist"[\s\S]+?<\/div>(\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 {{pb}}'s
// between lines (if replying to an XfD nom)
var replyLines = reply.split( "\n" );
var fullReply;
if( rplyToXfdNom ) {
fullReply = indentation + "* " + replyLines.join( "{{pb}}" );
} 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 + " ([[User:Enterprisey/reply-link|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"
: "<a href='javascript:window.replyLinkReload()' class='reply-link-reload'>Reload</a>";
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 <a href=" +
"\"https://en.wikipedia.org/wiki/Wikipedia:Spam_blacklist\"" +
">spam blacklist</a>. 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 " +
"<a href='https://en.wikipedia.org/wiki/User_talk:Enterprisey/reply-link'>the script's talk page</a>" +
" 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 = "<textarea id='reply-dialog-field' class='mw-ui-input' placeholder='Reply here!'></textarea>" +
"<table style='border-collapse:collapse'><tr><td id='reply-link-buttons' style='width: " +
( window.replyLinkPreloadPing === "button" ? "325" : "255" ) + "px'>" +
"<button id='reply-dialog-button' class='mw-ui-button mw-ui-progressive'>Reply</button> " +
"<button id='reply-link-preview-button' class='mw-ui-button'>Preview</button>" +
( window.replyLinkPreloadPing === "button" ?
" <button id='reply-link-ping-button' class='mw-ui-button'>Ping</button>" : "" ) +
"<button id='reply-link-cancel-button' class='mw-ui-button mw-ui-quiet mw-ui-destructive'>Cancel</button></td>" +
"<td id='reply-dialog-status'></span><div style='clear:left'></td></tr></table>" +
"<div id='reply-link-preview' colspan='2' style='border: thin dashed gray; padding: 0.5em; margin-top: 0.5em'></div>";
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 = "{{u|##}}, ";
}
// 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 );
}
//</nowiki>
Content Disclaimer
Informasi ini disarikan dari Wikipedia dan disajikan kembali untuk tujuan edukasi. Konten tersedia di bawah lisensi CC BY-SA 3.0. Kami tidak bertanggung jawab atas ketidakakuratan data yang bersumber dari kontribusi publik tersebut.
- The information displayed on this website is sourced in part or in whole from Wikipedia and has been adapted for the purpose of restating it. We strive to provide accurate and relevant information, however:
- There is no guarantee of absolute accuracy. Wikipedia is an open, collaborative project that can be edited by anyone, so information is subject to change.
- It is not intended to constitute professional advice. The content displayed is for informational and educational purposes only. For important decisions (e.g., medical, legal, or financial), please consult a professional.
- Content copyright. Wikipedia is licensed under the Creative Commons Attribution-ShareAlike License (CC BY-SA). This means that content may be reused with appropriate attribution and shared under a similar license.
- Responsible use. Any risk arising from the use of information from this website is entirely the responsibility of the user.