rollup-plugin-visualizer - npm Package Compare versions

Comparing version 2.6.1 to 2.7.0

lib/main-circlepacking.js

@@ -1768,8 +1768,3 @@ (function () {
       .style("opacity", 0)
-      .attr("class", "tooltip")
-      .style("background-color", "white")
-      .style("border", "solid")
-      .style("border-width", "2px")
-      .style("border-radius", "5px")
-      .style("padding", "5px");
+      .attr("class", "tooltip");
 
@@ -1800,6 +1795,6 @@ const createMouseover = tooltipNode => () => tooltipNode.style("opacity", 1);
 
-  const WIDTH = 1000;
-  const HEIGHT = 1000;
+  const WIDTH = window.chartParameters.width || 1000;
+  const HEIGHT = window.chartParameters.height || 1000;
 
-  const chartsContainer = document.querySelector("#charts");
+  const mainContainer = document.querySelector("#main");
 
@@ -1814,3 +1809,3 @@ for (const { id, root: data } of window.nodesData) {
     const chartNode = wrapper.querySelector(".chart");
-    chartsContainer.appendChild(chartNode);
+    mainContainer.appendChild(chartNode);
 
@@ -1817,0 +1812,0 @@ const root = hierarchy(data)

lib/main-treemap.js

@@ -1629,8 +1629,3 @@ (function () {
       .style("opacity", 0)
-      .attr("class", "tooltip")
-      .style("background-color", "white")
-      .style("border", "solid")
-      .style("border-width", "2px")
-      .style("border-radius", "5px")
-      .style("padding", "5px");
+      .attr("class", "tooltip");
 
@@ -1661,6 +1656,6 @@ const createMouseover = tooltipNode => () => tooltipNode.style("opacity", 1);
 
-  const WIDTH = 1000;
-  const HEIGHT = 700;
+  const WIDTH = window.chartParameters.width || 1000;
+  const HEIGHT = window.chartParameters.height || 700;
 
-  const chartsContainer = document.querySelector("#charts");
+  const mainContainer = document.querySelector("#main");
 
@@ -1677,3 +1672,3 @@ const format$1 = format_1;
     const chartNode = wrapper.querySelector(".chart");
-    chartsContainer.appendChild(chartNode);
+    mainContainer.appendChild(chartNode);
 
@@ -1680,0 +1675,0 @@ const treemapLayout = d3treemap()

package.json

 {
   "name": "rollup-plugin-visualizer",
-  "version": "2.6.1",
+  "version": "2.7.0",
   "main": "plugin/index.js",
@@ -28,3 +28,3 @@ "author": "Denis Bardadym <[e-mail]>",
     "mkdirp": "^0.5.1",
-    "open": "^7.0.0",
+    "open": "^6.0.0",
     "pupa": "^2.0.0",
@@ -53,4 +53,3 @@ "source-map": "^0.7.3"
     "rollup-plugin-postcss": "^2.0.3",
-    "sass": "^1.22.7",
-    "typeface-oswald": "0.0.75"
+    "sass": "^1.22.7"
   },
@@ -57,0 +56,0 @@ "engines": {

plugin/build-stats.js

@@ -8,3 +8,9 @@ "use strict";
 
-module.exports = async function buildHtml(title, nodesData, graphType, styleOverridePath) {
+module.exports = async function buildHtml(
+  title,
+  nodesData,
+  graphType,
+  styleOverridePath,
+  chartParameters
+) {
   const [template, script, style, styleOverride] = await Promise.all([
@@ -22,4 +28,5 @@ readFile(path.join(__dirname, "stats.template"), "utf-8"),
     styleOverride,
-    nodesData: JSON.stringify(nodesData)
+    nodesData: JSON.stringify(nodesData),
+    chartParameters: JSON.stringify(chartParameters)
   });
 };

plugin/index.js

@@ -47,2 +47,4 @@ "use strict";
 
+  const chartParameters = opts.chartParameters || {};
+
   return {
@@ -117,3 +119,3 @@ name: "visualizer",
 
-      const html = await buildStats(title, roots, template, styleOverridePath);
+      const html = await buildStats(title, roots, template, styleOverridePath, chartParameters);
 
@@ -120,0 +122,0 @@ await mkdir(path.dirname(filename));

README.md

@@ -51,2 +51,6 @@ # Rollup Plugin Visualizer
 
+`chartParameters.width` (number, default `undefined`) - Set svg viewBox width to this number
+
+`chartParameters.height` (number, default `undefined`) - Set svg viewBox height to this number
+
 ## Build plugin
@@ -61,5 +65,6 @@
 
-Generated files does not and never will be contain your source code (contents of files). They can contains only js/html/css code required to build chart (plugin code) and statistical information about your source code.
+Generated html files do not and never will contain your source code (contents of files). They can contain only js/html/css code required to build chart (plugin code) and statistical information about your source code.
+
 This statistical information can contain:
-* byte size of files included in bundled
+* size of files included in bundle
 * size of files included in source map
@@ -66,0 +71,0 @@ * file's path

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Dev dependency count

17

decreased by-5.56%

Number of lines in readme file

79

increased by6.76%

Worsened metrics

Total package byte prevSize

985580

decreased by-16.37%

Lines of code

9555

decreased by-6.19%

Dependency changes

• + Addedis-wsl@1.1.0(transitive)

• + Addedopen@6.4.0(transitive)

• - Removedis-docker@2.2.1(transitive)

• - Removedis-wsl@2.2.0(transitive)

• - Removedopen@7.4.2(transitive)

• Updatedopen@^6.0.0