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; |
||
$( |
$(function() { |
||
const api = new mw.Api(); |
const api = new mw.Api(); |
||
| Line 16: | Line 16: | ||
const actions = [ |
const actions = [ |
||
{name: 'delete', color: '#e74c3c'}, |
{name: 'delete', color: '#e74c3c'}, |
||
{name: 'keep', color: '#27ae60'}, |
{name: 'keep', color: '#27ae60'}, |
||
{name: 'no consensus', color: '#f1c40f'} |
{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(); |
btn.textContent = actionObj.name.charAt(0).toUpperCase(); |
||
btn.title = actionObj.name; |
|||
btn.style |
Object.assign(btn.style, { |
||
width: '16px', |
|||
height: '16px', |
|||
fontSize: '65%', |
|||
padding: '0', |
|||
marginRight: '3px', |
|||
border: 'none', |
|||
borderRadius: '2px', |
|||
backgroundColor: actionObj.color, |
|||
color: '#fff', |
|||
cursor: 'pointer', |
|||
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 { |
||
// |
// 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]['*']; |
||
// |
// 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 |
} catch(err) { |
||
console.error(err); |
console.error(err); |
||
alert('An error occurred: ' + err); |
alert('An error occurred: ' + err); |
||