rails_charts 0.0.9 → 1.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 830e81299e65a8cff82d47efc2b25dd561c3791b0e910717e4277543b3b8d152
-  data.tar.gz: 5f0f96ae1917f0155aac538e1dbd6084d236da857eeb519d42f9b48ef42bc2d1
+  metadata.gz: d9cfc32633452b56465d15e918121fdf8d94e4862645c6c065d0b781fb95be4a
+  data.tar.gz: bede48fdda5764a7c67b8ef06829956ff1464cccd979d631d03eb73a9702b965
 SHA512:
-  metadata.gz: d07dab2edfbe53f2912cf10334ae47cf4933620339c029862b2f3d678361af10318a02c2e606a002433c54b3a1057f3f966d66aa05545cb326ef2f9dc964df8a
-  data.tar.gz: 8b4f8b9334096c7807114b4275906ce54cca6f4cee290d7f45ee3efcef25b4cd3a9b7734c5035d3a3e41daf76d1d6f412de21f67ffa05c2451eaccd87b5f8b1f
+  metadata.gz: c9377a50726f2189c447d9088791ac4deba4082688d3f4db93b162d1025af7e53e582b9bb645b0b01400c9ff9adfd069620dcc1ef364ce6b73a57fa8218e788c
+  data.tar.gz: d8146af06cc195a2029c20f48d091db467f65d82a81bafe61ee8364d631c4ac4e073378557754a6a316690f507bfff89c0842460bc96b6cbe99a71dc93964f9b

data/README.md

@@ -129,6 +129,27 @@ import "echarts/theme/dark"
 
 4) customize charts if needed. See available options or [official documentation](https://echarts.apache.org/examples/en/index.html).
 
+### Loading Themes
+
+Themes can be loaded as shown in examples above. However, in some cases where
+themes are included in environment where `this` does not point to `window`, you
+might get errors. In that case, you can use loadTheme helper to load themes by
+name. For example, instead of
+
+```javascript
+import 'echarts/theme/dark'
+```
+you can do
+
+```javascript
+// application.js
+import "echarts"
+import "echarts.themeloader"
+
+// Load the desired theme dynamically
+RailsCharts.loadTheme('dark');
+```
+
 ## Options
 
 ```ruby

data/app/assets/javascripts/echarts.themeloader.js

@@ -0,0 +1,29 @@
+(function() {
+  window.RailsCharts = window.RailsCharts || {};
+  window.RailsCharts.loadedThemes = window.RailsCharts.loadedThemes || [];
+
+  window.RailsCharts.loadTheme = function(themeName) {
+    document.addEventListener('DOMContentLoaded', () => {
+      if (typeof echarts === 'undefined') {
+        console.error('ECharts is not loaded. Please ensure echarts.js is included.');
+        return;
+      }
+
+      if (window.RailsCharts.loadedThemes.includes(themeName)) {
+        console.warn(`Theme '${themeName}' is already loaded.`);
+        return;
+      }
+
+      const script = document.createElement('script');
+      script.type = 'text/javascript';
+      script.src = `/assets/echarts/theme/${themeName}.js`;
+      script.onload = () => {
+        console.log(`Theme '${themeName}' loaded successfully.`);
+      };
+      script.onerror = () => {
+        console.error(`Failed to load theme: /assets/echarts/theme/${themeName}.js`);
+      };
+      document.head.appendChild(script);
+    });
+  };
+})();

data/lib/rails_charts/base_chart.rb

@@ -80,6 +80,11 @@ module RailsCharts
             window.addEventListener('turbo:load', init_#{chart_id});
             window.addEventListener('turbolinks:load', init_#{chart_id});
 
+            window.addEventListener('turbo:frame-render', init_#{chart_id});
+            window.addEventListener('turbo:frame-load', ()=> {
+                window.removeEventListener('turbo:frame-render', init_#{chart_id});
+            });
+
             document.addEventListener("turbolinks:before-render", destroy_#{chart_id});
             document.addEventListener("turbo:before-render", destroy_#{chart_id});
           </script>

data/lib/rails_charts/version.rb

@@ -1,3 +1,3 @@
 module RailsCharts
-  VERSION = "0.0.9"
+  VERSION = "1.0.0"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: rails_charts
 version: !ruby/object:Gem::Version
-  version: 0.0.9
+  version: 1.0.0
 platform: ruby
 authors:
 - Igor Kasyanchuk
@@ -134,6 +134,7 @@ files:
 - README.md
 - Rakefile
 - app/assets/javascripts/echarts.min.js
+- app/assets/javascripts/echarts.themeloader.js
 - app/assets/javascripts/echarts/extension/bmap.js
 - app/assets/javascripts/echarts/extension/bmap.js.map
 - app/assets/javascripts/echarts/extension/bmap.min.js