User:Euphoria/common.js: Difference between revisions

From Test Wiki
Content deleted Content added
async/await structure
fix
Line 5: Line 5:
if (!mw.config.get('wgPageName').startsWith(pagePrefix) || mw.config.get('wgAction') !== 'view') return;
if (!mw.config.get('wgPageName').startsWith(pagePrefix) || mw.config.get('wgAction') !== 'view') return;


$(async function() {
$(function() {
const api = new mw.Api();
const api = new mw.Api();


Line 16: Line 16:


const actions = [
const actions = [
{name: 'delete', color: '#e74c3c'}, // red
{name: 'delete', color: '#e74c3c'},
{name: 'keep', color: '#27ae60'}, // green
{name: 'keep', color: '#27ae60'},
{name: 'no consensus', color: '#f1c40f'} // yellow
{name: 'no consensus', color: '#f1c40f'}
];
];


actions.forEach(function(actionObj) {
actions.forEach(function(actionObj) {
const btn = document.createElement('button');
const btn = document.createElement('button');
btn.textContent = actionObj.name.charAt(0).toUpperCase(); // D/K/N
btn.textContent = actionObj.name.charAt(0).toUpperCase();
btn.title = actionObj.name;


btn.style.width = '16px';
Object.assign(btn.style, {
btn.style.height = '16px';
width: '16px',
btn.style.fontSize = '65%';
height: '16px',
btn.style.padding = '0';
fontSize: '65%',
btn.style.marginRight = '3px';
padding: '0',
btn.style.border = 'none';
marginRight: '3px',
btn.style.borderRadius = '2px';
border: 'none',
btn.style.backgroundColor = actionObj.color;
borderRadius: '2px',
btn.style.color = '#fff';
backgroundColor: actionObj.color,
btn.style.cursor = 'pointer';
color: '#fff',
btn.style.verticalAlign = 'middle';
cursor: 'pointer',
btn.style.transition = '0.15s';
verticalAlign: 'middle',
transition: '0.15s'
});


btn.addEventListener('mouseenter', () => btn.style.filter='brightness(1.3)');
btn.addEventListener('mouseenter', () => btn.style.filter='brightness(1.3)');
btn.addEventListener('mouseleave', () => btn.style.filter='brightness(1)');
btn.addEventListener('mouseleave', () => btn.style.filter='brightness(1)');


// Async click handler
btn.addEventListener('click', async function(e) {
btn.addEventListener('click', async function(e) {
e.preventDefault();
e.preventDefault();
Line 46: Line 50:


try {
try {
// Step 1: Get discussion content
// 1️⃣ Fetch discussion page content
const data = await api.get({
const data = await api.get({
action: 'query',
action: 'query',
Line 59: Line 63:
let content = pages[pageId].revisions[0]['*'];
let content = pages[pageId].revisions[0]['*'];


// Prepare new discussion content
// 2️⃣ Wrap discussion content
const topText = '{{subst:vt|' + actionObj.name + '. --~~~~}}\n';
const topText = '{{subst:vt|' + actionObj.name + '. --~~~~}}\n';
const bottomText = '\n{{subst:vb}}';
const bottomText = '\n{{subst:vb}}';
const discussionNewContent = topText + content.trim() + bottomText;
const discussionNewContent = topText + content.trim() + bottomText;


// Step 2: Edit discussion page
await api.postWithToken('csrf', {
await api.postWithToken('csrf', {
action: 'edit',
action: 'edit',
Line 74: Line 77:
});
});


// Extract target article from heading
// 3️⃣ Extract target article from heading
const match = content.match(/==\s*\[\[([^\]]+)\]\]\s*==/);
const match = content.match(/==\s*\[\[([^\]]+)\]\]\s*==/);
if (!match) {
if (!match) {
alert('Cannot find target article in heading!');
alert('Cannot find target article in heading!');
location.reload();
return;
return;
}
}
Line 84: Line 86:


if (actionObj.name === 'delete') {
if (actionObj.name === 'delete') {
// Delete target article
// 4️⃣ Delete target article
await api.postWithToken('csrf', {
await api.postWithToken('csrf', {
action: 'delete',
action: 'delete',
Line 91: Line 93:
bot: true
bot: true
});
});

// Delete talk page
// Delete talk page
const talkPage = 'Talk:' + targetPage;
const talkPage = 'Talk:' + targetPage;
Line 103: Line 106:
location.reload();
location.reload();
} else {
} else {
// Keep / No consensus
// 5️⃣ Keep / No consensus: edit article
const articleData = await api.get({
const articleData = await api.get({
action: 'query',
action: 'query',
Line 126: Line 129:
});
});


// Update talk page
// 6️⃣ Update talk page
const talkData = await api.get({
const talkData = await api.get({
action: 'query',
action: 'query',
Line 158: Line 161:
}
}


} catch (err) {
} catch(err) {
console.error(err);
console.error(err);
alert('An error occurred: ' + err);
alert('An error occurred: ' + err);