cytoscape-grid-guide - npm Package Compare versions

Comparing version 2.2.0 to 2.2.1

package.json

 {
   "name": "cytoscape-grid-guide",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "description": "A sophisticated and highly customizable Cytoscape.js extension for grid and guideline interactions.",
@@ -5,0 +5,0 @@ "main": "src/index.js",

README.md

@@ -6,3 +6,5 @@ cytoscape-grid-guide
 
-<img src="guideline-example.png" width="300">
+| Guideline example | Grid example |
+| ------------- | ------------- |
+|<img src="guideline-example.png" width="300"> | <img src="grid-example.png" width="300">|
 
@@ -9,0 +11,0 @@ A sophisticated and highly customizable Cytoscape.js extension for grid and guideline interactions, distributed under [The MIT License](https://opensource.org/licenses/MIT). The following features are provided:

src/draw_grid.js

@@ -15,2 +15,16 @@ module.exports = function (opts, cy, $, debounce) {
 
+    var resetCanvas = function () {
+        $canvas
+            .attr('height', 0)
+            .attr('width', 0)
+            .css( {
+                'position': 'absolute',
+                'top': 0,
+                'left': 0,
+                'z-index': options.gridStackOrder
+            });
+    };
+
+    resetCanvas();
+
     var drawGrid = function() {
@@ -92,2 +106,3 @@ var zoom = cy.zoom();
         resizeCanvas: resizeCanvas,
+        resetCanvas: resetCanvas,
         clearCanvas: clearDrawing,
@@ -94,0 +109,0 @@ drawGrid: drawGrid,

src/events_controller.js

@@ -99,3 +99,2 @@ module.exports = function (cy, snap, resize, snapToGridDuringDrag, drawGrid, guidelines, parentPadding, $, opts) {
 		cy[eventStatus(enable)]('pan', drawGridOnPan);
-		cy[eventStatus(enable)]('ready', drawGrid.resizeCanvas);
 
@@ -107,2 +106,3 @@ if (enable) {
 			drawGrid.clearCanvas();
+			drawGrid.resetCanvas();
 			$(window).off('resize', drawGrid.resizeCanvas);
@@ -163,2 +163,3 @@ }
 			cy.off("free", guidelinesFreeHandler);
+			guidelines.resetCanvas();
 			$(window).off("resize", guidelinesWindowResizeHandler);
@@ -165,0 +166,0 @@ }

src/guidelines.js

@@ -63,4 +63,17 @@ module.exports = function (opts, cy, $, debounce) {
 	$container.append($canvas);
-	resizeCanvas();
 
+	var resetCanvas = function () {
+		$canvas
+			.attr('height', 0)
+			.attr('width', 0)
+			.css( {
+				'position': 'absolute',
+				'top': 0,
+				'left': 0,
+				'z-index': options.gridStackOrder
+			});
+	};
+
+	resetCanvas();
+
 	/* Global variables */
@@ -1007,3 +1020,4 @@ var VTree = null;
 		resizeCanvas: resizeCanvas,
+		resetCanvas: resetCanvas,
 	}
 };

No alert changes

Improved metrics

Total package byte prevSize

257838

26.39%

Number of package files

19

11.76%

Lines of code

4706

1.12%

Number of lines in readme file

156

1.3%

No dependency changes