ব্যবহারকারী:রবি/common.js: সংশোধিত সংস্করণের মধ্যে পার্থক্য

← পুরনো সম্পাদনা নতুনতর সম্পাদনা →

@@ ৪,৫৬৮ নং লাইন: / ৪,৫৬৮ নং লাইন: @@
 $(document).ready(AJAXPreview.onLoad);
+mw.loader.using('user.options', function codeEditorAssist() {
+	let isEdit = mw.config.exists('wgCodeEditorCurrentLanguage') && (
+		['edit', 'submit'].includes(mw.config.get('wgAction')) ||
+		mw.config.get('wgCanonicalSpecialPageName') === 'GraphSandbox'
+	);
+	let veAvailable = document.documentElement.classList.contains('ve-available');
+	let isAf = mw.config.exists('aceConfig');
+	if (!isEdit && !veAvailable && !isAf) return;
+	let context, curEditor, defSettingsMap = new WeakMap();
+	let getSettings = (editor, isDef) => {
+		let settings = {};
+		let defSettings = !isDef && defSettingsMap.get(editor);
+		Object.entries(editor.getOptions()).forEach(([k, v]) => {
+			if (v === undefined) v = null;
+			if (isDef || v !== defSettings[k] ||
+				k === 'showInvisibles' || k === 'wrap'
+			) {
+				settings[k] = v;
+			}
+		});
+		delete settings.mode;
+		delete settings.readOnly;
+		delete settings.maxLines;
+		delete settings.minLines;
+		delete settings.firstLineNumber;
+		if (isDef) {
+			settings.showInvisibles = false;
+			settings.wrap = 'off';
+		}
+		return settings;
+	};
+	let updateToolbar = () => {
+		if (!context) return;
+		let names = [];
+		if (curEditor.getShowInvisibles() !== context.showInvisibleChars) {
+			names.push('invisibleChars');
+		}
+		if (curEditor.session.getUseWrapMode() !== context.lineWrappingActive) {
+			names.push('lineWrapping');
+		}
+		names.forEach(name => {
+			context.modules.toolbar.$toolbar.find(`.tool[rel="${name}"]`)
+				.data('action').execute(context);
+		});
+	};
+	let saveRemoveHandler = function (e) {
+		this.disabled = true;
+		let value = e.data ? '' : JSON.stringify(getSettings(curEditor));
+		mw.loader.using('mediawiki.api', () => {
+			new mw.Api().postWithEditToken({
+				action: 'globalpreferences',
+				// Removing the option somehow doesn't work, so empty it for now (T207448)
+				change: 'userjs-codeeditorassist-settings=' + value
+			}).always(response => {
+				this.disabled = false;
+				if (!response || response.globalpreferences !== 'success') {
+					mw.notify(
+						e.data
+							? 'Couldn\'t remove settings from your global preferences'
+							: 'Couldn\'t save settings to your global preferences',
+						{ type: 'error' }
+					);
+					return;
+				}
+				mw.user.options.set('userjs-codeeditorassist-settings', value);
+				mw.notify(
+					e.data
+						? 'Removed settings from your global preferences'
+						: 'Saved settings to your global preferences'
+				);
+			});
+		});
+	};
+	let observing;
+	let addButtons = () => {
+		if (observing) return;
+		observing = true;
+		let $buttons = $('<div>').addClass('floatright').append(
+			$('<button>').text('Save').click(saveRemoveHandler),
+			' ',
+			$('<button>').text('Remove').click(true, saveRemoveHandler),
+			' ',
+			$('<button>').text('Reset').click(() => {
+				curEditor.setOptions(defSettingsMap.get(curEditor));
+				$('#ace_settingsmenu').parent().click();
+				curEditor.execCommand('showSettingsMenu');
+			})
+		);
+		new MutationObserver(() => {
+			$buttons.appendTo('#ace_settingsmenu > table > tr:last-child > td');
+			updateToolbar();
+		}).observe(document.body, { childList: true });
+	};
+	let onFocus = (e, editor) => {
+		curEditor = editor;
+	};
+	let initialize = editor => {
+		if (!window.ace) return;
+		if (!(editor instanceof ace.Editor)) {
+			if (context) {
+				editor = context.codeEditor;
+			} else {
+				let el = document.querySelector('.ace_editor');
+				if (!el) return;
+				editor = ace.edit(el);
+			}
+		}
+		if (defSettingsMap.has(editor)) return;
+		curEditor = editor;
+		defSettingsMap.set(editor, getSettings(editor, true));
+		let savedSettings = mw.user.options.get('userjs-codeeditorassist-settings');
+		if (savedSettings) {
+			savedSettings = JSON.parse(savedSettings);
+			editor.setOptions(savedSettings);
+			updateToolbar();
+		}
+		editor.on('focus', onFocus);
+		addButtons();
+	};
+	if (isAf) {
+		$.when($.ready, mw.loader.using('ext.abuseFilter.ace')).then(initialize);
+		return;
+	}
+	if (veAvailable) {
+		mw.hook('ve.loadModules').add(addPlugin => {
+			addPlugin(() => {
+				let setupEditor = ve.ui.MWAceEditorWidget.prototype.setupEditor;
+				ve.ui.MWAceEditorWidget.prototype.setupEditor = function () {
+					setupEditor.apply(this, arguments);
+					initialize(this.editor);
+				};
+			});
+		});
+	}
+	if (!isEdit) return;
+	mw.loader.load('oojs-ui.styles.icons-interactions');
+	let deferred = $.Deferred();
+	mw.hook('codeEditor.configure').add(() => {
+		initialize();
+		if (deferred) deferred.resolve();
+	});
+	mw.hook('wikiEditor.toolbarReady').add($textarea => {
+		context = $textarea.data('wikiEditorContext');
+		deferred.done(() => {
+			deferred = null;
+			$textarea.wikiEditor('addToToolbar', {
+				section: 'main',
+				group: 'codeeditor-style',
+				tools: {
+					settings: {
+						label: 'Open code editor settings',
+						type: 'button',
+						oouiIcon: 'settings',
+						action: {
+							type: 'callback',
+							execute: () => {
+								curEditor.execCommand('showSettingsMenu');
+							}
+						}
+					}
+				}
+			});
+		});
+	});
+});