Created
May 15, 2017 17:12
-
-
Save KrE80r/e9deb1679befd43a82f8c3bd205d0d0f to your computer and use it in GitHub Desktop.
whatsapp_phone_enumerator.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
- Open WhatsApp web | |
- Make sure the phone is connected to the WhatsApp Web (past the QR-code screen) | |
- Open up the console (F12) (Firefox users: type 'allow pasting' if you haven't done so yet) | |
- Select the contents of this complete file and copy/paste it to the console | |
- Never, NEVER do something like this if you're not 100% sure this file is from a thrustworthy source! | |
- You'll see a UI with 2 textboxes and a button | |
- You may close the console now | |
*/ | |
(function() { | |
'use strict'; | |
// Prevent huge traffic/mem usage | |
var maxNrClients = 1500; | |
// Standard phone numbers for the 2 text boxes in the UI | |
var firstNumberStd = 20122101000; | |
var lastNumberStd = 20122101100; | |
function setupEventListeners() { | |
var btnStartIndexer = document.getElementById('btnStartIndexer'); | |
btnStartIndexer.addEventListener("click", function( e ) { | |
var firstNr = document.getElementById('inpFirstNumber').value; | |
var lastNr = document.getElementById('inpLastNumber').value; | |
var divClientBoxes = document.getElementById('divClientBoxes'); | |
divClientBoxes.innerHTML = ""; | |
firstNr = parseInt(firstNr, 10); | |
lastNr = parseInt(lastNr, 10); | |
if (isNaN(firstNr) || isNaN(lastNr) ) { | |
console.log('Numbers should be integers'); | |
return null; | |
} | |
if (lastNr - firstNr > maxNrClients) { | |
console.log('Don\'t query more than ' + maxNrClients + ' numbers right now'); | |
return null; | |
} | |
var clientNr = firstNr; | |
var clientBoxCreateT = window.setInterval(function(){ | |
console.log('Next 100...'); | |
var lastClientNrForLoop = clientNr + 100; | |
for(;clientNr < lastClientNrForLoop && clientNr < lastNr; clientNr++) { | |
divClientBoxes.appendChild(createClientBox(clientNr, "", "" )); | |
} | |
if (clientNr === lastNr) | |
clearInterval(clientBoxCreateT); | |
}, 500); | |
}); | |
} | |
// The UI that's added to the current DOM | |
function createDOM() { | |
var body = document.getElementsByTagName('body')[0]; | |
var containerDiv = document.createElement("div"); | |
containerDiv.id = 'statusIndexer'; | |
var inputFirstNumberLabel = document.createElement("label"); | |
inputFirstNumberLabel.innerHTML = 'First phone number'; | |
var inputFirstNumber = document.createElement("input"); | |
inputFirstNumber.type = "text"; | |
inputFirstNumber.placeholder = "31612345678"; | |
inputFirstNumber.value = firstNumberStd; | |
inputFirstNumber.id = "inpFirstNumber"; | |
var inputLastNumberLabel = document.createElement("label"); | |
inputLastNumberLabel.innerHTML = 'Last phone number'; | |
var inputLastNumber = document.createElement("input"); | |
inputLastNumber.type = "text"; | |
inputLastNumber.placeholder = "31612345678"; | |
inputLastNumber.value = lastNumberStd; | |
inputLastNumber.id = "inpLastNumber"; | |
var btnStartIndexer = document.createElement("button"); | |
btnStartIndexer.id = 'btnStartIndexer'; | |
btnStartIndexer.innerHTML = 'Start indexer'; | |
containerDiv.appendChild(inputFirstNumberLabel); | |
containerDiv.appendChild(inputFirstNumber); | |
containerDiv.appendChild(inputLastNumberLabel); | |
containerDiv.appendChild(inputLastNumber); | |
containerDiv.appendChild(document.createElement("br")); | |
containerDiv.appendChild(btnStartIndexer); | |
containerDiv.appendChild(document.createElement("hr")); | |
var clientBoxesDiv = document.createElement("div"); | |
clientBoxesDiv.id = 'divClientBoxes'; | |
containerDiv.appendChild(clientBoxesDiv); | |
var style = ""; | |
style += "#statusIndexer {position: absolute; top: 0px; left: 0px; min-height: 50%; overflow: scroll; max-height: 95%; background-color: rgba(230,230,230,0.95); z-index: 99999999; width: 95vw; padding: 50px; border-bottom: solid 3px #58e870; box-shadow: black 0px 1px 62px 0px;}"; | |
style += "#statusIndexer label {margin: 0 15px 0 0;}"; | |
style += "#statusIndexer input {margin: 0 25px 0 0; padding: 5px;}"; | |
style += "#statusIndexer button {margin: 10px 0; border: solid 1px black; padding: 3px; border-radius: 3px; }"; | |
style += "#statusIndexer button:hover {background-color: #58e870;}"; | |
style += "#statusIndexer .indexerClientBox {float: left; width: 120px; text-align: center; margin: 15px; height: 65px;}"; | |
style += "#statusIndexer img {width: 32px; height: 32px;}"; | |
style += "#statusIndexer img.isOffline {border-left: solid 5px orange;}"; | |
style += "#statusIndexer img.isOnline {border-left: solid 5px green;}"; | |
style += "#statusIndexer .indexerPhone {font-size: 13px; margin: 2px; font-weight: bold;}"; | |
style += "#statusIndexer .indexerStatus {font-size: 11px; margin: 2px;}"; | |
var styleEl = document.createElement("style"); | |
styleEl.innerHTML = style; | |
body.appendChild(styleEl); | |
body.appendChild(containerDiv); | |
} | |
// Create a floated div per phonenumber and execute WhatsApp API queries | |
function createClientBox(phonenumber) { | |
var divBox = document.createElement("div"); | |
divBox.classList.add('indexerClientBox'); | |
divBox.id = 'p'+phonenumber; | |
var imgSrcNoneFound = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABLCAIAAAC3LO29AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABDRJREFUeNrsmj1IW1EUgGMNWLBGUIigIlVoq4LUQqsuXerP4uLf4qDSLh1aaRehCk6CDl0q2qFDf6yDi1YXF0272EFLoQWLkQoKGgsKKZggjaCkX97Bx0s01qA2Uc4jhHd/c757zj33nEuSgsGg7UI/l2wX/VFCJVRCJVRCJVRCJVRCJVRCJVRCJVRCJVRCJVRCJVTCUyDcGP3gnXJZi1uzX44e8uvN0PaC+9wQbo6Nux8+MiWmuDU7d/SQ1f7Bf67C6T72k453OH52dN6anIioB3vX57c70lKLi6z1JSPvkx0OXuBMLS7cXliUPtI/JTfncm6OdQZqdjzr9LQbo+JAmH2/FbVge9kP2szKpY5OLDa9ogwAvotevTSblnt608vL8p62zze3ALbn8wU869ITVJBKJyeAtM6w6/OVjAzzHjdPAxuQCGquPcJBhVhojI1K8dCBmdWVt2c+ZTU1oE/ASg1D+D3lkhmM4cN5Tx7H35ciBMu/0tMrRdlmmTVVfKMlPjv78BFPekU53yk52fRBb9gh1ojGWBSKojRnU338CZEsv7vLG1r7RYrJjjS+EVRao+GFz5AWMaFpEccZ/j/OQzTGR6jQDCKu9PQhJbuOSmdTQ0yzZdRUMQNbEXPAjcWTEOtK2Xd9qBG7Emd47Xkfx8bXu/fYVGxI0z1ah9BZVEfR9LfSSn9GBTye1f6BK0ZThJJje4IJ+fxZ88jL+ut3M1evn2Qquy0hnx/NLRybqA5DLejuOslUSYn5TwX2sPgYawxwoQg1t0hUwmjJBza5+mIgEH70SeX5ICT/IAo9IvlgyxH3RRzuUhn/3OJ40XmbGeKcAyvFcjjKP+ffQDPITXF5PyLFCKnEur7V1tGBbmKTnN1bc2HGSbwye/MOH3NsKDl+OySVB42TbtGaTp+QsIOAg5wA6TdHx/HmpE6iorX+QYlXSKnoQM+ljmdibxF5fUZ1JWkH8zDWvCVgaaghjo/IkqEiNiLzoJWmWK8IYiYk2uLnJZMALNOIIY2w242IGKQcX2tGPhWIEjcDzxCCMsm2pLLAiPvIxWi1blfv9EcWbjPkpeaY3HpvciaE32vrvNMuZ2O9qAs8IHEhG2PjyIcELDlhd2pRYVZjfbTTnEm23YssR8QNwKGphlVp/K7kXGdFiPaQj8WW9M/8VeoxJKeBxJYjqbOm/Ac9J8rH5FgRq/8UEpqMfN9hTVwo5j1tl0+syb49xk0Yui/BnRA0hgT1+8VuUd2uz29mvexPxI124yTKxxvthTtY9hjWAR4dWCPJNiXDnm9uxW/JnQ0bMqY7m5ijNnRo7Idcfg8RxcyoNN9DO2fKhSowpx3jDsZsBZulYTlkEsmMJMKGh+VjoJi9qUzRmLyLAR9q2BqXKqESKqESKqESKqESKqESKqESKqESKqESKqESKqESKqHtrwADAMxLRItbnk5RAAAAAElFTkSuQmCC"; | |
var clientImgA = document.createElement("a"); | |
var clientImg = document.createElement("img"); | |
var profilePicRoutine = function(nr) { | |
Store.ProfilePicThumb.find( nr + '@c.us').then(function(d){ | |
var imgATag = document.getElementById('p'+nr).getElementsByTagName('a')[0]; | |
var imgTag = document.getElementById('p'+nr).getElementsByTagName('img')[0]; | |
if (d.img === null) { | |
profilePicRoutine(nr); | |
} | |
if (d.img === undefined) { | |
imgTag.src = imgSrcNoneFound; | |
imgATag.href = ''; | |
} else { | |
imgTag.src = d.img; | |
imgATag.href = '#'; | |
imgATag.addEventListener('click', function(){ | |
imgTag.src = d.imgFull; | |
window.open(d.imgFull, '_blank'); | |
}); | |
imgATag.target = '_blank'; | |
} | |
}, function(e){ | |
// Server is throttling/rate limiting, we try it again | |
profilePicRoutine(nr); | |
}); | |
}; | |
profilePicRoutine(phonenumber); | |
clientImgA.appendChild(clientImg); | |
var clientPhone = document.createElement("div"); | |
clientPhone.classList.add('indexerPhone'); | |
clientPhone.innerHTML = phonenumber; | |
var clientStatus = document.createElement("div"); | |
clientStatus.classList.add('indexerStatus'); | |
var statusFindRoutine = function(nr) { | |
Store.Wap.statusFind( nr + '@c.us').then(function(d){ | |
document.getElementById('p'+nr).getElementsByClassName('indexerStatus')[0].innerHTML = d.status; | |
}, function(e){ | |
// Server is throttling/rate limiting, we try it again | |
statusFindRoutine(nr); | |
}); | |
}; | |
statusFindRoutine(phonenumber); | |
Store.Presence.find( phonenumber + '@c.us').then(function(d){ | |
if (d.isOnline) | |
clientImg.classList.add('isOnline'); | |
else | |
clientImg.classList.add('isOffline'); | |
}); | |
divBox.appendChild(clientImgA); | |
divBox.appendChild(clientPhone); | |
divBox.appendChild(clientStatus); | |
return divBox; | |
} | |
// Check online/offline status every 10 sec | |
window.setInterval(function() { | |
for(var i=0; i < Store.Presence.models.length; i++) { | |
var m = Store.Presence.models[i]; | |
var id = 'p' + m.id.slice(0, -5); | |
var clientBox = document.getElementById(id); | |
if (clientBox !== null) { | |
var img = clientBox.getElementsByTagName('img')[0]; | |
img.classList.remove('isOnline'); | |
if (m.isOnline) { | |
console.log(id + ' is online'); | |
clientBox.parentNode.prepend(clientBox); | |
img.classList.remove('isOffline'); | |
img.classList.add('isOnline'); | |
} else { | |
img.classList.remove('isOnline'); | |
img.classList.add('isOffline'); | |
} | |
} | |
} | |
}, 10000); | |
// Let's setup the UI | |
// Small delay in case the script is executed from something like Tampermonkey | |
window.setTimeout(function(){ | |
createDOM(); | |
setupEventListeners(); | |
}, 500); | |
})(); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment