hyper-d3 1.0.0.lap23

data/Rakefile

@@ -0,0 +1,31 @@
+require "bundler"
+Bundler.require
+Bundler::GemHelper.install_tasks
+
+require "opal/rspec/rake_task"
+Opal::RSpec::RakeTask.new(:test) do |server, task|
+  ENV["SPEC_OPTS"] = "--color --require spec_helper"
+  server.index_path = "spec/html/index.html.erb"
+  server.append_path "lib"
+end
+
+desc "Create static snapshot of the demo page"
+task :snapshot do
+  dir = Pathname("snapshot")
+  system "trash", dir.to_s if dir.exist?
+  dir.mkpath
+  Dir.chdir(dir) do
+    system "wget --mirror -np http://localhost:9292/"
+  end
+end
+
+desc "Build gem"
+task "gem:build" do
+  system "gem build opal-d3.gemspec"
+end
+
+desc "Upload gem"
+task "gem:push" => "gem:build" do
+  gem_file = Dir["opal-d3-*.gem"][-1] or raise "No gem found"
+  system "gem", "push", gem_file
+end

data/hyper-d3.gemspec

@@ -0,0 +1,27 @@
+require_relative "lib/hyperloop/d3/version"
+
+Gem::Specification.new do |s|
+  s.name         = "hyper-d3"
+  s.version      = Hyperloop::D3::VERSION
+  s.author       = "Jan Biedermann, Tomasz Wegrzanowski"
+  s.email        = "jan@kursator.de"
+  s.homepage     = "https://github.com/janbiedermann/hyper-d3"
+  s.summary      = "Ruby bindings for D3 as a Ruby Haperloop Component"
+  s.description  = "Write React Components in ruby to show graphics created with D3.js"
+
+  s.files          = `git ls-files`.split("\n")
+  s.executables    = `git ls-files -- bin/*`.split("\n").map { |f| File.basename(f) }
+  s.test_files     = `git ls-files -- {test,spec,features}/*`.split("\n")
+  s.require_paths  = ["lib"]
+
+  s.add_runtime_dependency "opal", "~> 0.11.0"
+  s.add_runtime_dependency "opal-activesupport", "~> 0.3.1"
+  s.add_runtime_dependency "hyper-component", "~> 1.0.0.lap23"
+  s.add_runtime_dependency "hyperloop-config", "~> 1.0.0.lap23"
+  s.add_development_dependency "hyperloop", "~> 1.0.0.lap23"
+  s.add_development_dependency "hyper-spec", "~> 1.0.0.lap23"
+  s.add_development_dependency "listen"
+  s.add_development_dependency "rake", ">= 11.3.0"
+  s.add_development_dependency "rails", ">= 5.1.0"
+  s.add_development_dependency "sqlite3"
+end

data/lib/d3.rb

@@ -0,0 +1,68 @@
+require "opal"
+
+require 'active_support/core_ext/string'
+
+class Module
+  def aliases_d3(native_names)
+    native_names.each do |native_name|
+      alias_d3(native_name.underscore, native_name)
+    end
+  end
+  
+  def alias_d3(ruby_name, js_name=ruby_name)
+    define_method(ruby_name) do |*args|
+      @d3.JS[js_name].JS.apply(@d3, `Opal.to_a(args)`)
+    end
+  end
+end
+
+module D3
+  @d3 = `window.d3`
+  class << self
+  end
+end
+# Metaclass:
+require "d3/native"
+
+# Everything else:
+require "d3/arc"
+require "d3/area"
+require "d3/axis"
+require "d3/band_scale"
+require "d3/collections"
+require "d3/color"
+require "d3/color_schemes"
+require "d3/continuous_scale"
+require "d3/creator"
+require "d3/curve"
+require "d3/dsv"
+require "d3/ease"
+require "d3/format"
+require "d3/histograms"
+require "d3/interpolate"
+require "d3/line"
+require "d3/map"
+require "d3/misc"
+require "d3/nest"
+require "d3/ordinal_scale"
+require "d3/path"
+require "d3/pie"
+require "d3/point_scale"
+require "d3/polygon"
+require "d3/quadtree"
+require "d3/quantile_scale"
+require "d3/quantize_scale"
+require "d3/radial_area"
+require "d3/radial_line"
+require "d3/random"
+require "d3/search"
+require "d3/selection"
+require "d3/sequential_scale"
+require "d3/set"
+require "d3/stack"
+require "d3/statistics"
+require "d3/symbol"
+require "d3/threshold_scale"
+require "d3/time_format"
+require "d3/time_interval"
+require "d3/transformations"

data/lib/d3/arc.rb

@@ -0,0 +1,29 @@
+module D3
+  class ArcGenerator
+    include D3::Native
+    def call(*args)
+      @native.call(*args)
+    end
+
+    attributes_d3_block %i[
+      innerRadius
+      outerRadius
+      cornerRadius
+      padRadius
+      startAngle
+      endAngle
+      padAngle
+    ]
+    alias_native_new :centroid
+  end
+
+  class << self
+    def arc(prop_hash = nil)
+      if prop_hash
+        D3::ArcGenerator.new @d3.JS.arc(prop_hash.to_n)
+      else
+        D3::ArcGenerator.new @d3.JS.arc
+      end
+    end
+  end
+end

data/lib/d3/area.rb

@@ -0,0 +1,53 @@
+module D3
+  class AreaGenerator
+    include D3::Native
+
+    def call(*args)
+      result = @native.call(*args)
+      `result === null ? nil : result`
+    end
+
+    attributes_d3_block %i[
+      x x0 x1 y y0 y1 defined
+    ]
+
+    def curve(new_value=`undefined`)
+      if `new_value === undefined`
+        D3::Curve.new @native.JS.curve
+      else
+        @native.JS.curve(new_value.to_n)
+        self
+      end
+    end
+
+    def area_radial(data = nil)
+      D3::RadialAreaGenerator.radial_area(data)
+    end
+
+    def line_x0
+      D3::LineGenerator.new @native.JS.lineX0
+    end
+
+    def line_x1
+      D3::LineGenerator.new @native.JS.lineX1
+    end
+
+    def line_y0
+      D3::LineGenerator.new @native.JS.lineY0
+    end
+
+    def line_y1
+      D3::LineGenerator.new @native.JS.lineY1
+    end
+  end
+
+  class << self
+    def area(data = nil)
+      if data
+        D3::AreaGenerator.new @d3.JS.area(data.to_n)
+      else
+        D3::AreaGenerator.new @d3.JS.area
+      end
+    end
+  end
+end

data/lib/d3/axis.rb

@@ -0,0 +1,79 @@
+module D3
+  # It might be better to rewrap the Scale every time, as we're duplicating it
+  class Axis
+    include D3::Native
+
+    def initialize(native, scale_obj)
+      raise unless native
+      raise unless scale_obj
+      @scale_obj = scale_obj
+      @native = native
+    end
+
+    attributes_d3 %i[
+      tickSizeInner
+      tickSizeOuter
+      tickSize
+      tickPadding
+      tickArguments
+    ]
+    alias_native_chainable :ticks
+
+    def call(context)
+      @native.call(context.to_n)
+      self
+    end
+
+    def scale(v=`undefined`)
+      if `v === undefined`
+        @scale_obj
+      else
+        @scale_obj = v
+        @native.JS.scale(v.to_n)
+        self
+      end
+    end
+    alias_method :scale=, :scale
+
+    def tick_values(v=`undefined`)
+      if `v === undefined`
+        result = @native.JS.tickValues
+        `result === null ? nil : result`
+      else
+        @native.JS.tickValues(v == nil ? `null` : v)
+        self
+      end
+    end
+    alias_method :tick_values=, :tick_values
+
+    def tick_format(v=`undefined`, &block)
+      v = block if block_given?
+      if `v === undefined`
+        result = @native.JS.tickFormat
+        `result === null ? nil : result`
+      else
+        @native.JS.tickFormat(v == nil ? `null` : v)
+        self
+      end
+    end
+    alias_method :tick_format=, :tick_format
+  end
+
+  class << self
+    def axis_top(scale)
+      D3::Axis.new(@d3.JS.axisTop(scale.to_n), scale)
+    end
+
+    def axis_bottom(scale)
+      D3::Axis.new(@d3.JS.axisBottom(scale.to_n), scale)
+    end
+
+    def axis_right(scale)
+      D3::Axis.new(@d3.JS.axisRight(scale.to_n), scale)
+    end
+
+    def axis_left(scale)
+      D3::Axis.new(@d3.JS.axisLeft(scale.to_n), scale)
+    end
+  end
+end

data/lib/d3/band_scale.rb

@@ -0,0 +1,30 @@
+module D3
+  class BandScale
+    include D3::Native
+    def call(t)
+      v = @native.call(t)
+      `v === undefined ? nil : v`
+    end
+
+    attributes_d3 %i[
+      domain
+      range
+      rangeRound
+      padding
+      paddingInner
+      paddingOuter
+      align
+      round
+    ]
+
+    alias_native_new :copy
+    
+    aliases_native %i[bandwidth step]
+  end
+
+  class << self
+    def scale_band(*args)
+      D3::BandScale.new @d3.JS.scaleBand(*args)
+    end
+  end
+end

data/lib/d3/collections.rb

@@ -0,0 +1,9 @@
+module D3
+  class << self
+    aliases_d3 %i[keys values]
+
+    def entries(obj)
+      @d3.JS.entries(obj).map{|o| [`o.key`, `o.value`]}
+    end
+  end
+end

data/lib/d3/color.rb

@@ -0,0 +1,76 @@
+module D3
+  class Color
+    include D3::Native
+    attr_reader :native
+    aliases_native_new %i[brighter darker]
+    alias_native :displayable?, :displayable
+    alias_native :to_s, :toString
+    
+    # Various subsets of these are valid depending on color - maybe we should properly subclass?
+    def a; `#@native.a` end
+    def b; `#@native.b` end
+    def c; `#@native.c` end
+    def g; `#@native.g` end
+    def h; `#@native.h` end
+    def l; `#@native.l` end
+    def r; `#@native.r` end
+    def s; `#@native.s` end
+    def opacity; `#@native.opacity` end
+  end
+
+  class <<self
+    def color(description)
+      color = @d3.JS.color(description)
+      if color
+        D3::Color.new(color)
+      else
+        raise ArgumentError, "Invalid color: #{description}"
+      end
+    end
+
+    def rgb(*args)
+      color = if args[0].is_a?(Color)
+        @d3.JS.rgb(args[0].native)
+      else
+        @d3.JS.rgb(*args)
+      end
+      D3::Color.new(color)
+    end
+
+    def hsl(*args)
+      color = if args[0].is_a?(Color)
+        @d3.JS.hsl(args[0].native)
+      else
+        @d3.JS.hsl(*args)
+      end
+      D3::Color.new(color)
+    end
+
+    def lab(*args)
+      color = if args[0].is_a?(Color)
+        @d3.JS.lab(args[0].native)
+      else
+        @d3.JS.lab(*args)
+      end
+      D3::Color.new(color)
+    end
+
+    def hcl(*args)
+      color = if args[0].is_a?(Color)
+        @d3.JS.hcl(args[0].native)
+      else
+        @d3.JS.hcl(*args)
+      end
+      D3::Color.new(color)
+    end
+
+    def cubehelix(*args)
+      color = if args[0].is_a?(Color)
+        @d3.JS.cubehelix(args[0].native)
+      else
+        @d3.JS.cubehelix(*args)
+      end
+      D3::Color.new(color)
+    end
+  end
+end

data/lib/d3/color_schemes.rb

@@ -0,0 +1,34 @@
+module D3
+  # requires d3-scale-chromatic
+
+  class << self
+    %w[Category10 Category20 Category20b Category20c
+       Accent Dark2 Paired Pastel1 Pastel2 Set1 Set2 Set3].each do |native_category|
+      define_method("scheme_#{native_category.underscore.sub(/[123]/,'_\0')}") do
+        `window.d3`.JS["scheme#{native_category}"]
+      end
+    end
+
+    %w[Blues Greens Greys Oranges Purples Reds
+       BrBG BuGn BuPu GnBu OrRd PRGn PiYG PuBu PuBuGn PuOr PuRd
+       RdBu RdPu RdGy RdYlBu RdYlGn YlGn YlGnBu YlOrBr YlOrRd
+       Spectral].each do |native_category|
+      define_method("interpolate_#{native_category.underscore}") do |k|
+        `window.d3`.JS["interpolate#{native_category}"].JS.apply(`window.d3`, `Opal.to_a(k)`)
+      end
+      define_method("scheme_#{native_category.underscore}") do |k=nil|
+        if k
+          `window.d3`.JS["scheme#{native_category}"][k]
+        else
+          `window.d3`.JS["scheme#{native_category}"]
+        end
+      end
+    end
+
+    %w[Cool CubehelixDefault Inferno Magma Plasma Rainbow Viridis Warm].each do |native_category|
+      define_method("interpolate_#{native_category.underscore}") do |k|
+        `window.d3`.JS["interpolate#{native_category}"].JS.apply(`window.d3`, `Opal.to_a(k)`)
+      end
+    end
+  end
+end