rspectacles 0.0.1

data/.gitignore

@@ -0,0 +1 @@
+pkg/*

data/Gemfile

@@ -0,0 +1,3 @@
+source :rubygems
+
+gemspec

data/Gemfile.lock

@@ -0,0 +1,46 @@
+PATH
+  remote: .
+  specs:
+    rspectacles (0.0.1)
+      em-hiredis (~> 0.2.1)
+      rake
+      sinatra (~> 1.4.3)
+      thin (>= 1.5.0)
+
+GEM
+  remote: http://rubygems.org/
+  specs:
+    daemons (1.1.9)
+    diff-lcs (1.1.3)
+    em-hiredis (0.2.1)
+      hiredis (~> 0.4.0)
+    eventmachine (1.0.3)
+    hiredis (0.4.5)
+    rack (1.5.2)
+    rack-protection (1.5.0)
+      rack
+    rake (10.1.0)
+    rspec (2.12.0)
+      rspec-core (~> 2.12.0)
+      rspec-expectations (~> 2.12.0)
+      rspec-mocks (~> 2.12.0)
+    rspec-core (2.12.2)
+    rspec-expectations (2.12.1)
+      diff-lcs (~> 1.1.3)
+    rspec-mocks (2.12.2)
+    sinatra (1.4.3)
+      rack (~> 1.4)
+      rack-protection (~> 1.4)
+      tilt (~> 1.3, >= 1.3.4)
+    thin (1.5.1)
+      daemons (>= 1.0.9)
+      eventmachine (>= 0.12.6)
+      rack (>= 1.0.0)
+    tilt (1.4.1)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  rspec
+  rspectacles!

data/Rakefile

@@ -0,0 +1 @@
+require 'bundler/gem_tasks'

data/bin/rspectacles

@@ -0,0 +1,16 @@
+#!/usr/bin/env ruby
+#
+
+require 'eventmachine'
+EM.run do
+  begin
+    require 'rspectacles/app.rb'
+  rescue LoadError => e
+    require 'rubygems'
+    path = File.expand_path '../../lib', __FILE__
+    $:.unshift(path) if File.directory?(path) && !$:.include?(path)
+    require 'rspectacles/app.rb'
+  end
+
+  Thin::Server.start RSpectacles::App, '0.0.0.0', 4567
+end

data/lib/rspectacles/app/public/css/style.css

@@ -0,0 +1,24 @@
+body {
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  margin: auto;
+  position: relative;
+  width: 960px;
+}
+
+form {
+  position: absolute;
+  right: 10px;
+  top: 10px;
+}
+
+.example-details {
+  position: fixed;
+  top: 0;
+  left: 0;
+  padding: 20px;
+  background: rgba(255, 255, 255, 0.5);
+  width: 100%
+  z-index: 100;
+  overflow: auto;
+  max-width: 300px;
+}

data/lib/rspectacles/app/public/js/chart.js

@@ -0,0 +1,129 @@
+/*global define: true */
+define(['jquery', 'pathtree'], function ($, PathTree) {
+  'use strict';
+
+  function chart(options) {
+    var svg, partition, arc, me
+      , tmpl = $('#template').html()
+      ;
+
+    options = $.extend({
+      width: 960
+    , height: 700
+    , color: d3.scale.category20c()
+    , isCount: false
+    }, options);
+
+    options.radius = Math.min(options.width, options.height) / 2;
+
+    svg = d3.select("body").append("svg")
+          .attr("width", options.width)
+          .attr("height", options.height)
+          .append("g")
+          .attr("transform", "translate(" +
+                             options.width / 2 + "," +
+                             options.height * 0.52 + ")");
+
+    partition = d3.layout.partition()
+                  .sort(null)
+                  .size([2 * Math.PI, options.radius * options.radius]);
+
+    arc = d3.svg.arc()
+            .startAngle(function (d) { return d.x; })
+            .endAngle(function (d) { return d.x + d.dx; })
+            .innerRadius(function (d) { return Math.sqrt(d.y); })
+            .outerRadius(function (d) { return Math.sqrt(d.y + d.dy); });
+
+    // Stash the old values for transition.
+    function stash(d) {
+      d.x0 = d.x;
+      d.dx0 = d.dx;
+    }
+
+    // Interpolate the arcs in data space.
+    function arcTween(a) {
+      var i = d3.interpolate({x: a.x0, dx: a.dx0}, a);
+      return function tweener(t) {
+        var b = i(t);
+        a.x0 = b.x;
+        a.dx0 = b.dx;
+        return arc(b);
+      };
+    }
+
+    function showDetails(data) {
+      var mappedData = $.extend({
+        name: ''
+      , line_number: ''
+      , status: ''
+      , duration: ''
+      , time_or_count: options.isCount ? 'Examples' : 'Seconds'
+      }, data)
+      ;
+
+      !options.isCount && (mappedData.value = mappedData.value.toFixed(3));
+
+      $('.example-wrapper').html(Plates.bind(tmpl, mappedData));
+    }
+
+    function getValue() {
+      return options.isCount ?
+                  function () { return 1; } :
+                  function (d) { return d.size; };
+    }
+
+    function render() {
+      var path = svg.datum(me.tree.nodes).selectAll("path")
+          .data(partition.value(getValue()).nodes);
+
+      path
+          .attr("d", arc)
+          .each(stash);
+
+      path.enter().append("path")
+          .attr("display", function (d) { return d.depth ? null : "none"; }) // hide inner ring
+          .attr("d", arc)
+          .style("stroke", function (d) { return '#fff'; })
+          .style("fill", function (d) {
+            if (d.status && d.status === 'failed') {
+              return '#f00';
+            } else {
+              return options.color(((d.children ? d : d.parent) || {}).name);
+            }
+          })
+          .style("fill-rule", "evenodd")
+          .each(stash)
+          .on('mouseover', showDetails);
+
+      path.exit().remove();
+
+      d3.selectAll("input").on("change", function change() {
+        options.isCount = this.value === 'count';
+
+        path
+            .data(partition.value(getValue()).nodes)
+          .transition()
+            .duration(1500)
+            .attrTween("d", arcTween);
+      });
+    }
+
+    return me = {
+      tree: new PathTree()
+
+    , render: render
+
+    , reset: function () {
+        me.tree = new PathTree();
+        me.render();
+      }
+
+    , push: function (data) {
+        me.tree.add(data);
+        me.render();
+      }
+    };
+  }
+
+  return chart;
+});