@processmaker/modeler 1.39.32 → 1.40.0

package/dist/modeler.umd.js

@@ -76094,8 +76094,7 @@ var Multiplayer = /*#__PURE__*/function () {
   _createClass(Multiplayer, [{
     key: "init",
     value: function init() {
-      var _window$ProcessMaker$,
-        _this = this;
+      var _window$ProcessMaker$;
       // Get the node id generator
       _classPrivateFieldSet(this, _nodeIdGenerator, getNodeIdGenerator(this.modeler.definitions));
       // Get the room name from the process id
@@ -76106,6 +76105,17 @@ var Multiplayer = /*#__PURE__*/function () {
       this.clientIO = esm_lookup(window.ProcessMaker.multiplayer.host, {
         transports: ['websocket', 'polling']
       });
+      if (window.ProcessMaker.multiplayer.enabled) {
+        this.webSocketEvents();
+        this.multiplayerEvents();
+      } else {
+        this.clientIO.disconnect();
+      }
+    }
+  }, {
+    key: "webSocketEvents",
+    value: function webSocketEvents() {
+      var _this = this;
       this.clientIO.on('connect', function () {
         var _window$ProcessMaker$2, _window$ProcessMaker$3;
         // Join the room
@@ -76244,37 +76254,42 @@ var Multiplayer = /*#__PURE__*/function () {
         // Update the element in the shared array
         applyUpdate(_this.yDoc, new Uint8Array(updateDoc));
       });
+    }
+  }, {
+    key: "multiplayerEvents",
+    value: function multiplayerEvents() {
+      var _this2 = this;
       window.ProcessMaker.EventBus.$on('multiplayer-addNode', function (data) {
-        _this.addNode(data);
+        _this2.addNode(data);
       });
       window.ProcessMaker.EventBus.$on('multiplayer-removeNode', function (data) {
-        _this.removeNode(data);
+        _this2.removeNode(data);
       });
       window.ProcessMaker.EventBus.$on('multiplayer-updateNodes', function (data) {
-        _this.updateNodes(data);
+        _this2.updateNodes(data);
       });
       window.ProcessMaker.EventBus.$on('multiplayer-replaceNode', function (_ref3) {
         var nodeData = _ref3.nodeData,
           newControl = _ref3.newControl;
-        _this.replaceNode(nodeData, newControl);
+        _this2.replaceNode(nodeData, newControl);
       });
       window.ProcessMaker.EventBus.$on('multiplayer-addFlow', function (data) {
-        _this.addCommonElement(data);
+        _this2.addCommonElement(data);
       });
       window.ProcessMaker.EventBus.$on('multiplayer-addBoundaryEvent', function (data) {
-        _this.addCommonElement(data);
+        _this2.addCommonElement(data);
       });
       window.ProcessMaker.EventBus.$on('multiplayer-addLanes', function (lanes) {
-        _this.addLaneNodes(lanes);
+        _this2.addLaneNodes(lanes);
       });
       window.ProcessMaker.EventBus.$on('multiplayer-updateInspectorProperty', function (data) {
-        if (_this.modeler.isMultiplayer) {
-          _this.updateInspectorProperty(data);
+        if (_this2.modeler.isMultiplayer) {
+          _this2.updateInspectorProperty(data);
         }
       });
       window.ProcessMaker.EventBus.$on('multiplayer-updateFlows', function (data) {
-        if (_this.modeler.isMultiplayer) {
-          _this.updateFlows(data);
+        if (_this2.modeler.isMultiplayer) {
+          _this2.updateFlows(data);
         }
       });
     }
@@ -76285,19 +76300,19 @@ var Multiplayer = /*#__PURE__*/function () {
   }, {
     key: "syncLocalNodes",
     value: function syncLocalNodes(clientId) {
-      var _this2 = this;
+      var _this3 = this;
       // Get the process definition
       var nodes = this.modeler.nodes.map(function (node) {
-        return _this2.modeler.multiplayerHook(node, false, true);
+        return _this3.modeler.multiplayerHook(node, false, true);
       });
       nodes.forEach(function (node) {
         var yMapNested = new YMap();
-        _this2.doTransact(yMapNested, node);
-        _this2.yArray.push([yMapNested]);
+        _this3.doTransact(yMapNested, node);
+        _this3.yArray.push([yMapNested]);
         // Encode the state as an update and send it to the server
-        var stateUpdate = encodeStateAsUpdate(_this2.yDoc);
+        var stateUpdate = encodeStateAsUpdate(_this3.yDoc);
         // Send the update to the web socket server
-        _this2.clientIO.emit('createElement', {
+        _this3.clientIO.emit('createElement', {
           updateDoc: stateUpdate,
           clientId: clientId
         });
@@ -76335,10 +76350,10 @@ var Multiplayer = /*#__PURE__*/function () {
   }, {
     key: "createRemoteShape",
     value: function createRemoteShape(changes) {
-      var _this3 = this;
+      var _this4 = this;
       return new Promise(function (resolve) {
         changes.map(function (data) {
-          _this3.createShape(data);
+          _this4.createShape(data);
         });
         resolve();
       });
@@ -76406,14 +76421,14 @@ var Multiplayer = /*#__PURE__*/function () {
   }, {
     key: "updateNodes",
     value: function updateNodes(data) {
-      var _this4 = this;
+      var _this5 = this;
       data.forEach(function (value) {
-        var index = _this4.getIndex(value.id);
-        var nodeToUpdate = _this4.yArray.get(index);
+        var index = _this5.getIndex(value.id);
+        var nodeToUpdate = _this5.yArray.get(index);
         var updateData = value.poolId ? _objectSpread2(_objectSpread2({}, value.properties), {
           poolId: value.poolId
         }) : value.properties;
-        _this4.doTransact(nodeToUpdate, updateData);
+        _this5.doTransact(nodeToUpdate, updateData);
       });
     }
   }, {
@@ -76494,7 +76509,7 @@ var Multiplayer = /*#__PURE__*/function () {
     key: "updateShapes",
     value: function () {
       var _updateShapes = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(data) {
-        var _this5 = this;
+        var _this6 = this;
         var paper, element, newPool, sourceElem, targetElem, waypoint, startWaypoint, endWaypoint, newWaypoint, node;
         return _regeneratorRuntime().wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
@@ -76514,14 +76529,14 @@ var Multiplayer = /*#__PURE__*/function () {
               startWaypoint = waypoint.shift();
               endWaypoint = waypoint.pop(); // Update the element's waypoints
               newWaypoint = waypoint.map(function (point) {
-                return _this5.modeler.moddle.create('dc:Point', point);
+                return _this6.modeler.moddle.create('dc:Point', point);
               });
               element.set('vertices', newWaypoint);
 
               // Update the element's source anchor
               element.source(sourceElem, {
                 anchor: function anchor() {
-                  return getDefaultAnchorPoint(_this5.getConnectionPoint(sourceElem, startWaypoint), sourceElem.findView(paper));
+                  return getDefaultAnchorPoint(_this6.getConnectionPoint(sourceElem, startWaypoint), sourceElem.findView(paper));
                 },
                 connectionPoint: {
                   name: 'boundary'
@@ -76531,7 +76546,7 @@ var Multiplayer = /*#__PURE__*/function () {
               // Update the element's target anchor
               element.target(targetElem, {
                 anchor: function anchor() {
-                  return getDefaultAnchorPoint(_this5.getConnectionPoint(targetElem, endWaypoint), targetElem.findView(paper));
+                  return getDefaultAnchorPoint(_this6.getConnectionPoint(targetElem, endWaypoint), targetElem.findView(paper));
                 },
                 connectionPoint: {
                   name: 'boundary'
@@ -76619,7 +76634,7 @@ var Multiplayer = /*#__PURE__*/function () {
   }, {
     key: "addLaneNodes",
     value: function addLaneNodes(lanes) {
-      var _this6 = this;
+      var _this7 = this;
       var pool = this.getPool(lanes);
       window.ProcessMaker.EventBus.$emit('multiplayer-updateNodes', [{
         id: pool.component.node.definition.id,
@@ -76634,11 +76649,11 @@ var Multiplayer = /*#__PURE__*/function () {
       this.yDoc.transact(function () {
         lanes.forEach(function (lane) {
           var yMapNested = new YMap();
-          var data = _this6.prepareLaneData(lane);
-          _this6.doTransact(yMapNested, data);
-          _this6.yArray.push([yMapNested]);
-          var stateUpdate = encodeStateAsUpdate(_this6.yDoc);
-          _this6.clientIO.emit('createElement', {
+          var data = _this7.prepareLaneData(lane);
+          _this7.doTransact(yMapNested, data);
+          _this7.yArray.push([yMapNested]);
+          var stateUpdate = encodeStateAsUpdate(_this7.yDoc);
+          _this7.clientIO.emit('createElement', {
             updateDoc: stateUpdate
           });
         });
@@ -76812,11 +76827,11 @@ var Multiplayer = /*#__PURE__*/function () {
   }, {
     key: "updateFlows",
     value: function updateFlows(data) {
-      var _this7 = this;
+      var _this8 = this;
       data.forEach(function (value) {
-        var index = _this7.getIndex(value.id);
-        var nodeToUpdate = _this7.yArray.get(index);
-        _this7.yDoc.transact(function () {
+        var index = _this8.getIndex(value.id);
+        var nodeToUpdate = _this8.yArray.get(index);
+        _this8.yDoc.transact(function () {
           for (var key in value) {
             if (Object.hasOwn(value, key)) {
               nodeToUpdate.set(key, value[key]);