feat: optional config arg in WiredPanels constructor

WiredPanels config can now be given to in the constructor

```js
wp = new WiredPanels(parentElement,{
  onwiredrag(socket) { return true;}
  ....
});
```

Author: arlac77

WiredPanels.js

@@ -125,7 +125,7 @@ function deleteSelected(event) {
 }
 
 export default class WiredPanels {
-    constructor(parentElement) {
+    constructor(parentElement,config={}) {
         const acceptClipboard = function(event) {
             if(!this.config.onacceptclipboard)
                 return false;
@@ -336,7 +336,7 @@ export default class WiredPanels {
         this.tickCount = 0;
         this.actionStack = [];
         this.actionIndex = 0;
-        this.config = {
+        this.config = Object.assign({
             socketRadius: 5,
             verticalSocketsOutside: false,
             horizontalSocketsOutside: false,
@@ -348,15 +348,8 @@ export default class WiredPanels {
             springStiffness: 0.1,
             panelCollision: true,
             borderCollision: true,
-            undoActionLimit: 0,
-            ondeletion: undefined,
-            onactivation: undefined,
-            onwiredrag: undefined,
-            onwireconnect: undefined,
-            oncopy: undefined,
-            onpaste: undefined,
-            onacceptclipboard: undefined
-        };
+            undoActionLimit: 0
+        },config);
     }
 
     setSelected(nodes, selectionMode) {

tests/index.html

@@ -11,51 +11,50 @@
         </style>
         <script type="module">
 import WiredPanels from '../WiredPanels.js';
-const wiredPanels = new WiredPanels(document.body);
-wiredPanels.config.onactivation = function() {
-  const panels = new Set();
-  for (const node of wiredPanels.selection)
-    if (node.type !== 'wire') {
-      const newLabel = prompt('Label', node.label.textContent);
-      if (newLabel != undefined) node.label.textContent = newLabel;
-      panels.add(node.type === 'panel' ? node : node.panel);
-    }
-  for (const node of panels) wiredPanels.updatePanelGeometry(node);
-};
-wiredPanels.config.ondeletion = function() {};
-wiredPanels.config.onwiredrag = function(socket) {
-  return true;
-};
-wiredPanels.config.onwireconnect = function(node, wire, nodesToAdd) {
-  if (node.type === 'panel') {
-    const rect = wiredPanels.boundingRectOfPanel(node),
-      diffX = wire.dstSocket.primaryElement.x - (rect[0] + rect[1]) / 2,
-      diffY = wire.dstSocket.primaryElement.y - (rect[2] + rect[3]) / 2;
-    wire.dstSocket = wiredPanels.createSocket();
-    wire.dstSocket.panel = node;
-    if (Math.abs(diffX) === Math.max(Math.abs(diffX), Math.abs(diffY)))
-      wire.dstSocket.orientation = diffX < 0 ? 'left' : 'right';
-    else wire.dstSocket.orientation = diffY < 0 ? 'top' : 'bottom';
-    wire.dstSocket.label.textContent = 'added';
-    nodesToAdd.add(wire.dstSocket);
-  } else if (node !== wire.srcSocket) wire.dstSocket = node;
-  return [];
-};
-wiredPanels.svg.ondblclick = function(event) {
-  const mousePos = wiredPanels.mousePositionOfEvent(event),
-    panel = wiredPanels.createPanel(),
-    sockets = [];
-  panel.x = mousePos[0];
-  panel.y = mousePos[1];
-  panel.label.textContent = 'panel';
-  for (let i = 0; i < 10; ++i) {
-    const socket = wiredPanels.createSocket();
-    socket.panel = panel;
-    socket.orientation = ['top', 'left', 'right', 'bottom'][i % 4];
-    socket.label.textContent = socket.orientation + ' ' + i;
-    sockets.push(socket);
+const wiredPanels = new WiredPanels(document.body,{
+  ondeletion() {},
+  onwiredrag(socket) { return true;},
+  onactivation() {
+    const panels = new Set();
+    for (const node of wiredPanels.selection)
+      if (node.type !== 'wire') {
+        const newLabel = prompt('Label', node.label.textContent);
+        if (newLabel != undefined) node.label.textContent = newLabel;
+        panels.add(node.type === 'panel' ? node : node.panel);
+      }
+    for (const node of panels) wiredPanels.updatePanelGeometry(node);
+  },
+  onwireconnect(node, wire, nodesToAdd) {
+    if (node.type === 'panel') {
+      const rect = wiredPanels.boundingRectOfPanel(node),
+        diffX = wire.dstSocket.primaryElement.x - (rect[0] + rect[1]) / 2,
+        diffY = wire.dstSocket.primaryElement.y - (rect[2] + rect[3]) / 2;
+      wire.dstSocket = wiredPanels.createSocket();
+      wire.dstSocket.panel = node;
+      if (Math.abs(diffX) === Math.max(Math.abs(diffX), Math.abs(diffY)))
+        wire.dstSocket.orientation = diffX < 0 ? 'left' : 'right';
+      else wire.dstSocket.orientation = diffY < 0 ? 'top' : 'bottom';
+      wire.dstSocket.label.textContent = 'added';
+      nodesToAdd.add(wire.dstSocket);
+    } else if (node !== wire.srcSocket) wire.dstSocket = node;
+    return [];
   }
-  wiredPanels.changeGraphUndoable(new Set([panel, ...sockets]), []);
+});
+
+wiredPanels.svg.ondblclick = function(event) {
+    const mousePos = wiredPanels.mousePositionOfEvent(event),
+          panel = wiredPanels.createPanel(), sockets = [];
+    panel.x = mousePos[0];
+    panel.y = mousePos[1];
+    panel.label.textContent = 'panel';
+    for(let i = 0; i < 10; ++i) {
+        const socket = wiredPanels.createSocket();
+        socket.panel = panel;
+        socket.orientation = ['top', 'left', 'right', 'bottom'][i % 4];
+        socket.label.textContent = socket.orientation + ' ' + i;
+        sockets.push(socket);
+    }
+    wiredPanels.changeGraphUndoable(new Set([panel, ...sockets]), []);
 };
 
 const panel = wiredPanels.createPanel(),