Git-Mirrors/brozzler
1
0
Fork 0
mirror of https://github.com/internetarchive/brozzler.git synced 2025-08-06 05:24:19 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

rewrite instagram behavior to be more like a state machine; update css selectors for current instagram; refactor as a sort of singleton class for cleaner namespacing

Browse source
This commit is contained in:
Noah Levitt 2015-01-16 13:21:12 -08:00
parent ddc7064585
commit cdcef934e7
1 changed files with 106 additions and 75 deletions
Download patch file Download diff file Expand all files Collapse all files

181
umbra/behaviors.d/instagram.js
View file

@ -2,89 +2,120 @@
// //
// vim:set sw=8 et: // vim:set sw=8 et:
// //
var UMBRA_USER_ACTION_IDLE_TIMEOUT_SEC = 10;
var umbraState = {'idleSince':null,'expectingSomething':null,'done':false}; var umbraInstagramBehavior = {
IDLE_TIMEOUT_SEC: 10,
idleSince: null,
state: "loading-thumbs",
imageCount: null,
bigImagesLoaded: 0,
latestBigImage: null,
var umbraIntervalID = setInterval(umbraScrollInterval,50); intervalFunc: function() {
var umbraImages; if (this.state === "loading-thumbs") {
var umbraImageID=0; if (window.scrollY + window.innerHeight < document.documentElement.scrollHeight) {
var umbraImageCount=0; window.scrollBy(0, 200);
var umbraBigImage=undefined; this.idleSince = null;
return;
}
function umbraScrollInterval() { var moreButtons = document.querySelectorAll(".PhotoGridMoreButton:not(.pgmbDisabled)");
if (moreButtons.length > 0) {
console.log("clicking load more button");
moreButtons[0].click();
this.idleSince = null;
return;
}
if (this.idleSince == null) {
console.log("nothing to do at the moment, might be waiting for something to load, setting this.idleSince=Date.now()");
this.idleSince = Date.now();
return;
} else if (Date.now() - this.idleSince > 3000) {
console.log("finished loading-thumbs, it appears we have reached the bottom");
this.state = "clicking-first-thumb";
this.idleSince = null;
return;
} else {
// console.log("still might be waiting for something to load...");
return;
}
}
//if not at the bottom, keep scrolling if (this.state === "clicking-first-thumb") {
if(window.scrollY + window.innerHeight < document.documentElement.scrollHeight) { var images = document.querySelectorAll("a.pgmiImageLink");
window.scrollBy(0,50); if (images && images !== "undefined") {
umbraState.expectingSomething=null; this.imageCount = images.length;
umbraState.idleSince=null; if (images.length > 0) {
} console.log("clicking first thumbnail");
else { images[0].click();
var more = document.querySelectorAll("span.more-photos a.more-photos-enabled"); this.idleSince = null;
if(more.length>0 && umbraState.expectingSomething==null) { this.state = "waiting-big-image";
more[0].click(); return;
umbraState.expectingSomething="load more"; }
umbraState.idleSince=Date.now(); }
}
else if(document.querySelectorAll("span.more-photos a.more-photos-disabled").length>0 || umbraTimeoutExpired() ) { //done scrolling/loading
clearInterval(umbraIntervalID);
umbraImages = document.querySelectorAll("li.photo div.photo-wrapper a.bg[data-reactid]");
//click first image
if(umbraImages && umbraImages !=='undefined' && umbraImages.length>0 ) {
umbraImages[0].click();
umbraImageID++;
umbraImageCount=umbraImages.length;
intervalID = setInterval(umbraClickPhotosInterval,200);
}
}
}
}
function umbraClickPhotosInterval() { console.log("no big images to load?");
this.idleSince = Date.now();
return;
}
rightArrow = document.querySelectorAll("a.mmRightArrow"); if (this.state === "waiting-big-image") {
var imageFrame = document.querySelectorAll("div.Modal div.Item div.iMedia div.Image");
if (imageFrame.length > 0) {
var bigImage = new Image();
bigImage.src = imageFrame[0].getAttribute("src");
// console.log("bigImage.naturalWidth=" + bigImage.naturalWidth + " bigImage.src=" + bigImage.src);
if (bigImage.src !== this.latestBigImage && bigImage.naturalWidth !== 0) {
console.log("next big image appears loaded, will click right arrow next time");
this.state = "click-next-big-image";
this.latestBigImage = bigImage.src;
this.bigImagesLoaded++;
this.idleSince = null;
return;
}
}
if (this.bigImagesLoaded >= this.imageCount) {
console.log("looks like we're done, we've loaded all " + this.bigImagesLoaded + " of " + this.imageCount + " big images");
this.state = "finished";
this.idleSince = Date.now();
}
return;
}
if(umbraIsBigImageLoaded()) { if (this.state === "click-next-big-image") {
if(umbraImageID>=umbraImageCount) { var rightArrow = document.querySelectorAll("a.mmRightArrow");
clearInterval(umbraIntervalID); if (rightArrow.length > 0) {
umbraState.done=true; // console.log("clicking right arrow");
} rightArrow[0].click();
else { this.state = "waiting-big-image";
umbraBigImage = undefined; this.idleSince = null;
rightArrow[0].click(); return;
umbraImageID++; } else {
} console.warn("no right arrow to click?? weird");
} this.idleSince = Date.now();
} return;
}
}
},
function umbraIsBigImageLoaded(){ start: function() {
if(umbraBigImage === undefined) { var that = this;
var imageFrame = document.querySelectorAll("div.Modal div.Item div.iMedia div.Frame"); this.intervalId = setInterval(function(){ that.intervalFunc() }, 50);
if(imageFrame.length>0) { },
umbraBigImage = new Image();
umbraBigImage.src = imageFrame[0].getAttribute("src");
}
return false;
}
else {
return (umbraBigImage.naturalWidth !== 0)
} isFinished: function() {
} if (this.idleSince != null) {
var idleTimeMs = Date.now() - this.idleSince;
function umbraTimeoutExpired () { if (idleTimeMs / 1000 > this.IDLE_TIMEOUT_SEC) {
if (umbraState.idleSince != null) { return true;
var idleTimeMs = Date.now() - umbraState.idleSince; }
return (idleTimeMs/1000 > UMBRA_USER_ACTION_IDLE_TIMEOUT_SEC); }
} return false;
return false; },
} };
// Called from outside of this script. // Called from outside of this script.
var umbraBehaviorFinished = function() { var umbraBehaviorFinished = function() { return umbraInstagramBehavior.isFinished() };
return umbraState.done;
} umbraInstagramBehavior.start();