@andyreagan/hedotools 3.0.0

package/js/hedotools.urllib.js

@@ -0,0 +1,186 @@
+/*
+hedotools.urllib
+=========
+
+a simple hedotools plugin to manage pushing and pulling the visualization state to the brower url
+
+tests
+-----
+no test suite, I've tested in in Chrome v35 for reasonable use cases
+
+example
+-------
+also no simple example, but you can see it in use here:
+http://www.uvm.edu/storylab/share/papers/dodds2014a/books.html
+
+documentation
+-------------
+slightly more documentation in the README
+
+new:
+
+decoder returns { current, cached } values
+the current will be blank if there is nothing in the url
+but the cached remains
+I like this feature
+
+*/
+hedotools.urllib = {
+    encoder: function() {
+	var varname = "tmp";
+	var varval = [];
+	var show = true;
+	//var that = this;
+
+	function urllib(d) {
+	    // nothing yet
+	    //console.log(this);
+	    //console.log(that);
+	    return {current: varval,};
+	}
+
+	function parseurl() {
+	    GET = {};
+	    query = window.location.search.substring(1).split("&");
+	    // break down the url
+	    for (var i = 0, max = query.length; i < max; i++)
+	    {
+		if (query[i] === "") // check for trailing & with no param
+		    continue;
+		var param = query[i].split("=");
+		GET[decodeURIComponent(param[0])] = decodeURIComponent(param[1] || "");
+	    }
+
+	    baseUrl = window.location.origin+window.location.pathname;
+	    var tmpStr = ""
+	    if (typeof varval == 'string' || varval instanceof String)
+	    { tmpStr+=varval; }
+	    else
+	    {
+		tmpStr += "["+varval[0]
+		for (var i=1; i<varval.length; i++) { tmpStr += ","+varval[i]; }
+		tmpStr+="]"
+	    }
+	    GET[varname] = tmpStr;
+
+	    var urlString = ""
+	    for (var key in GET) {
+		if (GET.hasOwnProperty(key)) {
+		    if (varname === key) {
+			// console.log("found that variable");
+			// console.log(show);
+			if (show) {
+			    urlString += key+"="+GET[key]+"&";
+			}
+		    }
+		    else { urlString += key+"="+GET[key]+"&"; }
+		}
+	    }
+
+	    urlString = urlString.substring(0,urlString.length-1);
+
+	    // only add to url if there is stuff
+	    if (urlString.length > 0) {
+		newDataUrl = baseUrl+"?"+urlString
+	    }
+	    else { newDataUrl = baseUrl; }
+
+	    window.history.replaceState("object or string", "title",newDataUrl);
+
+	    return urllib;
+	}
+
+	urllib.varname = function(_) {
+	    if (!arguments.length) return varname;
+	    varname = _;
+	    return urllib;
+	}
+
+	urllib.destroy = function() {
+	    show = false;
+	    parseurl();
+	    show = true;
+	    // return urllib;
+	}
+
+	urllib.varval = function(_) {
+	    if (!arguments.length) return varval;
+	    varval = _;
+	    return parseurl();
+	}
+
+	return urllib;
+    },
+    decoder: function() {
+	var varname = "tmp";
+	var varresult = [];
+	var defvalue = [];
+
+	function urllib(d) {
+	    parseurl();
+	    return {current: varresult,
+		    cached: defvalue};
+	}
+
+	function parseurl() {
+	    GET = {};
+	    query = window.location.search.substring(1).split("&");
+	    for (var i = 0, max = query.length; i < max; i++) {
+		if (query[i] === "") // check for trailing & with no param
+		    continue;
+		var param = query[i].split("=");
+		GET[decodeURIComponent(param[0])] = decodeURIComponent(param[1] || "");
+	    }
+
+	    if (varname in GET) {
+		if (GET[varname].length > 0 && GET[varname][0] === "[") {
+		    if (GET[varname][GET[varname].length-1] === "]") {
+			var tmpArray = GET[varname].substring(1, GET[varname].length - 1).split(',');
+		    }
+		    else {
+			var tmpArray = GET[varname].substring(1, GET[varname].length).split(',');
+		    }
+		    varresult = tmpArray;
+		    defvalue = tmpArray;
+		}
+		else {
+		    varresult = GET[varname];
+		    defvalue = GET[varname];
+		}
+	    }
+	    else {
+		// if there is nothing in the url...we'll let the value
+		// live. this next line would kill the value
+		varresult = ""
+	    }
+	    return urllib;
+	}
+
+	urllib.varname = function(_) {
+	    if (!arguments.length) return varname;
+	    varname = _;
+	    return parseurl();
+	}
+
+	urllib.varresult = function(_) {
+	    if (!arguments.length) return varresult;
+	    varresult = _;
+	    defvalue = _;
+	    return urllib;
+	}
+
+	return urllib;
+    }
+};
+
+
+
+
+
+
+
+
+
+
+
+

package/js/shift-crowbar.js

@@ -0,0 +1,106 @@
+var page = require('webpage').create();
+var system = require('system');
+var fs = require('fs');
+var address;
+var selector;
+var output;
+
+if (system.args.length < 4) {
+    console.log('Usage: phantom-crowbar.js <some URL> <selector> <outputfile>');
+    phantom.exit();
+}
+
+address = system.args[1];
+selector = system.args[2];
+output = system.args[3];
+
+// logging
+page.onConsoleMessage = function(msg) {
+  console.log('Console: '+msg);
+};
+
+// big screen
+page.viewportSize = {
+  width: 1400,
+  height: 800
+};
+
+// open dat page
+page.open(address, function(status) {
+    if (status !== 'success') {
+	console.log('FAIL to load the address');
+	phantom.exit();
+    }
+    else {
+	var out = page.evaluate(function(s) {
+	    // get rid of the credit and button entirely
+	    d3.selectAll('g.resetbutton').remove();
+	    d3.selectAll('.credit').remove();
+
+	    // nice way
+	    // hedotools.shifter.resetbuttontoggle(false);
+
+	    // actually get the svg out, using a lot of the crowbar code
+	    var source = '';
+	    var doctype = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">';
+	    var prefix = {
+		xmlns: "http://www.w3.org/2000/xmlns/",
+		xlink: "http://www.w3.org/1999/xlink",
+		svg: "http://www.w3.org/2000/svg"
+	    }
+
+	    var styles = '';
+            var styleSheets = document.styleSheets;
+
+	    for (var i=0; i < styleSheets.length; i++) {
+		processStyleSheet(styleSheets[i]);
+	    }
+
+	    // much simplified code from the crowbar
+	    // don't care about illustrator
+	    // and i don't use import rules
+	    function processStyleSheet(ss) {
+		if (ss.cssRules) {
+		    for (var i = 0; i < ss.cssRules.length; i++) {
+			var rule = ss.cssRules[i];
+			styles += "\n" + rule.cssText;
+		    }
+		}
+	    }
+
+	    // mostly untouched from the crowbar
+	    var svg = document.getElementById(s);
+	    svg.setAttribute("version", "1.1");
+
+	    var defsEl = document.createElement("defs");
+	    svg.insertBefore(defsEl, svg.firstChild);
+	    var styleEl = document.createElement("style")
+	    defsEl.appendChild(styleEl);
+	    styleEl.setAttribute("type", "text/css");
+	    svg.removeAttribute("xmlns");
+	    svg.removeAttribute("xlink");
+	    // These are needed for the svg
+	    if (!svg.hasAttributeNS(prefix.xmlns, "xmlns")) {
+		svg.setAttributeNS(prefix.xmlns, "xmlns", prefix.svg);
+	    }
+	    if (!svg.hasAttributeNS(prefix.xmlns, "xmlns:xlink")) {
+		svg.setAttributeNS(prefix.xmlns, "xmlns:xlink", prefix.xlink);
+	    }
+
+	    var svgxml = (new XMLSerializer()).serializeToString(svg)
+		.replace('</style>', '<![CDATA[' + styles + ']]></style>');
+	    source += doctype + svgxml;
+
+	    return source;
+
+	}, selector);
+
+	// write it out to a file
+	fs.write(output,out,'w');
+	console.log('Evaluated our code');
+	phantom.exit();
+    }
+});
+
+
+

package/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "@andyreagan/hedotools",
+  "version": "3.0.0",
+  "description": "A collection of D3.js tools in use at hedonometer.org: word shifts, choropleth maps, sankey diagrams, a frequency lens, and bar charts. Version tracks the supported D3 major version (3.x = D3 v3).",
+  "author": "Andy Reagan",
+  "license": "BSD-2-Clause",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/andyreagan/hedotools.git"
+  },
+  "homepage": "https://github.com/andyreagan/hedotools#readme",
+  "bugs": {
+    "url": "https://github.com/andyreagan/hedotools/issues"
+  },
+  "files": [
+    "js",
+    "css",
+    "fonts",
+    "bundle.sh",
+    "code-versions.md"
+  ],
+  "dependencies": {
+    "d3": "^4.13.0",
+    "d3-selection": "^1.3.0",
+    "d3-selection-multi": "^1.0.1",
+    "jquery": "^3.5.1"
+  }
+}