MediaWiki:Common.js - Revision history

Wikiadmin: Git release 7dd2928f7307

2026-08-10T13:50:39Z

Git release 7dd2928f7307

← Older revision		Revision as of 21:50, 10 August 2026
Line 477:		Line 477:
	ForegroundColorTool.static.group = 'textStyle';		ForegroundColorTool.static.group = 'textStyle';
	ForegroundColorTool.static.icon = 'highlight';		ForegroundColorTool.static.icon = 'highlight';
	ForegroundColorTool.static.title = ~~OO.ui.deferMsg(~~		ForegroundColorTool.static.title = 'Text color';
	~~'visualeditor-foreground-color-tool',~~
	'Text color'
	);
	ForegroundColorTool.static.autoAdd = false;		ForegroundColorTool.static.autoAdd = false;
	ForegroundColorTool.static.supportsPressEvents = true;		ForegroundColorTool.static.supportsPressEvents = true;

Wikiadmin: Add-default-color-reset-to-VisualEditor-palette

2026-08-09T07:58:02Z

Add-default-color-reset-to-VisualEditor-palette

@@ Line 496: / Line 496: @@
 			fragment = fragment.trimLinearSelection();
 			fragment.annotateContent( 'clear', annotationName );
-			fragment.annotateContent(
+			if ( color ) {
-				'set',
+				fragment.annotateContent(
-				new ve.dm.ForegroundColorAnnotation( {
+					'set',
-					type: annotationName,
+					new ve.dm.ForegroundColorAnnotation( {
-					attributes: { color: color }
+						type: annotationName,
-				} )
+						attributes: { color: color }
-			);
+					} )
 			surface.getView().focus();
 		};
@@ Line 534: / Line 536: @@
 					boxShadow: '0 2px 8px rgba(0,0,0,0.15)'
 				} );
 			palette.forEach( function ( color ) {

Wikiadmin: Fix-VisualEditor-foreground-color-annotation

2026-08-09T03:21:30Z

Fix-VisualEditor-foreground-color-annotation

Show changes

Wikiadmin: Fix color tool v4: TransactionBuilder direct span insertion with style

2026-08-01T02:12:09Z

Fix color tool v4: TransactionBuilder direct span insertion with style

Show changes

Wikiadmin: Fix color tool v3: execCommand + styleWithCSS + observer poll + surroundContents fallback

2026-08-01T02:03:59Z

Fix color tool v3: execCommand + styleWithCSS + observer poll + surroundContents fallback

← Older revision		Revision as of 10:03, 1 August 2026
Line 397:		Line 397:

	/* ===== Custom VE Foreground Color Tool =====		/* ===== Custom VE Foreground Color Tool =====
	~~Uses VE's native annotation system (ve~~.dm.~~TextStyleAnnotation) to apply~~		Applies color by wrapping selection in <span style="color:..."> via DOM API,
	~~inline color, which VEForAll can serialize~~ to ~~wikitext on save~~. */		then forces VE surface observer to poll the DOM change into the model. */
	(function () {		(function () {
	function initColorTool() {		function initColorTool() {
	if (typeof ve === 'undefined' \|\| !ve.ui \|\| !ve.ui.Tool ~~\|\| !ve.dm~~ \|\| !OO) {		if (typeof ve === 'undefined' \|\| !ve.ui \|\| !ve.ui.Tool \|\| !OO) {
	setTimeout(initColorTool, 200);		setTimeout(initColorTool, 200);
	return;		return;
Line 423:		Line 423:
	var surface = tool.toolbar.getSurface();		var surface = tool.toolbar.getSurface();
	if (!surface) return;		if (!surface) return;

	if (tool.$popup) { tool.$popup.remove(); tool.$popup = null; return; }		if (tool.$popup) { tool.$popup.remove(); tool.$popup = null; return; }

Line 464:		Line 463:

	ForegroundColorTool.prototype.applyColor = function (surface, color) {		ForegroundColorTool.prototype.applyColor = function (surface, color) {
	var ~~model~~ = surface.getModel();		var surfaceView = surface.getView();
	var selection = ~~model~~.getSelection();		var surfaceModel = surface.getModel();
			var selection = surfaceModel.getSelection();
	var range = selection.getRange();		var range = selection.getRange();
	~~var doc = model.getDocument();~~

	~~// If collapsed selection (cursor only, no text selected), expand to word~~
	if (range.isCollapsed()) {		if (range.isCollapsed()) {
	// ~~Just~~ apply to ~~typing — set a pending annotation~~		// No selection — can't apply color to nothing
	~~var frag = model~~.~~getFragment~~(~~range~~);		surfaceView.focus();
			return;
	}		}

	// ~~Create a text style annotation with color~~		// Method: use execCommand, then force VE observer to sync DOM→model
	var ~~colorAnnotation~~ = ~~new ve~~.dm.~~TextStyleAnnotation~~({		surfaceView.focus();
	~~type:~~ '~~textStyle/text~~',
	~~attributes: { style:~~ '~~color~~: ' ~~+ color + '~~;~~' }~~		// Ensure the browser selection matches the VE selection
	});		var nativeRange = surfaceView.getSurface().$attachedRootNode[0];
			// Apply color via execCommand
			document.execCommand('styleWithCSS', false, true);
			document.execCommand('foreColor', false, color);

			// Force VE to pick up the DOM change
			if (surfaceView.surfaceObserver) {
			surfaceView.surfaceObserver.pollOnce();
			}

			// Also try to trigger a model change event
			try {
			var frag = surfaceModel.getFragment();
			// Touch the fragment to trigger a transaction
			surfaceModel.emit('select', surfaceModel.getSelection());
			} catch (err) {
			console.log('[ColorTool] model sync error:', err);
			}

	// ~~Apply annotation to current~~ selection		// As a fallback, if execCommand didn't work, manually wrap selection
	~~model~~.~~getFragment~~().~~annotateContent~~(~~'set'~~, '~~textStyle/text~~'~~, colorAnnotation~~);		setTimeout(function () {
	~~surface~~.~~getView~~().focus();		var sel = window.getSelection();
			if (sel.rangeCount > 0 && !sel.isCollapsed) {
			// Check if the selection already has color applied
			var parent = sel.anchorNode.parentElement;
			if (!parent \|\| parent.style.color !== color) {
			// execCommand failed, try manual wrap
			try {
			var r = sel.getRangeAt(0);
			var span = document.createElement('span');
			span.style.color = color;
			r.surroundContents(span);
			if (surfaceView.surfaceObserver) {
			surfaceView.surfaceObserver.pollOnce();
			}
			} catch (e) {
			console.log('[ColorTool] surroundContents failed:', e);
			}
			}
			}
			surfaceView.focus();
			}, 50);
	};		};

Line 489:		Line 525:

	ve.ui.toolFactory.register(ForegroundColorTool);		ve.ui.toolFactory.register(ForegroundColorTool);
			console.log('[VEForAll] Foreground color tool registered');
	}		}

Wikiadmin: Fix color tool: use VE dm.TextStyleAnnotation instead of execCommand for persistence

2026-08-01T01:55:09Z

Fix color tool: use VE dm.TextStyleAnnotation instead of execCommand for persistence

Show changes

Wikiadmin: Enable foreground color tool: set onUpdateState to always enable (prevents VE default of disabling when no selection)

2026-08-01T01:46:34Z

Enable foreground color tool: set onUpdateState to always enable (prevents VE default of disabling when no selection)

← Older revision		Revision as of 09:46, 1 August 2026
Line 501:		Line 501:
	};		};

	ForegroundColorTool.prototype.onUpdateState = function () {};		ForegroundColorTool.prototype.onUpdateState = function () { this.setDisabled(false); };

	ve.ui.toolFactory.register(ForegroundColorTool);		ve.ui.toolFactory.register(ForegroundColorTool);

Wikiadmin: Add custom VE foreground color tool for VEForAll toolbar

2026-07-31T17:37:25Z

Add custom VE foreground color tool for VEForAll toolbar

← Older revision		Revision as of 01:37, 1 August 2026
Line 395:		Line 395:
	} );		} );
	}() );		}() );


			/* ===== Custom VE Foreground Color Tool =====
			Registers a 'foreground' tool in VisualEditor's tool factory.
			VEForAll's toolbar config references 'foreground' in text-style include.
			This tool shows a color palette popup and applies the selected color
			to the currently selected text in the VE surface. */
			(function () {
			function initColorTool() {
			if (typeof ve === 'undefined' \|\| !ve.ui \|\| !ve.ui.Tool \|\| !OO) {
			setTimeout(initColorTool, 200);
			return;
			}

			// Skip if already registered
			if (ve.ui.toolFactory.lookup('foreground')) return;

			function ForegroundColorTool() {
			ForegroundColorTool.super.apply(this, arguments);
			this.$popup = null;
			}
			OO.inheritClass(ForegroundColorTool, ve.ui.Tool);
			ForegroundColorTool.static.name = 'foreground';
			ForegroundColorTool.static.group = 'textStyle';
			ForegroundColorTool.static.icon = 'highlight';
			ForegroundColorTool.static.title = OO.ui.deferMsg('visualeditor-foreground-color-tool', 'Text color');
			ForegroundColorTool.static.autoAdd = false;
			ForegroundColorTool.static.supportsPressEvents = true;

			ForegroundColorTool.prototype.onSelect = function () {
			var tool = this;
			var surface = tool.toolbar.getSurface();
			if (!surface) return;

			// Remove existing popup
			if (tool.$popup) { tool.$popup.remove(); tool.$popup = null; return; }

			var colors = [
			'#000000', '#666666', '#999999', '#cccccc', '#ffffff',
			'#e74c3c', '#e67e22', '#f1c40f', '#2ecc71', '#3498db',
			'#9b59b6', '#e84393', '#34B0B0', '#0984e3', '#00b894'
			];

			var $popup = $('<div>').css({
			position: 'absolute',
			background: '#fff',
			border: '1px solid #ccc',
			borderRadius: '6px',
			padding: '8px',
			display: 'grid',
			gridTemplateColumns: 'repeat(5, 1fr)',
			gap: '4px',
			zIndex: 10000,
			boxShadow: '0 2px 8px rgba(0,0,0,0.15)'
			});

			colors.forEach(function (color) {
			$('<div>').css({
			width: '22px',
			height: '22px',
			background: color,
			cursor: 'pointer',
			border: '1px solid #ddd',
			borderRadius: '3px'
			}).on('mousedown', function (e) {
			e.preventDefault();
			// Ensure surface has focus
			var surfaceView = surface.getView();
			if (surfaceView) surfaceView.focus();
			// Apply color via execCommand on the contentEditable
			document.execCommand('foreColor', false, color);
			// Also try VE native annotation if available
			try {
			var fragment = surface.getModel().getFragment();
			var view = surface.getView();
			if (view && view.$attachedRootNode) {
			// Force VE to pick up the DOM change
			surface.getModel().emit('select', surface.getModel().getSelection());
			}
			} catch (err) {}
			$popup.remove();
			tool.$popup = null;
			}).appendTo($popup);
			});

			// Position below the button
			var offset = tool.$element.offset();
			$popup.css({
			top: offset.top + tool.$element.outerHeight() + 4,
			left: offset.left
			});

			$('body').append($popup);
			tool.$popup = $popup;

			// Close on outside click
			setTimeout(function () {
			$(document).one('mousedown', function (e) {
			if (!$(e.target).closest($popup).length) {
			$popup.remove();
			tool.$popup = null;
			}
			});
			}, 50);
			};

			ForegroundColorTool.prototype.onUpdateState = function () {};

			ve.ui.toolFactory.register(ForegroundColorTool);
			console.log('[VEForAll] Foreground color tool registered');
			}

			// Try immediately, then poll
			initColorTool();
			// Also try when VE modules load
			if (typeof mw !== 'undefined' && mw.loader) {
			mw.loader.using(['ext.veforall.target']).done(initColorTool).fail(function(){ setTimeout(initColorTool, 500); });
			}
			})();

Wikiadmin: Git release b4adf72d71e2

2026-07-30T21:52:19Z

Git release b4adf72d71e2

@@ Line 112: / Line 112: @@
 		} );
 		window.addEventListener( 'pagehide', stopTimer );
+	}
@@ Line 325: / Line 390: @@
 		window.requestAnimationFrame( function () {
 			setupHomeCarousel();
 			setupSingleActiveToc();
 		} );
 	} );
 }() );

Wikiadmin: Git release 76669c0710f1

2026-07-26T10:49:47Z

Git release 76669c0710f1

← Older revision		Revision as of 18:49, 26 July 2026
Line 33:		Line 33:
	var interval = parseInt( carousel.dataset.interval, 10 );		var interval = parseInt( carousel.dataset.interval, 10 );
	if ( !Number.isFinite( interval ) \|\| interval < 1000 ) {		if ( !Number.isFinite( interval ) \|\| interval < 1000 ) {
	interval = ~~2000~~;		interval = 4000;
	}		}