Diagram view is empty #664

hsd-dev · 2022-05-27T12:51:12Z

hsd-dev
May 27, 2022

I was able to run the minimal example successfully. Now I want to replace the JSON source model with an EMF source model. I am still using the same client from the minimal example, but just changed the file extension in minimal-language.ts

export const MinimalLanguage: GLSPDiagramLanguage = {
    contributionId: 'TaskList',
    label: 'Tasklist diagram',
    diagramType: 'my-glsp-diagram',
    fileExtensions: ['.tasklist']
};

And my GModelFactory looks like

public class MyGLSPGModelFactory extends EMFNotationGModelFactory {

	@Override
	protected void fillRootElement(EObject semanticModel, Diagram notationModel, GModelRoot newRoot) {
		// TODO Auto-generated method stub
		TaskList taskList = TaskList.class.cast(semanticModel);
		GGraph graph = GGraph.class.cast(newRoot);

		if (notationModel.getSemanticElement() != null
				&& notationModel.getSemanticElement().getResolvedSemanticElement() != null) {
			for (Iterator<Task> iterator = taskList.getTasks().iterator(); iterator.hasNext();) {
				Task task = (Task) iterator.next();
				GNodeBuilder builder = new GNodeBuilder(DefaultTypes.NODE).size(60, 20)
						.id(idGenerator.getOrCreateId(task)).addCssClass("minimal-node")
						.add(new GLabelBuilder(DefaultTypes.LABEL).text(task.getName()).build());

				applyShapeData(task, builder);
				graph.getChildren().add(builder.build());
			}
		}
	}
}

For now, I have not implemented any operation handlers (I guess just to view existing elements, I wouldn't need it).
Whenever I open a file in the browser, the file does not open. The output on the terminal is

$ yarn start
yarn run v1.22.17
$ yarn rebuild:browser && yarn --cwd minimal-browser-app start
$ theia rebuild:browser
native node modules are already rebuilt for browser
$ theia start --MINIMAL_GLSP=5007 --root-dir=../workspace
root INFO Theia app listening on http://localhost:3000.
root INFO Configuration directory URI: 'file:///home/ipa-hsd/.theia'
root INFO Changed application state from 'ready' to 'closing_window'.
root INFO >>> Storing the layout...
root INFO <<< The layout has been successfully stored.
root INFO >>> Stopping frontend contributions...
root INFO Detected keyboard layout from browser API: German (PC)
root ERROR Cannot find a service for the path: /services/glsp/TaskList/:id
root INFO Changed application state from 'init' to 'started_contributions'.
root INFO Changed application state from 'started_contributions' to 'attached_shell'.
root INFO >>> Restoring the layout state...
root INFO <<< The layout has been successfully restored.
root INFO Changed application state from 'attached_shell' to 'initialized_layout'.
root ERROR Child node 'open-editors:root' does not belong to this 'open-editors:root' tree.
root INFO Finished loading frontend application after 1.312 seconds
root INFO Changed application state from 'initialized_layout' to 'ready'.
root INFO my-glsp-diagram_0

The last line root INFO my-glsp-diagram_0 says that a graph model was indeed created, but something crashes (?), because of which the diagram is not opened. What am I missing here?

Edit 1:
If I run the client from the java-emf-theia example, then it crashes with

$ yarn start
yarn run v1.22.17
$ yarn rebuild:browser && yarn --cwd tasklist-browser-app start
$ theia rebuild:browser
native node modules are already rebuilt for browser
$ theia start --TASKLIST_GLSP=5007 --root-dir=../workspace
/home/ipa-hsd/projects/kogrob2/urdf/glsp_tests/glsp-examples/project-templates/java-emf-theia/glsp-client/node_modules/bindings/bindings.js:121
        throw e;
        ^

Error: Module did not self-register: '/home/ipa-hsd/projects/kogrob2/urdf/glsp_tests/glsp-examples/project-templates/java-emf-theia/glsp-client/node_modules/drivelist/build/Release/drivelist.node'.
    at Object.Module._extensions..node (internal/modules/cjs/loader.js:1057:18)
    at Module.load (internal/modules/cjs/loader.js:863:32)
    at Function.Module._load (internal/modules/cjs/loader.js:708:14)
    at Module.require (internal/modules/cjs/loader.js:887:19)
    at require (internal/modules/cjs/helpers.js:74:18)
    at bindings (/home/ipa-hsd/projects/kogrob2/urdf/glsp_tests/glsp-examples/project-templates/java-emf-theia/glsp-client/node_modules/bindings/bindings.js:112:48)
    at Object.<anonymous> (/home/ipa-hsd/projects/kogrob2/urdf/glsp_tests/glsp-examples/project-templates/java-emf-theia/glsp-client/node_modules/drivelist/js/index.js:25:27)
    at Module._compile (internal/modules/cjs/loader.js:999:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1027:10)
    at Module.load (internal/modules/cjs/loader.js:863:32)
Done in 1.84s.

But it would be helpful for me to start with the minimal client example to understand what changes are necessary on the client side if the source model changes.