Realtime Collaboration on Diagrams, with mxGraph (which powers Draw.io)

[marclaporte]

Hi Dele!

You wrote: "I would be more interested in y-js as it supports more types (map, array,xml, text and richtext) "
conversejs/community-plugins#1 (comment)
I agree that whatever we use should work in a broad number of use cases.

If/when you are up for real time diagrams, here is the awesome solution we picked for Tiki Wiki CMS Groupware:
https://jgraph.github.io/mxgraph/javascript/examples/grapheditor/www/index.html
https://doc.tiki.org/PluginDiagram

"mxGraph is a fully client side JavaScript diagramming library that uses SVG and HTML for rendering. draw.io is an example that extends the functionality of this library. "

Check the awesome examples:
https://about.draw.io/features/examples/

Marc

[deleolajide]

If/when you are up for real time diagrams, here is the awesome solution we picked for Tiki Wiki CMS Groupware:

Definitely interested, but time is always the determining factor. There is a simple demo for a collaborative network diagram editor with Y-JS at http://y-js.org/example-vis.js/ that will illuminate how to do this. However, draw.io will be a bigger challenge.

The starting point will be the Converse connector for Y-JS I mentioned here. With that in place, we can create a reusable collaborative draw.io component that can be used from a Converse or Tiki plugin. The output can be an SVG file that can be uploaded to a web server.

It will also help if there is a real-life use case that can provide the expected user experience for this.

[marclaporte]

ok, let's keep on the radar as a low priority.

We will gain more experience and users, and the use cases will come :-)

[deleolajide]

First step is to create a standalone version of draw.io and make it accessible from Pàdé. See new draw.io plugin for Openfire

[deleolajide]

For now, we can use a diagram in a collaborative presentation session like this:

[marclaporte]

wow. Just. a. big. wow.

[deleolajide]

Thank you. It will be available in version 0.7.0
I am going to close this issue now and open a new one in the future to tackle collaborative diagram editing.