rubrowser 2.3.0 → 2.4.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 8002d005fb557db7ff8facd9628eb9e2f372fe95c7f1249545fb26c0d799cb2e
-  data.tar.gz: b873c80165e6451aeacf02f7f4dee5ddfee53484ba817bc68e8f93311e82cfc2
+  metadata.gz: 1b96b57265b40b9d6be08133f053972d10052ba5f1e977a24d6c0ffb14aa0e5c
+  data.tar.gz: 47438b460b1f3276bc21c9f80ec3b95b34771a498c0601c8c85a4ceb5acc7912
 SHA512:
-  metadata.gz: e9b9ae14d515ce39948d9f5b6c4142a6fcf00177470c8147df5dce6561789c66b77dab9d8c642ace9c7e3c999ad4c2ea78d365910455908063840fb643b14829
-  data.tar.gz: dec79a4c9cd503c355264f0bfbd38d3f230c5fe36053e4cb936fcd0567eaf493acf5d4c36cef48f075a71015eeceae942be5e2d6158a9e970a0671ac77aa4993
+  metadata.gz: c6260b25527525ec6d2a67c8c691b681f24ba03cbff1630bfb631ded4f09ea73f129c3727d4501343b2d18f38318903f1ae99900c342b51a9cfcbd0842d676e9
+  data.tar.gz: 887c3e30156229cfac868468020ca48a47fc1d72358b44554341a4f19f732c92317fe5df02e6056bd765ae3c41306e3ebc19b51588915046f87b1073371e5018

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    rubrowser (2.3.0)
+    rubrowser (2.4.0)
       parser (~> 2.3, >= 2.3.0)
 
 GEM

data/bin/rubrowser

@@ -7,6 +7,7 @@ require 'rubrowser/renderer'
 
 options = {
   toolbox: true,
+  layout: nil,
   output: STDOUT
 }
 
@@ -17,6 +18,10 @@ OptionParser.new do |opts|
     options[:output] = output
   end
 
+  opts.on('-lFILE', '--layout=FILE', 'layout file to apply on the resulting graph') do |layout|
+    options[:layout] = layout
+  end
+
   opts.on('-T', '--no-toolbox', 'Don\'t display toolbox on the page') do
     options[:toolbox] = false
   end

data/lib/rubrowser/renderer.rb

@@ -23,6 +23,7 @@ module Rubrowser
 
     def initialize(options)
       @output = output_file(options[:output])
+      @layout = options[:layout]
       @files = options[:files]
       @toolbox = options[:toolbox]
     end
@@ -31,6 +32,11 @@ module Rubrowser
       path.is_a?(String) ? File.open(path, 'w') : path
     end
 
+    def layout
+      return 'null' unless @layout
+      File.read(@layout)
+    end
+
     def toolbox?
       @toolbox
     end

data/lib/rubrowser/version.rb

@@ -1,3 +1,3 @@
 module Rubrowser
-  VERSION = '2.3.0'.freeze
+  VERSION = '2.4.0'.freeze
 end

data/public/javascript/application.js

@@ -133,6 +133,35 @@ function transform(d) {
   return "translate(" + d.x + "," + d.y + ")";
 }
 
+var state = {
+  get: function(){
+    var positions = [];
+    rubrowser.definitions.forEach(function(elem){
+      if( elem.fx !== undefined && elem.fy !== undefined) {
+        positions.push({
+          id: elem.id,
+          x: elem.fx,
+          y: elem.fy
+        });
+      }
+    });
+    return positions;
+  },
+
+  set: function(layout){
+    if ( !layout ) { return; }
+    layout.forEach(function(pos) {
+      var definition = node.filter(function(e) { return e.id == pos.id; })
+      definition.classed("fixed", true);
+
+      var datum = definition.data()[0]
+      if( datum ) {
+        datum.fx = pos.x
+        datum.fy = pos.y
+      }
+    });
+  }
+}
 
 node.on('mouseover', function(d) {
   var relatives = [];
@@ -161,5 +190,8 @@ window.rubrowser = {
   relations: relations,
   simulation: simulation,
   node: node,
-  link: link
+  link: link,
+  state: state
 };
+
+rubrowser.state.set(layout);

data/public/javascript/toolbox.js

@@ -139,3 +139,15 @@ $(document).on('change', "#hide_namespaces", function(){
 $(document).on('click', "#pause_simulation", function(){
     rubrowser.simulation.stop();
 });
+
+$(document).on('click', "#download_layout", function(){
+  var json = JSON.stringify(rubrowser.state.get());
+  var element = document.createElement('a');
+  element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(json));
+  element.setAttribute('download', 'layout.json');
+
+  element.style.display = 'none';
+  document.body.appendChild(element);
+  element.click();
+  document.body.removeChild(element);
+});

data/readme.md

@@ -53,6 +53,7 @@ gem install rubrowser
 ```
 Usage: rubrowser [options] [file] ...
     -o, --output=FILE                output file page, if not specified output will be written to stdout
+    -l, --layout=FILE                layout file to apply on the resulting graph
     -T, --no-toolbox                 Don't display toolbox on the page
     -v, --version                    Print Rubrowser version
     -h, --help                       Prints this help
@@ -84,6 +85,7 @@ rubrowser > output.html
 * Module/class circle size on the graph will be relative to module number of
   lines in your code
 * cyclical dependencies are marked in red
+* after you move nodes around, you can download the layout as a file, then provide it when generating the graph file again with `-l file.json` it will embed the layout in the file and the graph will have the same layout by default.
 
 ## Why?
 

data/views/index.erb

@@ -17,7 +17,8 @@
     <script src='https://unpkg.com/lodash@4.17.4/lodash.min.js' type='text/javascript'></script>
     <script src='https://unpkg.com/d3@4.13.0/build/d3.min.js' type='text/javascript'></script>
     <script type='text/javascript'>
-     var data = <%= data %>
+     var data = <%= data %>;
+     var layout = <%= layout %>;
     </script>
     <script type='text/javascript'><%= file('javascript/application.js') %></script>
 

data/views/toolbox.erb

@@ -42,7 +42,8 @@
   <div class="card mt-2">
     <div class="card-header">Display</div>
     <div class="card-body">
-      <input type="button" id="pause_simulation" class="btn btn-secondary btn-block" value="Pause animation"/>
+      <button type="button" id="download_layout" class="btn btn-secondary btn-block">Download layout</button>
+      <button type="button" id="pause_simulation" class="btn btn-secondary btn-block">Pause animation</button>
     </div>
     <div class="card-body">
       <label class="form-label">Force Collide</label>

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: rubrowser
 version: !ruby/object:Gem::Version
-  version: 2.3.0
+  version: 2.4.0
 platform: ruby
 authors:
 - Emad Elsaid