☰

leanforward

Fix Deviantart's SitBack page for flash-less browsers.

// This program is free software: you can redistribute it and/or modify
// it under the terms of the GNU Lesser General Public License as published by
// the Free Software Foundation, either version 3 of the License, or
// (at your option) any later version.
//
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
// GNU Lesser General Public License for more details.
//
// You should have received a copy of the GNU Lesser General Public License
// along with this program.  If not, see <http://www.gnu.org/licenses/>.

// Hush
/* jshint multistr: true */

// ==UserScript==
// @name            leanforward
// @namespace       https://greasyfork.org/en/users/24734-ctag
// @description     Fix Deviantart's SitBack page for flash-less browsers.
// @version         01.02.02
// @author          Christopher Bero
// @license         LGPL-3.0 http://www.gnu.org/licenses/lgpl-3.0.en.html
// @homepageURL     https://github.com/ctag/leanforward
// @resource        license http://www.gnu.org/licenses/lgpl-3.0.txt
// @include         /.*justsitback\.deviantart\.com.*/
// @grant           GM_xmlhttpRequest
// @grant           GM_info
// @require         https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js
// @run-at          document-idle
// ==/UserScript==

// Variables
var _DEBUG = false;
var divContent = document.getElementById("sitbackcontent");
var imageLoad;
var imageDisp;
var deviationData = [];
var imageIndex = 0;
var timerID;
// RSS Request Variables
var queryData;
var rssUrl;
var rssBase = 'http://backend.deviantart.com/rss.xml?type=deviation';
var reqJson;
// http RSS request options
var limit = 20; // fetch 20 images at a time
var offset = 0; // offset from front, incremented by 'limit'
var rssEnd = false; // Boolean, are we out of RSS data?
// Transition variables
var delay = 10000;

if (_DEBUG) console.log("Running leanforward.user.js [" + GM_info.script.version + "]");

/**
 * getQueryVariable
 * Get the rssQuery GET variable from the sitback URL
 */
function getQueryVariable(variable) {
  var query = window.location.search.substring(1);
  var vars = query.split("&");
  for (var i = 0; i < vars.length; i++) {
    var pair = vars[i].split("=");
    if (pair[0] == variable) {
      return pair[1];
    }
  }
  return (false);
}

function displayNext() {
  imageIndex++;
  if (imageIndex >= deviationData.length) {
    imageIndex = 0;
  }
  //if (_DEBUG) console.log("Setting image to: ", imageLoad.attr('src'));
  console.log("Loading image: " + imageIndex);
  imageDisp.attr('src', imageLoad.attr('src'));
  imageLoad.attr('src', deviationData[imageIndex].image.url);
  if (imageIndex === (deviationData.length - limit + 1)) {
    console.log("End of images! Getting more...");
    //window.clearInterval(timerID);
    doTransfer();
  }
}

function addGetVar(url, name, value)
{
  url = url + '&' + name + '=' + value;
  return url;
}

function buildQueryURL()
{
  if (!queryData) {
    queryData  = getQueryVariable('rssQuery');
  }
  rssUrl = addGetVar(rssBase, 'q', queryData);
  rssUrl = addGetVar(rssUrl, 'limit', limit);
  rssUrl = addGetVar(rssUrl, 'offset', offset);
  offset += limit;
  console.log("Build Query URL: ", rssUrl);
}

function loopStart()
{
  timerID = window.setInterval(displayNext, delay);
}

function loopStop()
{
  window.clearInterval(timerID);
}

function transferComplete(data) {
  if (_DEBUG) console.log("Transfer Complete: ");
  var xml = $.parseXML(data.responseText);
  var parsed = $(xml);
  var items = parsed.find('item');
  $.each(items, function () {
    item = $(this);
    deviation = {};
    deviation.image = {};
    deviation.title = item.find('title').text();
    deviation.description = item.find('description').text();
    deviation.url = item.find('link').text(); // A url to the page
    deviation.copyright = item.find('media\\:copyright, copyright').text();
    deviation.copyrightUrl = item.find('media\\:copyright, copyright').attr('url');
    deviation.image.url = item.find('media\\:content, content').attr('url');
    deviation.image.width = item.find('media\\:content, content').attr('width');
    deviation.image.height = item.find('media\\:content, content').attr('height');
    deviation.image.medium = item.find('media\\:content, content').attr('medium');
    deviationData.push(deviation);
    if (_DEBUG) console.log("New image data: ", deviation);
  });

  //if (_DEBUG) console.log("transfer complete data: ", data.responseText);
  // var reg = /<media:content url=\"(.*)\" height/mg; // gross, I know.
  // var match = reg.exec(data.responseText);
  // while (match !== null) {
  //   deviationData.push(match[1]);
  //   match = reg.exec(data.responseText);
  // }
  //if (_DEBUG) console.log("Images: ", deviationData);
  if (!imageDisp.attr('src')) {
    imageDisp.attr('src', deviationData[0].image.url);
    imageLoad.attr('src', deviationData[1].image.url);
    imageIndex = 0;
    loopStart();
  }
}

function transferFailed(error) {
  console.log("http Request Error: ", error);
}

function doTransfer() {
  console.log("Getting an additional " + limit + " images, already have " + deviationData.length);
  buildQueryURL();
  // Send cross-site RSS request
  GM_xmlhttpRequest({
    method: "GET",
    synchronous: false,
    timeout: delay,
    url: rssUrl,
    onload: transferComplete,
    onerror: transferFailed,
    onabort: transferFailed,
    ontimeout: transferFailed
  });
}

function setup() {
  // console.log("Doc domain: ", document.domain);
  // document.domain = "deviantart.com"; // Doesn't work here
  // console.log(document.domain);
  divContent.textContent = "";
  var img1 = document.createElement("img");
  var img2 = document.createElement("img");
  img1.id = "img_load";
  img1.className = "img_loading";
  img2.id = "img_disp";
  img2.className = "img_displayed";
  divContent.appendChild(img1);
  divContent.appendChild(img2);

  imageLoad = $("#img_load");
  imageDisp = $("#img_disp");
  imageLoad.css({
    "max-width": "100%",
    "max-height": "100%",
    "display": "none"
  });
  imageDisp.css({
    "max-width": "100%",
    "max-height": "100%",
    "display": "block",
    "margin": "0 auto"
  });
  console.log("Done with setup()");
}

/**
 * DO THINGS
 */

// Throw something on the page.
divContent.textContent = "Oh, hello there! Give us just a second to fetch your images...";
// Setup the page
setup();
// Kick off the RSS feed loop
doTransfer();


/**
 * ONLY UNUSED CODE BELOW HERE
 */

// googleUrl = document.location.protocol + '//ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=-1&q=' + encodeURIComponent(rssUrl);

// function getRSS(rssURL) {
//   $.ajax({
//     url: rssURL,
//     type: "GET",
//     crossDomain: true,
//     dataType: 'json',
//     success: function(xml) {
//       deviationData.length = xml.responseData.feed.entries.length;
//       console.log("Array Length: ", deviationData.length);
//       for (var i = 0; i < deviationData.length; i++) {
//         deviationData.push(xml.responseData.feed.entries[i].mediaGroups[0].contents[0].url);
//         //console.log("Image: ", deviationData[i]);
//       }
//       document.getElementById("sitbackcontent").textContent = "";
//       setupImage();
//
//       timerID = window.setInterval(displayNext, 5000);
//       //displayNext();
//     },
//     error: function(jqXHR, textStatus, errorThrown) {
//       console.log('Unable to load feed, Incorrect path or invalid feed');
//       // console.log('URL: ', googleUrl);
//       // console.log("Returned text: ", textStatus);
//     }
//   });
// }