User:TheresNoTime/linkThings.js

 /**
 * linkThings - a script to let you alt + click on
 * [[wiki links]] and {{template links}} in the CodeMirror
 * and visual source editor
 *
 * @version 1.4.0
 * @license https://opensource.org/licenses/MIT MIT
 * @author https://github.com/TheresNoGit/linkThings/graphs/contributors
 * @link https://github.com/TheresNoGit/linkThings
 */
 /* global ,ドル mw, ve */
 /*jshint esversion: 6 */

 // Configure
 letversion="1.4.0";

 // Init
 $(function(){
 mw.loader.using(["mediawiki.Title"],setup);
 });

 /**
  * Gets the URL of the page, irrespective of the wiki this is on.
  * @param {string} page The page to get the URL of.
  */
 functiongetUrl(page=""){
 returnnewURL(
 mw.config.get("wgArticlePath").replace(/\1ドル/g,page),
 window.location.href
 ).toString();
 }

 /**
  * Set up the event listener
  * 
  * @returns bool
  */
 functionsetup(){
 // Wait for VE Source to load
 mw.hook('ve.activationComplete').add(function(){
 if($(".ve-ui-surface").length){
 // Get VE object
 varsurface=ve.init.target.getSurface();
 // Only run in source mode
 if(surface.getMode()==='source'){
 // Set up event listener for an alt + click
 $('.ve-ui-surface').on('click',function(event){
 if(event.altKey){
 $(".cm-mw-pagename").each((i,e)=>{
 // Click "raycasting" in order to detect the click even if the VE
 // elemnent is overhead.
 if(isClickAboveElement(e,event)){
 if(parseLink(e)){
 returntrue;
 }else{
 // Assume the user alt + clicked on something they thought would work, and give error
 console.error(`linkThings v${version}: Clicked element was not detected as a page or template link`);
 returnfalse;
 }
 }
 });
 }
 });
 console.info(`linkThings v${version}: Initialized OK, using ${getUrl()} in VE mode`);
 }else{
 console.debug(`linkThings v${version}: VE is not in source mode`);
 }
 }else{
 console.error(`linkThings v${version}: Could not initialize script - ve-ui-surface element not found?`);
 returnfalse;
 }
 });

 // Wait for CodeMirror to load
 mw.hook('ext.CodeMirror.switch').add(function(enabled,cm){
 if($(".CodeMirror").length&&enabled){
 // Set up event listener for an alt + click
 CodeMirror.on(cm[0],"mousedown",function(event){
 if(event.altKey){
 if(parseLink(event.target)){
 returntrue;
 }else{
 // Assume the user alt + clicked on something they thought would work, and give error
 console.error(`linkThings v${version}: Clicked element was not detected as a page or template link`);
 returnfalse;
 }
 }
 });
 console.info(`linkThings v${version}: Initialized OK, using ${getUrl()} in CodeMirror mode`);
 }else{
 console.error(`linkThings v${version}: Could not initialize script - CodeMirror element not found?`);
 returnfalse;
 }
 });
 }

 /**
  * Parse a ctrl clicked *anything* (CodeMirror)
  * 
  * @param {HTMLElement} element Clicked HTML element
  * @returns bool
  */
 functionparseLink(element){
 // Check if this is a page/template link
 if(!element.classList.contains("cm-mw-pagename")){
 // Neither a template link nor a page link
 returnfalse;
 }elseif(
 element.classList.contains("cm-mw-template-name")
 ||element.classList.contains("cm-mw-link-pagename")
 ){
 // Get the page link
 constpage=newmw.Title(
 element.innerHTML,
 element.classList.contains("cm-mw-template-name")?//
 mw.config.get("wgNamespaceIds")["template"]:undefined
 );
 consturl=getUrl(page.getPrefixedDb());
 console.debug(`linkThings v${version}: opening ${url}`);
 openInTab(url);
 returntrue;
 }
 }

 /**
  * Check if a click was above an element.
  * 
  * @param {HTMLElement} element The element to check for
  * @param {MouseEvent} event The event to check against
  * @returns {boolean} Whether or not the click was above the element or not
  */
 functionisClickAboveElement(element,event){
 const$e=$(element),$w=$(window);
 const{clientY:cTop,clientX:cLeft}=event;
 const{top:eTop,left:eLeft}=$e.offset();
 consteHeight=$e.height(),eWidth=$e.width();
 constscrollTop=$w.scrollTop(),scrollLeft=$w.scrollLeft();

 return(
 // Within bounds, top
 eTop-scrollTop<=cTop&&eTop-scrollTop+eHeight>=cTop&&
 // Within bounds, left
 eLeft-scrollLeft<=cLeft&&eLeft-scrollLeft+eWidth>=cLeft
 );
 }

 /**
  * Opens a URL in a new tab
  * 
  * @param {string} url URL to open
  * @returns bool
  */
 functionopenInTab(url){
 varnewTab=window.open(url,'_blank');
 if(newTab){
 newTab.focus();
 returntrue;
 }else{
 console.error(`linkThings v${version}: Browser did not open new tab. Check settings?`);
 alert('Please ensure popups are enabled for this site');
 returnfalse;
 }
 }