Data Index - Display version information and link to graphql ui from data index webapp. by kumaradityaraj · Pull Request #3401 · apache/incubator-kie-tools

kumaradityaraj · 2026-01-22T09:32:31Z

Closes #3400

✨ Enhance Data Index Webapp Header with Version & Useful Links

📌 Summary

This PR enhances the Data Index Webapp by improving visibility and accessibility of key information. It adds version details and provides direct links to GraphQL UI dev console.

NOTE - html-replace-webpack-plugin has been removed because it was breaking the replacement of variables and they are declared in templateParameters

✅ What’s New

Version Information
- Displays the current Data Index version in the webapp UI.
Quick Access Links
- Link to the official documentation.
- Link to the GraphiQL Dev UI console for interacting with the GraphQL API.

🧪 How to Test

Follow these steps to build and run the webapp locally:

# From the project root
cd incubator-kie-tools/
pnpm -F kogito-data-index-webapp... build:dev
cd packages/kogito-data-index-webapp
pnpm start
Navigate to - http://localhost:9026

📷 Screenshots

kumaradityaraj · 2026-01-22T09:33:15Z

@fantonangeli Please review this PR. Thank you.

packages/kogito-data-index-webapp/src/index.html

packages/kogito-data-index-webapp/env/index.js

packages/kogito-data-index-webapp/src/index.html

packages/kogito-data-index-webapp/webpack.config.js

packages/kogito-data-index-webapp/env/index.js

ricardozanini · 2026-01-26T15:17:41Z

@domhanak can you take a look?

domhanak · 2026-01-28T12:30:23Z

So I tried this with our data-index-quarkus example. And this is the result. What am I missing?

Checkout this PR:

Build the kogito-data-index-webapp
Build kogito-data-index-postgresql-image
Go to https://github.com/apache/incubator-kie-kogito-examples/tree/main/serverless-workflow-examples/serverless-workflow-data-index-quarkus
Run mvn clean package -Ddata-index-standalone
Run cd docker-compose && ./startServices.sh
Navigate to localhost:8180 -> Landing page opens - 🟢
Select Graph Ql UI -> "Resourece not found" 🟠
Change the URL to -> http://localhost:8180/graphiql -> "You need to enable JavaScript to run this app." ( I have it enabled ) 🟠

Tried in Chrome and Firefox

More observations:
Navigate to /q/graphql-ui -> Logs:
data-index | 2026-01-28 12:26:23,759 WARN [io.ver.ext.web.han.imp.LoggerHandlerImpl] (vert.x-eventloop-thread-4) 172.21.0.1 - - [Wed, 28 Jan 2026 12:26:23 GMT] "GET /q/graphql-ui HTTP/1.1" 404 53 "-" "Mozilla/5.0 (X11; Linux x86_64; rv:142.0) Gecko/20100101 Firefox/142.0"

Navigate to /graphiql -> Logs:
data-index | 2026-01-28 12:27:25,530 WARN [io.ver.ext.web.han.imp.LoggerHandlerImpl] (vert.x-eventloop-thread-10) 172.21.0.1 - - [Wed, 28 Jan 2026 12:27:25 GMT] "GET /static/css/main.4107ca80.css HTTP/1.1" 404 53 "http://localhost:8180/graphiql" "Mozilla/5.0 (X11; Linux x86_64; rv:142.0) Gecko/20100101 Firefox/142.0"

fantonangeli · 2026-01-28T13:38:33Z

@domhanak the message "You need to enable JavaScript to run this app." at the step #8 makes sense as the page tries to download:
http://localhost:8180/static/js/main.4d49fe32.js
and gets a "Resource not found"
What should be the link to the GraphqlUI? Is there any configuration in the example which needs to be tuned?

domhanak · 2026-02-03T12:12:45Z

@fantonangeli yea - I am just describing the users perspective - he navigates the button but won't lead to him seeing graphql UI but an error.

domhanak · 2026-02-03T12:14:44Z

Even if the data-index-service is deployed as dev service or addon we still miss the / ther. Afaik it is due to implementation at https://github.com/apache/incubator-kie-kogito-apps/blob/main/data-index/data-index-service/data-index-service-common/src/main/java/org/kie/kogito/index/service/vertx/VertxRouterSetupHelper.java#L52 but I could be mistaken

packages/kogito-data-index-webapp/env/index.js

domhanak · 2026-02-23T08:38:04Z

@fantonangeli @kumaradityaraj so the different option for DI deployment are not going to be taken into account?

fantonangeli · 2026-02-24T15:35:31Z

@fantonangeli @kumaradityaraj so the different option for DI deployment are not going to be taken into account?

@domhanak As the GraphQL-UI link is written at build time and then included by the DI as HTML+CSS, I cannot think to a way for the webapp to receive / guess the link.
Would you have some suggestion?

domhanak · 2026-03-04T09:38:21Z

@fantonangeli unless we can somehow determine what kind of deployment it is I do not see a way.

fantonangeli · 2026-03-09T11:22:05Z

There is an error on ubuntu-latest,0 related to @kie-tools/kn-plugin-workflow, which is not related to this PR

fantonangeli · 2026-03-09T17:51:50Z

@domhanak @ricardozanini Because the DI landing page is simply copied as dist files from @kie-tools/sonataflow-image-common. See: https://github.com/apache/incubator-kie-tools/blob/main/packages/sonataflow-image-common/package.json#L18
I think it cannot read or receive properties from Quarkus.
I'm open to suggestions.

ricardozanini · 2026-03-09T23:19:54Z

@fantonangeli leave the URL as it was standalone deployment, doesn't matter if it got it wrong in the extension. Let's move on with this.

fantonangeli · 2026-03-10T08:22:59Z

Hi @treblereel we are having a failure in kn-plugin-workflow in ubuntu-0 and also in main branch, are you aware of this?

2026-03-09T21:33:57.3293125Z make[2]: Entering directory '/home/runner/work/incubator-kie-tools/incubator-kie-tools/packages/kn-plugin-workflow'
2026-03-09T21:33:57.3300609Z CGO_ENABLED=0 GOOS=linux GOARCH=amd64 go build -ldflags "-X github.com/apache/incubator-kie-tools/packages/kn-plugin-workflow/pkg/metadata.QuarkusPlatformGroupId=io.quarkus.platform -X github.com/apache/incubator-kie-tools/packages/kn-plugin-workflow/pkg/metadata.QuarkusVersion=3.27.2 -X github.com/apache/incubator-kie-tools/packages/kn-plugin-workflow/pkg/metadata.PluginVersion=0.0.0 -X github.com/apache/incubator-kie-tools/packages/kn-plugin-workflow/pkg/metadata.DevModeImage=docker.io/apache/incubator-kie-sonataflow-devmode:main -X github.com/apache/incubator-kie-tools/packages/kn-plugin-workflow/pkg/metadata.KogitoVersion=999-20260220-local -X github.com/apache/incubator-kie-tools/packages/kn-plugin-workflow/pkg/metadata.BuilderImage=docker.io/apache/incubator-kie-sonataflow-builder:main" -o ./dist/kn-workflow-linux-amd64 cmd/main.go
2026-03-09T21:33:57.3306301Z make[2]: Leaving directory '/home/runner/work/incubator-kie-tools/incubator-kie-tools/packages/kn-plugin-workflow'
2026-03-09T21:33:57.3307619Z 🚀 Installing the SonataFlow Operator...
2026-03-09T21:33:57.3308419Z ✅ Subscription created successfully
2026-03-09T21:33:57.3309333Z 🎉 SonataFlow Operator successfully installed, wait for the operator to be ready.
2026-03-09T21:33:57.3311219Z Timeout waiting for operator to be ready
2026-03-09T21:33:57.3312154Z -------------------------------------------------
2026-03-09T21:33:57.3312457Z 
2026-03-09T21:33:57.3312471Z 
2026-03-09T21:33:57.3312478Z 
2026-03-09T21:33:57.3318629Z ##[error]❌ There are 1 test failures. 5262 tests succedded, though :)

fantonangeli · 2026-03-23T09:26:11Z

@kumaradityaraj this PR is a bit outdated, can you please re-sync, so we see the result of the CI?

fantonangeli · 2026-04-01T07:35:11Z

@domhanak can we merge this?

fantonangeli · 2026-04-09T07:04:57Z

@kumaradityaraj can you please sync this PR?

fantonangeli · 2026-04-09T12:43:08Z

@domhanak @ricardozanini if there are no objection I'm going to merge this PR

Added version and graphql console

1387252

kumaradityaraj requested a review from tiagobento as a code owner January 22, 2026 09:32

fantonangeli self-requested a review January 22, 2026 09:35

fantonangeli added area:bpmn area:sonataflow labels Jan 22, 2026

fantonangeli requested changes Jan 22, 2026

View reviewed changes

resolved suggested comments

830c376

fantonangeli requested changes Jan 23, 2026

View reviewed changes

packages/kogito-data-index-webapp/env/index.js Outdated Show resolved Hide resolved

packages/kogito-data-index-webapp/env/index.js Outdated Show resolved Hide resolved

resolved suggested changes

f48d56e

fantonangeli approved these changes Jan 23, 2026

View reviewed changes

fantonangeli requested review from domhanak and ricardozanini January 23, 2026 14:40

ricardozanini approved these changes Jan 23, 2026

View reviewed changes

small correction

a52778c

fantonangeli approved these changes Jan 28, 2026

View reviewed changes

fantonangeli requested changes Feb 10, 2026

View reviewed changes

packages/kogito-data-index-webapp/env/index.js Outdated Show resolved Hide resolved

kumaradityaraj added 2 commits February 11, 2026 13:14

resolved suggestions

c8a5b30

Merge conflict and updating version of node and pnpm

759b593

fantonangeli approved these changes Feb 11, 2026

View reviewed changes

Merge remote-tracking branch 'upstream/main' into SRVLOGIC-737-DIVersion

7c5b4c4

Merge remote-tracking branch 'upstream/main' into SRVLOGIC-737-DIVersion

33251e8

Merge remote-tracking branch 'upstream/main' into SRVLOGIC-737-DIVersion

45342c8

Merge remote-tracking branch 'upstream/main' into SRVLOGIC-737-DIVersion

c4d98c2

Conversation

kumaradityaraj commented Jan 22, 2026

Closes #3400

✨ Enhance Data Index Webapp Header with Version & Useful Links

📌 Summary

✅ What’s New

🧪 How to Test

📷 Screenshots

Uh oh!

kumaradityaraj commented Jan 22, 2026

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

ricardozanini commented Jan 26, 2026

Uh oh!

domhanak commented Jan 28, 2026 • edited by fantonangeli Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

fantonangeli commented Jan 28, 2026

Uh oh!

domhanak commented Feb 3, 2026

Uh oh!

domhanak commented Feb 3, 2026

Uh oh!

Uh oh!

domhanak commented Feb 23, 2026

Uh oh!

fantonangeli commented Feb 24, 2026

Uh oh!

domhanak commented Mar 4, 2026

Uh oh!

fantonangeli commented Mar 9, 2026

Uh oh!

fantonangeli commented Mar 9, 2026

Uh oh!

ricardozanini commented Mar 9, 2026

Uh oh!

fantonangeli commented Mar 10, 2026

Uh oh!

fantonangeli commented Mar 23, 2026

Uh oh!

fantonangeli commented Apr 1, 2026

Uh oh!

fantonangeli commented Apr 9, 2026

Uh oh!

fantonangeli commented Apr 9, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

domhanak commented Jan 28, 2026 •

edited by fantonangeli

Loading