Dev UI Auto naming

Signed-off-by: Phillip Kruger <phillip.kruger@gmail.com>
quarkusio · Mar 25, 2023 · a425eea · a425eea
1 parent 34d7f86
commit a425eea
Show file tree

Hide file tree

Showing 79 changed files with 953 additions and 356 deletions.
diff --git a/...sions/arc/deployment/src/main/java/io/quarkus/arc/deployment/devui/ArcDevUIProcessor.java b/...sions/arc/deployment/src/main/java/io/quarkus/arc/deployment/devui/ArcDevUIProcessor.java
@@ -18,13 +18,11 @@
 
 public class ArcDevUIProcessor {
 
-    private static final String NAME = "ArC";
-
     @BuildStep(onlyIf = IsDevelopment.class)
     public CardPageBuildItem pages(ArcBeanInfoBuildItem arcBeanInfoBuildItem, ArcConfig config) {
         DevBeanInfos beanInfos = arcBeanInfoBuildItem.getBeanInfos();
 
-        CardPageBuildItem pageBuildItem = new CardPageBuildItem(NAME);
+        CardPageBuildItem pageBuildItem = new CardPageBuildItem();
 
         List<DevBeanInfo> beans = beanInfos.getBeans();
         if (!beans.isEmpty()) {
@@ -93,7 +91,7 @@ public CardPageBuildItem pages(ArcBeanInfoBuildItem arcBeanInfoBuildItem, ArcCon
 
     @BuildStep(onlyIf = IsDevelopment.class)
     JsonRPCProvidersBuildItem createJsonRPCService() {
-        return new JsonRPCProvidersBuildItem(NAME, ArcJsonRPCService.class);
+        return new JsonRPCProvidersBuildItem(ArcJsonRPCService.class);
     }
 
     private List<DevBeanWithInterceptorInfo> toDevBeanWithInterceptorInfo(List<DevBeanInfo> beans, DevBeanInfos devBeanInfos) {

diff --git a/...ain/resources/dev-ui/arc/qwc-arc-beans.js → ...rc/main/resources/dev-ui/qwc-arc-beans.js b/...ain/resources/dev-ui/arc/qwc-arc-beans.js → ...rc/main/resources/dev-ui/qwc-arc-beans.js
@@ -1,6 +1,6 @@
 import { LitElement, html, css} from 'lit';
 import { columnBodyRenderer } from '@vaadin/grid/lit.js';
-import { beans } from 'arc-data';
+import { beans } from 'build-time-data';
 import '@vaadin/grid';
 import '@vaadin/vertical-layout';
 import 'qui-badge';

diff --git a/...esources/dev-ui/arc/qwc-arc-decorators.js → ...in/resources/dev-ui/qwc-arc-decorators.js b/...esources/dev-ui/arc/qwc-arc-decorators.js → ...in/resources/dev-ui/qwc-arc-decorators.js
@@ -1,5 +1,6 @@
 import { LitElement, html, css} from 'lit';
-import { decorators } from 'arc-data';
+import { decorators } from 'build-time-data';
+
 /**
  * This component shows the Arc Decorators
  */

diff --git a/...ources/dev-ui/arc/qwc-arc-fired-events.js → .../resources/dev-ui/qwc-arc-fired-events.js b/...ources/dev-ui/arc/qwc-arc-fired-events.js → .../resources/dev-ui/qwc-arc-fired-events.js
@@ -12,7 +12,7 @@ import '@vaadin/checkbox';
  * This component shows the Arc Fired Events
  */
 export class QwcArcFiredEvents extends LitElement {
-    jsonRpc = new JsonRpc("ArC");
+    jsonRpc = new JsonRpc(this);
 
     static styles = css`
         .menubar {

diff --git a/...ources/dev-ui/arc/qwc-arc-interceptors.js → .../resources/dev-ui/qwc-arc-interceptors.js b/...ources/dev-ui/arc/qwc-arc-interceptors.js → .../resources/dev-ui/qwc-arc-interceptors.js
@@ -1,5 +1,5 @@
 import { LitElement, html, css} from 'lit';
-import { interceptors } from 'arc-data';
+import { interceptors } from 'build-time-data';
 import { columnBodyRenderer } from '@vaadin/grid/lit.js';
 import '@vaadin/grid';
 import '@vaadin/vertical-layout';

diff --git a/...es/dev-ui/arc/qwc-arc-invocation-trees.js → ...ources/dev-ui/qwc-arc-invocation-trees.js b/...es/dev-ui/arc/qwc-arc-invocation-trees.js → ...ources/dev-ui/qwc-arc-invocation-trees.js
@@ -10,7 +10,7 @@ import '@vaadin/checkbox';
  * This component shows the Arc Invocation Trees
  */
 export class QwcArcInvocationTrees extends LitElement {
-  jsonRpc = new JsonRpc("ArC");
+  jsonRpc = new JsonRpc(this);
 
   static styles = css`
         .menubar {

diff --git a/...resources/dev-ui/arc/qwc-arc-observers.js → ...ain/resources/dev-ui/qwc-arc-observers.js b/...resources/dev-ui/arc/qwc-arc-observers.js → ...ain/resources/dev-ui/qwc-arc-observers.js
@@ -1,5 +1,5 @@
 import { LitElement, html, css} from 'lit';
-import { observers } from 'arc-data';
+import { observers } from 'build-time-data';
 import { columnBodyRenderer } from '@vaadin/grid/lit.js';
 import '@vaadin/grid';
 import '@vaadin/vertical-layout';

diff --git a/.../dev-ui/arc/qwc-arc-removed-components.js → ...rces/dev-ui/qwc-arc-removed-components.js b/.../dev-ui/arc/qwc-arc-removed-components.js → ...rces/dev-ui/qwc-arc-removed-components.js
@@ -6,9 +6,9 @@ import '@vaadin/grid';
 import '@vaadin/vertical-layout';
 import { columnBodyRenderer } from '@vaadin/grid/lit.js';
 import 'qui-badge';
-import { removedBeans } from 'arc-data';
-import { removedDecorators } from 'arc-data';
-import { removedInterceptors } from 'arc-data';
+import { removedBeans } from 'build-time-data';
+import { removedDecorators } from 'build-time-data';
+import { removedInterceptors } from 'build-time-data';
 
 /**
  * This component shows the Arc RemovedComponents

diff --git a/...evconsole/CacheDevUiConsoleProcessor.java → ...deployment/devui/CacheDevUiProcessor.java b/...evconsole/CacheDevUiConsoleProcessor.java → ...deployment/devui/CacheDevUiProcessor.java
@@ -1,4 +1,4 @@
-package io.quarkus.cache.deployment.devconsole;
+package io.quarkus.cache.deployment.devui;
 
 import io.quarkus.cache.runtime.devconsole.CacheJsonRPCService;
 import io.quarkus.deployment.IsDevelopment;
@@ -8,11 +8,11 @@
 import io.quarkus.devui.spi.page.CardPageBuildItem;
 import io.quarkus.devui.spi.page.Page;
 
-public class CacheDevUiConsoleProcessor {
+public class CacheDevUiProcessor {
 
     @BuildStep(onlyIf = IsDevelopment.class)
     CardPageBuildItem create(CurateOutcomeBuildItem bi) {
-        CardPageBuildItem pageBuildItem = new CardPageBuildItem("Cache");
+        CardPageBuildItem pageBuildItem = new CardPageBuildItem();
         pageBuildItem.addPage(Page.webComponentPageBuilder()
                 .title("Caches")
                 .componentLink("qwc-cache-caches.js")
@@ -23,6 +23,6 @@ CardPageBuildItem create(CurateOutcomeBuildItem bi) {
 
     @BuildStep(onlyIf = IsDevelopment.class)
     JsonRPCProvidersBuildItem createJsonRPCServiceForCache() {
-        return new JsonRPCProvidersBuildItem("Cache", CacheJsonRPCService.class);
+        return new JsonRPCProvidersBuildItem(CacheJsonRPCService.class);
     }
 }
diff --git a/...esources/dev-ui/cache/qwc-cache-caches.js → ...main/resources/dev-ui/qwc-cache-caches.js b/...esources/dev-ui/cache/qwc-cache-caches.js → ...main/resources/dev-ui/qwc-cache-caches.js
@@ -14,7 +14,7 @@ import '@vaadin/grid/vaadin-grid-sort-column.js';
 
 export class QwcCacheCaches extends LitElement {
 
-    jsonRpc = new JsonRpc("Cache");
+    jsonRpc = new JsonRpc(this);
 
     // Component style
     static styles = css`

diff --git a/...deployment/src/main/java/io/quarkus/caffeine/deployment/devui/CaffeineDevUIProcessor.java b/...deployment/src/main/java/io/quarkus/caffeine/deployment/devui/CaffeineDevUIProcessor.java
@@ -20,7 +20,7 @@ public class CaffeineDevUIProcessor {
 
     @BuildStep(onlyIf = IsDevelopment.class)
     void createCard(BuildProducer<CardPageBuildItem> cardPageBuildItemBuildProducer) {
-        final CardPageBuildItem card = new CardPageBuildItem("Caffeine");
+        final CardPageBuildItem card = new CardPageBuildItem();
 
         final PageBuilder versionPage = Page.externalPageBuilder("Version")
                 .icon("font-awesome-solid:mug-hot")

diff --git a/...ine/deployment/src/main/resources/dev-ui/io.quarkus.quarkus-caffeine/qwc-caffeine-card.js b/...ine/deployment/src/main/resources/dev-ui/io.quarkus.quarkus-caffeine/qwc-caffeine-card.js
@@ -0,0 +1,86 @@
+import { LitElement, html, css} from 'lit';
+import { pages } from 'io.quarkus.quarkus-caffeine-data';
+import 'qwc/qwc-extension-link.js';
+
+const NAME = "Caffeine";
+export class QwcCaffeineCard extends LitElement {
+
+    static styles = css`
+      .identity {
+        display: flex;
+        justify-content: flex-start;
+      }
+
+      .description {
+        padding-bottom: 10px;
+      }
+
+      .logo {
+        padding-bottom: 10px;
+        margin-right: 5px;
+      }
+
+      .card-content {
+        color: var(--lumo-contrast-90pct);
+        display: flex;
+        flex-direction: column;
+        justify-content: flex-start;
+        padding: 10px 10px;
+        height: 100%;
+      }
+
+      .card-content slot {
+        display: flex;
+        flex-flow: column wrap;
+        padding-top: 5px;
+      }
+    `;
+
+    static properties = {
+        description: {type: String}
+    };
+
+    constructor() {
+        super();
+    }
+
+    connectedCallback() {
+        super.connectedCallback();
+    }
+
+    render() {
+        return html`<div class="card-content" slot="content">
+            <div class="identity">
+                <div class="logo">
+                    <img src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ItCh0LvQvtC5XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyODEuOCAyNzMuOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjgxLjggMjczLjg7IiB4bWw6c3BhY2U9InByZXNlcnZlIiBmaWxsPSJ3aGl0ZSI+CjxnPgoJPHJlY3QgeD0iMTg2LjciIHk9IjEyMS42IiB3aWR0aD0iMi40IiBoZWlnaHQ9IjQ1LjYiLz4KCTxyZWN0IHg9IjQzLjQiIHk9Ijc3LjIiIHRyYW5zZm9ybT0ibWF0cml4KDAuNTAwNCAtMC44NjU4IDAuODY1OCAwLjUwMDQgLTYxLjI0NTQgODYuNzc3NSkiIHdpZHRoPSIyLjQiIGhlaWdodD0iMzguNSIvPgoJPHJlY3QgeD0iMTI2LjUiIHk9IjIyMi4zIiB3aWR0aD0iMi40IiBoZWlnaHQ9IjM3LjQiLz4KCTxwb2x5Z29uIHBvaW50cz0iMjY3LjEsMTQ1LjEgMjY3LjcsMTQ0LjQgMjY3LjEsMTQzLjcgMjY3LjEsMTQzLjcgMjY2LjUsMTQyLjggMjY2LDE0Mi4xIDI2NiwxNDIuMSAyNDcuMSwxMTYuMSAyNDUuMiwxMTcuNSAKCQkyNjQsMTQzLjUgMjY0LDE0My41IDI2NC40LDE0NCAyNjQuNywxNDQuNCAyNDUuOSwxNzAuMyAyNDcuOCwxNzEuNyAyNjYsMTQ2LjcgMjY2LDE0Ni43IDI2NiwxNDYuNiAyNjcuMSwxNDUuMSAJIi8+Cgk8cmVjdCB4PSIyMzIuOSIgeT0iMTUyLjkiIHRyYW5zZm9ybT0ibWF0cml4KDAuNTg3NiAtMC44MDkxIDAuODA5MSAwLjU4NzYgLTIzLjA2MjQgMjYyLjg2NTgpIiB3aWR0aD0iMjYuOSIgaGVpZ2h0PSIyLjQiLz4KCTxwb2x5Z29uIHBvaW50cz0iMjE0LjksMTAyLjIgMTc3LjcsMTE0LjMgMTM0LDg5LjEgMTM0LDUwLjIgMTMxLjcsNTAuMiAxMzEuNyw4Ny43IDEyOC41LDg1LjkgMTI3LjcsODUuNCAxMjYuOCw4NS45IDEyMy43LDg3LjcgCgkJMTIzLjcsNTAuMiAxMjEuMyw1MC4yIDEyMS4zLDg5LjEgOTMuNywxMDUuMSA5NC45LDEwNy4xIDEyNi41LDg4LjkgMTI2LjUsODguOSAxMjcuNyw4OC4yIDEyOC44LDg4LjkgMTI4LjgsODguOCAxNzYuMywxMTYuMyAKCQkxNzYuMywxNzIuNSAxNDMuNiwxOTEuNSAxNDQuOCwxOTMuNSAxNzcuNywxNzQuNSAyMTQuOSwxODYuNiAyMTUuNiwxODQuMyAxNzguNywxNzIuMyAxNzguNywxMTYuNSAyMTUuNiwxMDQuNSAJIi8+Cgk8cmVjdCB4PSIyMjYuOCIgeT0iNTguOCIgdHJhbnNmb3JtPSJtYXRyaXgoMC4zMDk0IC0wLjk1MDkgMC45NTA5IDAuMzA5NCAxMTEuODk3MyAyNzQuMDMyNSkiIHdpZHRoPSIzNS43IiBoZWlnaHQ9IjIuNCIvPgoJPHBvbHlnb24gcG9pbnRzPSI3MC40LDEwNy4xIDcwLjUsMTA3LjEgODQuOSwxMjkuNSA4OC43LDEyOS41IDg4LjcsMTAwLjggODUuMSwxMDAuOCA4NS4xLDEyMy4xIDg1LjEsMTIzLjEgNzAuNywxMDAuOCA2Ni44LDEwMC44IAoJCTY2LjgsMTI5LjUgNzAuNCwxMjkuNSAJIi8+Cgk8cG9seWdvbiBwb2ludHM9Ijc5LDE3MS4yIDc5LDEzNS45IDc2LjYsMTM1LjkgNzYuNiwxNjYuNSA0Mi42LDE4Ni4xIDQzLjksMTg4LjIgNzYuNiwxNjkuMyA3Ni42LDE3MS4yIDc2LjYsMTczLjIgNzYuNiwxNzMuOSAKCQk3OC45LDE3NS4zIDc4LjksMTc1LjMgODAuNiwxNzYuMiA0Ny44LDE5NS4xIDQ5LDE5Ny4yIDgzLDE3Ny42IDExMC41LDE5My41IDExMS43LDE5MS41IDc5LDE3Mi41IAkiLz4KCTxwb2x5Z29uIHBvaW50cz0iMTM1LjEsMjA5LjUgMTM1LDIwOS41IDEyMC42LDE4Ny4yIDExNi43LDE4Ny4yIDExNi43LDIxNS45IDEyMC4zLDIxNS45IDEyMC4zLDE5My41IDEyMC4zLDE5My41IDEzNC43LDIxNS45IAoJCTEzOC42LDIxNS45IDEzOC42LDE4Ny4yIDEzNS4xLDE4Ny4yIAkiLz4KCTxwYXRoIGQ9Ik0zNC45LDE4OC44Yy0zLjEtMS44LTctMS44LTctMS44Yy0zLjksMC03LDEuOC03LDEuOGMtMy4yLDEuOC00LjksNS4yLTQuOSw1LjJjLTEuOCwzLjQtMS44LDcuOC0xLjgsNy44CgkJYzAsNC4zLDEuOCw3LjcsMS44LDcuN2MxLjgsMy40LDQuOSw1LjIsNC45LDUuMmMzLjEsMS44LDcuMSwxLjgsNy4xLDEuOGMzLjksMCw3LTEuOCw3LTEuOGMzLjEtMS44LDQuOS01LjIsNC45LTUuMgoJCWMxLjgtMy40LDEuOC03LjgsMS44LTcuOGMwLTQuNS0xLjgtNy44LTEuOC03LjhDMzguMSwxOTAuNiwzNC45LDE4OC44LDM0LjksMTg4Ljh6IE0zNi40LDIwOGMtMS4yLDIuNi0zLjUsNC0zLjUsNAoJCWMtMi4yLDEuNC01LDEuNC01LDEuNGMtMi44LDAtNS4xLTEuNC01LjEtMS40Yy0yLjItMS40LTMuNC00LTMuNC00Yy0xLjMtMi42LTEuMy02LjEtMS4zLTYuMWMwLTMuNiwxLjItNi4zLDEuMi02LjMKCQljMS4yLTIuNiwzLjQtNCwzLjQtNGMyLjItMS40LDUuMS0xLjQsNS4xLTEuNGMyLjksMCw1LjEsMS40LDUuMSwxLjRjMi4yLDEuNCwzLjQsNCwzLjQsNGMxLjIsMi42LDEuMiw2LjIsMS4yLDYuMgoJCUMzNy43LDIwNS40LDM2LjQsMjA4LDM2LjQsMjA4eiIvPgoJPHBhdGggZD0iTTEyMC42LDQxLjljMy4yLDEuOCw3LjEsMS44LDcuMSwxLjhjMy45LDAsNy0xLjgsNy0xLjhjMy4xLTEuOCw0LjktNS4yLDQuOS01LjJjMS44LTMuNCwxLjgtNy44LDEuOC03LjgKCQljMC00LjUtMS44LTcuOC0xLjgtNy44Yy0xLjgtMy4zLTQuOS01LjItNC45LTUuMmMtMy4xLTEuOC03LTEuOC03LTEuOGMtMy45LDAtNywxLjgtNywxLjhjLTMuMiwxLjgtNC45LDUuMi00LjksNS4yCgkJYy0xLjgsMy40LTEuOCw3LjgtMS44LDcuOGMwLDQuMywxLjgsNy43LDEuOCw3LjdDMTE3LjUsNDAuMSwxMjAuNiw0MS45LDEyMC42LDQxLjl6IE0xMTkuMSwyMi44YzEuMi0yLjYsMy41LTQsMy41LTQKCQljMi4yLTEuNCw1LjEtMS40LDUuMS0xLjRjMi45LDAsNS4xLDEuNCw1LjEsMS40YzIuMiwxLjQsMy41LDQsMy41LDRjMS4yLDIuNiwxLjIsNi4yLDEuMiw2LjJjMCwzLjYtMS4yLDYuMi0xLjIsNi4yCgkJYy0xLjIsMi42LTMuNSw0LTMuNSw0Yy0yLjIsMS40LTUsMS40LTUsMS40Yy0yLjgsMC01LTEuNC01LTEuNGMtMi4yLTEuNC0zLjUtNC0zLjUtNGMtMS4yLTIuNi0xLjItNi4xLTEuMi02LjEKCQlDMTE3LjksMjUuNSwxMTkuMSwyMi44LDExOS4xLDIyLjh6Ii8+Cgk8cG9seWdvbiBwb2ludHM9IjIzOS43LDE5OC41IDIzOS42LDE5OC41IDIyNS4zLDE3Ni4yIDIyMS4zLDE3Ni4yIDIyMS4zLDIwNC45IDIyNC45LDIwNC45IDIyNC45LDE4Mi41IDIyNSwxODIuNSAyMzkuNCwyMDQuOSAKCQkyNDMuMywyMDQuOSAyNDMuMywxNzYuMiAyMzkuNywxNzYuMiAJIi8+Cgk8cG9seWdvbiBwb2ludHM9IjIyNC45LDg5LjMgMjI1LDg5LjMgMjM5LjQsMTExLjcgMjQzLjMsMTExLjcgMjQzLjMsODMgMjM5LjcsODMgMjM5LjcsMTA1LjMgMjM5LjYsMTA1LjMgMjI1LjMsODMgMjIxLjMsODMgCgkJMjIxLjMsMTExLjcgMjI0LjksMTExLjcgCSIvPgo8L2c+Cjwvc3ZnPgo="
+                                       alt="${NAME}" 
+                                       title="${NAME}"
+                                       width="32" 
+                                       height="32">
+                </div>
+                <div class="description">${this.description}</div>
+            </div>
+            ${this._renderCardLinks()}
+        </div>
+        `;
+    }
+
+    _renderCardLinks(){
+        return html`${pages.map(page => html`
+                            <qwc-extension-link slot="link"
+                                extensionName="${NAME}"
+                                iconName="${page.icon}"
+                                displayName="${page.title}"
+                                staticLabel="${page.staticLabel}"
+                                dynamicLabel="${page.dynamicLabel}"
+                                streamingLabel="${page.streamingLabel}"
+                                path="${page.id}"
+                                ?embed=${page.embed}
+                                externalUrl="${page.metadata.externalUrl}"
+                                webcomponent="${page.componentLink}" >
+                            </qwc-extension-link>
+                        `)}`;
+    }
+
+}
+customElements.define('qwc-caffeine-card', QwcCaffeineCard);
diff --git a/...rces/dev-ui/caffeine/qwc-caffeine-card.js → ...ain/resources/dev-ui/qwc-caffeine-card.js b/...rces/dev-ui/caffeine/qwc-caffeine-card.js → ...ain/resources/dev-ui/qwc-caffeine-card.js
@@ -1,5 +1,5 @@
 import { LitElement, html, css} from 'lit';
-import { pages } from 'caffeine-data';
+import { pages } from 'build-time-data';
 import 'qwc/qwc-extension-link.js';
 
 const NAME = "Caffeine";
@@ -10,16 +10,13 @@ export class QwcCaffeineCard extends LitElement {
         display: flex;
         justify-content: flex-start;
       }
-
       .description {
         padding-bottom: 10px;
       }
-
       .logo {
         padding-bottom: 10px;
         margin-right: 5px;
       }
-
       .card-content {
         color: var(--lumo-contrast-90pct);
         display: flex;
@@ -28,7 +25,6 @@ export class QwcCaffeineCard extends LitElement {
         padding: 10px 10px;
         height: 100%;
       }
-
       .card-content slot {
         display: flex;
         flex-flow: column wrap;
@@ -74,7 +70,9 @@ export class QwcCaffeineCard extends LitElement {
                                 staticLabel="${page.staticLabel}"
                                 dynamicLabel="${page.dynamicLabel}"
                                 streamingLabel="${page.streamingLabel}"
-                                path="${page.id}" 
+                                path="${page.id}"
+                                ?embed=${page.embed}
+                                externalUrl="${page.metadata.externalUrl}"
                                 webcomponent="${page.componentLink}" >
                             </qwc-extension-link>
                         `)}`;

diff --git a/...n/java/io/quarkus/container/image/deployment/devconsole/ContainerImageDevUiProcessor.java b/...n/java/io/quarkus/container/image/deployment/devconsole/ContainerImageDevUiProcessor.java
@@ -28,7 +28,7 @@ CardPageBuildItem create(List<AvailableContainerImageExtensionBuildItem> extensi
         JsonArray array = extensions.stream().map(AvailableContainerImageExtensionBuildItem::getName).sorted()
                 .collect(JsonArray::new, JsonArray::add, JsonArray::addAll);
 
-        CardPageBuildItem card = new CardPageBuildItem("Container Image");
+        CardPageBuildItem card = new CardPageBuildItem();
         card.addBuildTimeData("builderTypes", array);
         card.addPage(Page.webComponentPageBuilder()
                 .title("Build Container")
@@ -40,7 +40,7 @@ CardPageBuildItem create(List<AvailableContainerImageExtensionBuildItem> extensi
     @BuildStep(onlyIf = IsDevelopment.class)
     JsonRPCProvidersBuildItem createJsonRPCServiceForContainerBuild() {
         DevConsoleManager.register("container-image-build-action", build());
-        return new JsonRPCProvidersBuildItem("ContainerImage", ContainerBuilderJsonRpcService.class);
+        return new JsonRPCProvidersBuildItem(ContainerBuilderJsonRpcService.class);
     }
 
     private Function<Map<String, String>, String> build() {

diff --git a/...tainer-image/qwc-container-image-build.js → ...urces/dev-ui/qwc-container-image-build.js b/...tainer-image/qwc-container-image-build.js → ...urces/dev-ui/qwc-container-image-build.js
@@ -5,7 +5,7 @@ import '@vaadin/button';
 import {until} from 'lit/directives/until.js';
 import '@vaadin/grid';
 import '@vaadin/grid/vaadin-grid-sort-column.js';
-import {builderTypes} from 'container-image-data';
+import {builderTypes} from 'build-time-data';
 import '@vaadin/text-field';
 import '@vaadin/text-area';
 import '@vaadin/form-layout';
@@ -18,7 +18,7 @@ import '@vaadin/list-box';
 
 export class QwcContainerImageBuild extends LitElement {
 
-    jsonRpc = new JsonRpc("ContainerImage");
+    jsonRpc = new JsonRpc(this);
 
     static properties = {
         builders: {type: Array},
@@ -38,15 +38,17 @@ export class QwcContainerImageBuild extends LitElement {
       }
     `;
 
-
-    connectedCallback() {
-        super.connectedCallback();
+    constructor() {
+        super();
         this.build_in_progress = false;
         this.build_complete = false;
         this.build_error = false;
         this.result = "";
-
-        this.builders = builderTypes.list;
+
+        this.builders = [];
+        if(builderTypes){
+            this.builders = builderTypes.list;
+        }
 
         this.types = [];
         this.types.push({name: "Default", value: ""});
@@ -65,9 +67,12 @@ export class QwcContainerImageBuild extends LitElement {
 
     _renderForm() {
         const _builders = [];
-        this.builders.map(item => _builders.push({'label': item, 'value': item}));
-        const _defaultBuilder = _builders[0].label;
-
+        let _defaultBuilder = "";
+        if(this.builders){
+            this.builders.map(item => _builders.push({'label': item, 'value': item}));
+            _defaultBuilder = _builders[0].label;
+        }
+
         const _types = [];
         this.types.map(item => _types.push({'label': item.name, 'value': item.value}));
         const _defaultType = "jar";

diff --git a/.../src/main/java/io/quarkus/datasource/deployment/devservices/DevUIDatasourceProcessor.java b/.../src/main/java/io/quarkus/datasource/deployment/devservices/DevUIDatasourceProcessor.java
@@ -38,7 +38,7 @@ DevConsoleRouteBuildItem devConsoleCleanDatabaseHandler(DatabaseRecorder recorde
 
     @BuildStep(onlyIf = IsDevelopment.class)
     CardPageBuildItem create(DataSourcesBuildTimeConfig dataSourceBuildTimeConfig) {
-        CardPageBuildItem card = new CardPageBuildItem("Datasources");
+        CardPageBuildItem card = new CardPageBuildItem();
 
         List<String> names = new ArrayList<>();
         names.add("<default>");
@@ -54,7 +54,7 @@ CardPageBuildItem create(DataSourcesBuildTimeConfig dataSourceBuildTimeConfig) {
 
     @BuildStep(onlyIf = IsDevelopment.class)
     JsonRPCProvidersBuildItem registerJsonRpcBackend() {
-        return new JsonRPCProvidersBuildItem("Datasources", DatasourceJsonRpcService.class);
+        return new JsonRPCProvidersBuildItem(DatasourceJsonRpcService.class);
     }
 
 }
diff --git a/...v-ui/datasources/qwc-datasources-reset.js → ...resources/dev-ui/qwc-datasources-reset.js b/...v-ui/datasources/qwc-datasources-reset.js → ...resources/dev-ui/qwc-datasources-reset.js
@@ -13,12 +13,12 @@ import 'qui-alert';
 import { columnBodyRenderer } from '@vaadin/grid/lit.js';
 import '@vaadin/grid/vaadin-grid-sort-column.js';
 
-import {datasources} from 'datasources-data';
+import {datasources} from 'build-time-data';
 
 
 export class QwcDatasourcesReset extends LitElement {
 
-    jsonRpc = new JsonRpc("Datasources");
+    jsonRpc = new JsonRpc(this);
 
     static styles = css`
         .button {
@@ -53,7 +53,6 @@ export class QwcDatasourcesReset extends LitElement {
         return html`${until(this._renderDataSourceTable(), html`<span>Loading datasources...</span>`)}`;
     }
 
-
     _renderDataSourceTable() {
         if (this._ds) {
             return html`
@@ -63,7 +62,6 @@ export class QwcDatasourcesReset extends LitElement {
                                         header="Name"
                                         ${columnBodyRenderer(this._nameRenderer, [])}>
                     </vaadin-grid-column>
-
                     <vaadin-grid-column auto-width
                                         header="Action"
                                         ${columnBodyRenderer(this._actionRenderer, [])}