kie-issues#1059: EPIC - Sonataflow management console

.gitignore

@@ -77,6 +77,9 @@ package-lock.json
 ## dev-deployment-dmn-form-webapp
 !packages/dev-deployment-dmn-form-webapp/build
 
+## sonataflow-management-console-webapp
+!packages/sonataflow-management-console-webapp/build
+
 ## vscode-*
 **/.vscode-test/
 **/.vscode-test-web/

README.md

@@ -222,9 +222,10 @@ The Apache KIE Tools project contains several applications. To develop each one
 #### Serverless Logic Web Tools
 
 1. After you've successfully built the project following the instructions above, go to `packages/serverless-logic-web-tools`.
-1. Open a terminal and run `pnpm start`. This will start a `webpack serve` instance with the Serverless Logic Web Tools resources.
-1. From now on you can use the development version of the Serverless Logic Web Tools by accessing `https://localhost:9020`.
-1. Run the CORS Proxy by running `pnpm start` at `packages/cors-proxy`.
+2. Open a terminal and run `pnpm start`. This will start a `webpack serve` instance with the Serverless Logic Web Tools resources.
+3. From now on you can use the development version of the Serverless Logic Web Tools by accessing `https://localhost:9020`.
+4. Run the CORS Proxy by running `pnpm start` at `packages/cors-proxy`.
+5. (Optional) To try the "Runtime Tools" functionalities, run the SonataFlow Dev App by running `pnpm start` at `packages/sonataflow-dev-app`, then open `https://localhost:9020/#/settings/runtime-tools` and set `http://localhost:4000/graphql` in the "Data Index URL" field
 
 #### Standalone Editors (DMN and BPMN)
 

packages/kogito-management-console/README.md

@@ -73,15 +73,15 @@ This package contains the `Containerfile/Dockerfile` and scripts to build a cont
    |                          Name                          |                          Description                          |                                            Default                                            |
    | :----------------------------------------------------: | :-----------------------------------------------------------: | :-------------------------------------------------------------------------------------------: |
    |   `RUNTIME_TOOLS_MANAGEMENT_CONSOLE_KOGITO_ENV_MODE`   | Env Mode: "PROD" or "DEV". PROD enables Keycloak integration. |                                            "PROD"                                             |
-   |   `RUNTIME_TOOLS_MANAGEMENT_CONSOLE_KOGITO_APP_NAME`   |                 Management Console app name.                  | See [ defaultEnvJson.ts ](../runtime-tools-management-console-webapp/build/defaultEnvJson.js) |
-   | `RUNTIME_TOOLS_MANAGEMENT_CONSOLE_KOGITO_APP_VERSION`  |                Management Console app version.                | See [ defaultEnvJson.ts ](../runtime-tools-management-console-webapp/build/defaultEnvJson.js) |
-   | `RUNTIME_TOOLS_MANAGEMENT_CONSOLE_DATA_INDEX_ENDPOINT` |        The URL that points to the Data Index service.         | See [ defaultEnvJson.ts ](../runtime-tools-management-console-webapp/build/defaultEnvJson.js) |
-   |    `KOGITO_CONSOLES_KEYCLOAK_DISABLE_HEALTH_CHECK`     |                Disables Keycloak health-check.                | See [ defaultEnvJson.ts ](../runtime-tools-management-console-webapp/build/defaultEnvJson.js) |
-   |    `KOGITO_CONSOLES_KEYCLOAK_UPDATE_TOKEN_VALIDITY`    |               Update token validity in minutes.               | See [ defaultEnvJson.ts ](../runtime-tools-management-console-webapp/build/defaultEnvJson.js) |
-   |      `KOGITO_CONSOLES_KEYCLOAK_HEALTH_CHECK_URL`       |                  Keycloak health-check URL.                   | See [ defaultEnvJson.ts ](../runtime-tools-management-console-webapp/build/defaultEnvJson.js) |
-   |            `KOGITO_CONSOLES_KEYCLOAK_REALM`            |                     Keycloak realm name.                      | See [ defaultEnvJson.ts ](../runtime-tools-management-console-webapp/build/defaultEnvJson.js) |
-   |             `KOGITO_CONSOLES_KEYCLOAK_URL`             |                      Keycloak auth URL.                       | See [ defaultEnvJson.ts ](../runtime-tools-management-console-webapp/build/defaultEnvJson.js) |
-   |          `KOGITO_CONSOLES_KEYCLOAK_CLIENT_ID`          |                      Keycloak Client ID.                      | See [ defaultEnvJson.ts ](../runtime-tools-management-console-webapp/build/defaultEnvJson.js) |
+   |   `RUNTIME_TOOLS_MANAGEMENT_CONSOLE_KOGITO_APP_NAME`   |                 Management Console app name.                  | See [ defaultEnvJson.js ](../runtime-tools-management-console-webapp/build/defaultEnvJson.js) |
+   | `RUNTIME_TOOLS_MANAGEMENT_CONSOLE_KOGITO_APP_VERSION`  |                Management Console app version.                | See [ defaultEnvJson.js ](../runtime-tools-management-console-webapp/build/defaultEnvJson.js) |
+   | `RUNTIME_TOOLS_MANAGEMENT_CONSOLE_DATA_INDEX_ENDPOINT` |        The URL that points to the Data Index service.         | See [ defaultEnvJson.js ](../runtime-tools-management-console-webapp/build/defaultEnvJson.js) |
+   |    `KOGITO_CONSOLES_KEYCLOAK_DISABLE_HEALTH_CHECK`     |                Disables Keycloak health-check.                | See [ defaultEnvJson.js ](../runtime-tools-management-console-webapp/build/defaultEnvJson.js) |
+   |    `KOGITO_CONSOLES_KEYCLOAK_UPDATE_TOKEN_VALIDITY`    |               Update token validity in minutes.               | See [ defaultEnvJson.js ](../runtime-tools-management-console-webapp/build/defaultEnvJson.js) |
+   |      `KOGITO_CONSOLES_KEYCLOAK_HEALTH_CHECK_URL`       |                  Keycloak health-check URL.                   | See [ defaultEnvJson.js ](../runtime-tools-management-console-webapp/build/defaultEnvJson.js) |
+   |            `KOGITO_CONSOLES_KEYCLOAK_REALM`            |                     Keycloak realm name.                      | See [ defaultEnvJson.js ](../runtime-tools-management-console-webapp/build/defaultEnvJson.js) |
+   |             `KOGITO_CONSOLES_KEYCLOAK_URL`             |                      Keycloak auth URL.                       | See [ defaultEnvJson.js ](../runtime-tools-management-console-webapp/build/defaultEnvJson.js) |
+   |          `KOGITO_CONSOLES_KEYCLOAK_CLIENT_ID`          |                      Keycloak Client ID.                      | See [ defaultEnvJson.js ](../runtime-tools-management-console-webapp/build/defaultEnvJson.js) |
 
    ### Examples
 

packages/kogito-task-console/README.md

@@ -73,17 +73,17 @@ This package contains the `Containerfile/Dockerfile` and scripts to build a cont
    |                            Name                             |                          Description                          |                                         Default                                         |
    | :---------------------------------------------------------: | :-----------------------------------------------------------: | :-------------------------------------------------------------------------------------: |
    |        `RUNTIME_TOOLS_TASK_CONSOLE_KOGITO_ENV_MODE`         | Env Mode: "PROD" or "DEV". PROD enables Keycloak integration. |                                         "PROD"                                          |
-   |        `RUNTIME_TOOLS_TASK_CONSOLE_KOGITO_APP_NAME`         |                    Task Console app name.                     | See [ defaultEnvJson.ts ](../runtime-tools-task-console-webapp/build/defaultEnvJson.js) |
-   |       `RUNTIME_TOOLS_TASK_CONSOLE_KOGITO_APP_VERSION`       |                   Task Console app version.                   | See [ defaultEnvJson.ts ](../runtime-tools-task-console-webapp/build/defaultEnvJson.js) |
-   |    `RUNTIME_TOOLS_TASK_CONSOLE_KOGITO_TASK_STATES_LIST`     |                   Pre-selected task states.                   | See [ defaultEnvJson.ts ](../runtime-tools-task-console-webapp/build/defaultEnvJson.js) |
-   | `RUNTIME_TOOLS_TASK_CONSOLE_KOGITO_TASK_ACTIVE_STATES_LIST` |               Pre-selected task active states.                | See [ defaultEnvJson.ts ](../runtime-tools-task-console-webapp/build/defaultEnvJson.js) |
-   |      `RUNTIME_TOOLS_TASK_CONSOLE_DATA_INDEX_ENDPOINT`       |        The URL that points to the Data Index service.         | See [ defaultEnvJson.ts ](../runtime-tools-task-console-webapp/build/defaultEnvJson.js) |
-   |       `KOGITO_CONSOLES_KEYCLOAK_DISABLE_HEALTH_CHECK`       |                Disables Keycloak health-check.                | See [ defaultEnvJson.ts ](../runtime-tools-task-console-webapp/build/defaultEnvJson.js) |
-   |      `KOGITO_CONSOLES_KEYCLOAK_UPDATE_TOKEN_VALIDITY`       |               Update token validity in minutes.               | See [ defaultEnvJson.ts ](../runtime-tools-task-console-webapp/build/defaultEnvJson.js) |
-   |         `KOGITO_CONSOLES_KEYCLOAK_HEALTH_CHECK_URL`         |                  Keycloak health-check URL.                   | See [ defaultEnvJson.ts ](../runtime-tools-task-console-webapp/build/defaultEnvJson.js) |
-   |              `KOGITO_CONSOLES_KEYCLOAK_REALM`               |                     Keycloak realm name.                      | See [ defaultEnvJson.ts ](../runtime-tools-task-console-webapp/build/defaultEnvJson.js) |
-   |               `KOGITO_CONSOLES_KEYCLOAK_URL`                |                      Keycloak auth URL.                       | See [ defaultEnvJson.ts ](../runtime-tools-task-console-webapp/build/defaultEnvJson.js) |
-   |            `KOGITO_CONSOLES_KEYCLOAK_CLIENT_ID`             |                      Keycloak Client ID.                      | See [ defaultEnvJson.ts ](../runtime-tools-task-console-webapp/build/defaultEnvJson.js) |
+   |        `RUNTIME_TOOLS_TASK_CONSOLE_KOGITO_APP_NAME`         |                    Task Console app name.                     | See [ defaultEnvJson.js ](../runtime-tools-task-console-webapp/build/defaultEnvJson.js) |
+   |       `RUNTIME_TOOLS_TASK_CONSOLE_KOGITO_APP_VERSION`       |                   Task Console app version.                   | See [ defaultEnvJson.js ](../runtime-tools-task-console-webapp/build/defaultEnvJson.js) |
+   |    `RUNTIME_TOOLS_TASK_CONSOLE_KOGITO_TASK_STATES_LIST`     |                   Pre-selected task states.                   | See [ defaultEnvJson.js ](../runtime-tools-task-console-webapp/build/defaultEnvJson.js) |
+   | `RUNTIME_TOOLS_TASK_CONSOLE_KOGITO_TASK_ACTIVE_STATES_LIST` |               Pre-selected task active states.                | See [ defaultEnvJson.js ](../runtime-tools-task-console-webapp/build/defaultEnvJson.js) |
+   |      `RUNTIME_TOOLS_TASK_CONSOLE_DATA_INDEX_ENDPOINT`       |        The URL that points to the Data Index service.         | See [ defaultEnvJson.js ](../runtime-tools-task-console-webapp/build/defaultEnvJson.js) |
+   |       `KOGITO_CONSOLES_KEYCLOAK_DISABLE_HEALTH_CHECK`       |                Disables Keycloak health-check.                | See [ defaultEnvJson.js ](../runtime-tools-task-console-webapp/build/defaultEnvJson.js) |
+   |      `KOGITO_CONSOLES_KEYCLOAK_UPDATE_TOKEN_VALIDITY`       |               Update token validity in minutes.               | See [ defaultEnvJson.js ](../runtime-tools-task-console-webapp/build/defaultEnvJson.js) |
+   |         `KOGITO_CONSOLES_KEYCLOAK_HEALTH_CHECK_URL`         |                  Keycloak health-check URL.                   | See [ defaultEnvJson.js ](../runtime-tools-task-console-webapp/build/defaultEnvJson.js) |
+   |              `KOGITO_CONSOLES_KEYCLOAK_REALM`               |                     Keycloak realm name.                      | See [ defaultEnvJson.js ](../runtime-tools-task-console-webapp/build/defaultEnvJson.js) |
+   |               `KOGITO_CONSOLES_KEYCLOAK_URL`                |                      Keycloak auth URL.                       | See [ defaultEnvJson.js ](../runtime-tools-task-console-webapp/build/defaultEnvJson.js) |
+   |            `KOGITO_CONSOLES_KEYCLOAK_CLIENT_ID`             |                      Keycloak Client ID.                      | See [ defaultEnvJson.js ](../runtime-tools-task-console-webapp/build/defaultEnvJson.js) |
 
    ### Examples
 

packages/serverless-logic-web-tools/package.json

@@ -21,7 +21,9 @@
     "cy:run": "cypress run --headed -b chrome --project e2e-tests --config baseUrl=$(build-env serverlessLogicWebTools.dev.cypressUrl)",
     "lint": "run-script-if --bool \"$(build-env linters.run)\" --then \"kie-tools--eslint ./src\"",
     "postreport": "jrm ./dist-tests-e2e/junit-transformed.xml \"./dist-tests-e2e/junit-report*.xml\"",
-    "start": "webpack serve --host 0.0.0.0 --env dev",
+    "start": "concurrently 'pnpm start:dev-webapp' 'pnpm start:sonataflow-dev-app'",
+    "start:dev-webapp": "webpack serve --host 0.0.0.0 --env dev",
+    "start:sonataflow-dev-app": "npm --prefix ./node_modules/@kie-tools/sonataflow-dev-app run start",
     "test": "run-script-if --ignore-errors \"$(build-env tests.ignoreFailures)\" --bool \"$(build-env tests.run)\" --then \"jest --silent --verbose --passWithNoTests\"",
     "test-e2e": "run-script-if --ignore-errors \"$(build-env endToEndTests.ignoreFailures)\" --bool \"$(build-env endToEndTests.run)\" --then  \"pnpm rimraf ./dist-tests-e2e\" \"pnpm start-server-and-test start https-get://0.0.0.0:$(build-env serverlessLogicWebTools.dev.port) cy:run\" \"pnpm postreport\""
   },
@@ -107,6 +109,7 @@
     "@kie-tools/serverless-logic-web-tools-base-builder-image-env": "workspace:*",
     "@kie-tools/serverless-logic-web-tools-swf-builder-image-env": "workspace:*",
     "@kie-tools/serverless-logic-web-tools-swf-dev-mode-image-env": "workspace:*",
+    "@kie-tools/sonataflow-dev-app": "workspace:*",
     "@kie-tools/tsconfig": "workspace:*",
     "@svgr/webpack": "6.2.1",
     "@testing-library/jest-dom": "^6.4.6",
@@ -119,6 +122,7 @@
     "@types/react-router": "^5.1.20",
     "@types/react-router-dom": "^5.3.3",
     "@types/uuid": "^8.3.0",
+    "concurrently": "^8.2.2",
     "copy-webpack-plugin": "^11.0.0",
     "cypress": "^13.13.0",
     "cypress-file-upload": "^5.0.8",

packages/serverless-workflow-dev-ui-webapp/package.json

@@ -21,10 +21,10 @@
   "scripts": {
     "build:dev": "rimraf dist && webpack --env dev",
     "build:prod": "pnpm lint && rimraf dist && webpack",
-    "dev": "concurrently 'pnpm start' 'pnpm run dev:server'",
-    "dev:server": "node ./server/app.js",
     "lint": "run-script-if --bool \"$(build-env linters.run)\" --then \"kie-tools--eslint ./src\"",
-    "start": "webpack serve --host 0.0.0.0 --env dev",
+    "start": "concurrently 'pnpm start:dev-webapp' 'pnpm start:sonataflow-dev-app'",
+    "start:dev-webapp": "webpack serve --host 0.0.0.0 --env dev",
+    "start:sonataflow-dev-app": "npm --prefix ./node_modules/@kie-tools/sonataflow-dev-app run start",
     "test": "run-script-if --ignore-errors \"$(build-env tests.ignoreFailures)\" --bool \"$(build-env tests.run)\" --then \"jest --silent --verbose --passWithNoTests\""
   },
   "dependencies": {
@@ -56,8 +56,7 @@
     "react-dom": "^17.0.2",
     "react-moment": "0.9.7",
     "react-router": "^5.3.4",
-    "react-router-dom": "^5.3.4",
-    "uuid": "^8.3.2"
+    "react-router-dom": "^5.3.4"
   },
   "devDependencies": {
     "@babel/core": "^7.16.0",
@@ -67,31 +66,26 @@
     "@kie-tools/eslint": "workspace:*",
     "@kie-tools/jest-base": "workspace:*",
     "@kie-tools/root-env": "workspace:*",
+    "@kie-tools/sonataflow-dev-app": "workspace:*",
     "@kie-tools/tsconfig": "workspace:*",
     "@types/history": "^4.7.3",
     "@types/jest": "^29.5.12",
     "@types/react": "^17.0.6",
     "@types/react-dom": "^17.0.5",
     "@types/react-router": "^5.1.20",
     "@types/react-router-dom": "^5.3.3",
-    "@types/uuid": "^8.3.0",
-    "apollo-server-express": "^3.13.0",
-    "body-parser": "^1.20.2",
+    "@types/testing-library__jest-dom": "^5.9.1",
     "concurrently": "^8.2.2",
     "copy-webpack-plugin": "^11.0.0",
-    "cors": "^2.8.5",
     "css-loader": "^5.2.6",
-    "express": "^4.19.2",
     "file-loader": "^6.2.0",
     "filemanager-webpack-plugin": "^7.0.0",
-    "graphql": "14.3.1",
     "html-webpack-plugin": "^5.3.2",
     "https-browserify": "^1.0.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "jest-junit": "^16.0.0",
     "jest-when": "^3.6.0",
-    "lodash": "^4.17.21",
     "monaco-editor-webpack-plugin": "^7.0.1",
     "node-polyfill-webpack-plugin": "^2.0.1",
     "raw-loader": "^4.0.2",
@@ -100,7 +94,6 @@
     "stream-http": "^3.2.0",
     "style-loader": "^2.0.0",
     "svg-url-loader": "^8.0.0",
-    "swagger-ui-express": "^5.0.0",
     "ts-jest": "^29.1.5",
     "typescript": "^5.5.3",
     "url": "^0.11.3",