Git-Mirrors/brozzler
1
0
Fork 0
mirror of https://github.com/internetarchive/brozzler.git synced 2025-08-07 05:52:27 -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

169
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() {
//if not at the bottom, keep scrolling
if(window.scrollY + window.innerHeight < document.documentElement.scrollHeight) {
window.scrollBy(0,50);
umbraState.expectingSomething=null;
umbraState.idleSince=null;
}
else {
var more = document.querySelectorAll("span.more-photos a.more-photos-enabled");
if(more.length>0 && umbraState.expectingSomething==null) {
more[0].click();
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);
} }
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;
} }
} }
}
function umbraClickPhotosInterval() { if (this.state === "clicking-first-thumb") {
var images = document.querySelectorAll("a.pgmiImageLink");
rightArrow = document.querySelectorAll("a.mmRightArrow"); if (images && images !== "undefined") {
this.imageCount = images.length;
if(umbraIsBigImageLoaded()) { if (images.length > 0) {
if(umbraImageID>=umbraImageCount) { console.log("clicking first thumbnail");
clearInterval(umbraIntervalID); images[0].click();
umbraState.done=true; this.idleSince = null;
this.state = "waiting-big-image";
return;
} }
else { }
umbraBigImage = undefined;
console.log("no big images to load?");
this.idleSince = Date.now();
return;
}
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 (this.state === "click-next-big-image") {
var rightArrow = document.querySelectorAll("a.mmRightArrow");
if (rightArrow.length > 0) {
// console.log("clicking right arrow");
rightArrow[0].click(); rightArrow[0].click();
umbraImageID++; this.state = "waiting-big-image";
this.idleSince = null;
return;
} 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"); isFinished: function() {
if (this.idleSince != null) {
var idleTimeMs = Date.now() - this.idleSince;
if (idleTimeMs / 1000 > this.IDLE_TIMEOUT_SEC) {
return true;
}
} }
return false; return false;
} },
else { };
return (umbraBigImage.naturalWidth !== 0)
}
}
function umbraTimeoutExpired () {
if (umbraState.idleSince != null) {
var idleTimeMs = Date.now() - umbraState.idleSince;
return (idleTimeMs/1000 > UMBRA_USER_ACTION_IDLE_TIMEOUT_SEC);
}
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();