Add @bull-board/ui dependency and enable management UI in playground

genu · Feb 4, 2024 · 512e815 · 512e815
1 parent 9cb496c
commit 512e815
Show file tree

Hide file tree

Showing 6 changed files with 13 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -37,6 +37,7 @@
   "dependencies": {
     "@bull-board/api": "^5.14.0",
     "@bull-board/h3": "^5.14.0",
+    "@bull-board/ui": "^5.14.0",
     "@nuxt/kit": "^3.10.0",
     "bullmq": "^5.1.8",
     "colorette": "^2.0.20",

diff --git a/playground/nuxt.config.ts b/playground/nuxt.config.ts
@@ -1,6 +1,7 @@
 export default defineNuxtConfig({
   modules: ["../src/module"],
   concierge: {
+    managementUI: true,
     redis: {
       host: "localhost",
     },

diff --git a/playground/package.json b/playground/package.json
@@ -5,7 +5,8 @@
   "scripts": {
     "dev": "nuxi dev",
     "build": "nuxi build",
-    "generate": "nuxi generate"
+    "generate": "nuxi generate",
+    "preview": "nuxi preview"
   },
   "devDependencies": {
     "nuxt": "latest"

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/module.ts b/src/module.ts
@@ -89,6 +89,9 @@ export default defineNuxtModule<ModuleOptions>({
       );
     }
 
+    // Transpile BullBoard api because its not ESM
+    nuxt.options.build.transpile.push("@bull-board/api");
+
     nuxt.options.runtimeConfig.concierge = defu(
       nuxt.options.runtimeConfig.concierge,
       options

diff --git a/src/runtime/server/routes/ui-handler.ts b/src/runtime/server/routes/ui-handler.ts
@@ -4,7 +4,6 @@ import { BullMQAdapter } from "@bull-board/api/bullMQAdapter";
 import { H3Adapter } from "@bull-board/h3";
 import { useRuntimeConfig } from "#imports";
 import { $useConcierge } from "#concierge";
-
 import { consola } from "consola";
 
 const {
@@ -14,10 +13,13 @@ const {
 const serverAdapter = new H3Adapter();
 serverAdapter.setBasePath("/_concierge");
 
+const root = import.meta.dev ? "../" : "../../";
+
 const bullboard = createBullBoard({
   queues: [],
   serverAdapter,
   options: {
+    uiBasePath: `${root}node_modules/@bull-board/ui`,
     uiConfig: ui,
   },
 });