@11ways/flowview - npm Package Compare versions

Comparing version 0.1.1 to 0.1.2

CHANGELOG.md

@@ -0,1 +1,7 @@
+## 0.1.2 (2023-06-17)
+
+* Stop nodes being draggably by their "buttons" contents
+* Adjust the style of the sidebar
+* Various fixes
+
 ## 0.1.1 (2022-05-31)
@@ -2,0 +8,0 @@

element/00_fv_base.js

@@ -86,6 +86,12 @@ /**
  * @since    0.1.0
- * @version  0.1.0
+ * @version  0.1.2
  */
 Base.setMethod(function getRectInGrid() {
 
+	const grid = this.grid;
+
+	if (!grid) {
+		return;
+	}
+
 	let grid_rect = this.grid.getRect(),
@@ -92,0 +98,0 @@ rect = this.getBoundingClientRect();

element/05_fv_anchor.js

@@ -212,3 +212,3 @@ /**
  * @since    0.1.0
- * @version  0.1.0
+ * @version  0.1.2
  *
@@ -221,2 +221,6 @@ * @return   {Object}
 
+	if (!rect) {
+		return null;
+	}
+
 	let result = {
@@ -223,0 +227,0 @@ x   : rect.x,

element/fv_anchor_input.js

@@ -170,3 +170,3 @@ /**
  * @since    0.1.0
- * @version  0.1.0
+ * @version  0.1.2
  */
@@ -179,2 +179,6 @@ AnchorInput.setMethod(function redraw() {
 
+	if (!rect) {
+		return false;
+	}
+
 	for (i = 0; i < this.paths.length; i++) {
@@ -187,2 +191,4 @@ path = this.paths[i];
 	}
+
+	return true;
 });
@@ -189,0 +195,0 @@

element/fv_grid.js

@@ -311,3 +311,3 @@ /**
  * @since    0.1.0
- * @version  0.1.1
+ * @version  0.1.2
  */
@@ -322,2 +322,7 @@ Grid.setMethod(function introduced() {
 	this.initRectListener();
+	this.queueRedraw();
+
+	setTimeout(() => {
+		this.queueRedraw();
+	}, 100);
 });
@@ -549,3 +554,3 @@
  * @since    0.1.0
- * @version  0.1.1
+ * @version  0.1.2
  */
@@ -770,3 +775,3 @@ Grid.setMethod(function initDragEvents() {
 
-					return target.dragStart(pos);
+					return target.dragStart(pos, event);
 				}
@@ -773,0 +778,0 @@

element/fv_node.js

@@ -243,3 +243,3 @@ /**
  * @since    0.1.0
- * @version  0.1.1
+ * @version  0.2.0
  *
@@ -278,3 +278,22 @@ * @param    {String}   name
 
-	if (this.type) {
+	if (!this.grid) {
+		
+		let found_grid = false,
+		    retry = 1;
+
+		while (!found_grid) {
+			await Pledge.after(50 * retry);
+			retry++;
+
+			if (!this.isConnected) {
+				return;
+			}
+
+			if (retry > 10) {
+				throw new Error('Unable to find grid');
+			}
+		}
+	}
+
+	if (this.type && this.grid) {
 		let list_entry = this.grid.getListEntry(this.type);
@@ -333,4 +352,4 @@ this.list_entry = list_entry;
  * @author   Jelle De Loecker   <[e-mail]>
- * @since    0.3.0
- * @version  0.3.0
+ * @since    0.1.1
+ * @version  0.1.1
  *
@@ -402,7 +421,28 @@ * @param    {Object[]}   buttons
 /**
+ * Get the correct draggable element
+ *
+ * @author   Jelle De Loecker   <[e-mail]>
+ * @since    0.1.2
+ * @version  0.1.2
+ *
+ * @param    {Object}   pos
+ */
+Node.setMethod(function dragStart(pos, event) {
+
+	if (event) {
+		// Do not let the inputs in the "buttons_element" be a drag handle
+		if (this.buttons_element.contains(event.target)) {
+			return false;
+		}
+	}
+
+	return this;
+});
+
+/**
  * Load incoming connections
  *
  * @author   Jelle De Loecker   <[e-mail]>
- * @since    0.3.0
- * @version  0.3.0
+ * @since    0.1.1
+ * @version  0.1.2
  *
@@ -417,2 +457,7 @@ * @param    {Object[]}   connections
 
+	if (!this.grid) {
+		console.warn('Unable to load incoming connections, grid is not available yet. Node:', this);
+		return;
+	}
+
 	for (let connection of connections) {
@@ -434,4 +479,4 @@ let source_node = this.grid.getNodeByUid(connection.source.node_uid);
  * @author   Jelle De Loecker   <[e-mail]>
- * @since    0.3.0
- * @version  0.3.0
+ * @since    0.1.1
+ * @version  0.1.1
  *
@@ -446,2 +491,6 @@ * @param    {Object[]}   connections
 
+	if (!this.grid) {
+		return;
+	}
+
 	for (let connection of connections) {
@@ -448,0 +497,0 @@ let target_node = this.grid.getNodeByUid(connection.target.node_uid);

package.json

 {
 	"name": "@11ways/flowview",
 	"description": "Diagram library",
-	"version": "0.1.1",
+	"version": "0.1.2",
 	"dependencies": {
-		"protoblast"   : "~0.7.0"
+		"protoblast"   : "~0.8.10"
 	},
 	"engines": {
-		"node": ">=8.16.0"
+		"node": ">=14.0.0"
 	}
 }

No alert changes

Improved metrics

Total package byte prevSize

58599

increased by2.52%

Lines of code

2332

increased by2.37%

Dependency changes

• + Addedjson-dry@2.0.3(transitive)

• + Addedprotoblast@0.8.19(transitive)

• - Removedjson-dry@1.1.1(transitive)

• - Removedprotoblast@0.7.27(transitive)

• Updatedprotoblast@~0.8.10