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

igniterealtime / pade

Pàdé (Yoruba word for Meet) is a browser extension (Chrome/Edge) based unified communications desktop client for Openfire.

https://igniterealtime.github.io/pade/

Apache License 2.0

104 stars 46 forks source link

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

Closed marclaporte closed 5 years ago

marclaporte commented 5 years ago

Hi Dele!

You wrote: "I would be more interested in y-js as it supports more types (map, array,xml, text and richtext) " https://github.com/conversejs/community-plugins/issues/1#issuecomment-427296334 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 commented 5 years ago

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 commented 5 years ago

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 commented 5 years ago

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 commented 5 years ago

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

marclaporte commented 5 years ago

wow. Just. a. big. wow.

deleolajide commented 5 years ago

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.