Remove two.js

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueplotlib",
-  "version": "1.8.0",
+  "version": "1.9.0",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve --open ./examples-src/index.js",
@@ -18,9 +18,7 @@
     "d3-delaunay": "4.1.3",
     "d3-dispatch-nosplit": "^2.0.1",
     "lodash": "^4.17.11",
-    "save-svg-as-png": "^1.4.6",
-    "simple-statistics": "^6.1.1",
-    "two.js": "^0.7.0-beta.3"
+    "simple-statistics": "^6.1.1"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "^3.0.0-beta.6",

src/components/PlotContainer.vue

@@ -289,8 +289,6 @@ export default {
                     this.$slots.plot[0].componentInstance.drawPlot(plotSvg);
                     this.$slots.plot[0].componentInstance.drawPlot();
 
-                    console.log(plotSvg.node().innerHTML.length)
-
                     const plotG = svg
                         .append("g")
                             .attr("class", `download-g-plot`)

src/components/axes/DendrogramAxis.vue

@@ -28,7 +28,7 @@
 </template>
 
 <script>
-import Two from 'two.js';
+import Two from '../../two.js';
 import { select as d3_select } from 'd3-selection';
 import { cluster as d3_cluster, hierarchy as d3_hierarchy } from 'd3-hierarchy';
 import { mouse as d3_mouse } from 'd3';
@@ -326,7 +326,6 @@ export default {
             descendants.forEach((d, i) => {
                 if(i > 0) {
                     const path = pathFunction(d);
-                    path.noFill();
                     path.stroke = "#555";
                     path.opacity = 0.6;
                     path.linewidth = 1.5;

src/components/axes/GenomeAxis.vue

@@ -40,8 +40,6 @@ import { select as d3_select } from 'd3-selection';
 import { axisTop as d3_axisTop, axisLeft as d3_axisLeft, axisRight as d3_axisRight, axisBottom as d3_axisBottom } from 'd3-axis';
 import { zip as d3_zip } from 'd3-array';
 
-import { svgAsPngUri } from 'save-svg-as-png';
-
 import GenomeScale from './../../scales/GenomeScale.js';
 import HistoryEvent from './../../history/HistoryEvent.js';
 import HistoryStack from './../../history/HistoryStack.js';
@@ -522,14 +520,6 @@ export default {
                 .attr("y", labelY)
                 .attr("transform", "rotate(" + labelRotate + ")");
             
-        },
-        downloadAxis() {
-            const node = d3_select(this.axisSelector).select("svg").node();
-            return new Promise((resolve) => {
-                svgAsPngUri(node, {}, (uri) => {
-                    resolve(uri);
-                });
-            });
         }
     }
 }

src/components/legends/CategoricalLegend.vue

@@ -28,9 +28,7 @@
 <script>
 import { scaleBand as d3_scaleBand } from 'd3-scale';
 import { select as d3_select } from 'd3-selection';
-import { event as d3_event } from 'd3';
 
-import { saveSvgAsPng } from 'save-svg-as-png';
 
 import CategoricalScale from './../../scales/CategoricalScale.js';
 import HistoryEvent from './../../history/HistoryEvent.js';
@@ -411,15 +409,6 @@ export default {
                 .attr("transform", "scale(0.7 0.7)")
                 .attr("fill", "silver");
             
-
-
-            
-            
-            
-        },
-        downloadLegend() {
-            let node = d3_select(this.legendSelector).select("svg").node();
-            saveSvgAsPng(node, this.legendElemID + ".png");
         }
     }
 }

src/components/legends/ContinuousLegend.vue

@@ -40,8 +40,6 @@ import { scaleLinear as d3_scaleLinear } from 'd3-scale';
 import { select as d3_select } from 'd3-selection';
 import { mouse as d3_mouse } from 'd3';
 
-import { saveSvgAsPng } from 'save-svg-as-png';
-
 import ContinuousScale from './../../scales/ContinuousScale.js';
 import HistoryEvent from './../../history/HistoryEvent.js';
 import HistoryStack from './../../history/HistoryStack.js';
@@ -313,10 +311,6 @@ export default {
             });
             
             
-        },
-        downloadLegend() {
-            let node = d3_select(this.legendSelector).select("svg").node();
-            saveSvgAsPng(node, this.legendElemID + ".png");
         }
     }
 }

src/components/plots/BarPlot.vue

@@ -54,7 +54,7 @@
 </template>
 
 <script>
-import Two from 'two.js';
+import Two from '../../two.js';
 import { scaleBand as d3_scaleBand, scaleLinear as d3_scaleLinear, scaleLog as d3_scaleLog } from 'd3-scale';
 import { select as d3_select } from 'd3-selection';
 import { mouse as d3_mouse, event as d3_event } from 'd3';

src/components/plots/BoxPlot.vue

@@ -52,7 +52,7 @@
 </template>
 
 <script>
-import Two from 'two.js';
+import Two from '../../two.js';
 import { scaleLinear as d3_scaleLinear, scaleQuantile as d3_scaleQuantile } from 'd3-scale';
 import { select as d3_select } from 'd3-selection';
 import { mouse as d3_mouse, event as d3_event } from 'd3';

src/components/plots/CountBarPlot.vue

@@ -54,7 +54,7 @@
 </template>
 
 <script>
-import Two from 'two.js';
+import Two from '../../two.js';
 import { scaleBand as d3_scaleBand, scaleLinear as d3_scaleLinear, scaleLog as d3_scaleLog } from 'd3-scale';
 import { select as d3_select } from 'd3-selection';
 import { mouse as d3_mouse, event as d3_event } from 'd3';

src/components/plots/DoubleStratifiedBoxPlot.vue

@@ -102,7 +102,7 @@
 </template>
 
 <script>
-import Two from 'two.js';
+import Two from '../../two.js';
 import { scaleLinear as d3_scaleLinear, scaleQuantile as d3_scaleQuantile, scaleBand as d3_scaleBand } from 'd3-scale';
 import { select as d3_select } from 'd3-selection';
 import { mouse as d3_mouse, event as d3_event } from 'd3';

src/components/plots/DoubleStratifiedScatterPlot.vue

@@ -63,7 +63,7 @@
 </template>
 
 <script>
-import Two from 'two.js';
+import Two from '../../two.js';
 import { scaleLinear as d3_scaleLinear } from 'd3-scale';
 import { select as d3_select } from 'd3-selection';
 import { mouse as d3_mouse, event as d3_event } from 'd3';

src/components/plots/DoubleStratifiedSinaPlot.vue

@@ -112,7 +112,7 @@
 </template>
 
 <script>
-import Two from 'two.js';
+import Two from '../../two.js';
 import { scaleLinear as d3_scaleLinear, scaleQuantile as d3_scaleQuantile, scaleBand as d3_scaleBand } from 'd3-scale';
 import { select as d3_select } from 'd3-selection';
 import { mouse as d3_mouse, event as d3_event } from 'd3';

src/components/plots/GenomeMultiTrackPlot.vue

@@ -61,7 +61,7 @@
 </template>
 
 <script>
-import Two from 'two.js';
+import Two from '../../two.js';
 import { scaleLinear as d3_scaleLinear, scaleBand as d3_scaleBand } from 'd3-scale';
 import { select as d3_select } from 'd3-selection';
 import { mouse as d3_mouse, event as d3_event } from 'd3';

src/components/plots/GenomeScatterPlot.vue

@@ -52,7 +52,7 @@
 </template>
 
 <script>
-import Two from 'two.js';
+import Two from '../../two.js';
 import { scaleLinear as d3_scaleLinear, scaleLog as d3_scaleLog } from 'd3-scale';
 import { select as d3_select } from 'd3-selection';
 import { mouse as d3_mouse, event as d3_event } from 'd3';

src/components/plots/GenomeStackedBarPlot.vue

@@ -53,7 +53,7 @@
 </template>
 
 <script>
-import Two from 'two.js';
+import Two from '../../two.js';
 import { scaleLinear as d3_scaleLinear } from 'd3-scale';
 import { stack as d3_stack, stackOrderNone as d3_stackOrderNone, stackOffsetNone as d3_stackOffsetNone } from 'd3-shape';
 import { select as d3_select } from 'd3-selection';

src/components/plots/GenomeTrackPlot.vue

@@ -39,7 +39,7 @@
 </template>
 
 <script>
-import Two from 'two.js';
+import Two from '../../two.js';
 import { scaleLinear as d3_scaleLinear } from 'd3-scale';
 import { select as d3_select } from 'd3-selection';
 import { mouse as d3_mouse, event as d3_event } from 'd3';

src/components/plots/HierarchicalMultiTrackPlot.vue

@@ -76,7 +76,7 @@
 </template>
 
 <script>
-import Two from 'two.js';
+import Two from '../../two.js';
 import { hierarchy as d3_hierarchy } from 'd3-hierarchy';
 import { scaleBand as d3_scaleBand } from 'd3-scale';
 import { select as d3_select } from 'd3-selection';

src/components/plots/MultiBoxPlot.vue

@@ -75,7 +75,7 @@
 </template>
 
 <script>
-import Two from 'two.js';
+import Two from '../../two.js';
 import { scaleBand as d3_scaleBand, scaleLinear as d3_scaleLinear, scaleQuantile as d3_scaleQuantile } from 'd3-scale';
 import { select as d3_select } from 'd3-selection';
 import { mouse as d3_mouse, event as d3_event } from 'd3';

src/components/plots/MultiDataTrackPlot.vue

@@ -76,7 +76,7 @@
 </template>
 
 <script>
-import Two from 'two.js';
+import Two from '../../two.js';
 import { scaleBand as d3_scaleBand } from 'd3-scale';
 import { select as d3_select } from 'd3-selection';
 import { mouse as d3_mouse, event as d3_event } from 'd3';

src/components/plots/MultiTrackPlot.vue

@@ -76,7 +76,7 @@
 </template>
 
 <script>
-import Two from 'two.js';
+import Two from '../../two.js';
 import { scaleBand as d3_scaleBand } from 'd3-scale';
 import { select as d3_select } from 'd3-selection';
 import { mouse as d3_mouse, event as d3_event } from 'd3';

src/components/plots/RectPlot.vue

@@ -35,7 +35,7 @@
 </template>
 
 <script>
-import Two from 'two.js';
+import Two from '../../two.js';
 import { select as d3_select } from 'd3-selection';
 import { event as d3_event } from 'd3';
 

src/components/plots/ScatterPlot.vue

@@ -48,7 +48,7 @@
 </template>
 
 <script>
-import Two from 'two.js';
+import Two from '../../two.js';
 import { scaleLinear as d3_scaleLinear, scaleLog as d3_scaleLog } from 'd3-scale';
 import { select as d3_select } from 'd3-selection';
 import { mouse as d3_mouse, event as d3_event } from 'd3';

src/components/plots/StackedBarPlot.vue

@@ -58,7 +58,7 @@
 </template>
 
 <script>
-import Two from 'two.js';
+import Two from '../../two.js';
 import { scaleBand as d3_scaleBand, scaleLinear as d3_scaleLinear } from 'd3-scale';
 import { select as d3_select } from 'd3-selection';
 import { stack as d3_stack, stackOrderNone as d3_stackOrderNone, stackOffsetNone as d3_stackOffsetNone } from 'd3-shape';

src/components/plots/StratifiedBoxPlot.vue

@@ -79,7 +79,7 @@
 </template>
 
 <script>
-import Two from 'two.js';
+import Two from '../../two.js';
 import { scaleLinear as d3_scaleLinear, scaleQuantile as d3_scaleQuantile, scaleBand as d3_scaleBand } from 'd3-scale';
 import { select as d3_select } from 'd3-selection';
 import { mouse as d3_mouse, event as d3_event } from 'd3';

src/components/plots/StratifiedKaplanMeierPlot.vue

@@ -53,7 +53,7 @@
 </template>
 
 <script>
-import Two from 'two.js';
+import Two from '../../two.js';
 import { scaleLinear as d3_scaleLinear } from 'd3-scale';
 import { select as d3_select } from 'd3-selection';
 import { mouse as d3_mouse, event as d3_event } from 'd3';

src/components/plots/StratifiedScatterPlot.vue

@@ -50,7 +50,7 @@
 </template>
 
 <script>
-import Two from 'two.js';
+import Two from '../../two.js';
 import { scaleLinear as d3_scaleLinear } from 'd3-scale';
 import { select as d3_select } from 'd3-selection';
 import { mouse as d3_mouse, event as d3_event } from 'd3';

src/components/plots/StratifiedSinaPlot.vue

@@ -89,7 +89,7 @@
 </template>
 
 <script>
-import Two from 'two.js';
+import Two from '../../two.js';
 import { scaleLinear as d3_scaleLinear, scaleQuantile as d3_scaleQuantile, scaleBand as d3_scaleBand } from 'd3-scale';
 import { select as d3_select } from 'd3-selection';
 import { mouse as d3_mouse, event as d3_event } from 'd3';

src/components/plots/TrackPlot.vue

@@ -54,7 +54,7 @@
 </template>
 
 <script>
-import Two from 'two.js';
+import Two from '../../two.js';
 import { scaleBand as d3_scaleBand } from 'd3-scale';
 import { select as d3_select } from 'd3-selection';
 import { mouse as d3_mouse, event as d3_event } from 'd3';