Content deleted Content added
return early |
now supports VE widgets and GraphSandbox |
||
Line 1:
let isEdit = mw.config.
['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');
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 updateButtons = () => {
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().trigger('click');
curEditor.execCommand('showSettingsMenu');
})
);
new MutationObserver(() => {
$buttons.appendTo('#ace_settingsmenu > table > tr:last-child > td');
updateButtons();
}).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);
updateButtons();
}
editor.on('focus', onFocus);
addButtons();
};
if (isAf) {
$.when($.ready, mw.loader.using('ext.abuseFilter.ace')).then(initialize);
return;
}
mw.hook('codeEditor.configure').add(initialize);
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.hook('wikiEditor.toolbarReady').add($textarea => {
context = $textarea.data('wikiEditorContext');
mw.loader.using('oojs-ui.styles.icons-interactions', () => {
$textarea.wikiEditor('addToToolbar', {
section: 'main',
group: 'codeeditor-style',
tools: {
label: 'Open code editor settings',
type: 'button',
Line 18 ⟶ 149:
type: 'callback',
execute: () => {
}
}
Line 24 ⟶ 155:
}
});
});
});
});
| |||