Moved DRAG_THRESHOLD_2D to config.js

config.js

@@ -20,3 +20,4 @@ export function setSpace(space) {
 }
 
 export const DRAG_THRESHOLD_3D = 10;
+export const DRAG_THRESHOLD_2D = 5;

editor/js/editor.js

@@ -3,13 +3,11 @@ import * as Graph from "./graph";
 import { loadGraphJson } from "../../datasets/datasets";
 import ForceGraph from "force-graph";
 import * as Interactions from "./interactions";
-import { setSpace, SPACE } from "../../config";
-
+import { DRAG_THRESHOLD_2D, setSpace, SPACE } from "../../config";
 
 export var state = undefined;
 export var graph = undefined;
 var graphObj;
-export const DRAG_THRESHOLD_2D = 5;
 
 window.onload = function () {
     // Only execute, if corresponding dom is present
@@ -25,21 +23,19 @@ window.onload = function () {
     loadSpace(SPACE);
 };
 
-
 export function loadSpace(spaceId) {
     if (state !== undefined && spaceId === SPACE) {
         return;
     }
     setSpace(spaceId);
 
-    return loadGraphJson(SPACE)
-        .then((graphConfig) => {
-            state = new State();
-            graph = new Graph.Graph(graphConfig);
-            load();
+    return loadGraphJson(SPACE).then((graphConfig) => {
+        state = new State();
+        graph = new Graph.Graph(graphConfig);
+        load();
 
-            graph.restartSimulation();
-        });
+        graph.restartSimulation();
+    });
 }
 
 function extractPositions(event) {
@@ -72,9 +68,13 @@ function load() {
             state.onBackgroundClick(event, extractPositions(event))
         )
         .nodeCanvasObjectMode((node) => state.nodeCanvasObjectMode(node))
-        .nodeCanvasObject((node, ctx, globalScale) => state.nodeCanvasObject(node, ctx, globalScale))
+        .nodeCanvasObject((node, ctx, globalScale) =>
+            state.nodeCanvasObject(node, ctx, globalScale)
+        )
         .linkCanvasObjectMode((link) => state.linkCanvasObjectMode(link))
-        .linkCanvasObject((link, ctx, globalScale) => state.linkCanvasObject(link, ctx, globalScale))
+        .linkCanvasObject((link, ctx, globalScale) =>
+            state.linkCanvasObject(link, ctx, globalScale)
+        )
         .onLinkClick((link) => state.onLinkClick(link));
 
     graph.onChangeCallbacks.push((data) => {
@@ -83,7 +83,10 @@ function load() {
 }
 
 function onNodeDragEnd(node, translate) {
-    if(Math.sqrt(Math.pow(translate.x, 2)+ Math.pow(translate.y, 2)) < DRAG_THRESHOLD_2D) {
-        state.onNodeClick(node)
+    if (
+        Math.sqrt(Math.pow(translate.x, 2) + Math.pow(translate.y, 2)) <
+        DRAG_THRESHOLD_2D
+    ) {
+        state.onNodeClick(node);
     }
 }