roundabout 0.1.0 → 0.2.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: dcb58b4a2e5cc4434b6cfe400420f51ca98db935
+  data.tar.gz: 1075039a0f8931e5f680372c88a77f86bee32a98
+SHA512:
+  metadata.gz: 1cb6ac0560493f4ceb19d0f6291d367d31d1d68976cfc760bcfa4ffbca7058f426b6e543848fd12ec591061a7714e0137fb315778c1c3fc6d7385ccce5615ee2
+  data.tar.gz: 691efe7c90e8e138e04179a5a662a533e53118a4378b85b694f601f109a426693a8007ab56b551a9f625e35e3b3b6a65a3c68680026ef58e4b60e7a4408d5d9a

data/README.md

@@ -53,3 +53,9 @@ Then browse at your `http://localhost:3000/roundabout`
 3. Commit your changes (`git commit -am 'Add some feature'`)
 4. Push to the branch (`git push origin my-new-feature`)
 5. Create new Pull Request
+
+
+## Team
+
+* [Akira Matsuda](https://github.com/amatsuda)
+* [Teppei Machida](http://github.com/machida)

data/app/assets/stylesheets/roundabout/roundabout.css.scss

@@ -1,5 +1,106 @@
+$black: #444444;
+$white: white;
+$yellow: #fffebe;
+$button_yellow: #ffff4f;
+$background-color: #3aade3;
+
+// reset
+
+html, body, p, ul, ol, dl, p, li, dt, dd, tr, td, form {
+  margin: 0;
+  padding: 0;
+}
+
+li {
+  list-style-type: none;
+}
+
+// design
+
+body {
+  margin: 20px;
+  color: $black;
+  position: relative;
+  font-family: arial,sans-serif;
+  background: $background-color url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTExMTA1MUYzRUMxMTFFMkJDNjQ4QUM5N0I1ODJDNUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTExMTA1MjAzRUMxMTFFMkJDNjQ4QUM5N0I1ODJDNUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDNEZGNDMzQTNFQUExMUUyQkM2NDhBQzk3QjU4MkM1QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MTExMDUxRTNFQzExMUUyQkM2NDhBQzk3QjU4MkM1QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PolLCroAAAAhSURBVHjaYvj//78KEDMQwkwMRIJRhXgBC5RWIaQQIMAA1wEePzIPm4IAAAAASUVORK5CYII=) repeat top right;
+}
+
+#roundabout {
+  padding: 20px;
+  z-index: 2;
+}
+
 div.node {
   position: absolute;
-  border: 1px #000 solid;
+  border: 1px #444444 solid;
   cursor: move;
+  background: $white;
+  border-radius: 3px;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  padding: 4px;
+  &:hover {
+    box-shadow: rgba(0, 0, 0, 0.6) 0 1px 2px;
+    background: $yellow;
+    z-index: 10
+  }
+}
+
+.node-name span {
+  display: block;
+  font-size: 12px;
+  line-height: 1.4;
+}
+
+svg {
+  z-index: -1;
+}
+
+@mixin button($button-color: $button_yellow) {
+  display: block;
+  color: lighten($black, 8%);
+  font-size: 11px;
+  line-height: 28px;
+  text-decoration: none;
+  border-radius: 4px;
+  text-shadow: rgba(255, 255, 255, 0.4) 0 1px 0;
+  padding: 0 12px;
+  border: darken($button-color, 16%) solid 1px;
+  box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 inset, rgba(0, 0, 0, .1) 0 1px 0;
+  background: linear-gradient($button-color, darken($button-color, 8%));
+  span {
+    font-weight: bold;
+    font-size: 16px;
+    color: $black;
+    display: inline-block;
+    margin: 0 0 0 4px;
+  }
+  &:hover {
+    background: linear-gradient(darken($button-color, 6%), darken($button-color, 12%));
+  }
+  &:active {
+    box-shadow: rgba(0, 0, 0, .1) 0 1px 1px inset, rgba(255, 255, 255, .4) 0 1px 0;
+  }
+}
+
+#downloads {
+  position: absolute;
+  top: 0;
+  right: 0;
+  background: rgba(255, 255, 255, .6);
+  padding: 12px 14px;
+  border-radius: 4px;
+}
+
+#downloads li:first-child a {
+  margin: 0 0 10px;
+}
+
+.pdf {
+  @include button(#fdf524);
+}
+
+.png {
+  @include button(#ffc2ee);
 }

data/app/controllers/roundabout/roundabout_controller.rb

@@ -5,22 +5,22 @@ require 'graphviz'
 module Roundabout
   class RoundaboutController < ::Roundabout::ApplicationController
     def index
-      if (json = Rails.root.join('doc/roundabout.json')).exist?
+      if (json = Rails.root.join('tmp/roundabout.json')).exist?
         transitions = ActiveSupport::JSON.decode json.read
         viz = GraphViz.new(:G, type: :digraph, rankdir: 'LR') do |g|
           transitions.each do |t|
-            from = g.add_nodes t['from'], shape: 'box'
-            to = g.add_nodes t['to'], shape: 'box'
+            from = g.add_nodes t['from'].sub('#', "\n"), shape: 'box'
+            to = g.add_nodes t['to'].sub('#', "\n"), shape: 'box'
             color = case t['type']
             when 'redirect'
-              'red'
+              '#484848'
             when 'form'
-              'green'
+              '#f83737'
             else
               if t['method'] != 'get'
-                'green'
+                '#f83737'
               else
-                'darkblue'
+                '#f2cd01'
               end
             end
             g.add_edges from, to, color: color

data/app/views/roundabout/roundabout/index.html.erb

@@ -3,11 +3,26 @@
     <% @nodes.each.with_index(1) do |node, i| %>
       <% width, height = BigDecimal.new(node[:width].source) * 72, BigDecimal.new(node[:height].source) * 72 %>
       <div id="roundabout-node-<%= i %>" class="node" style="top: <%= node[:pos].point[1] - height / 2 %>px; left: <%= node[:pos].point[0] - width / 2 %>px; width: <%= width %>px; height: <%= height %>px;">
-        <div class="node-name"><%= node.id %></div>
+        <%- node_controller_name, node_action_name = node.id.split("\n") %>
+        <div class="node-name"><span class="controller_name"><%= node_controller_name %></span><span class="controller_name"><%= node_action_name %></span></div>
       </div>
     <% end %>
     <script>window.raw_edges = '<%= @edges.to_json.html_safe %>';</script>
   </div>
 </div>
-<p><%= link_to 'Download .png file', '/roundabout.png' %></p>
-<p><%= link_to 'Download .pdf file', '/roundabout.pdf' %></p>
+<div id="downloads">
+ <ul>
+    <li>
+      <%= link_to '/roundabout.png', {:class => 'png'} do %>
+        Download
+        <span>.png</span>
+      <% end %>
+    </li>
+    <li>
+      <%= link_to '/roundabout.pdf', {:class => 'pdf'} do %>
+        Download
+        <span>.pdf</span>
+      <% end %>
+    </li>
+</ul>
+</div>

data/lib/roundabout/rspec.rb

@@ -1,6 +1,6 @@
 RSpec.configure do |config|
   config.after :suite do
     transitions = Roundabout.compile_page_transitions
-    Rails.root.join('doc/roundabout.json').open('w') {|f| f.write transitions.to_json} unless transitions.empty?
+    Rails.root.join('tmp/roundabout.json').open('w') {|f| f.write transitions.to_json} unless transitions.empty?
   end
 end

data/lib/roundabout/version.rb

@@ -1,3 +1,3 @@
 module Roundabout
-  VERSION = '0.1.0'
+  VERSION = '0.2.0'
 end

metadata

@@ -1,62 +1,55 @@
 --- !ruby/object:Gem::Specification
 name: roundabout
 version: !ruby/object:Gem::Version
-  version: 0.1.0
-  prerelease: 
+  version: 0.2.0
 platform: ruby
 authors:
 - Akira Matsuda
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2012-12-21 00:00:00.000000000 Z
+date: 2013-07-16 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: capybara
   requirement: !ruby/object:Gem::Requirement
-    none: false
     requirements:
-    - - ! '>='
+    - - '>='
       - !ruby/object:Gem::Version
         version: 1.0.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
-    none: false
     requirements:
-    - - ! '>='
+    - - '>='
       - !ruby/object:Gem::Version
         version: 1.0.0
 - !ruby/object:Gem::Dependency
   name: rspec
   requirement: !ruby/object:Gem::Requirement
-    none: false
     requirements:
-    - - ! '>='
+    - - '>='
       - !ruby/object:Gem::Version
         version: 2.0.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
-    none: false
     requirements:
-    - - ! '>='
+    - - '>='
       - !ruby/object:Gem::Version
         version: 2.0.0
 - !ruby/object:Gem::Dependency
   name: ruby-graphviz
   requirement: !ruby/object:Gem::Requirement
-    none: false
     requirements:
-    - - ! '>='
+    - - '>='
       - !ruby/object:Gem::Version
         version: 1.0.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
-    none: false
     requirements:
-    - - ! '>='
+    - - '>='
       - !ruby/object:Gem::Version
         version: 1.0.0
 description: A Rails Engine that generates a page transition diagram for your Rails
@@ -94,27 +87,26 @@ files:
 - vendor/assets/javascripts/raphael-min.js
 homepage: https://github.com/amatsuda/roundabout
 licenses: []
+metadata: {}
 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
+rubygems_version: 2.0.3
 signing_key: 
-specification_version: 3
+specification_version: 4
 summary: A Rails Engine that generates a page transition diagram for your Rails app
   from request specs
 test_files: []