feat: in-browser graphical interface using GraphQL APIs #3136
Conversation
the webgui module represents alchemist simulation's data on a wep page.
nodes now are represented in a canvas context
nodes now are represented in a canvas context
restructured web page dom changed style features minor ui tweaks
fix(webgui): Fixed canvas zooming bug
Now clicking on a node presents its properties, concentrations and reactions Added custom component for collapsible views Changes in the overall UI structure
chore(javadoc): Added javadoc for all classes and methods chore(webgui): Cleaned code
|
enabling automatic updates via merge |
|
@ItsTiz, can you fix the merge conflict, push, and make sure that the build passes? It is a pre-requisite for the PR to get merged |
Added subscription if simulation is auto-started
|
I merged the last changes. Still, some checks - fewer than before - keep failing. I took a quick look and there seems to be an issue with tasks which do not depend from my module (graphql module tests). Also, I should have corrected the original dependency problem which prevented the complete build process. @AngeloFilaseta could you please take a look and confirm? |
|
I'll take a look in a few minutes |
|
Hi @ItsTiz! 👋 |
|
I have solved quite a few dependencies problems related to the |
|
Lmao, sorry, I literally forgot. I'm going to investigate this afternoon (for real) |
fix(build): solve task dependencies in webgui
Codecov ReportAll modified and coverable lines are covered by tests ✅
Additional details and impacted files@@ Coverage Diff @@
## master #3136 +/- ##
======================================
Coverage 0.00% 0.00%
======================================
Files 3 2 -1
Lines 115 66 -49
Branches 5 1 -4
======================================
+ Misses 115 66 -49 ☔ View full report in Codecov by Sentry. |
|
|
Hi @ItsTiz! 👋 |
This PR launches a simulation using a GraphQL server alongside a web client interface (made in Kotlin-JS) accessible from localhost:9090.
To launch the simulation execute this task:
\gradlew.bat :alchemist-webgui:runWebGui PsimulationFile="absolute/path/nodes.yml"The
PsimulationFileparameter accepts the absolute path to the .yaml configuration file.In order to visualize correctly all the data retrieved from the APIs, the page needs to be consulted from a browser in which CORS policies have been disabled. Even though the web client hosting the page has been instructed to disable those policies, it still does not seem to allow the passthrough of data. This needs further investigation, and the problem will be assessed in the future.
For Chrome users this can be achieved by executing the browser with the following parameters:
--disable-web-security--user-data-dir="arbitrary/path/"--disable-site-isolation-trials