feat: add optional custom css

bee-queue · Mar 25, 2021 · 3f68dc1 · 3f68dc1
1 parent 30dff30
commit 3f68dc1
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -48,6 +48,9 @@ Arena({
       prefix: 'foo',
     },
   ],
+
+  // Optionally include your own stylesheet
+  customCssPath: 'https://example.com/custom-arena-styles.css'
 });
 ```
 
@@ -196,7 +199,10 @@ const arenaConfig = Arena({
   basePath: '/arena',
 
   // Let express handle the listening.
-  disableListen: true
+  disableListen: true,
+
+  // Optionally include your own stylesheet
+  customCssPath: 'https://example.com/custom-arena-styles.css'
 });
 
 // Make arena's resources (js/css deps) available at the base app route
@@ -237,7 +243,10 @@ const arenaConfig = Arena({
   basePath: '/arena',
 
   // Let express handle the listening.
-  disableListen: true
+  disableListen: true,
+
+  // Optionally include your own stylesheet
+  customCssPath: 'https://example.com/custom-arena-styles.css'
 });
 
 // Make arena's resources (js/css deps) available at the base app route

diff --git a/example/bee.js b/example/bee.js
@@ -56,6 +56,9 @@ async function main() {
           },
         },
       ],
+
+      // Optionally include your own stylesheet
+      customCssPath: 'https://example.com/custom-arena-styles.css'
     },
     {
       port: HTTP_SERVER_PORT,

diff --git a/example/bull.js b/example/bull.js
@@ -54,6 +54,9 @@ async function main() {
           },
         },
       ],
+
+      // Optionally include your own stylesheet
+      customCssPath: 'https://example.com/custom-arena-styles.css'
     },
     {
       port: HTTP_SERVER_PORT,

diff --git a/src/server/app.js b/src/server/app.js
@@ -23,6 +23,7 @@ module.exports = function (config) {
   app.locals.Queues = queues;
   app.locals.appBasePath = '';
   app.locals.vendorPath = '/vendor';
+  app.locals.customCssPath = config.customCssPath;
 
   app.set('views', `${__dirname}/views`);
   app.set('view engine', 'hbs');

diff --git a/src/server/views/layout.hbs b/src/server/views/layout.hbs
@@ -25,6 +25,9 @@
 
     <link rel="stylesheet" href="{{ basePath }}{{ vendorPath }}/jsoneditor.min.css">
     <link rel="stylesheet" href="{{ basePath }}{{ vendorPath }}/tablesort.css">
+    {{#if customCssPath}}
+    <link rel="stylesheet" href="{{ customCssPath }}">
+    {{/if}}
   </head>
 
   <body>
-Original file line number
+Diff line change
@@ Expand Up / @@ -56,6 +56,9 @@ async function main() { @@
               },
             },
           ],
+          // Optionally include your own stylesheet
+          customCssPath: 'https://example.com/custom-arena-styles.css'
         },
         {
           port: HTTP_SERVER_PORT,
@@ Expand Down @@