User:Fotis A./FastEdit.js
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
// ' +
'
';
await this.$nextTick();
if (this.$refs.diffOutput) {
mw.hook('wikipage.diff').fire($(this.$refs.diffOutput));
}
this.setupDiffUndo();
}
this.reviewStale = false;
this.reviewLoadedOnce = true;
} catch (e) {
this.reviewError = 'Error generating diff.';
}
this.reviewLoading = false;
},
setupDiffUndo() {
const diffEl = this.$refs.diffOutput;
if (!diffEl) {
return;
}
const $diff = $(diffEl);
const $rows = $diff.find('table.diff > tbody > tr');
if (!$rows.length) {
return;
}
const offset = this.diffLineOffset;
const normalize = (text) => (text === '\u00A0' ? '' : text);
let lineIdx = null;
const contentRows = [];
$rows.each((_, row) => {
const $row = $(row);
const $lineNoCell = $row.children('.diff-lineno').last();
if ($lineNoCell.length) {
const num = $lineNoCell.text().replace(/\D/g, '');
if (num) {
lineIdx = Number(num) - 1 - offset;
}
return;
}
if (lineIdx === null) {
return;
}
const hasAdded = $row.children('.diff-addedline').length > 0;
const hasDeleted = $row.children('.diff-deletedline').length > 0;
const hasContext = $row.children('.diff-context').length > 0;
if (!hasAdded && !hasDeleted && !hasContext) {
return;
}
if (hasAdded || hasDeleted) {
$row.data('FastEdit-line-idx', lineIdx);
contentRows.push($row);
}
const isUndone = $row.hasClass('FastEdit-diffundo-undone');
const isPresentNow = hasContext
? true
: (isUndone ? hasDeleted : hasAdded);
if (isPresentNow) {
lineIdx += 1;
}
});
const shiftFollowingRows = ($row, delta) => {
if (!delta) {
return;
}
let found = false;
contentRows.forEach(($r) => {
if (found) {
const current = $r.data('FastEdit-line-idx');
if (current !== undefined) {
$r.data('FastEdit-line-idx', current + delta);
}
return;
}
if ($r.is($row)) {
found = true;
}
});
};
const handleUndo = ($row) => {
const rowLineIdx = $row.data('FastEdit-line-idx');
if (rowLineIdx === undefined || rowLineIdx === null) {
mw.notify("Couldn't get the line number.", { tag: 'FastEdit-diffundo', type: 'error' });
return;
}
const isUndone = $row.hasClass('FastEdit-diffundo-undone');
const $toReplace = $row.children(isUndone ? '.diff-deletedline' : '.diff-addedline');
const $toRestore = $row.children(isUndone ? '.diff-addedline' : '.diff-deletedline');
const isInsert = !$toReplace.length;
const isRemove = !$toRestore.length;
const lines = this.textareaValue.split('\n');
let delta = 0;
if (isInsert) {
if (rowLineIdx > lines.length) {
mw.notify('The line has been modified since the diff.', { tag: 'FastEdit-diffundo', type: 'warn' });
return;
}
lines.splice(rowLineIdx, 0, $toRestore.text());
delta = 1;
} else {
const expected = normalize($toReplace.text());
if (normalize(lines[rowLineIdx]) !== expected) {
mw.notify('The line has been modified since the diff.', { tag: 'FastEdit-diffundo', type: 'warn' });
return;
}
if (isRemove) {
lines.splice(rowLineIdx, 1);
delta = -1;
} else {
lines.splice(rowLineIdx, 1, $toRestore.text());
delta = 0;
}
}
this.textareaValue = lines.join('\n');
$row.toggleClass('FastEdit-diffundo-undone', !isUndone);
shiftFollowingRows($row, delta);
};
contentRows.forEach(($row) => {
const $target = $row.children('.diff-addedline').length
? $row.children('.diff-addedline')
: $row.children('.diff-empty.diff-side-added');
if (!$target.length) {
return;
}
const btn = document.createElement('button');
btn.type = 'button';
btn.className = 'FastEdit-diffundo-btn';
btn.title = 'Undo this line';
btn.innerHTML = this.undoIconSvg;
btn.addEventListener('click', () => handleUndo($row));
$target.get(0).appendChild(btn);
});
},
loadPreferences() {
const editorMode = prefsStore.get('editor-mode', 'codemirror');
const customSummaries = prefsStore.get('custom-summaries', []);
const summaryMode = prefsStore.get('summary-mode', 'both');
this.currentEditorModePref = editorMode === 'plain' ? 'plain' : 'codemirror';
this.customSummaries = Array.isArray(customSummaries) ? customSummaries.slice(0, 10) : [];
this.summaryMode = summaryMode === 'custom' ? 'custom' : 'both';
this.useCodeMirror = this.currentEditorModePref !== 'plain';
},
openPrefs() {
this.prefsDraft = {
editorMode: this.currentEditorModePref,
customSummaries: this.customSummaries.slice(),
summaryMode: this.summaryMode
};
this.newSummaryDraft = '';
this.prefsDialogOpen = true;
},
closePrefs() {
this.prefsDialogOpen = false;
},
addCustomSummary() {
const value = this.newSummaryDraft.trim();
if (!value || this.prefsDraft.customSummaries.length >= 10) {
return;
}
this.prefsDraft.customSummaries.push(value);
this.newSummaryDraft = '';
},
removeCustomSummary(idx) {
this.prefsDraft.customSummaries.splice(idx, 1);
},
async savePrefs() {
const draft = this.prefsDraft;
const customSummaries = draft.customSummaries
.map((s) => s.trim())
.filter(Boolean)
.slice(0, 10);
this.customSummaries = customSummaries;
this.summaryMode = draft.summaryMode === 'custom' ? 'custom' : 'both';
this.currentEditorModePref = draft.editorMode === 'plain' ? 'plain' : 'codemirror';
if (this.currentEditorModePref === 'plain') {
this.useCodeMirror = false;
} else if (this.codeMirrorSupported) {
this.useCodeMirror = true;
}
this.prefsDialogOpen = false;
await Promise.all([
prefsStore.set('editor-mode', this.currentEditorModePref),
prefsStore.set('custom-summaries', customSummaries),
prefsStore.set('summary-mode', this.summaryMode)
]);
mw.notify('Preferences saved.', {
type: 'success',
autoHide: true,
autoHideSeconds: 5,
tag: 'FastEdit-notification'
});
},
save() {
this.saving = true;
this.saveStatus = { type: 'notice', message: 'Αποθήκευση…' };
let summary = this.summaryValue || '';
if (this.sectionName) {
summary = `/* ${this.sectionName} */ ${summary}`;
}
summary += ' (By [[:m:User:Fotis A./FastEdit.js|FastEdit]])';
const editParams = {
action: 'edit',
title: this.pagename,
text: this.textareaValue,
discussiontoolsautosubscribe: 'no',
summary,
formatversion: 2
};
if (this.section !== null && this.section !== undefined) {
editParams.section = this.section;
}
if (this.minorChecked) {
editParams.minor = true;
}
new mw.Api().postWithEditToken(editParams).then(
(res) => {
this.saving = false;
if (res.edit && res.edit.result === 'Success') {
this.justSaved = true;
this.newerRevisionAvailable = false;
this.originalContent = this.textareaValue;
this.summaryValue = '';
clearInterval(this._pollTimer);
window.removeEventListener('beforeunload', this._beforeUnloadHandler);
this.saveStatus = { type: 'success', message: 'Η σελίδα αποθηκεύτηκε με επιτυχία! Γίνεται επαναφόρτωση…' };
mw.notify('ΟΚ!', {
title: '',
type: 'success',
autoHide: true,
autoHideSeconds: 5,
tag: 'FastEdit-notification'
});
location.reload();
return;
}
this.saveStatus = { type: 'error', message: 'Error saving page.' };
},
(code, data) => {
this.saving = false;
if (code === 'editconflict') {
this.saveStatus = null;
this.conflictMessage = (data && data.error && data.error.info) ||
'An edit conflict occurred. Please resolve it manually.';
this.conflictDialogOpen = true;
return;
}
const info = (data && data.error && data.error.info) || 'Error saving page.';
this.saveStatus = { type: 'error', message: info };
}
);
}
},
template: `
Minor edit
{{ previewError }}
{{ reviewError }}
No changes to show.
v-model:open="conflictDialogOpen"
title="Edit conflict"
close-button-label="Close"
:use-close-button="true"
>
{{ conflictMessage }}
v-model:open="prefsDialogOpen"
title="Προτιμήσεις"
close-button-label="Close"
:use-close-button="true"
:primary-action="{ label: 'Αποθήκευση', actionType: 'progressive' }"
:default-action="{ label: 'Ακύρωση' }"
@primary="savePrefs"
@default="closePrefs"
>
v-for="option in editorModeOptions"
:key="option.value"
v-model="prefsDraft.editorMode"
name="FastEdit-editor-mode"
:input-value="option.value"
>{{ option.label }}
Προεπιλεγμένες και προσαρμοσμένες περιλήψεις
Custom summaries only
`
};
},
setupTriggers() {
$(document).ready(() => {
this.checkForEditAction();
this.addTopButton();
this.addSectionButtons();
});
$(window).on('popstate', () => this.checkForEditAction());
$(window).on('beforeunload', () => {
this.isEditorOpen = false;
});
},
checkForEditAction() {
if (mw.config.get('wgAction') === 'edit' && this.isEditorOpen) {
this.closeEditor();
}
},
addTopButton() {
if ($('#FastEdit-Edit-TopBtn').length) {
return;
}
if (!($('#ca-edit').length || mw.config.get('wgArticleId') === 0)) {
return;
}
const skin = mw.config.get('skin');
let $btn;
if (skin === 'vector') {
$btn = $('' )
.attr('id', 'FastEdit-Edit-TopBtn')
.addClass('vector-tab-noicon mw-list-item')
.append($('').attr('href', '#').append($('').text('FastEdit')));
} else if (skin === 'minerva') {
$btn = $('' )
.attr('id', 'FastEdit-Edit-TopBtn')
.css({ 'align-items': 'center', display: 'flex' })
.append(
$('').addClass('page-actions-menu__list-item').append(
$('')
.attr('href', '#')
.addClass('mw-ui-icon mw-ui-icon-element mw-ui-icon-wikimedia-edit-base20 mw-ui-icon-with-label-desktop')
.css('vertical-align', 'middle')
.text('FastEdit')
)
);
} else {
$btn = $('' )
.attr('id', 'FastEdit-Edit-TopBtn')
.append($('').append($('').attr('href', '#').text('FastEdit')));
}
if (skin === 'minerva') {
if ($('#ca-edit').length) {
$('#ca-edit').parent().after($btn);
} else {
$('#page-actions ul').append($btn);
}
} else if ($('#ca-edit').length) {
$('#ca-edit').after($btn);
} else {
$('#ca-talk').after($btn);
}
$btn.find('a').on('click', (e) => {
e.preventDefault();
this.openEditor();
});
},
addSectionButtons() {
$('.mw-editsection').each((_, el) => {
const $section = $(el);
if ($section.find('.FastEdit-section-edit, .FastEdit-minerva-section-edit').length) {
return;
}
const $editLink = $section.find('a[href*="action=edit"]').first();
if (!$editLink.length) {
return;
}
const href = $editLink.attr('href');
const urlParams = new URLSearchParams(href.split('?')[1]);
const section = urlParams.get('section');
if (section === null) {
return;
}
const $headingWrapper = $section.closest('.mw-heading');
const $header = $headingWrapper.length
? $headingWrapper.find('h1, h2, h3, h4, h5, h6').first()
: $section.closest('h1, h2, h3, h4, h5, h6');
const $headerClone = $header.length ? $header.clone() : null;
if ($headerClone) {
$headerClone.find('.ext-checkuser-tempaccount-reveal-ip').remove();
}
const sectionName = ($headerClone && $headerClone.text().trim()) || ('Section ' + section);
const $sectionHeading = $headingWrapper.length ? $headingWrapper : $header;
if (mw.config.get('skin') === 'minerva') {
const $drButton = $('')
.addClass('FastEdit-minerva-section-edit cdx-button cdx-button--size-large cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet')
.css('margin-left', '8px')
.attr('href', '#')
.attr('title', `Edit section with FastEdit: ${sectionName}`)
.text('FastEdit')
.on('click', (e) => {
e.preventDefault();
this.openEditor(section, sectionName, $sectionHeading);
});
$editLink.after($drButton);
} else {
const $btn = $('')
.addClass('FastEdit-section-edit')
.attr('href', '#')
.text('FastEdit')
.on('click', (e) => {
e.preventDefault();
this.openEditor(section, sectionName, $sectionHeading);
});
$section.find('.mw-editsection-bracket').last().before(', ').before($btn);
}
});
}
};
FastEdit.init();
});
//
