scrolly <3

Scrolling by dragging the mouse.

// ==UserScript==
// @id             scrollyId
// @name           scrolly <3
// @version        1.0
// @namespace      azeirah
// @author         Martijn Brekelmans
// @description    Scrolling by dragging the mouse.
// @locale         English
// @include        *
// @run-at         document-end

// ==/UserScript==

"use strict";
var az = {};

az.toType = function(obj) {
  return ({}).toString.call(obj).match(/\s([a-zA-Z]+)/)[1].toLowerCase();
};

az.format = function(str, args) {
  var re = /\{([^}]+)\}/g;
  return str.replace(re, function(_, match) {
    return args[match];
  });
};

az.$ = function(queryString) {
  return document.querySelector(queryString);
};

az.createElement = function(element, cls, attributes) {
  var attr;
  cls = cls || "";
  attributes = attributes || {};
  element = document.createElement(element);
  element.className = cls;
  for (attr in attributes) {
    if (attributes.hasOwnProperty(attr)) {
      element.setAttribute(attr, attributes[attr]);
    }
  }
  return element;
};

az.magicMousey = (function() {
  var lastPosition;
  var body = document.body;
  var keys = {};
  var lastTimes = {};

  var keyCodes = {
    "leftMouse": 1,
    "middleMouse": 2,
    "rightMouse": 3,
    "backspace": 8,
    "tab": 9,
    "enter": 13,
    "shift": 16,
    "ctrl": 17,
    "alt": 18,
    "pause": 19,
    "break": 19,
    "caps": 20,
    "caps lock": 20,
    "capsLock": 20,
    "escape": 27,
    "pageup": 33,
    "page up": 33,
    "pagedown": 34,
    "page down": 34,
    "end": 35,
    "home": 36,
    "left": 37,
    "up": 38,
    "right": 39,
    "down": 40,
    "insert": 45,
    "delete": 46,
    "leftWindows": 91,
    "rightWindows": 92,
    "select": 93,
    "numLock": 144,
    "scrollLock": 145,
    "semiColon": 186,
    "equals": 187,
    "comma": 188,
    "period": 190,
    "forwardSlash": 191,
    "graveAccent": 192,
    "openBracket": 219,
    "backSlash": 220,
    "closeBracket": 221,
    "singleQuote": 222
  };

  function collectKeycodes(offset) {
    return function(value, index) {
      keyCodes[value] = index + offset;
    };
  }

  function aggregateKeycodes(offset, prefix) {
    return function(value, index) {
      keyCodes[prefix + value] = index + offset;
    };
  }

  "abcdefghijklmnopqrstuvwxyz".split("").forEach(collectKeycodes(65));
  "0123456789".split("").forEach(collectKeycodes(48));
  "0123456789".split("").forEach(aggregateKeycodes("num", 96));
  ["multiply", "add", "subtract", "point", "divide"].forEach(collectKeycodes(106));
  [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12].forEach(aggregateKeycodes(112, "f"));

  keys.leftMouse = false;
  keys.middleMouse = false;
  keys.rightMouse = false;

  function generateKeydown(key, keyCode) {
    if (key && keyCode) {
      keys[key] = false;
    }
    window.addEventListener('keydown', function(event) {
      if (event.keyCode === keyCode) {
        keys[key] = true;
      }
    });
    window.addEventListener('keyup', function(event) {
      if (event.keyCode === keyCode) {
        keys[key] = false;
      }
    });
  }

  (function() {
    var key;
    var keyCode;
    for (key in keyCodes) {
      if (keyCodes.hasOwnProperty(key)) {
        keyCode = keyCodes[key];
        generateKeydown(key, keyCode);
      }
    }
  }());

  window.addEventListener('mousedown', function(event) {
    var returnVal = true;
    lastPosition = {
      x: event.clientX,
      y: event.clientY
    };
    if (event.which === 1) {
      keys.leftMouse = true;
    } else if (event.which === 3) {
      keys.rightMouse = true;
    } else if (event.which === 2) {
      keys.middleMouse = true;
      returnVal = false;
    }
    return returnVal;
  });

  window.addEventListener('mouseup', function(event) {
    if (event.which === 1) {
      keys.leftMouse = false;
    } else if (event.which === 3) {
      keys.rightMouse = false;
    } else if (event.which === 2) {
      keys.middleMouse = false;
    }
  });

  function mouseDelta(func) {
    window.addEventListener("mousemove", function(event) {
      var deltaX;
      var deltaY;
      var deltaTime;
      var newTime;
      event.preventDefault();
      if (keys.leftMouse || keys.rightMouse || keys.middleMouse) {
        if (lastTimes.mousemove !== "undefined") {
            newTime = +new Date();
            deltaTime = newTime - lastTimes.mousemove;
        }
        var newPosition = {
          x: event.clientX,
          y: event.clientY
        };
        if (!lastPosition) {
          lastPosition = newPosition;
          return;
        }
        deltaX = newPosition.x - lastPosition.x;
        deltaY = newPosition.y - lastPosition.y;
        func(deltaX, deltaY, deltaTime, keys);
        lastPosition = newPosition;
        lastTimes.mousemove = newTime;
        event.returnValue = false;
      }
    });
  }

  return {
    mouseDelta: mouseDelta
  };
}(window));

(function () {
    var text;
    var lastTime = +new Date();

    function getText(e) {
        text = (document.all) ? document.selection.createRange().text : document.getSelection();
        text += "";
    }

    az.magicMousey.mouseDelta(function (dx, dy, dt, keys) {
        getText();
        if (keys.leftMouse && (!text)) {
            window.scrollBy(-dx, -dy);
        }
    });
}());

// anarchist-state-free scrolling
az.$("html").style.margin = "1000px";
az.$("html").style.width = window.innerWidth + "px";
az.$("html").style.height = window.innerHeight + "px";
// az.$("html").style.height = "1px";
az.$("body").style.width = window.innerWidth + "px";
az.$("body").style.position = "relative";
az.$("body").style.top = "-500px";
az.$("body").style.left = "-500px";
window.scrollTo(500, 500);

// text-selection with the scrollwheel
// (function () {
//     var text = "";
//     var textRange;
//     var lastTime = +new Date();

//     function getText(e) {
//         textRange = (document.all) ? document.selection.createRange().text : document.getSelection();
//     }

//     function deltaWheel(dt) {
//         var tRange;
//         var offsetDelta = Math.floor(dt / 500);
//         if (textRange) {
//             console.log(textRange.focusOffset + offsetDelta);
//             tRange = document.createRange();
//             tRange.setStart(textRange.anchorNode, textRange.anchorOffset);
//             tRange.setEnd(textRange.anchorNode, textRange.focusOffset + offsetDelta);
//             window.getSelection().addRange(tRange);
//             textRange = window.getSelection();
//         }
//     }

//     document.addEventListener("wheel", function (e) {
//         var newTime = +new Date();
//         e.preventDefault();
//         deltaWheel(lastTime - newTime);
//         lastTime = newTime;
//     });

//     document.addEventListener("mouseup", getText);
// }());

az.translate = function(value, leftMin, leftMax, rightMin, rightMax) {
  var leftSpan = leftMax - leftMin;
  var rightSpan = rightMax - rightMin;

  var scaled = (value - leftMin) / leftSpan;
  return rightMin + scaled * rightSpan;
};

az.constrainValue = function(value, min, max) {
  if (value < min) {
    return min;
  } else if (value > max) {
    return max;
  }
  return value;
};