@bakery-framework/plugin-dashboard 2.4.2 → 2.5.0-alpha.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bakery-framework/plugin-dashboard",
-  "version": "2.4.2",
+  "version": "2.5.0-alpha.1",
   "description": "Bakery dashboard plugin.",
   "keywords": [
     "bakery",
@@ -33,13 +33,13 @@
     "!src/tests"
   ],
   "dependencies": {
-    "@bakery-framework/core": "^2.4.2",
-    "@bakery-framework/plugin-analytics": "^2.4.2"
+    "@bakery-framework/core": "^2.5.0-alpha.1",
+    "@bakery-framework/plugin-analytics": "^2.5.0-alpha.1"
   },
   "devDependencies": {
-    "@bakery-framework/orm": "^2.4.2"
+    "@bakery-framework/orm": "^2.5.0-alpha.1"
   },
   "engines": {
-    "bun": ">=1.4.0"
+    "bun": ">=1.4.4"
   }
 }

package/src/client/parts/logs.ts

@@ -123,9 +123,7 @@ export function toggleLogsPlay() {
   logsPaused = !logsPaused
   const btn = document.getElementById('btn-logs-play')
   if (btn) {
-    btn.innerHTML = logsPaused
-      ? '<span>Resume</span>'
-      : '<span>Pause</span>'
+    btn.innerHTML = logsPaused ? '<span>Resume</span>' : '<span>Pause</span>'
     btn.classList.toggle('btn-success', logsPaused)
   }
 }

package/src/client/parts/sessions.ts

@@ -126,7 +126,6 @@ function renderKVRows(
     empty.innerText = 'No data stored in this session.'
     kvSection.appendChild(empty)
   }
-
 }
 
 function renderSessionCard(s: any): HTMLElement {

package/src/client/parts/stats.ts

@@ -239,7 +239,6 @@ function updateTopPagesList(topPages: any[]) {
 
   html += '</div>'
   topPagesListContainer.innerHTML = html
-
 }
 
 export function processStatsData(s: any, excludeHistory: boolean) {

package/src/components/LogsPanel.tsx

@@ -9,13 +9,15 @@ export function renderLogsPanel() {
               type="button"
               class="btn btn-secondary"
               onclick="toggleLogsPlay()"
-              id="btn-logs-play">
+              id="btn-logs-play"
+            >
               <span>Pause</span>
             </button>
             <button
               type="button"
               class="btn btn-secondary btn-danger"
-              onclick="clearLogs()">
+              onclick="clearLogs()"
+            >
               <span>Clear Logs</span>
             </button>
             <label>

package/src/components/SessionsPanel.tsx

@@ -12,7 +12,8 @@ export function renderSessionsPanel() {
           <button
             type="button"
             class="btn btn-secondary"
-            onclick="loadSessions()">
+            onclick="loadSessions()"
+          >
             <span>Refresh Sessions</span>
           </button>
         </div>
@@ -28,7 +29,8 @@ export function renderSessionsPanel() {
           <select
             id="session-sort-by"
             class="filter-select"
-            onchange="loadSessions()">
+            onchange="loadSessions()"
+          >
             <option value="accessed">Last Accessed</option>
             <option value="id">Session ID</option>
             <option value="keys">Persisted Keys</option>
@@ -36,14 +38,16 @@ export function renderSessionsPanel() {
           <select
             id="session-sort-order"
             class="filter-select"
-            onchange="loadSessions()">
+            onchange="loadSessions()"
+          >
             <option value="DESC">Newest First</option>
             <option value="ASC">Oldest First</option>
           </select>
           <select
             id="session-page-size"
             class="filter-select"
-            onchange="changeSessionPageSize()">
+            onchange="changeSessionPageSize()"
+          >
             <option value="10">10 rows</option>
             <option value="25" selected>
               25 rows
@@ -60,7 +64,8 @@ export function renderSessionsPanel() {
               type="button"
               id="session-page-prev"
               class="btn btn-secondary"
-              onclick="prevSessionPage()">
+              onclick="prevSessionPage()"
+            >
               <span>Prev</span>
             </button>
             <span id="session-page-info">Page 1 of 1</span>
@@ -68,7 +73,8 @@ export function renderSessionsPanel() {
               type="button"
               id="session-page-next"
               class="btn btn-secondary"
-              onclick="nextSessionPage()">
+              onclick="nextSessionPage()"
+            >
               <span>Next</span>
             </button>
           </div>

package/src/components/StatsPanel.tsx

@@ -61,35 +61,40 @@ export function renderStatsPanel() {
             type="button"
             class="timescale-btn active"
             id="timescale-1m"
-            onclick="changeTimescale('1m')">
+            onclick="changeTimescale('1m')"
+          >
             1m
           </button>
           <button
             type="button"
             class="timescale-btn"
             id="timescale-1h"
-            onclick="changeTimescale('1h')">
+            onclick="changeTimescale('1h')"
+          >
             1h
           </button>
           <button
             type="button"
             class="timescale-btn"
             id="timescale-1d"
-            onclick="changeTimescale('1d')">
+            onclick="changeTimescale('1d')"
+          >
             1d
           </button>
           <button
             type="button"
             class="timescale-btn"
             id="timescale-7d"
-            onclick="changeTimescale('7d')">
+            onclick="changeTimescale('7d')"
+          >
             7d
           </button>
           <button
             type="button"
             class="timescale-btn"
             id="timescale-30d"
-            onclick="changeTimescale('30d')">
+            onclick="changeTimescale('30d')"
+          >
             30d
           </button>
         </div>

package/src/components/TopPagesPanel.tsx

@@ -10,35 +10,40 @@ export function renderTopPagesPanel() {
             type="button"
             class="pages-filter-btn"
             id="pages-filter-1m"
-            onclick="changePagesFilter('1m')">
+            onclick="changePagesFilter('1m')"
+          >
             1m
           </button>
           <button
             type="button"
             class="pages-filter-btn"
             id="pages-filter-1h"
-            onclick="changePagesFilter('1h')">
+            onclick="changePagesFilter('1h')"
+          >
             1h
           </button>
           <button
             type="button"
             class="pages-filter-btn active"
             id="pages-filter-1d"
-            onclick="changePagesFilter('1d')">
+            onclick="changePagesFilter('1d')"
+          >
             1d
           </button>
           <button
             type="button"
             class="pages-filter-btn"
             id="pages-filter-7d"
-            onclick="changePagesFilter('7d')">
+            onclick="changePagesFilter('7d')"
+          >
             7d
           </button>
           <button
             type="button"
             class="pages-filter-btn"
             id="pages-filter-30d"
-            onclick="changePagesFilter('30d')">
+            onclick="changePagesFilter('30d')"
+          >
             30d
           </button>
         </div>

package/src/paths.ts

@@ -7,7 +7,7 @@ import { fs } from '@bakery-framework/core/utils'
  * became its own package every asset lookup pointed into core and 404'd. Each
  * package that ships files needs its own anchor, derived from its own location.
  */
-export const pluginRoot: string = fs.resolve(import.meta.dir)
+const pluginRoot: string = fs.resolve(import.meta.dir)
 
 export function pluginPath(...segments: string[]): string {
   return fs.resolve(pluginRoot, ...segments)

package/src/setup.ts

@@ -35,8 +35,6 @@ import { DashboardLogsHandler } from './endpoints/logs-socket'
 import { pluginPath } from './paths'
 import renderDashboardShell from './shell'
 
-export { connectedLoggers }
-
 let cachedDashboardJsPath: string | null = null
 
 /**
@@ -339,9 +337,7 @@ const dispatchDashboardRoute = routeTable(dashboardRoutes)
  * a `JsonResponseData` is stamped with the elapsed time and JSON-encoded.
  */
 export type DashboardResponse =
-  | Response
-  | Bun.BunFile
-  | JsonResponseData<unknown>
+  Response | Bun.BunFile | JsonResponseData<unknown>
 
 export async function handleDashboardRequest(
   req: Request,

package/src/shell.tsx

@@ -88,7 +88,8 @@ function NavItem({ id, label, href }: NavEntry) {
     <button
       type="button"
       class={id === 'stats' ? 'tab-btn active' : 'tab-btn'}
-      onclick={`switchTab('${id}')`}>
+      onclick={`switchTab('${id}')`}
+    >
       <span class="nav-dot"></span>
       <span>{label}</span>
     </button>
@@ -169,7 +170,8 @@ export default function Dashboard() {
                 type="button"
                 class="btn rail-toggle"
                 onclick="document.getElementById('rail').classList.toggle('open')"
-                aria-label="Toggle navigation">
+                aria-label="Toggle navigation"
+              >
                 ☰
               </button>
               <span>Console</span>
@@ -185,12 +187,14 @@ export default function Dashboard() {
 
               <div
                 class="profile-dropdown-wrapper"
-                id="profile-dropdown-wrapper">
+                id="profile-dropdown-wrapper"
+              >
                 <button
                   type="button"
                   class="profile-trigger-btn"
                   onclick="toggleProfileDropdown(event)"
-                  aria-label="Account menu">
+                  aria-label="Account menu"
+                >
                   <span class="profile-avatar">A</span>
                   <span aria-hidden="true">▾</span>
                 </button>
@@ -203,7 +207,8 @@ export default function Dashboard() {
                       application authenticates, via the authorize predicate. */}
                   <button
                     type="button"
-                    onclick="resetAnalytics(); toggleProfileDropdown(event);">
+                    onclick="resetAnalytics(); toggleProfileDropdown(event);"
+                  >
                     <span>Reset analytics</span>
                   </button>
                 </div>