cytoscape - npm Package Compare versions

Comparing version 3.17.2 to 3.18.0

.size-snapshot.json

 {
   "build/cytoscape.umd.js": {
-    "bundled": 933602,
-    "minified": 347096,
-    "gzipped": 108063
+    "bundled": 935606,
+    "minified": 348105,
+    "gzipped": 108363
   },
   "build/cytoscape.cjs.js": {
-    "bundled": 860611,
-    "minified": 366380,
-    "gzipped": 110403
+    "bundled": 862511,
+    "minified": 367393,
+    "gzipped": 110701
   },
   "build/cytoscape.esm.js": {
-    "bundled": 860438,
-    "minified": 366237,
-    "gzipped": 110360,
+    "bundled": 862338,
+    "minified": 367250,
+    "gzipped": 110657,
     "treeshaked": {
       "rollup": {
-        "code": 341744,
+        "code": 342753,
         "import_statements": 51
       },
       "webpack": {
-        "code": 343132
+        "code": 344141
       }
@@ -27,12 +27,12 @@ }
   "build/cytoscape.esm.min.js": {
-    "bundled": 346901,
-    "minified": 346403,
-    "gzipped": 107889,
+    "bundled": 347910,
+    "minified": 347412,
+    "gzipped": 108184,
     "treeshaked": {
       "rollup": {
-        "code": 345897,
+        "code": 346906,
         "import_statements": 0
       },
       "webpack": {
-        "code": 347185
+        "code": 348194
       }
@@ -39,0 +39,0 @@ }

package.json

 {
   "name": "cytoscape",
-  "version": "3.17.2",
+  "version": "3.18.0",
   "license": "MIT",
@@ -5,0 +5,0 @@ "description": "Graph theory (a.k.a. network) library for analysis and visualisation",

README.md

@@ -5,6 +5,7 @@ <img style="width: 200px; height: 200px;" src="https://raw.githubusercontent.com/cytoscape/cytoscape.js/unstable/documentation/img/cytoscape-logo.png" width="200" height="200"></img>
 [![Twitter updates](https://img.shields.io/badge/Updates-Twitter-yellow.svg)](https://twitter.com/cytoscapejs)
-[![News and tutorials](https://img.shields.io/badge/News%20and%20tutorials-Blog-yellow.svg)](https://blog.js.cytoscape.org)
+[![News and tutorials](https://img.shields.io/badge/News%20%26%20tutorials-Blog-yellow.svg)](https://blog.js.cytoscape.org)
 [![Questions at StackOverflow](https://img.shields.io/badge/Questions-StackOverflow-yellow.svg)](https://stackoverflow.com/questions/tagged/cytoscape.js)
 [![Ask a question at StackOverflow](https://img.shields.io/badge/Ask%20a%20question-StackOverflow-yellow.svg)](https://stackoverflow.com/questions/ask?tags=cytoscape.js,javascript)
-[![GitHub license](https://img.shields.io/badge/License-MIT-blue.svg)](https://raw.githubusercontent.com/cytoscape/cytoscape.js/master/LICENSE)
+[![Community discussions](https://img.shields.io/badge/Community%20discussions-GitHub-yellow.svg)](https://github.com/cytoscape/cytoscape.js/discussions)
+[![License](https://img.shields.io/badge/License-MIT-blue.svg)](https://raw.githubusercontent.com/cytoscape/cytoscape.js/master/LICENSE)
 [![DOI](https://zenodo.org/badge/2255947.svg)](https://zenodo.org/badge/latestdoi/2255947)
@@ -18,3 +19,2 @@ [![Cite](https://img.shields.io/badge/Cite-Oxford%20Bioinformatics%20Article-blue.svg)](https://js.cytoscape.org/#introduction/citation)
 [![unstable branch tests](https://img.shields.io/travis/cytoscape/cytoscape.js/unstable.svg?label=unstable%20branch)](https://travis-ci.org/cytoscape/cytoscape.js)
-[![Greenkeeper badge](https://badges.greenkeeper.io/cytoscape/cytoscape.js.svg)](https://greenkeeper.io/)
 
@@ -58,8 +58,10 @@ # Cytoscape.js
 
-Please refer to [CONTRIBUTING.md](.github/CONTRIBUTING.md).
+Would you like to become a Cytoscape.js contributor?  You can contribute in technical roles (e.g. features, testing) or non-technical roles (e.g. documentation, outreach), depending on your interests.  [Get in touch with us by posting a GitHub discussion](https://github.com/cytoscape/cytoscape.js/discussions).
 
-Feature releases are made at the start of each month, while patch releases are made at the start of each week.  This allows for rapid releases of first- and third-party contributions.
+For the mechanics of contributing a pull request, refer to [CONTRIBUTING.md](.github/CONTRIBUTING.md).
 
+Feature releases are made monthly, while patch releases are made weekly.  This allows for rapid releases of first- and third-party contributions.
 
 
+
 ## Citation
@@ -66,0 +68,0 @@

src/core/data.js

@@ -12,3 +12,4 @@ import define from '../define';
     triggerFnName: 'trigger',
-    allowGetting: true
+    allowGetting: true,
+    updateStyle: true
   } ),
@@ -20,3 +21,4 @@
     triggerFnName: 'trigger',
-    triggerEvent: true
+    triggerEvent: true,
+    updateStyle: true
   } ),
@@ -32,3 +34,4 @@
     triggerFnName: 'trigger',
-    allowGetting: true
+    allowGetting: true,
+    updateStyle: true
   } ),
@@ -40,3 +43,4 @@
     triggerFnName: 'trigger',
-    triggerEvent: true
+    triggerEvent: true,
+    updateStyle: true
   } )
@@ -43,0 +47,0 @@ };

src/core/index.js

@@ -68,3 +68,3 @@ import window from '../window';
     aniEles: new Collection( this ), // elements being animated
-    data: {}, // data for the core
+    data: options.data || {}, // data for the core
     scratch: {}, // scratch object for core
@@ -336,2 +336,8 @@ layout: null,
             let json = jsons[ i ];
+
+            if( !json.data.id ){
+              util.warn( 'cy.json() cannot handle elements without an ID attribute' );
+              continue;
+            }
+
             let id = '' + json.data.id; // id must be string
@@ -338,0 +344,0 @@ let ele = cy.getElementById( id );

src/core/style.js

@@ -33,2 +33,7 @@ import * as is from '../is';
     return _p.style;
+  },
+
+  // e.g. cy.data() changed => recalc ele mappers
+  updateStyle: function(){
+    this.mutableElements().updateStyle(); // just send to all eles
   }
@@ -35,0 +40,0 @@ });

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

@@ -30,2 +30,3 @@ var CRp = {};
   var imgOpacity = getIndexedStyle( node, 'background-image-opacity', 'value', index ) * nodeOpacity;
+  var smooth = getIndexedStyle( node, 'background-image-smoothing', 'value', index );
 
@@ -127,2 +128,13 @@ var imgW = img.width || img.cachedW;
 
+  var smoothingEnabled = r.getImgSmoothing( context );
+  var isSmoothingSwitched = false;
+
+  if( smooth === 'no' && smoothingEnabled ){ 
+    r.setImgSmoothing( context, false );
+    isSmoothingSwitched = true;
+  } else if( smooth === 'yes' && !smoothingEnabled ){
+    r.setImgSmoothing( context, true );
+    isSmoothingSwitched = true;
+  }
+
   if( repeat === 'no-repeat' ){
@@ -166,4 +178,5 @@
 
+  if( isSmoothingSwitched ){ r.setImgSmoothing( context, smoothingEnabled ); }
 };
 
 export default CRp;

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

@@ -144,3 +144,3 @@ /* global Path2D */
 
-  let drawImages = ( nodeOpacity = eleOpacity ) => {
+  let drawImages = ( nodeOpacity = eleOpacity, inside = true ) => {  
     let prevBging = _p.backgrounding;
@@ -150,2 +150,8 @@ let totalCompleted = 0;
     for( let i = 0; i < image.length; i++ ){
+      const bgContainment = node.cy().style().getIndexedStyle(node, 'background-image-containment', 'value', i);
+      if( inside && bgContainment === 'over' || !inside && bgContainment === 'inside' ){
+        totalCompleted++;
+        continue;
+      }
+
       if( urlDefined[i] && image[i].complete && !image[i].error ){
@@ -271,18 +277,20 @@ totalCompleted++;
     drawShape();
-    drawImages( effGhostOpacity );
+    drawImages( effGhostOpacity, true );
+    setupBorderColor( ghostOpacity * borderOpacity );
+    drawBorder();
     drawPie( darkness !== 0 || borderWidth !== 0 );
+    drawImages( effGhostOpacity, false );
     darken( effGhostOpacity );
-    setupBorderColor( ghostOpacity * borderOpacity );
-    drawBorder();
 
     context.translate( -gx, -gy );
   }
-
+  
   setupShapeColor();
   drawShape();
-  drawImages();
+  drawImages(eleOpacity, true);
+  setupBorderColor();
+  drawBorder();
   drawPie( darkness !== 0 || borderWidth !== 0 );
+  drawImages(eleOpacity, false);
   darken();
-  setupBorderColor();
-  drawBorder();
 
@@ -289,0 +297,0 @@ if( usePaths ){

src/style/apply.js

@@ -436,2 +436,6 @@ import * as util from '../util';
 
+  if( prop && prop.name.substr(0, 3) === 'pie' ){
+    util.warn('The pie style properties are deprecated.  Create charts using background images instead.');
+  }
+
   // edge sanity checks to prevent the client from making serious mistakes
@@ -438,0 +442,0 @@ if(

src/style/properties.js

@@ -51,2 +51,3 @@ import * as util from '../util';
     bgClip: { enums: [ 'none', 'node' ], multiple: true },
+    bgContainment: { enums: [ 'inside', 'over' ], multiple: true },
     color: { color: true },
@@ -56,2 +57,3 @@ colors: { color: true, multiple: true },
     bool: { enums: [ 'yes', 'no' ] },
+    bools: { enums: [ 'yes', 'no' ], multiple: true },
     lineStyle: { enums: [ 'solid', 'dotted', 'dashed' ] },
@@ -295,2 +297,4 @@ lineCap: { enums: [ 'butt', 'round', 'square' ] },
     { name: 'background-image-opacity', type: t.zeroOneNumbers },
+    { name: 'background-image-containment', type: t.bgContainment }, 
+    { name: 'background-image-smoothing', type: t.bools },
     { name: 'background-position-x', type: t.bgPos },
@@ -591,2 +595,4 @@ { name: 'background-position-y', type: t.bgPos },
     'background-image-opacity': 1,
+    'background-image-containment': 'inside',
+    'background-image-smoothing': 'yes',
     'background-position-x': '50%',
@@ -593,0 +599,0 @@ 'background-position-y': '50%',

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

Total package byte prevSize

4253190

increased by0.26%

Number of package files

173

increased by1.17%

Lines of code

107160

increased by0.19%

Number of lines in readme file

152

increased by1.33%

No dependency changes