MediaWiki:Gadget-GrAnnotations.js - Revision history

Chandrashekars at 18:48, 29 April 2026

2026-04-29T18:48:52Z

@@ Line 349: / Line 349: @@
      var author = currentUser
        || ( $cmpName.length ? $cmpName.val().trim() : '' )
-       || 'अतिथि';
+       || 'Guest';
      var id    = uid();
@@ Line 361: / Line 361: @@
      _comments.push( entry );
      persistCommentHighlight( id, quote );
-     saveCommentToWiki( id, author, quote, text, ts );
+     saveCommentToWiki( id, author, quote, text, ts, id );
      notifyByEmail( id, author, quote, text, ts );
@@ Line 369: / Line 369: @@
+   }
-   function saveCommentToWiki( id, author, quote, text, ts ) {
+   function saveCommentToWiki( id, author, quote, text, ts, anchorId ) {
      if ( !window.mw ) return;
      var api = new mw.Api();
@@ Line 394: / Line 394: @@
          summary:'Comment — ' + author,
          bot:0,
        }).catch(function(){});
      }).catch(function(){});
@@ Line 399: / Line 420: @@
    function notifyByEmail( anchorId, author, quote, text, ts ) {
-     var artPath = (window.mw ? mw.config.get('wgArticlePath') : '/wiki/$1') || '/wiki/$1';
+     /* Notification is handled server-side by MediaWiki's Echo extension
-    var anchorLink = window.location.origin
+     * when saveCommentToWiki() edits the Talk page — no client-side
-                   + artPath.replace('$1', pageTitle)
+      * mailto needed. A mailto would abruptly open the user's mail app
-                   + (anchorId ? '#' + anchorId : '');
+     * mid-session which breaks the commenting flow entirely. */
+   }
@@ Line 799: / Line 797: @@
      restoreBookmarkHighlights();
      restoreCommentHighlights();
-     loadComments(function(){
+     loadComments(function(){});  // pre-load comments in background
    });
 }() );

Chandrashekars at 18:34, 29 April 2026

2026-04-29T18:34:48Z

Show changes

Chandrashekars at 18:11, 29 April 2026

2026-04-29T18:11:31Z

Show changes

Chandrashekars at 10:54, 26 April 2026

2026-04-26T10:54:24Z

Show changes

Chandrashekars at 18:58, 25 April 2026

2026-04-25T18:58:45Z

← Older revision		Revision as of 18:58, 25 April 2026
Line 469:		Line 469:
	+ commentText.slice(0,500)		+ commentText.slice(0,500)
	+ ( commentText.length > 500 ? '\n...' : '' )		+ ( commentText.length > 500 ? '\n...' : '' )
	+ '\n\n[[User:Chandrashekars\|Chandrashekars]] ([[User talk:Chandrashekars\|talk]]) 18:31, 25 April 2026 (UTC)';		+ '\n\n[[User:Chandrashekars\|Chandrashekars]] ([[User talk:Chandrashekars\|talk]]) 18:58, 25 April 2026 (UTC)';
	new mw.Api().postWithEditToken({		new mw.Api().postWithEditToken({
	action:'edit', title:'User_talk:' + ADMIN_USER, section:'new',		action:'edit', title:'User_talk:' + ADMIN_USER, section:'new',
Line 677:		Line 677:

	// ── Selection → show FAB ──────────────────────────────────────		// ── Selection → show FAB ──────────────────────────────────────
	// ~~On mouseup: capture~~ the ~~selection and show~~ the ~~FAB strip.~~		// Listen on the content area only, not the whole document,
	// ~~We use mouseup (not click)~~ so the ~~selection is fully made~~.		// so we never accidentally capture selections in the panel/composer.
	$( document ).on('mouseup', function(e){		var $content = $( CONTENT_SEL );
	// ~~Ignore mouseup on FAB/composer — those are handled separately~~		if ( !$content.length ) $content = $( document );
	if ( $(~~e.target~~)~~.closest('#gra-fab, .gra-composer, .gra-bm-composer').length ) return;~~
	~~// Ignore if a composer is already open~~		$content.on('mouseup', function(){
	if ( $cmpComposer.hasClass('gra-composer-visible') \|\|		// Brief delay so browser finalises the selection object
	$bmComposer.hasClass('gra-composer-visible') ) return;		setTimeout( function(){
	~~setTimeout(function(){~~		if ( $cmpComposer.hasClass('gra-composer-visible') \|\|
			$bmComposer.hasClass('gra-composer-visible') ) return;
	if ( captureSelection() ) {		if ( captureSelection() ) {
	showFab( _selRect );		showFab( _selRect );
Line 691:		Line 692:
	hideFab();		hideFab();
	}		}
	}, 10);		}, 50 );
	});		});

	// ── FAB mousedown~~: block~~ selection ~~collapse ───────────────────~~		// ── FAB buttons ──────────────────────────────────────────────
	// ~~Browsers collapse text selection on~~ mousedown~~. preventDefault~~		// preventDefault on mousedown keeps the browser text-selection alive.
	// ~~keeps~~ the ~~selection alive so~~ the click ~~handler can wrap it~~.		// We also stopPropagation so the document mousedown handler below
	$fab.on('mousedown', function(e){		// does NOT fire and hide the FAB before the click registers.
			$( '#gra-fab-comment' ).on('mousedown', function(e){
	e.preventDefault();		e.preventDefault();
	~~});~~

	~~// ── Mousedown outside: hide FAB ───────────────────────────────~~
	~~$( document ).on('mousedown', function(e){~~
	~~var $t = $(e.target);~~
	~~if ( !$t.closest('#gra-fab, .gra-composer, .gra-bm-composer, #gra-toggle, #gra-panel').length ) {~~
	~~hideFab();~~
	}
	~~});~~

	~~// ── FAB: Comment button ───────────────────────────────────────~~
	~~$( '#gra-fab-comment' ).on('click', function(e){~~
	e.stopPropagation();		e.stopPropagation();
			}).on('click', function(){
	openCommentComposer();		openCommentComposer();
	});		});

	~~// ── FAB: Bookmark button ──────────────────────────────────────~~		$( '#gra-fab-bookmark' ).on('mousedown', function(e){
	$( '#gra-fab-bookmark' ).on('~~click~~', function(e){		e.preventDefault();
	e.stopPropagation();		e.stopPropagation();
			}).on('click', function(){
	openBookmarkComposer();		openBookmarkComposer();
			});

			// ── Hide FAB when clicking elsewhere ─────────────────────────
			$( document ).on('mousedown', function(e){
			var $t = $( e.target );
			var inside = $t.closest(
			'#gra-fab, .gra-composer, .gra-bm-composer, #gra-toggle, #gra-panel'
			).length;
			if ( !inside ) hideFab();
	});		});

Chandrashekars at 18:31, 25 April 2026

2026-04-25T18:31:02Z

← Older revision		Revision as of 18:31, 25 April 2026
Line 359:		Line 359:
	function openCommentComposer() {		function openCommentComposer() {
	hideFab();		hideFab();
	~~// Keep selection alive — blur the textarea briefly then refocus~~
	positionComposer( $cmpComposer );		positionComposer( $cmpComposer );
	$cmpComposer.addClass('gra-composer-visible');		$cmpComposer.addClass('gra-composer-visible');
	$~~cmpInput~~.~~val~~(''~~).focus(~~);		// Don't focus the textarea — it's hidden until "Others" chip is selected.
			// Focus the composer container so Escape key works.
			$cmpComposer[0].focus && $cmpComposer[0].setAttribute('tabindex', '-1');
	}		}

Line 468:		Line 469:
	+ commentText.slice(0,500)		+ commentText.slice(0,500)
	+ ( commentText.length > 500 ? '\n...' : '' )		+ ( commentText.length > 500 ? '\n...' : '' )
	+ '\n\n[[User:Chandrashekars\|Chandrashekars]] ([[User talk:Chandrashekars\|talk]]) 18:21, 25 April 2026 (UTC)';		+ '\n\n[[User:Chandrashekars\|Chandrashekars]] ([[User talk:Chandrashekars\|talk]]) 18:31, 25 April 2026 (UTC)';
	new mw.Api().postWithEditToken({		new mw.Api().postWithEditToken({
	action:'edit', title:'User_talk:' + ADMIN_USER, section:'new',		action:'edit', title:'User_talk:' + ADMIN_USER, section:'new',
Line 676:		Line 677:

	// ── Selection → show FAB ──────────────────────────────────────		// ── Selection → show FAB ──────────────────────────────────────
	$( document ).on('mouseup ~~keyup~~', function(e){		// On mouseup: capture the selection and show the FAB strip.
	// ~~Skip if a~~ composer ~~is open~~		// We use mouseup (not click) so the selection is fully made.
	if ( $~~cmpComposer~~.~~hasClass~~('gra-composer-~~visible~~') ) return;		$( document ).on('mouseup', function(e){
	if ( $~~bmComposer~~.hasClass('gra-composer-visible') ~~) return;~~		// Ignore mouseup on FAB/composer — those are handled separately
	~~// Skip mouseup that originated inside the FAB itself~~		if ( $(e.target).closest('#gra-fab, .gra-composer, .gra-bm-composer').length ) return;
	~~if (~~ $(e.~~target).closest~~('#gra-~~fab~~')~~.length~~ ) return;		// Ignore if a composer is already open
	~~// Delay slightly so selection is fully committed by browser~~		if ( $cmpComposer.hasClass('gra-composer-visible') \|\|
			$bmComposer.hasClass('gra-composer-visible') ) return;
	setTimeout(function(){		setTimeout(function(){
	if ( captureSelection() ) {		if ( captureSelection() ) {
	showFab( _selRect );		showFab( _selRect );
	} else {		} else {
	~~// Only hide if a composer isn't open~~		hideFab();
	~~if ( !$cmpComposer.hasClass('gra-composer-visible') &&~~
	~~!$bmComposer.hasClass('gra-composer-visible') ) {~~
	hideFab();
	}
	}		}
	}, 30);		}, 10);
	});		});

	// ── FAB mousedown ~~— prevent browser from collapsing~~ selection ~~────~~		// ── FAB mousedown: block selection collapse ───────────────────
	// Browsers collapse ~~the~~ text selection on mousedown. ~~Calling~~		// Browsers collapse text selection on mousedown. preventDefault
	// ~~preventDefault() on~~ the ~~FAB buttons stops that, keeping _selRange~~		// keeps the selection alive so the click handler can wrap it.
	~~// valid~~ so the ~~subsequent~~ click handler can ~~use~~ it.
	$fab.on('mousedown', function(e){		$fab.on('mousedown', function(e){
	e.preventDefault();		e.preventDefault();
	});		});

	// ── ~~Click~~ outside → hide FAB ~~──────────────────────────────────~~		// ── Mousedown outside: hide FAB ───────────────────────────────
	$( document ).on('mousedown', function(e){		$( document ).on('mousedown', function(e){
	var $t = $(e.target);		var $t = $(e.target);
	if ( !$t.closest('#gra-fab~~').length &&~~		if ( !$t.closest('#gra-fab, .gra-composer, .gra-bm-composer, #gra-toggle, #gra-panel').length ) {
	~~!$t.closest('~~.gra-composer~~').length &&~~
	~~!$t.closest('~~.gra-bm-composer').length ) {
	hideFab();		hideFab();
	}		}
	});		});

	// ── FAB: Comment ~~──────────────────────────────────────────────~~		// ── FAB: Comment button ───────────────────────────────────────
	~~// Use saved _selRange — do NOT call captureSelection() here.~~
	~~// By the time a click fires, mousedown has already collapsed~~
	~~// the browser selection, so getSelection() returns empty.~~
	$( '#gra-fab-comment' ).on('click', function(e){		$( '#gra-fab-comment' ).on('click', function(e){
	~~e.preventDefault();~~
	e.stopPropagation();		e.stopPropagation();
	~~if ( !_selRange ) return;~~
	openCommentComposer();		openCommentComposer();
	});		});

	// ── FAB: Bookmark ~~─────────────────────────────────────────────~~		// ── FAB: Bookmark button ──────────────────────────────────────
	$( '#gra-fab-bookmark' ).on('click', function(e){		$( '#gra-fab-bookmark' ).on('click', function(e){
	~~e.preventDefault();~~
	e.stopPropagation();		e.stopPropagation();
	~~if ( !_selRange ) return;~~
	openBookmarkComposer();		openBookmarkComposer();
	});		});

Chandrashekars at 18:21, 25 April 2026

2026-04-25T18:21:55Z

← Older revision		Revision as of 18:21, 25 April 2026
Line 468:		Line 468:
	+ commentText.slice(0,500)		+ commentText.slice(0,500)
	+ ( commentText.length > 500 ? '\n...' : '' )		+ ( commentText.length > 500 ? '\n...' : '' )
	+ '\n\n[[User:Chandrashekars\|Chandrashekars]] ([[User talk:Chandrashekars\|talk]]) 18:12, 25 April 2026 (UTC)';		+ '\n\n[[User:Chandrashekars\|Chandrashekars]] ([[User talk:Chandrashekars\|talk]]) 18:21, 25 April 2026 (UTC)';
	new mw.Api().postWithEditToken({		new mw.Api().postWithEditToken({
	action:'edit', title:'User_talk:' + ADMIN_USER, section:'new',		action:'edit', title:'User_talk:' + ADMIN_USER, section:'new',
Line 677:		Line 677:
	// ── Selection → show FAB ──────────────────────────────────────		// ── Selection → show FAB ──────────────────────────────────────
	$( document ).on('mouseup keyup', function(e){		$( document ).on('mouseup keyup', function(e){
	// ~~Small delay~~ so selection is committed		// Skip if a composer is open
			if ( $cmpComposer.hasClass('gra-composer-visible') ) return;
			if ( $bmComposer.hasClass('gra-composer-visible') ) return;
			// Skip mouseup that originated inside the FAB itself
			if ( $(e.target).closest('#gra-fab').length ) return;
			// Delay slightly so selection is fully committed by browser
	setTimeout(function(){		setTimeout(function(){
	~~if ( $cmpComposer.hasClass('gra-composer-visible') ) return;~~
	~~if ( $bmComposer.hasClass('gra-composer-visible') ) return;~~
	if ( captureSelection() ) {		if ( captureSelection() ) {
	showFab( _selRect );		showFab( _selRect );
	} else {		} else {
	hideFab();		// Only hide if a composer isn't open
			if ( !$cmpComposer.hasClass('gra-composer-visible') &&
			!$bmComposer.hasClass('gra-composer-visible') ) {
			hideFab();
			}
	}		}
	}, 20);		}, 30);
			});

			// ── FAB mousedown — prevent browser from collapsing selection ────
			// Browsers collapse the text selection on mousedown. Calling
			// preventDefault() on the FAB buttons stops that, keeping _selRange
			// valid so the subsequent click handler can use it.
			$fab.on('mousedown', function(e){
			e.preventDefault();
	});		});

Line 700:		Line 715:

	// ── FAB: Comment ──────────────────────────────────────────────		// ── FAB: Comment ──────────────────────────────────────────────
			// Use saved _selRange — do NOT call captureSelection() here.
			// By the time a click fires, mousedown has already collapsed
			// the browser selection, so getSelection() returns empty.
	$( '#gra-fab-comment' ).on('click', function(e){		$( '#gra-fab-comment' ).on('click', function(e){
	e.preventDefault();		e.preventDefault();
	e.stopPropagation();		e.stopPropagation();
	if ( !~~captureSelection()~~ ) return;		if ( !_selRange ) return;
	openCommentComposer();		openCommentComposer();
	});		});
Line 711:		Line 729:
	e.preventDefault();		e.preventDefault();
	e.stopPropagation();		e.stopPropagation();
	if ( !~~captureSelection()~~ ) return;		if ( !_selRange ) return;
	openBookmarkComposer();		openBookmarkComposer();
	});		});

Chandrashekars at 18:12, 25 April 2026

2026-04-25T18:12:45Z

Show changes

Chandrashekars at 17:47, 25 April 2026

2026-04-25T17:47:50Z

← Older revision		Revision as of 17:47, 25 April 2026
Line 442:		Line 442:
	var pageDisplay = pageTitle.replace( /_/g, ' ' );		var pageDisplay = pageTitle.replace( /_/g, ' ' );
	var subject = '[Grantha] New comment on "' + pageDisplay + '"';		var subject = '[Grantha] New comment on "' + pageDisplay + '"';
	var body = 'A new comment has been posted on ' + pageDisplay + '.		var body = 'A new comment has been posted on ' + pageDisplay + '.\n\n'
			+ 'Posted by : ' + ( currentUser \|\| 'Anonymous' ) + '\n'
	'		+ 'Time : ' + ts + '\n'
	+ 'Posted by : ' + ( currentUser \|\| 'Anonymous' ) + '		+ 'Passage : "' + quote + '"\n\n'
	'		+ 'Comment :\n' + commentText + '\n\n'
	+ 'Time : ' + ts + '		+ '\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n'
	'		+ 'Jump to passage:\n' + anchorLink + '\n\n'
	+ 'Passage : "' + quote + '"		+ 'View all comments:\n'

	'
	+ 'Comment :
	' + commentText + '

	'
	+ '~~──────────────────────────────────~~
	'
	+ 'Jump to passage:
	' + anchorLink + '

	'
	+ 'View all comments:
	'
	+ window.location.origin		+ window.location.origin
	+ ( mw.config.get('wgArticlePath') \|\| '/wiki/$1' )		+ ( mw.config.get('wgArticlePath') \|\| '/wiki/$1' )
	.replace( '$1', 'Talk:' + pageTitle + '/GrComments' )		.replace( '$1', 'Talk:' + pageTitle + '/GrComments' )
	+ '		+ '\n';
	';

	new mw.Api().post({		new mw.Api().post({
Line 481:		Line 466:
	if ( !currentUser ) return;		if ( !currentUser ) return;
	var adminTalk = 'User_talk:' + ADMIN_USER;		var adminTalk = 'User_talk:' + ADMIN_USER;
	var wikimsg = '== New comment on [[' + pageDisplay + ']] ==		var wikimsg = '== New comment on [[' + pageDisplay + ']] ==\n'
	'		+ '; By: ' + ( currentUser \|\| 'Anonymous' ) + '\n'
	+ '; By: ' + ( currentUser \|\| 'Anonymous' ) + '		+ '; Passage: //' + quote + '//\n'
	'		+ '; Link: ' + anchorLink + '\n\n'
	+ '; Passage: //' + quote + '//
	'
	+ '; Link: ' + anchorLink + '

	'
	+ commentText.slice(0,500)		+ commentText.slice(0,500)
	+ ( commentText.length > 500 ? '		+ ( commentText.length > 500 ? '\n…' : '' )
	…' : '' )		+ '\n\n[[User:Chandrashekars\|Chandrashekars]] ([[User talk:Chandrashekars\|talk]]) 17:47, 25 April 2026 (UTC)';
	+ '

	[[User:Chandrashekars\|Chandrashekars]] ([[User talk:Chandrashekars\|talk]]) 17:44, 25 April 2026 (UTC)';
	new mw.Api().postWithEditToken({		new mw.Api().postWithEditToken({
	action:'edit', title:adminTalk, section:'new',		action:'edit', title:adminTalk, section:'new',

Chandrashekars at 17:44, 25 April 2026

2026-04-25T17:44:44Z

← Older revision		Revision as of 17:44, 25 April 2026
Line 495:		Line 495:
	+ '		+ '

	[[User:Chandrashekars\|Chandrashekars]] ([[User talk:Chandrashekars\|talk]]) 10:47, 24 April 2026 (UTC)';		[[User:Chandrashekars\|Chandrashekars]] ([[User talk:Chandrashekars\|talk]]) 17:44, 25 April 2026 (UTC)';
	new mw.Api().postWithEditToken({		new mw.Api().postWithEditToken({
	action:'edit', title:adminTalk, section:'new',		action:'edit', title:adminTalk, section:'new',