babushka-viz 0.0.0

data/public/vendor/springyui.js

@@ -0,0 +1,314 @@
+/**
+Copyright (c) 2010 Dennis Hotson
+
+ Permission is hereby granted, free of charge, to any person
+ obtaining a copy of this software and associated documentation
+ files (the "Software"), to deal in the Software without
+ restriction, including without limitation the rights to use,
+ copy, modify, merge, publish, distribute, sublicense, and/or sell
+ copies of the Software, and to permit persons to whom the
+ Software is furnished to do so, subject to the following
+ conditions:
+
+ The above copyright notice and this permission notice shall be
+ included in all copies or substantial portions of the Software.
+
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+ EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+ OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+ NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+ HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+ WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+ FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+ OTHER DEALINGS IN THE SOFTWARE.
+*/
+
+(function() {
+
+jQuery.fn.springy = function(params) {
+	var graph = this.graph = params.graph || new Springy.Graph();
+
+	var stiffness = params.stiffness || 400.0;
+	var repulsion = params.repulsion || 400.0;
+	var damping = params.damping || 0.5;
+	var nodeSelected = params.nodeSelected || null;
+
+	var canvas = this[0];
+	var ctx = canvas.getContext("2d");
+
+	var layout = this.layout = new Springy.Layout.ForceDirected(graph, stiffness, repulsion, damping);
+
+	// calculate bounding box of graph layout.. with ease-in
+	var currentBB = layout.getBoundingBox();
+	var targetBB = {bottomleft: new Springy.Vector(-2, -2), topright: new Springy.Vector(2, 2)};
+
+	// auto adjusting bounding box
+	Springy.requestAnimationFrame(function adjust() {
+		targetBB = layout.getBoundingBox();
+		// current gets 20% closer to target every iteration
+		currentBB = {
+			bottomleft: currentBB.bottomleft.add( targetBB.bottomleft.subtract(currentBB.bottomleft)
+				.divide(10)),
+			topright: currentBB.topright.add( targetBB.topright.subtract(currentBB.topright)
+				.divide(10))
+		};
+
+		Springy.requestAnimationFrame(adjust);
+	});
+
+	// convert to/from screen coordinates
+	var toScreen = function(p) {
+		var size = currentBB.topright.subtract(currentBB.bottomleft);
+		var sx = p.subtract(currentBB.bottomleft).divide(size.x).x * canvas.width;
+		var sy = p.subtract(currentBB.bottomleft).divide(size.y).y * canvas.height;
+		return new Springy.Vector(sx, sy);
+	};
+
+	var fromScreen = function(s) {
+		var size = currentBB.topright.subtract(currentBB.bottomleft);
+		var px = (s.x / canvas.width) * size.x + currentBB.bottomleft.x;
+		var py = (s.y / canvas.height) * size.y + currentBB.bottomleft.y;
+		return new Springy.Vector(px, py);
+	};
+
+	// half-assed drag and drop
+	var selected = null;
+	var nearest = null;
+	var dragged = null;
+
+	jQuery(canvas).mousedown(function(e) {
+		var pos = jQuery(this).offset();
+		var p = fromScreen({x: e.pageX - pos.left, y: e.pageY - pos.top});
+		selected = nearest = dragged = layout.nearest(p);
+
+		if (selected.node !== null) {
+			dragged.point.m = 10000.0;
+
+			if (nodeSelected) {
+				nodeSelected(selected.node);
+			}
+		}
+
+		renderer.start();
+	});
+
+	// Basic double click handler
+	jQuery(canvas).dblclick(function(e) {
+		var pos = jQuery(this).offset();
+		var p = fromScreen({x: e.pageX - pos.left, y: e.pageY - pos.top});
+		selected = layout.nearest(p);
+		node = selected.node;
+		if (node && node.data && node.data.ondoubleclick) {
+			node.data.ondoubleclick();
+		}
+	});
+
+	jQuery(canvas).mousemove(function(e) {
+		var pos = jQuery(this).offset();
+		var p = fromScreen({x: e.pageX - pos.left, y: e.pageY - pos.top});
+		nearest = layout.nearest(p);
+
+		if (dragged !== null && dragged.node !== null) {
+			dragged.point.p.x = p.x;
+			dragged.point.p.y = p.y;
+		}
+
+		renderer.start();
+	});
+
+	jQuery(window).bind('mouseup',function(e) {
+		dragged = null;
+	});
+
+	Springy.Node.prototype.getWidth = function() {
+		var text = (this.data.label !== undefined) ? this.data.label : this.id;
+		if (this._width && this._width[text])
+			return this._width[text];
+
+		ctx.save();
+		ctx.font = "16px Verdana, sans-serif";
+		var width = ctx.measureText(text).width + 10;
+		ctx.restore();
+
+		this._width || (this._width = {});
+		this._width[text] = width;
+
+		return width;
+	};
+
+	Springy.Node.prototype.getHeight = function() {
+		return 20;
+	};
+
+	var renderer = this.renderer = new Springy.Renderer(layout,
+		function clear() {
+			ctx.clearRect(0,0,canvas.width,canvas.height);
+		},
+		function drawEdge(edge, p1, p2) {
+			var x1 = toScreen(p1).x;
+			var y1 = toScreen(p1).y;
+			var x2 = toScreen(p2).x;
+			var y2 = toScreen(p2).y;
+
+			var direction = new Springy.Vector(x2-x1, y2-y1);
+			var normal = direction.normal().normalise();
+
+			var from = graph.getEdges(edge.source, edge.target);
+			var to = graph.getEdges(edge.target, edge.source);
+
+			var total = from.length + to.length;
+
+			// Figure out edge's position in relation to other edges between the same nodes
+			var n = 0;
+			for (var i=0; i<from.length; i++) {
+				if (from[i].id === edge.id) {
+					n = i;
+				}
+			}
+
+			var spacing = 6.0;
+
+			// Figure out how far off center the line should be drawn
+			var offset = normal.multiply(-((total - 1) * spacing)/2.0 + (n * spacing));
+
+			var s1 = toScreen(p1).add(offset);
+			var s2 = toScreen(p2).add(offset);
+
+			var boxWidth = edge.target.getWidth();
+			var boxHeight = edge.target.getHeight();
+
+			var intersection = intersect_line_box(s1, s2, {x: x2-boxWidth/2.0, y: y2-boxHeight/2.0}, boxWidth, boxHeight);
+
+			if (!intersection) {
+				intersection = s2;
+			}
+
+			var stroke = (edge.data.color !== undefined) ? edge.data.color : '#000000';
+
+			var arrowWidth;
+			var arrowLength;
+
+			var weight = (edge.data.weight !== undefined) ? edge.data.weight : 1.0;
+
+			ctx.lineWidth = Math.max(weight *  2, 0.1);
+			arrowWidth = 1 + ctx.lineWidth;
+			arrowLength = 8;
+
+			var directional = (edge.data.directional !== undefined) ? edge.data.directional : true;
+
+			// line
+			var lineEnd;
+			if (directional) {
+				lineEnd = intersection.subtract(direction.normalise().multiply(arrowLength * 0.5));
+			} else {
+				lineEnd = s2;
+			}
+
+			ctx.strokeStyle = stroke;
+			ctx.beginPath();
+			ctx.moveTo(s1.x, s1.y);
+			ctx.lineTo(lineEnd.x, lineEnd.y);
+			ctx.stroke();
+
+			// arrow
+			if (directional) {
+				ctx.save();
+				ctx.fillStyle = stroke;
+				ctx.translate(intersection.x, intersection.y);
+				ctx.rotate(Math.atan2(y2 - y1, x2 - x1));
+				ctx.beginPath();
+				ctx.moveTo(-arrowLength, arrowWidth);
+				ctx.lineTo(0, 0);
+				ctx.lineTo(-arrowLength, -arrowWidth);
+				ctx.lineTo(-arrowLength * 0.8, -0);
+				ctx.closePath();
+				ctx.fill();
+				ctx.restore();
+			}
+
+			// label
+			if (edge.data.label !== undefined) {
+				text = edge.data.label
+				ctx.save();
+				ctx.textAlign = "center";
+				ctx.textBaseline = "top";
+				ctx.font = "10px Helvetica, sans-serif";
+				ctx.fillStyle = "#5BA6EC";
+				ctx.fillText(text, (x1+x2)/2, (y1+y2)/2);
+				ctx.restore();
+			}
+
+		},
+		function drawNode(node, p) {
+			var s = toScreen(p);
+
+			ctx.save();
+
+			var boxWidth = node.getWidth();
+			var boxHeight = node.getHeight();
+
+			// clear background
+			ctx.clearRect(s.x - boxWidth/2, s.y - 10, boxWidth, 20);
+
+			// fill background
+			if (selected !== null && nearest.node !== null && selected.node.id === node.id) {
+				ctx.fillStyle = "#FFFFE0";
+			} else if (nearest !== null && nearest.node !== null && nearest.node.id === node.id) {
+				ctx.fillStyle = "#EEEEEE";
+			} else {
+				ctx.fillStyle = "#FFFFFF";
+			}
+			ctx.fillRect(s.x - boxWidth/2, s.y - 10, boxWidth, 20);
+
+			ctx.textAlign = "left";
+			ctx.textBaseline = "top";
+			ctx.font = "16px Verdana, sans-serif";
+			ctx.fillStyle = "#000000";
+			ctx.font = "16px Verdana, sans-serif";
+			var text = (node.data.label !== undefined) ? node.data.label : node.id;
+			ctx.fillText(text, s.x - boxWidth/2 + 5, s.y - 8);
+
+			ctx.restore();
+		}
+	);
+
+	renderer.start();
+
+	// helpers for figuring out where to draw arrows
+	function intersect_line_line(p1, p2, p3, p4) {
+		var denom = ((p4.y - p3.y)*(p2.x - p1.x) - (p4.x - p3.x)*(p2.y - p1.y));
+
+		// lines are parallel
+		if (denom === 0) {
+			return false;
+		}
+
+		var ua = ((p4.x - p3.x)*(p1.y - p3.y) - (p4.y - p3.y)*(p1.x - p3.x)) / denom;
+		var ub = ((p2.x - p1.x)*(p1.y - p3.y) - (p2.y - p1.y)*(p1.x - p3.x)) / denom;
+
+		if (ua < 0 || ua > 1 || ub < 0 || ub > 1) {
+			return false;
+		}
+
+		return new Springy.Vector(p1.x + ua * (p2.x - p1.x), p1.y + ua * (p2.y - p1.y));
+	}
+
+	function intersect_line_box(p1, p2, p3, w, h) {
+		var tl = {x: p3.x, y: p3.y};
+		var tr = {x: p3.x + w, y: p3.y};
+		var bl = {x: p3.x, y: p3.y + h};
+		var br = {x: p3.x + w, y: p3.y + h};
+
+		var result;
+		if (result = intersect_line_line(p1, p2, tl, tr)) { return result; } // top
+		if (result = intersect_line_line(p1, p2, tr, br)) { return result; } // right
+		if (result = intersect_line_line(p1, p2, br, bl)) { return result; } // bottom
+		if (result = intersect_line_line(p1, p2, bl, tl)) { return result; } // left
+
+		return false;
+	}
+
+	return this;
+}
+
+})();

data/template/data.js.erb

@@ -0,0 +1,11 @@
+function load_data(graph) {
+  var deps = {}
+  <% deps.each do |name, dep| %>
+  deps[<%= name.inspect %>] = graph.newNode({label: <%= name.inspect %>});<% end %>
+
+  <% deps.each do |name, dep| %><% depname = name.gsub(/ /, "_") %>
+    <% dep.___dependencies.each do |dependency| %>
+      if (deps[<%= dependency.inspect %>] !== undefined)
+        graph.newEdge(deps[<%= name.inspect %>], deps[<%= dependency.inspect %>]);
+  <% end %> <% end %>
+}

data/template/index.html.erb

@@ -0,0 +1,25 @@
+<!doctype html>
+<html lang=en>
+    <head>
+        <meta charset=utf-8>
+        <title></title>
+        <script src="vendor/jquery-1.9.1.js"></script>
+        <script src="vendor/springy.js"></script>
+        <script src="vendor/springyui.js"></script>
+        <script src="data.js"></script>
+    </head>
+    <body>
+      <canvas id="dependency_graph" width="20" height="20" />
+    </body>
+    <script>
+      $(document).ready(function() {
+        var graph_cvs = document.getElementById('dependency_graph');
+        graph_cvs.width = document.width;
+        graph_cvs.height = document.height;
+        var graph = new Springy.Graph();
+        load_data(graph);
+        $('#dependency_graph').springy({graph: graph});
+      });
+    </script>
+</html>
+

metadata

@@ -0,0 +1,84 @@
+--- !ruby/object:Gem::Specification
+name: babushka-viz
+version: !ruby/object:Gem::Version
+  version: 0.0.0
+  prerelease: 
+platform: ruby
+authors:
+- Richo Healey
+autorequire: 
+bindir: bin
+cert_chain:
+- !binary |-
+  LS0tLS1CRUdJTiBDRVJUSUZJQ0FURS0tLS0tCk1JSURORENDQWh5Z0F3SUJB
+  Z0lCQURBTkJna3Foa2lHOXcwQkFRVUZBREJBTVE0d0RBWURWUVFEREFWeWFX
+  Tm8KYnpFWk1CY0dDZ21TSm9tVDhpeGtBUmtXQ1hCemVXTm9NSFJwYXpFVE1C
+  RUdDZ21TSm9tVDhpeGtBUmtXQTI1bApkREFlRncweE1qRXdNall4TXpNMU1U
+  WmFGdzB4TXpFd01qWXhNek0xTVRaYU1FQXhEakFNQmdOVkJBTU1CWEpwClky
+  aHZNUmt3RndZS0NaSW1pWlB5TEdRQkdSWUpjSE41WTJnd2RHbHJNUk13RVFZ
+  S0NaSW1pWlB5TEdRQkdSWUQKYm1WME1JSUJJakFOQmdrcWhraUc5dzBCQVFF
+  RkFBT0NBUThBTUlJQkNnS0NBUUVBeEJ5Y1ZYYU1QMWpmWHRGTwpqL3E4SEQ1
+  WGU1Lzl1K29kK0lSYUJDNUdDZnRPVlI3WG13T04vTThoVms5ZmRtSG5TYzhI
+  RGNBclNzVE55RHlJCitnck1YVDBUU3pkNnpydUc4eG5IWlNqR0NvNmd4cHZo
+  YnBMZzZtRk9WaldCTXQwL2RWK3R6ZlNOZENJK3NYaUgKYW1Zem14aWJFUVBN
+  MXhnWlBwaFV1RURkcldzMUNPVmxBWk80ekEyVTZYYUZHVlhLQjRDT1VkeGVI
+  bGNoV0g3dApPR1J2OFFBcTZZRG0wUkRKYXlyTTA5MmJ2UUZXSFE0anJ6MUxp
+  a0J1c2lJYlVMOGFnYmNMVVBLYXc3VVFDWWEvCmFZMUZEQ0pGTEZ1SmhUaGdS
+  dWZGSDB0N09XclRVYUJzQ0tqK05kSnZwMlk3emNQOTFaV1FhZll0WTR2enQ0
+  RzQKZDU3VHdRSURBUUFCb3prd056QUpCZ05WSFJNRUFqQUFNQjBHQTFVZERn
+  UVdCQlEvRitqak9lcVBveTNyWks5QQplaXBqR1dpQVpUQUxCZ05WSFE4RUJB
+  TUNCTEF3RFFZSktvWklodmNOQVFFRkJRQURnZ0VCQUJoa3drMTVUU3h0ClFO
+  azY5SFd6ckFObjRjcm9MVjN5VVBXYzdUTDZJU25nRzUxRytwaUF1cS96a2Q1
+  UVhpcmExZnBna284N003b3kKMElIRGFsc0pGR3ZQQUFhNnJZSTRQcG1jZUhv
+  UDl1bzhpRktpNEhRZDJIanFqR3dKM2ZzcnpTNkdzYWhiaDFRcwpNd1JMVkJ5
+  N1RWMkNiMDhRVWxCOG85TjRWR2dTaGdsN3RnRlZXQ1UrWFZVQmM4WGZmcVRs
+  aE9iU0N6U0taNXRaCm51OHViQkV2RncwdXpHSkdRc0RoajFieHlpNUR1Yksy
+  WE94VTdHci9meUJWeHlzOUUwV01VUEVldDZseis2bGEKRVpvb0RGQTRZbU1J
+  Zlc4RnZqMi9UM1Yvc0wxdkpTRENkVHY3RUNkb1g1c25RbVR4RDlwRnNVbXhM
+  ZmlKL01GTQppaXcrT1B0dmxzST0KLS0tLS1FTkQgQ0VSVElGSUNBVEUtLS0t
+  LQo=
+date: 2013-03-25 00:00:00.000000000 Z
+dependencies: []
+description: description
+email:
+- richo@psych0tik.net
+executables:
+- babushka-viz
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- README.md
+- babushka-viz.gemspec
+- bin/babushka-viz
+- lib/babushka-viz/deps.rb
+- public/vendor/jquery-1.9.1.js
+- public/vendor/springy.js
+- public/vendor/springyui.js
+- template/data.js.erb
+- template/index.html.erb
+homepage: http://github.com/richo/babushka-viz
+licenses: []
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 1.8.24
+signing_key: 
+specification_version: 3
+summary: description
+test_files: []

metadata.gz.sig

@@ -0,0 +1,3 @@
+Mt
+_m�=�z���:c<h��!�ĺX�(�=K�VC�����#�BN�z$��6�b�!=��F����)��f�/y���3��|�/SCx7�d���LJ��os'�\)���l^P�$��
+[b�p��