Develop a GLSP diagram extension

[wss29]

Hi,
I try to develop an extension on theia blueprint, this extension is a glsp diagram. I have seen documents about glsp and theia-integration. But that demo is using glsp as the main program, in my application glsp is just an extension, I have some other extensions in my program. I am not very sure about the architecture of glsp as an extension. Should I develop one glsp-client as an extension and one glsp-server as another extension? or I create one extension which contains the client and server?
I use node-json-theia solution. any experienced person can give some advice, thank you very much

[planger]

Hi Pagina,

You are right, the node-json-theia project already contains a Theia application (tasklist-browser-app). This is to make it as easy as possible to get started.

Basically, tasklist-theia is the Theia extension and tasklist-glsp is the diagram implementation, that tasklist-theia integrates into a Theia. The app tasklist-browser-app is just an example Theia app, that includes tasklist-theia.

The server is independent from all of that and needs to run and expose a port alongside the Theia application.
In this context, the following parts of the documentation may help:

• https://www.eclipse.org/glsp/documentation/integrations/
• https://theia-ide.org/docs/authoring_extensions/
• https://theia-ide.org/docs/composing_applications/

If you want to use this diagram extension now in the context of Theia Blueprint, you have two options:

1. You publish the GLSP diagram packages tasklist-theia and its dependency tasklist-glsp to npmjs and add tasklist-theia to the dependencies in the Theia Blueprint app's package.json. You'd still also need to start the server externally.
2. You directly move the sources of the GLSP diagram packages into Theia Blueprint and build it there directly. This is recommended if you want to co-develop your Theia applicatoin and your diagram editor and avoid a publishing step in between every time you change something.

For approach 2, you'd move tasklist-glsp and tasklist-theia into theia-extensions and add tasklist-theia to the dependencies in the Theia Blueprint app's package.json.

There might be some additional configuration changes required (tsconfig), but roughly that should work.

[wss29]

Hi,
Thank you very much for your advice. Now I download glsp-theia-integration and try to use workflow-theia as a demo extension to my project.

1. I move the sources of theia-integration and workflow-theia to theia-extensions folder
   
2. I add follow resolutions to the root package.json
   
   3.I add workflow-theia to Blueprint app's package.json
   
   4.I yarn and build, and everything is ok, But when I click example1.wf file,nothing happens, can not open the wf file
   
   5.I guess the server is not starting, so I check the jar file, It exists.
   
3. I check task manager and see the two java.exe run which is the same as normal as glsp-theia-integration. So the server should run, but I do not know why .wf can not open, have no idea
   

[planger]

Unfortunately, I can't tell what's wrong without further details. Can you please also provide the browser console output and the Theia backend logs?