@processmaker/modeler 1.39.27 → 1.39.28

package/dist/modeler.umd.js

@@ -75879,6 +75879,7 @@ var Multiplayer = /*#__PURE__*/function () {
             };
             _this.modeler.addPlayer(newPlayer);
           });
+          _this.syncLocalNodes(_this.clientIO.id);
         }
       });
       this.clientIO.on('clientLeft', function (payload) {
@@ -75892,22 +75893,7 @@ var Multiplayer = /*#__PURE__*/function () {
 
         // Check if the current client is the first client
         if (firstClient.id === _this.clientIO.id) {
-          // Get the process definition
-          var nodes = _this.modeler.nodes.map(function (node) {
-            return _this.modeler.multiplayerHook(node, false, true);
-          });
-          nodes.forEach(function (node) {
-            var yMapNested = new YMap();
-            _this.doTransact(yMapNested, node);
-            _this.yArray.push([yMapNested]);
-            // Encode the state as an update and send it to the server
-            var stateUpdate = encodeStateAsUpdate(_this.yDoc);
-            // Send the update to the web socket server
-            _this.clientIO.emit('createElement', {
-              updateDoc: stateUpdate,
-              clientId: clientId
-            });
-          });
+          _this.syncLocalNodes(clientId);
         }
       });
 
@@ -76030,6 +76016,31 @@ var Multiplayer = /*#__PURE__*/function () {
         }
       });
     }
+    /**
+     * Sync the modeler nodes with the microservice
+     * @param {String} clientId 
+     */
+  }, {
+    key: "syncLocalNodes",
+    value: function syncLocalNodes(clientId) {
+      var _this2 = this;
+      // Get the process definition
+      var nodes = this.modeler.nodes.map(function (node) {
+        return _this2.modeler.multiplayerHook(node, false, true);
+      });
+      nodes.forEach(function (node) {
+        var yMapNested = new YMap();
+        _this2.doTransact(yMapNested, node);
+        _this2.yArray.push([yMapNested]);
+        // Encode the state as an update and send it to the server
+        var stateUpdate = encodeStateAsUpdate(_this2.yDoc);
+        // Send the update to the web socket server
+        _this2.clientIO.emit('createElement', {
+          updateDoc: stateUpdate,
+          clientId: clientId
+        });
+      });
+    }
   }, {
     key: "addNode",
     value: function addNode(data) {
@@ -76062,10 +76073,10 @@ var Multiplayer = /*#__PURE__*/function () {
   }, {
     key: "createRemoteShape",
     value: function createRemoteShape(changes) {
-      var _this2 = this;
+      var _this3 = this;
       return new Promise(function (resolve) {
         changes.map(function (data) {
-          _this2.createShape(data);
+          _this3.createShape(data);
         });
         resolve();
       });
@@ -76131,14 +76142,14 @@ var Multiplayer = /*#__PURE__*/function () {
   }, {
     key: "updateNodes",
     value: function updateNodes(data) {
-      var _this3 = this;
+      var _this4 = this;
       data.forEach(function (value) {
-        var index = _this3.getIndex(value.id);
-        var nodeToUpdate = _this3.yArray.get(index);
+        var index = _this4.getIndex(value.id);
+        var nodeToUpdate = _this4.yArray.get(index);
         var updateData = value.poolId ? _objectSpread2(_objectSpread2({}, value.properties), {
           poolId: value.poolId
         }) : value.properties;
-        _this3.doTransact(nodeToUpdate, updateData);
+        _this4.doTransact(nodeToUpdate, updateData);
       });
     }
   }, {
@@ -76219,7 +76230,7 @@ var Multiplayer = /*#__PURE__*/function () {
     key: "updateShapes",
     value: function () {
       var _updateShapes = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(data) {
-        var _this4 = this;
+        var _this5 = 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) {
@@ -76239,14 +76250,14 @@ var Multiplayer = /*#__PURE__*/function () {
               startWaypoint = waypoint.shift();
               endWaypoint = waypoint.pop(); // Update the element's waypoints
               newWaypoint = waypoint.map(function (point) {
-                return _this4.modeler.moddle.create('dc:Point', point);
+                return _this5.modeler.moddle.create('dc:Point', point);
               });
               element.set('vertices', newWaypoint);
 
               // Update the element's source anchor
               element.source(sourceElem, {
                 anchor: function anchor() {
-                  return getDefaultAnchorPoint(_this4.getConnectionPoint(sourceElem, startWaypoint), sourceElem.findView(paper));
+                  return getDefaultAnchorPoint(_this5.getConnectionPoint(sourceElem, startWaypoint), sourceElem.findView(paper));
                 },
                 connectionPoint: {
                   name: 'boundary'
@@ -76256,7 +76267,7 @@ var Multiplayer = /*#__PURE__*/function () {
               // Update the element's target anchor
               element.target(targetElem, {
                 anchor: function anchor() {
-                  return getDefaultAnchorPoint(_this4.getConnectionPoint(targetElem, endWaypoint), targetElem.findView(paper));
+                  return getDefaultAnchorPoint(_this5.getConnectionPoint(targetElem, endWaypoint), targetElem.findView(paper));
                 },
                 connectionPoint: {
                   name: 'boundary'
@@ -76344,7 +76355,7 @@ var Multiplayer = /*#__PURE__*/function () {
   }, {
     key: "addLaneNodes",
     value: function addLaneNodes(lanes) {
-      var _this5 = this;
+      var _this6 = this;
       var pool = this.getPool(lanes);
       window.ProcessMaker.EventBus.$emit('multiplayer-updateNodes', [{
         id: pool.component.node.definition.id,
@@ -76359,11 +76370,11 @@ var Multiplayer = /*#__PURE__*/function () {
       this.yDoc.transact(function () {
         lanes.forEach(function (lane) {
           var yMapNested = new YMap();
-          var data = _this5.prepareLaneData(lane);
-          _this5.doTransact(yMapNested, data);
-          _this5.yArray.push([yMapNested]);
-          var stateUpdate = encodeStateAsUpdate(_this5.yDoc);
-          _this5.clientIO.emit('createElement', {
+          var data = _this6.prepareLaneData(lane);
+          _this6.doTransact(yMapNested, data);
+          _this6.yArray.push([yMapNested]);
+          var stateUpdate = encodeStateAsUpdate(_this6.yDoc);
+          _this6.clientIO.emit('createElement', {
             updateDoc: stateUpdate
           });
         });