Eclipse Sirius Web is a framework to easily create and deploy studios to the web. We keep the principles which made the success of Eclipse Sirius Desktop and make them available on a modern cloud-based stack.
This repository contains the building blocks from which Sirius Web applications are built.
The folder packages
contains both the Spring Boot projects from which the corresponding backend is built and the reusable React components used to build the application’s UI.
It also contains the Sirius Web sample application.
To test Sirius Web you have two possible options:
-
If you just want to run an already built version of the example application, follow the Quick Start.
-
If you want to build the example application yourself, follow the complete build instructions.
If you want a quick overview of how Sirius Web looks and feels like without building the sample application yourself, you will simply need:
-
Java 17
-
Docker, or an existing PostgreSQL 12 (or later) installation with a DB user that has admin rights on the database (those are needed by the application to create its schema on first startup).
Then, download the latest pre-built JAR:
-
Go to the packages of the project and look for
sirius-web-sample-application
. -
Download the latest jar available
This is a single "fat JAR" named sirius-web-sample-application.jar
which contains the complete sample application with all its dependencies.
To actually run the application:
-
Sirius Web uses PostgreSQL for its database. For development or local testing, the easiest way is to start a PostgreSQL instance using Docker.
docker run -p 5433:5432 --rm --name sirius-web-postgres \ -e POSTGRES_USER=dbuser \ -e POSTGRES_PASSWORD=dbpwd \ -e POSTGRES_DB=sirius-web-db \ -d postgres:12
WarningThis may take a while the first time you run this as Docker will first pull the PostgreSQL image. If you do not have Docker or want to use an existing PostgreSQL installation, adjust the command-line parameters below and make sure the DB user has admin rights on the database; they are needed to automatically create the DB schema.
-
Start the application:
java -jar sirius-web-sample-application.jar \ --spring.datasource.url=jdbc:postgresql://localhost:5433/sirius-web-db \ --spring.datasource.username=dbuser \ --spring.datasource.password=dbpwd \ --spring.liquibase.change-log=classpath:db/changelog/sirius-web.db.changelog.xml
-
Point your browser at http://localhost:8080 and enjoy!
WarningThe initial version of Sirius Web has some known issues with Firefox. It is recommended to use a Chrome-based browser until these are fixed.
Note
|
Do not forget to stop the PostgreSQL container once you are done: docker kill sirius-web-postgres .
Note that this will remove all the data you have created while testing the application.
|
To build the components in this repository on your own, you will need the following tools installed:
-
Git, and a GitHub account
-
To build the backend components:
-
Java 17
-
-
To build the frontend components:
-
Recent versions of Node and NPM: in particular, Node >= 18.7.0 is required along with npm >= 8.15.0.
-
TurboRepo (
npm install -g turbo
)
-
Warning
|
Note that there are issues with NPM under Windows Subsystem for Linux (WSL). If you use WSL and encounter error messages like "Maximum call stack size exceeded" when running NPM, switch to plain Windows where this should work. |
The backend components of this repository depends on sirius-emf-json
, which is published as Maven artifacts in GitHub Packages.
To build sirius-components
locally, you need a GitHub Access Token so that Maven can download the sirius-emf-json
and Flow-Designer
artifacts.
-
Create a personal token with a scope of
read:package
by following the GitHub documentation if you do not have one already.WarningOnce generated, a token cannot be displayed anymore, so make sure to copy it in a secure location. -
Create or edit
$HOME/.m2/settings.xml
to tell Maven to use this token when accessing the Sirius EMF JSON repository:<?xml version="1.0" encoding="UTF-8"?> <settings xmlns="http://maven.apache.org/SETTINGS/1.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/SETTINGS/1.0.0 https://maven.apache.org/xsd/settings-1.0.0.xsd"> <servers> <server> <id>github-sirius-emfjson</id> <username>$GITHUB_USERNAME</username> <password>$GITHUB_ACCESS_TOKEN</password> </server> <server> <id>github-flow</id> <username>$GITHUB_USERNAME</username> <password>$GITHUB_ACCESS_TOKEN</password> </server> </servers> </settings>
Be sure to replace
$GITHUB_USERNAME
with your GitHub user id, and$GITHUB_ACCESS_TOKEN
with the value of your acess token.ImportantThe id
used in yoursettings.xml
must begithub-sirius-emfjson
andgithub-flow
to match what is used in the POMs.
-
Clone this repository
-
Build the frontend packages:
npm ci npx turbo run build
NoteIn order to run tests, use npx turbo run coverage
-
Install the frontend artifacts as static resource to be served by the backend. From the root directory of the repository:
mkdir -p packages/sirius-web/backend/sirius-web-frontend/src/main/resources/static cp -R packages/sirius-web/frontend/sirius-web/dist/* packages/sirius-web/backend/sirius-web-frontend/src/main/resources/static
-
Build the backend components.
mvn clean install -f packages/pom.xml
TipIf you are behind a proxy, you may get Maven errors about checkstyle.org not being available. In this case you need to explicitly disable CheckStyle from the build: mvn clean install -f releng/org.eclipse.sirius.emfjson.releng/pom.xml -P\!checkstyle
-
You can find in the output artifacts in the various
target
folders of the backend components and thedist
folders of the frontend components. You could publish those to your maven or npm repository to consume them in other applications. We are already publishing those components in the NPM and maven repositories of our Github organization.Using these instructions, we can find a Spring Boot "fat JAR" in
backend/sirius-web-sample-application/target/sirius-web-sample-application-{YEAR.MONTH.COUNT-SNAPSHOT}.jar
. Refer to the instructions in the "Quick Start" section above to launch it.