cytoscape - npm Package Compare versions

Comparing version 3.29.3 to 3.30.0

package.json

 {
   "name": "cytoscape",
-  "version": "3.29.3",
+  "version": "3.30.0",
   "license": "MIT",
@@ -106,3 +106,3 @@ "description": "Graph theory (a.k.a. network) library for analysis and visualisation",
     "chai": "^4.1.2",
-    "cpy-cli": "^3.1.1",
+    "cpy-cli": "^5.0.0",
     "cross-env": "^7.0.0",
@@ -112,3 +112,3 @@ "download-cli": "^1.0.5",
     "esm": "^3.2.25",
-    "gh-pages": "^2.1.1",
+    "gh-pages": "^5.0.0",
     "handlebars": "^4.7.6",
@@ -115,0 +115,0 @@ "heap": "^0.2.7",

src/extensions/renderer/base/coord-ele-math/labels.js

@@ -5,4 +5,2 @@ import * as math from '../../../../math';
 
-/* global document */
-
 let BRp = {};
@@ -473,2 +471,6 @@
 
+  var containerWindow = r.cy.window();
+
+  var document = containerWindow.document;
+
   let cacheKey = util.hashString( text, ele._private.labelDimsKey );
@@ -475,0 +477,0 @@

src/extensions/renderer/base/load-listeners.js

@@ -7,3 +7,3 @@ import * as is from '../../../is';
 
-/* global document, window, ResizeObserver, MutationObserver */
+/* global document, ResizeObserver, MutationObserver */
 
@@ -1388,3 +1388,3 @@ BRp.registerBinding = function( target, event, handler, useCapture ){ // eslint-disable-line no-unused-vars
   var touchmoveHandler;
-  r.registerBinding(window, 'touchmove', touchmoveHandler = function(e) { // eslint-disable-line no-undef
+  r.registerBinding(containerWindow, 'touchmove', touchmoveHandler = function(e) { // eslint-disable-line no-undef
     var capture = r.touchData.capture;
@@ -1391,0 +1391,0 @@

src/extensions/renderer/canvas/drawing-edges.js

@@ -33,2 +33,4 @@ /* global Path2D */
   let lineCap = edge.pstyle('line-cap').value;
+  let lineOutlineWidth = edge.pstyle('line-outline-width').value;
+  let lineOutlineColor = edge.pstyle('line-outline-color').value;
   
@@ -63,2 +65,32 @@ let effectiveLineOpacity = opacity * lineOpacity;
 
+  let drawLineOutline = ( strokeOpacity = effectiveLineOpacity) => {
+    context.lineWidth = edgeWidth + lineOutlineWidth;
+    context.lineCap = lineCap;
+
+    if (lineOutlineWidth > 0) {
+      r.colorStrokeStyle( context, lineOutlineColor[0], lineOutlineColor[1], lineOutlineColor[2], strokeOpacity );
+    } else {
+      // do not draw any lineOutline
+      context.lineCap = 'butt'; // reset for other drawing functions
+      return;
+    }
+
+    if (curveStyle === 'straight-triangle') {
+      r.drawEdgeTrianglePath(
+        edge,
+        context,
+        rs.allpts
+      );
+    } else { 
+      r.drawEdgePath(
+        edge,
+        context,
+        rs.allpts,
+        lineStyle
+      );
+  
+      context.lineCap = 'butt'; // reset for other drawing functions
+    }
+  };
+
   let drawOverlay = () => {
@@ -100,2 +132,4 @@ if( !shouldDrawOverlay ){ return; }
     context.translate( -gx, -gy );
+  } else {
+    drawLineOutline();
   }
@@ -102,0 +136,0 @@

src/extensions/renderer/canvas/drawing-redraw.js

@@ -17,2 +17,4 @@ import * as util from '../../../util';
 
+  var containerWindow = this.cy.window();
+
   var backingStore = context.backingStorePixelRatio ||
@@ -25,3 +27,3 @@ context.webkitBackingStorePixelRatio ||
 
-  return (window.devicePixelRatio || 1) / backingStore; // eslint-disable-line no-undef
+  return (containerWindow.devicePixelRatio || 1) / backingStore; // eslint-disable-line no-undef
 };
@@ -28,0 +30,0 @@

src/extensions/renderer/canvas/index.js

@@ -44,2 +44,5 @@ /*
 
+  var containerWindow = r.cy.window();
+  var document = containerWindow.document;
+
   r.data = {
@@ -318,2 +321,4 @@ canvases: new Array( CRp.CANVAS_LAYERS ),
   } else {
+    var containerWindow = this.cy.window();
+    var document = containerWindow.document;
     canvas = document.createElement('canvas'); // eslint-disable-line no-undef
@@ -320,0 +325,0 @@ canvas.width = width;

src/style/properties.js

@@ -360,2 +360,4 @@ import * as util from '../util';
     { name: 'line-dash-offset', type: t.number },
+    { name: 'line-outline-width', type: t.size },
+    { name: 'line-outline-color', type: t.color },
     { name: 'line-gradient-stop-colors', type: t.colors },
@@ -721,2 +723,4 @@ { name: 'line-gradient-stop-positions', type: t.percentages },
     'line-opacity' : 1,
+    'line-outline-width' : 0,
+    'line-outline-color' : '#000',
     'line-gradient-stop-colors': '#999',
@@ -723,0 +727,0 @@ 'line-gradient-stop-positions': '0%',

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

Published versions last months

1

increased byInfinity%

Worsened metrics

Total package byte prevSize

4622723

decreased by-0.03%

Lines of code

118069

decreased by-0.02%

No dependency changes