rails_charts 0.0.1 → 0.0.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d37477aa0733f7871c04744cd0ac01c4364210bbb115baa68926cc28900c9f7d
-  data.tar.gz: 10377955bf42d126819dc8422b96a1519ccb66a2ee96678d5268af60e2c00d77
+  metadata.gz: 50c27a4b7e73edf104326a0c43e498158b15b6983a445ada2bb253ff79ebeeee
+  data.tar.gz: 2f30630d19ac238e32aca3648ba60adc57d3e82bde8ff3822057165ed2a9efd0
 SHA512:
-  metadata.gz: 9e1745b0e47ed759fcbae21a00a888b4b884011a1b6807904b43273cb2b5749920370112a5548244bf9c0d17af28c400d43af0fb75f21657db8a41a430d1a445
-  data.tar.gz: 163f8f54a5f6edd7659f3d560c14713df15c4c3bcd123a66420f6fe10aecd3ef8af003db8ab9ab8582253f7408c9703cc1f073b0fa700e38e028a3de5d4547a6
+  metadata.gz: f005aa895ad8979ff0dfbd76c0f11743695ec1bd0ee80a073cd90be2ab7f92823bef2002859ac7f67c4392e36f49ca87ab659be62fbdbdc80a15b8e46c7181fa
+  data.tar.gz: 6be80b111bbfbaf227c43f1e55cc2bf447a456b7f06e435c5441774faf10afc35b27a14813a05e9969ba507802d72bdd452eaaed991facffacb9e6a02b1a99f8

data/README.md

@@ -24,81 +24,111 @@ What you can build with it:
 - stacked bar chart
 - custom chart
 
-In most cases with one line of code you can have a nice chart. The idea of this gem was inspired by [Charkick](https://github.com/ankane/chartkick) gem which is great and allows you to build charts very quickly. It works the best with cooperation of [groupdate](https://github.com/ankane/groupdate) gem. Unfortunatelly it's missing many needed types of charts or other customization options.
+In most cases with one line of code you can have a nice chart. The idea of this gem was inspired by [Charkick](https://github.com/ankane/chartkick) gem which is great and allows you to build charts very quickly. It works best in cooperation with [groupdate](https://github.com/ankane/groupdate) gem. Unfortunatelly it's missing many needed types of charts or other customization options.
 
-This implementation have more options and similar "interface" how to build charts (thanks to more Apache eCharts).
+This implementation have more options and similar "interface" for building charts.
+
+
+## Installation
+
+Add gem to your application's Gemfile:
 
-1) add gem in Gemfile, 
 ```ruby
 gem "rails_charts"
 ```
-2) add JS, for example in `application.js`
 
-```js
-//= require rails_charts/echarts.min.js
-//= require rails_charts/theme/vintage.js
+Then execute:
+```bash
+$ ./bin/bundle install
+```
+
+You can install ECharts with installation command
+
+```bash
+$ ./bin/rails rails_charts:install
 ```
 
-Note you can specify different themes.
+or do it manualy
+
+### Sprockets
+
+1) add eCharts in main JS bundle, e.g. `app/assets/javascripts/application.js`
+
+```javascript
+//= require echarts.min.js
+//= require echarts/theme/dark.js
+```
 
-3) add your first chart 
+3) add your first chart e.g.
 ```ruby
 <%= line_chart User.group(:age).count %>
 ```
+
 4) customize charts if needed. See available options or [official documentation](https://echarts.apache.org/examples/en/index.html). 
 
-## Installation
 
-Add this line to your application's Gemfile:
+### Webpack / esbuild
 
-```ruby
-gem "rails_charts"
-```
+1) Run:
 
-And then execute:
 ```bash
-$ bundle
+yarn add echarts
 ```
 
-### Sprockets
+#### For Rails 7
+2) In `app/javascript/application.js` add this:
 
-1) add eCharts in main JS bundle, e.g. `app/assets/javascripts/application.js`
+```javascript
+import * as echarts from 'echarts';
+import 'echarts/theme/dark';
+
+window.echarts = echarts;
+```
+
+#### For Rails 6
+2) In `app/javascript/packs/application.js` add this:
 
 ```javascript
-//= require rails_charts/echarts.min.js
-//= require rails_charts/theme/dark.js
+import * as echarts from 'echarts';
+import 'echarts/theme/dark';
+
+window.echarts = echarts;
 ```
 
-2) start using :)
+3) add your first chart e.g.
+```ruby
+<%= line_chart User.group(:age).count %>
+```
+
+4) customize charts if needed. See available options or [official documentation](https://echarts.apache.org/examples/en/index.html). 
 
 ### Importmaps
 
 1) change `config/importmap.rb`
 
 ```ruby
-pin "rails_charts/echarts.min.js", to: "rails_charts/echarts.min.js", preload: true
-pin "rails_charts/theme/dark.js", to: "rails_charts/theme/dark.js", preload: true
+pin "echarts", to: "echarts.min.js"
+pin "echarts/theme/dark", to: "echarts/theme/dark.js"
 ```
 
-2) change manifest `app/assets/config/manifest.js`
+2) add eCharts in main JS 
 
 ```javascript
-//= link rails_charts/echarts.min.js
-//= link rails_charts/theme/dark.js
+import "echarts"
+import "echarts/theme/dark"
 ```
 
-3) add eCharts in main JS 
-
-```javascript
-import "rails_charts/echarts.min.js"
+3) add your first chart e.g.
+```ruby
+<%= line_chart User.group(:age).count %>
 ```
 
-4) start using :)
+4) customize charts if needed. See available options or [official documentation](https://echarts.apache.org/examples/en/index.html). 
 
 ## Options
 
 ```ruby
-<%= link_chart data, {
+<%= line_chart data, {
   width: '250px',
   height: '250px',
   theme: 'dark',
@@ -109,7 +139,7 @@ import "rails_charts/echarts.min.js"
 
 Available options:
 
-```
+```yaml
 width: specify width of the chart
 height: specify height of the chart
 theme: specify theme of the chart (available themes examples https://echarts.apache.org/en/download-theme.html)
@@ -129,7 +159,7 @@ If you need to format tooltip (or other javascript function as an option) you ca
 ```ruby
   options: {
     tooltip: {
-      valueFormatter: RailsCharts::Javascript.new("(value) => '$' + Math.round(value)")
+      valueFormatter: RailsCharts.js("(value) => '$' + Math.round(value)")
     }
   }
 ```
@@ -176,7 +206,7 @@ Every chart has a built in default configuration for tooltips, or other options
       barWidth: '50%'
     },
     tooltip: {
-      valueFormatter: RailsCharts::Javascript.new("(value) => '$' + Math.round(value)")
+      valueFormatter: RailsCharts.js("(value) => '$' + Math.round(value)")
     }
   }
 %>
@@ -458,8 +488,7 @@ Every chart has a built in default configuration for tooltips, or other options
 
 You are welcome to contributes. Some open tasks:
 
-- importmaps support?
-- webpacker support
+- support turbo streams?
 - add more specs
 - add more examples to the dummy app
 - customization, options overides, default values?

data/{vendor/assets/rails_charts → app/assets/javascripts/echarts}/theme/azul.js

@@ -31,7 +31,7 @@
         // Browser globals
         factory({}, root.echarts);
     }
-})(this, function(exports, echarts) {
+})(window, function(exports, echarts) {
     var log = function(msg) {
         if (typeof console !== 'undefined') {
             console && console.error && console.error(msg);

data/{vendor/assets/rails_charts → app/assets/javascripts/echarts}/theme/bee-inspired.js

@@ -31,7 +31,7 @@
         // Browser globals
         factory({}, root.echarts);
     }
-})(this, function(exports, echarts) {
+})(window, function(exports, echarts) {
     var log = function(msg) {
         if (typeof console !== 'undefined') {
             console && console.error && console.error(msg);

data/{vendor/assets/rails_charts → app/assets/javascripts/echarts}/theme/blue.js

@@ -31,7 +31,7 @@
         // Browser globals
         factory({}, root.echarts);
     }
-})(this, function(exports, echarts) {
+})(window, function(exports, echarts) {
     var log = function(msg) {
         if (typeof console !== 'undefined') {
             console && console.error && console.error(msg);

data/{vendor/assets/rails_charts → app/assets/javascripts/echarts}/theme/caravan.js

@@ -31,7 +31,7 @@
         // Browser globals
         factory({}, root.echarts);
     }
-})(this, function(exports, echarts) {
+})(window, function(exports, echarts) {
     var log = function(msg) {
         if (typeof console !== 'undefined') {
             console && console.error && console.error(msg);

data/{vendor/assets/rails_charts → app/assets/javascripts/echarts}/theme/carp.js

@@ -31,7 +31,7 @@
         // Browser globals
         factory({}, root.echarts);
     }
-})(this, function(exports, echarts) {
+})(window, function(exports, echarts) {
     var log = function(msg) {
         if (typeof console !== 'undefined') {
             console && console.error && console.error(msg);

data/{vendor/assets/rails_charts → app/assets/javascripts/echarts}/theme/cool.js

@@ -31,7 +31,7 @@
         // Browser globals
         factory({}, root.echarts);
     }
-})(this, function(exports, echarts) {
+})(window, function(exports, echarts) {
     var log = function(msg) {
         if (typeof console !== 'undefined') {
             console && console.error && console.error(msg);

data/{vendor/assets/rails_charts → app/assets/javascripts/echarts}/theme/dark-blue.js

@@ -31,7 +31,7 @@
         // Browser globals
         factory({}, root.echarts);
     }
-})(this, function(exports, echarts) {
+})(window, function(exports, echarts) {
     var log = function(msg) {
         if (typeof console !== 'undefined') {
             console && console.error && console.error(msg);

data/{vendor/assets/rails_charts → app/assets/javascripts/echarts}/theme/dark-bold.js

@@ -31,7 +31,7 @@
         // Browser globals
         factory({}, root.echarts);
     }
-})(this, function(exports, echarts) {
+})(window, function(exports, echarts) {
     var log = function(msg) {
         if (typeof console !== 'undefined') {
             console && console.error && console.error(msg);

data/{vendor/assets/rails_charts → app/assets/javascripts/echarts}/theme/dark-digerati.js

@@ -31,7 +31,7 @@
         // Browser globals
         factory({}, root.echarts);
     }
-})(this, function(exports, echarts) {
+})(window, function(exports, echarts) {
     var log = function(msg) {
         if (typeof console !== 'undefined') {
             console && console.error && console.error(msg);

data/{vendor/assets/rails_charts → app/assets/javascripts/echarts}/theme/dark-fresh-cut.js

@@ -31,7 +31,7 @@
         // Browser globals
         factory({}, root.echarts);
     }
-})(this, function(exports, echarts) {
+})(window, function(exports, echarts) {
     var log = function(msg) {
         if (typeof console !== 'undefined') {
             console && console.error && console.error(msg);

data/{vendor/assets/rails_charts → app/assets/javascripts/echarts}/theme/dark-mushroom.js

@@ -31,7 +31,7 @@
         // Browser globals
         factory({}, root.echarts);
     }
-})(this, function(exports, echarts) {
+})(window, function(exports, echarts) {
     var log = function(msg) {
         if (typeof console !== 'undefined') {
             console && console.error && console.error(msg);

data/{vendor/assets/rails_charts → app/assets/javascripts/echarts}/theme/dark.js

@@ -31,7 +31,7 @@
         // Browser globals
         factory({}, root.echarts);
     }
-})(this, function(exports, echarts) {
+})(window, function(exports, echarts) {
     var log = function(msg) {
         if (typeof console !== 'undefined') {
             console && console.error && console.error(msg);

data/{vendor/assets/rails_charts → app/assets/javascripts/echarts}/theme/eduardo.js

@@ -31,7 +31,7 @@
         // Browser globals
         factory({}, root.echarts);
     }
-})(this, function(exports, echarts) {
+})(window, function(exports, echarts) {
     var log = function(msg) {
         if (typeof console !== 'undefined') {
             console && console.error && console.error(msg);

data/{vendor/assets/rails_charts → app/assets/javascripts/echarts}/theme/forest.js

@@ -31,7 +31,7 @@
         // Browser globals
         factory({}, root.echarts);
     }
-})(this, function(exports, echarts) {
+})(window, function(exports, echarts) {
     var log = function(msg) {
         if (typeof console !== 'undefined') {
             console && console.error && console.error(msg);

data/{vendor/assets/rails_charts → app/assets/javascripts/echarts}/theme/fresh-cut.js

@@ -31,7 +31,7 @@
         // Browser globals
         factory({}, root.echarts);
     }
-})(this, function(exports, echarts) {
+})(window, function(exports, echarts) {
     var log = function(msg) {
         if (typeof console !== 'undefined') {
             console && console.error && console.error(msg);

data/{vendor/assets/rails_charts → app/assets/javascripts/echarts}/theme/fruit.js

@@ -31,7 +31,7 @@
         // Browser globals
         factory({}, root.echarts);
     }
-})(this, function(exports, echarts) {
+})(window, function(exports, echarts) {
     var log = function(msg) {
         if (typeof console !== 'undefined') {
             console && console.error && console.error(msg);

data/{vendor/assets/rails_charts → app/assets/javascripts/echarts}/theme/gray.js

@@ -31,7 +31,7 @@
         // Browser globals
         factory({}, root.echarts);
     }
-})(this, function(exports, echarts) {
+})(window, function(exports, echarts) {
     var log = function(msg) {
         if (typeof console !== 'undefined') {
             console && console.error && console.error(msg);

data/{vendor/assets/rails_charts → app/assets/javascripts/echarts}/theme/green.js

@@ -31,7 +31,7 @@
         // Browser globals
         factory({}, root.echarts);
     }
-})(this, function(exports, echarts) {
+})(window, function(exports, echarts) {
     var log = function(msg) {
         if (typeof console !== 'undefined') {
             console && console.error && console.error(msg);

data/{vendor/assets/rails_charts → app/assets/javascripts/echarts}/theme/helianthus.js

@@ -31,7 +31,7 @@
         // Browser globals
         factory({}, root.echarts);
     }
-})(this, function(exports, echarts) {
+})(window, function(exports, echarts) {
     var log = function(msg) {
         if (typeof console !== 'undefined') {
             console && console.error && console.error(msg);

data/{vendor/assets/rails_charts → app/assets/javascripts/echarts}/theme/infographic.js

@@ -31,7 +31,7 @@
         // Browser globals
         factory({}, root.echarts);
     }
-})(this, function(exports, echarts) {
+})(window, function(exports, echarts) {
     var log = function(msg) {
         if (typeof console !== 'undefined') {
             console && console.error && console.error(msg);

data/{vendor/assets/rails_charts → app/assets/javascripts/echarts}/theme/inspired.js

@@ -31,7 +31,7 @@
         // Browser globals
         factory({}, root.echarts);
     }
-})(this, function(exports, echarts) {
+})(window, function(exports, echarts) {
     var log = function(msg) {
         if (typeof console !== 'undefined') {
             console && console.error && console.error(msg);

data/{vendor/assets/rails_charts → app/assets/javascripts/echarts}/theme/jazz.js

@@ -31,7 +31,7 @@
         // Browser globals
         factory({}, root.echarts);
     }
-})(this, function(exports, echarts) {
+})(window, function(exports, echarts) {
     var log = function(msg) {
         if (typeof console !== 'undefined') {
             console && console.error && console.error(msg);

data/{vendor/assets/rails_charts → app/assets/javascripts/echarts}/theme/london.js

@@ -31,7 +31,7 @@
         // Browser globals
         factory({}, root.echarts);
     }
-})(this, function(exports, echarts) {
+})(window, function(exports, echarts) {
     var log = function(msg) {
         if (typeof console !== 'undefined') {
             console && console.error && console.error(msg);

data/{vendor/assets/rails_charts → app/assets/javascripts/echarts}/theme/macarons.js

@@ -31,7 +31,7 @@
         // Browser globals
         factory({}, root.echarts);
     }
-})(this, function(exports, echarts) {
+})(window, function(exports, echarts) {
     var log = function(msg) {
         if (typeof console !== 'undefined') {
             console && console.error && console.error(msg);

data/{vendor/assets/rails_charts → app/assets/javascripts/echarts}/theme/macarons2.js

@@ -31,7 +31,7 @@
         // Browser globals
         factory({}, root.echarts);
     }
-})(this, function(exports, echarts) {
+})(window, function(exports, echarts) {
     var log = function(msg) {
         if (typeof console !== 'undefined') {
             console && console.error && console.error(msg);

data/{vendor/assets/rails_charts → app/assets/javascripts/echarts}/theme/mint.js

@@ -31,7 +31,7 @@
         // Browser globals
         factory({}, root.echarts);
     }
-})(this, function(exports, echarts) {
+})(window, function(exports, echarts) {
     var log = function(msg) {
         if (typeof console !== 'undefined') {
             console && console.error && console.error(msg);

data/{vendor/assets/rails_charts → app/assets/javascripts/echarts}/theme/red-velvet.js

@@ -31,7 +31,7 @@
         // Browser globals
         factory({}, root.echarts);
     }
-})(this, function(exports, echarts) {
+})(window, function(exports, echarts) {
     var log = function(msg) {
         if (typeof console !== 'undefined') {
             console && console.error && console.error(msg);

data/{vendor/assets/rails_charts → app/assets/javascripts/echarts}/theme/red.js

@@ -31,7 +31,7 @@
         // Browser globals
         factory({}, root.echarts);
     }
-})(this, function(exports, echarts) {
+})(window, function(exports, echarts) {
     var log = function(msg) {
         if (typeof console !== 'undefined') {
             console && console.error && console.error(msg);

data/{vendor/assets/rails_charts → app/assets/javascripts/echarts}/theme/roma.js

@@ -32,7 +32,7 @@
         // Browser globals
         factory({}, root.echarts);
     }
-})(this, function(exports, echarts) {
+})(window, function(exports, echarts) {
     var log = function(msg) {
         if (typeof console !== 'undefined') {
             console && console.error && console.error(msg);

data/{vendor/assets/rails_charts → app/assets/javascripts/echarts}/theme/royal.js

@@ -31,7 +31,7 @@
         // Browser globals
         factory({}, root.echarts);
     }
-})(this, function(exports, echarts) {
+})(window, function(exports, echarts) {
     var log = function(msg) {
         if (typeof console !== 'undefined') {
             console && console.error && console.error(msg);

data/{vendor/assets/rails_charts → app/assets/javascripts/echarts}/theme/sakura.js

@@ -31,7 +31,7 @@
         // Browser globals
         factory({}, root.echarts);
     }
-})(this, function(exports, echarts) {
+})(window, function(exports, echarts) {
     var log = function(msg) {
         if (typeof console !== 'undefined') {
             console && console.error && console.error(msg);

data/{vendor/assets/rails_charts → app/assets/javascripts/echarts}/theme/shine.js

@@ -30,7 +30,7 @@
         // Browser globals
         factory({}, root.echarts);
     }
-})(this, function(exports, echarts) {
+})(window, function(exports, echarts) {
     var log = function(msg) {
         if (typeof console !== 'undefined') {
             console && console.error && console.error(msg);

data/{vendor/assets/rails_charts → app/assets/javascripts/echarts}/theme/tech-blue.js

@@ -31,7 +31,7 @@
         // Browser globals
         factory({}, root.echarts);
     }
-})(this, function(exports, echarts) {
+})(window, function(exports, echarts) {
     var log = function(msg) {
         if (typeof console !== 'undefined') {
             console && console.error && console.error(msg);

data/{vendor/assets/rails_charts → app/assets/javascripts/echarts}/theme/vintage.js

@@ -31,7 +31,7 @@
         // Browser globals
         factory({}, root.echarts);
     }
-})(this, function(exports, echarts) {
+})(window, function(exports, echarts) {
     var log = function(msg) {
         if (typeof console !== 'undefined') {
             console && console.error && console.error(msg);

data/lib/install/with_importmap.rb

@@ -0,0 +1,11 @@
+say "Import ECharts"
+append_to_file "app/javascript/application.js", <<~JS
+  import "echarts"
+  import "echarts/theme/dark"
+JS
+
+say "Pin ECharts"
+append_to_file "config/importmap.rb", <<~RUBY
+  pin "echarts", to: "echarts.min.js"
+  pin "echarts/theme/dark", to: "echarts/theme/dark.js"
+RUBY

data/lib/install/with_node.rb

@@ -0,0 +1,20 @@
+js_code = <<~JS
+  import * as echarts from "echarts";
+  import "echarts/theme/dark";
+
+  window.echarts = echarts;
+JS
+
+if Rails.root.join("app/javascript/application.js").exist?
+  say "Import ECharts"
+  append_to_file "app/javascript/application.js", js_code
+elsif Rails.root.join("app/javascript/packs/application.js").exist?
+  say "Import ECharts"
+  append_to_file "app/javascript/packs/application.js", js_code
+else
+  say "You must import add these lines in your JavaScript entrypoint file", :red
+  say js_code
+end
+
+say "Install ECharts"
+run "yarn add echarts"

data/lib/install/with_sprockets.rb

@@ -0,0 +1,12 @@
+js_code = <<~JS
+  //= require echarts.min.js
+  //= require echarts/theme/vintage.js
+JS
+
+if Rails.root.join("app/assets/javascripts/application.js").exist?
+  say "Import ECharts"
+  append_to_file "app/assets/javascripts/application.js", js_code
+else
+  say "You must import add these lines in your JavaScript entrypoint file", :red
+  say js_code
+end

data/lib/rails_charts/base_chart.rb

@@ -1,5 +1,7 @@
 module RailsCharts
   class BaseChart
+    CHART_JS_PATTERN = /"RAILS_CHART_JS:(.*):RAILS_CHART_JS_END"/
+
     using RubyExt
 
     attr_reader :data, :options, :container_id, :defaults
@@ -79,9 +81,7 @@ module RailsCharts
 
     def option
       str = build_options.to_json
-      Thread.current[:rails_charts_js_code].each do |k, v|
-        str.gsub!("\"#{k}\"", v)
-      end if Thread.current[:rails_charts_js_code]
+      str.gsub!(CHART_JS_PATTERN) { Base64.decode64 $1 }
       str
     end
 

data/lib/rails_charts/engine.rb

@@ -3,30 +3,28 @@ module RailsCharts
 
     initializer "rails_charts.importmap", before: "importmap" do |app|
       if defined?(Importmap)
-        app.config.assets.paths << File.expand_path('../..', __dir__) + "/vendor/assets"
-        app.config.assets.precompile << ".js"
+        app.config.importmap.cache_sweepers << root.join("app/assets/javascripts")
+      end
+    end
 
-        app.config.assets.precompile += [
-          'vendor/assets/**/*', 
-          'vendor/assets/rails_charts/**/*'
-        ]        
+    # If you don't want to precompile Echarts's assets (eg. because you're using webpack),
+    # you can do this in an intiailzer:
+    #
+    # config.after_initialize do
+    #   config.assets.precompile -= RailsCharts::Engine::PRECOMPILE_ASSETS
+    # end
 
-        app.config.importmap.cache_sweepers << Engine.root.join("vendor/assets/rails_charts")
-        app.config.importmap.cache_sweepers << Engine.root.join("vendor/assets")
+    PRECOMPILE_ASSETS = Dir[root.join("app/assets/javascripts/**/*")]
+    initializer 'rails_charts.assets' do |app|
+      if app.config.respond_to?(:assets)
+        app.config.assets.precompile += PRECOMPILE_ASSETS
       end
     end
-    
-    initializer 'rails_charts.assets_precompile' do |app|
-      app.config.assets.paths << File.expand_path('../..', __dir__) + "/vendor/assets"
-      app.config.assets.precompile += [
-        'vendor/assets/**/*', 
-      ]
-    end
 
-    initializer 'rails_charts.helpers' do
+    initializer 'rails_charts.helpers', before: :load_config_initializers do
       ActiveSupport.on_load :action_view do
         include RailsCharts::Helpers
-      end      
+      end
     end
 
   end

data/lib/rails_charts/javascript.rb

@@ -1,17 +1,13 @@
 module RailsCharts
   class Javascript
-    attr_reader :code, :record_id
+    attr_reader :code
 
     def initialize(code)
-      @code      = code
-      @record_id = Digest::SHA1.hexdigest([Time.now, rand].join)
-
-      Thread.current[:rails_charts_js_code] ||= {}
-      Thread.current[:rails_charts_js_code][record_id] = code
+      @code = code
     end
 
     def as_json(attrs)
-      record_id
+      "RAILS_CHART_JS:#{Base64.strict_encode64(code)}:RAILS_CHART_JS_END"
     end
   end
-end
+end

data/lib/rails_charts/version.rb

@@ -1,3 +1,3 @@
 module RailsCharts
-  VERSION = "0.0.1"
+  VERSION = "0.0.2"
 end

data/lib/rails_charts.rb

@@ -25,6 +25,10 @@ module RailsCharts
 
   class << self
     attr_accessor :options, :defaults
+
+    def js(code)
+      RailsCharts::Javascript.new code
+    end
   end
 
   self.options = {

data/lib/tasks/rails_charts_tasks.rake

@@ -0,0 +1,35 @@
+def run_rails_charts_install_template(path)
+  system "#{RbConfig.ruby} ./bin/rails app:template LOCATION=#{File.expand_path("../install/#{path}.rb", __dir__)}"
+end
+
+namespace :rails_charts do
+  desc "Install Rails Charts into the app"
+  task :install do
+    if Rails.root.join("config/importmap.rb").exist?
+      Rake::Task["rails_charts:install:importmap"].invoke
+    elsif Rails.root.join("package.json").exist?
+      Rake::Task["rails_charts:install:node"].invoke
+    elsif defined?(Sprockets)
+      Rake::Task["rails_charts:install:sprockets"].invoke
+    else
+      puts "Unable to install ECharts with current configuration"
+    end
+  end
+
+  namespace :install do
+    desc "Install Rails Charts into the app with asset pipeline"
+    task :importmap do
+      run_rails_charts_install_template "with_importmap"
+    end
+
+    desc "Install Rails Charts into the app with webpacker/esbuild"
+    task :node do
+      run_rails_charts_install_template "with_node"
+    end
+
+    desc "Install Rails Charts into the app with sprockets"
+    task :sprockets do
+      run_rails_charts_install_template "with_sprockets"
+    end
+  end
+end

metadata

@@ -1,14 +1,15 @@
 --- !ruby/object:Gem::Specification
 name: rails_charts
 version: !ruby/object:Gem::Version
-  version: 0.0.1
+  version: 0.0.2
 platform: ruby
 authors:
-- ''
+- Igor Kasyanchuk
+- Liubomyr Manastyretskyi
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-04-26 00:00:00.000000000 Z
+date: 2022-04-28 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -139,6 +140,7 @@ dependencies:
 description: One more solution to create charts in Ruby on Rails application
 email:
 - igorkasyanchuk@gmail.com
+- manastyretskyi@gmail.com
 executables: []
 extensions: []
 extra_rdoc_files: []
@@ -146,6 +148,82 @@ files:
 - MIT-LICENSE
 - README.md
 - Rakefile
+- app/assets/javascripts/echarts.min.js
+- app/assets/javascripts/echarts/extension/bmap.js
+- app/assets/javascripts/echarts/extension/bmap.js.map
+- app/assets/javascripts/echarts/extension/bmap.min.js
+- app/assets/javascripts/echarts/extension/dataTool.js
+- app/assets/javascripts/echarts/extension/dataTool.js.map
+- app/assets/javascripts/echarts/extension/dataTool.min.js
+- app/assets/javascripts/echarts/i18n/langCS-obj.js
+- app/assets/javascripts/echarts/i18n/langCS.js
+- app/assets/javascripts/echarts/i18n/langDE-obj.js
+- app/assets/javascripts/echarts/i18n/langDE.js
+- app/assets/javascripts/echarts/i18n/langEN-obj.js
+- app/assets/javascripts/echarts/i18n/langEN.js
+- app/assets/javascripts/echarts/i18n/langES-obj.js
+- app/assets/javascripts/echarts/i18n/langES.js
+- app/assets/javascripts/echarts/i18n/langFI-obj.js
+- app/assets/javascripts/echarts/i18n/langFI.js
+- app/assets/javascripts/echarts/i18n/langFR-obj.js
+- app/assets/javascripts/echarts/i18n/langFR.js
+- app/assets/javascripts/echarts/i18n/langIT-obj.js
+- app/assets/javascripts/echarts/i18n/langIT.js
+- app/assets/javascripts/echarts/i18n/langJA-obj.js
+- app/assets/javascripts/echarts/i18n/langJA.js
+- app/assets/javascripts/echarts/i18n/langKO-obj.js
+- app/assets/javascripts/echarts/i18n/langKO.js
+- app/assets/javascripts/echarts/i18n/langPL-obj.js
+- app/assets/javascripts/echarts/i18n/langPL.js
+- app/assets/javascripts/echarts/i18n/langPT-br-obj.js
+- app/assets/javascripts/echarts/i18n/langPT-br.js
+- app/assets/javascripts/echarts/i18n/langRO-obj.js
+- app/assets/javascripts/echarts/i18n/langRO.js
+- app/assets/javascripts/echarts/i18n/langRU-obj.js
+- app/assets/javascripts/echarts/i18n/langRU.js
+- app/assets/javascripts/echarts/i18n/langSI-obj.js
+- app/assets/javascripts/echarts/i18n/langSI.js
+- app/assets/javascripts/echarts/i18n/langTH-obj.js
+- app/assets/javascripts/echarts/i18n/langTH.js
+- app/assets/javascripts/echarts/i18n/langZH-obj.js
+- app/assets/javascripts/echarts/i18n/langZH.js
+- app/assets/javascripts/echarts/theme/azul.js
+- app/assets/javascripts/echarts/theme/bee-inspired.js
+- app/assets/javascripts/echarts/theme/blue.js
+- app/assets/javascripts/echarts/theme/caravan.js
+- app/assets/javascripts/echarts/theme/carp.js
+- app/assets/javascripts/echarts/theme/cool.js
+- app/assets/javascripts/echarts/theme/dark-blue.js
+- app/assets/javascripts/echarts/theme/dark-bold.js
+- app/assets/javascripts/echarts/theme/dark-digerati.js
+- app/assets/javascripts/echarts/theme/dark-fresh-cut.js
+- app/assets/javascripts/echarts/theme/dark-mushroom.js
+- app/assets/javascripts/echarts/theme/dark.js
+- app/assets/javascripts/echarts/theme/eduardo.js
+- app/assets/javascripts/echarts/theme/forest.js
+- app/assets/javascripts/echarts/theme/fresh-cut.js
+- app/assets/javascripts/echarts/theme/fruit.js
+- app/assets/javascripts/echarts/theme/gray.js
+- app/assets/javascripts/echarts/theme/green.js
+- app/assets/javascripts/echarts/theme/helianthus.js
+- app/assets/javascripts/echarts/theme/infographic.js
+- app/assets/javascripts/echarts/theme/inspired.js
+- app/assets/javascripts/echarts/theme/jazz.js
+- app/assets/javascripts/echarts/theme/london.js
+- app/assets/javascripts/echarts/theme/macarons.js
+- app/assets/javascripts/echarts/theme/macarons2.js
+- app/assets/javascripts/echarts/theme/mint.js
+- app/assets/javascripts/echarts/theme/red-velvet.js
+- app/assets/javascripts/echarts/theme/red.js
+- app/assets/javascripts/echarts/theme/roma.js
+- app/assets/javascripts/echarts/theme/royal.js
+- app/assets/javascripts/echarts/theme/sakura.js
+- app/assets/javascripts/echarts/theme/shine.js
+- app/assets/javascripts/echarts/theme/tech-blue.js
+- app/assets/javascripts/echarts/theme/vintage.js
+- lib/install/with_importmap.rb
+- lib/install/with_node.rb
+- lib/install/with_sprockets.rb
 - lib/rails_charts.rb
 - lib/rails_charts/area_chart.rb
 - lib/rails_charts/bar_chart.rb
@@ -168,79 +246,7 @@ files:
 - lib/rails_charts/scatter_chart.rb
 - lib/rails_charts/stacked_bar_chart.rb
 - lib/rails_charts/version.rb
-- vendor/assets/rails_charts/echarts.min.js
-- vendor/assets/rails_charts/extension/bmap.js
-- vendor/assets/rails_charts/extension/bmap.js.map
-- vendor/assets/rails_charts/extension/bmap.min.js
-- vendor/assets/rails_charts/extension/dataTool.js
-- vendor/assets/rails_charts/extension/dataTool.js.map
-- vendor/assets/rails_charts/extension/dataTool.min.js
-- vendor/assets/rails_charts/i18n/langCS-obj.js
-- vendor/assets/rails_charts/i18n/langCS.js
-- vendor/assets/rails_charts/i18n/langDE-obj.js
-- vendor/assets/rails_charts/i18n/langDE.js
-- vendor/assets/rails_charts/i18n/langEN-obj.js
-- vendor/assets/rails_charts/i18n/langEN.js
-- vendor/assets/rails_charts/i18n/langES-obj.js
-- vendor/assets/rails_charts/i18n/langES.js
-- vendor/assets/rails_charts/i18n/langFI-obj.js
-- vendor/assets/rails_charts/i18n/langFI.js
-- vendor/assets/rails_charts/i18n/langFR-obj.js
-- vendor/assets/rails_charts/i18n/langFR.js
-- vendor/assets/rails_charts/i18n/langIT-obj.js
-- vendor/assets/rails_charts/i18n/langIT.js
-- vendor/assets/rails_charts/i18n/langJA-obj.js
-- vendor/assets/rails_charts/i18n/langJA.js
-- vendor/assets/rails_charts/i18n/langKO-obj.js
-- vendor/assets/rails_charts/i18n/langKO.js
-- vendor/assets/rails_charts/i18n/langPL-obj.js
-- vendor/assets/rails_charts/i18n/langPL.js
-- vendor/assets/rails_charts/i18n/langPT-br-obj.js
-- vendor/assets/rails_charts/i18n/langPT-br.js
-- vendor/assets/rails_charts/i18n/langRO-obj.js
-- vendor/assets/rails_charts/i18n/langRO.js
-- vendor/assets/rails_charts/i18n/langRU-obj.js
-- vendor/assets/rails_charts/i18n/langRU.js
-- vendor/assets/rails_charts/i18n/langSI-obj.js
-- vendor/assets/rails_charts/i18n/langSI.js
-- vendor/assets/rails_charts/i18n/langTH-obj.js
-- vendor/assets/rails_charts/i18n/langTH.js
-- vendor/assets/rails_charts/i18n/langZH-obj.js
-- vendor/assets/rails_charts/i18n/langZH.js
-- vendor/assets/rails_charts/theme/azul.js
-- vendor/assets/rails_charts/theme/bee-inspired.js
-- vendor/assets/rails_charts/theme/blue.js
-- vendor/assets/rails_charts/theme/caravan.js
-- vendor/assets/rails_charts/theme/carp.js
-- vendor/assets/rails_charts/theme/cool.js
-- vendor/assets/rails_charts/theme/dark-blue.js
-- vendor/assets/rails_charts/theme/dark-bold.js
-- vendor/assets/rails_charts/theme/dark-digerati.js
-- vendor/assets/rails_charts/theme/dark-fresh-cut.js
-- vendor/assets/rails_charts/theme/dark-mushroom.js
-- vendor/assets/rails_charts/theme/dark.js
-- vendor/assets/rails_charts/theme/eduardo.js
-- vendor/assets/rails_charts/theme/forest.js
-- vendor/assets/rails_charts/theme/fresh-cut.js
-- vendor/assets/rails_charts/theme/fruit.js
-- vendor/assets/rails_charts/theme/gray.js
-- vendor/assets/rails_charts/theme/green.js
-- vendor/assets/rails_charts/theme/helianthus.js
-- vendor/assets/rails_charts/theme/infographic.js
-- vendor/assets/rails_charts/theme/inspired.js
-- vendor/assets/rails_charts/theme/jazz.js
-- vendor/assets/rails_charts/theme/london.js
-- vendor/assets/rails_charts/theme/macarons.js
-- vendor/assets/rails_charts/theme/macarons2.js
-- vendor/assets/rails_charts/theme/mint.js
-- vendor/assets/rails_charts/theme/red-velvet.js
-- vendor/assets/rails_charts/theme/red.js
-- vendor/assets/rails_charts/theme/roma.js
-- vendor/assets/rails_charts/theme/royal.js
-- vendor/assets/rails_charts/theme/sakura.js
-- vendor/assets/rails_charts/theme/shine.js
-- vendor/assets/rails_charts/theme/tech-blue.js
-- vendor/assets/rails_charts/theme/vintage.js
+- lib/tasks/rails_charts_tasks.rake
 homepage: https://github.com/railsjazz/rails_charts
 licenses:
 - MIT