User:Qwerfjkl/scripts/EasyWikiDev.js
Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.
// fork of [[User:Ed6767/EasyWikiDev.js]]
// The user script that runs on the client side - this was thrown together in a couple hours
// Apache 2.0/CC-BY-SA
// (c) 2021 User:Ed6767 - full attributions https://github.com/wikimedia-gadgets/EasyWikiDev/commits/main/.wikidev/wikiscript.js
let hasRecievedFirstMessage = false;
const currentSkin = mw.config.get("skin");
const portletLinkSelector = {
'vector': 'a > span',
'vector-2022': 'a > span:nth-child(2)',
'monobook': 'a',
'timeless': 'a'
};
const currentPortletLinkSelector = portletLinkSelector[currentSkin];
const currentPageLink = mw.util.addPortletLink(
'p-personal',
'#',
"Develop",
"developLink",
null, null, // ones we don't need
'#pt-preferences' // put before preferences
);
currentPageLink.onclick = () => {
if (hasRecievedFirstMessage) {
stopDeveloperMode();
window.location.reload(); // Clear the indev script
} else {
runDeveloperMode();
}
};
function stopDeveloperMode() {
localStorage.setItem('EasyWikiDev', 'disabled');
currentPageLink.querySelector(currentPortletLinkSelector).innerText = "Develop";
}
function addCode(js){
eval("window.debuggingMode=true;\n"+js+"\n//# sourceURL=EasyWikiDevScript.js;");
}
function runDeveloperMode() {
currentPageLink.querySelector(currentPortletLinkSelector).innerText = "Stop Developing";
// Create the localstorage note
localStorage.setItem('EasyWikiDev', 'enabled');
try {
// Connect to the websocket at ws://localhost:6767
const ws = new WebSocket("ws://localhost:6767");
ws.onerror = e => { throw e; };
ws.onclose = () => {
mw.notify("EasyWikiDev: Websocket closed. The server may not be running, else try enabling developer mode again.", {
title: "Socket closed",
type: "error",
autoHide: false,
});
stopDeveloperMode();
};
// When the websocket receives a message, it will run this function
ws.onmessage = e => {
if (!hasRecievedFirstMessage) {
hasRecievedFirstMessage = true;
// The message is the script.js file
// It's just a string, so we can just eval it
addCode(e.data);
} else {
window.location.reload();
}
}
} catch (error) {
console.error(error);
mw.notify("EasyWikiDev: An error occured. Make sure the server is running, then check the Javascript console for more info.", {
title: "Error",
type: "error",
autoHide: false,
});
stopDeveloperMode();
}
}
// If present, run the developer mode
if (localStorage.getItem('EasyWikiDev') === 'enabled') {
runDeveloperMode();
}