@hydration-audit/dashboard 0.2.0

package/README.md

@@ -0,0 +1,67 @@
+# @hydration-audit/dashboard
+
+> Interactive web dashboard for visualizing JavaScript hydration costs.
+
+Part of the [Hydration Cost Visibility Platform](../../README.md).
+
+## Features
+
+- **Treemap Visualization** — Islands sized by gzip cost, colored by severity
+- **Sortable Island Table** — Click any column header to sort
+- **Budget Gauges** — Visual meters for page and site-wide budgets
+- **Issue List** — All detected issues with actionable recommendations
+- **Live Reload** — Dashboard updates automatically via WebSocket when the report file changes
+
+## Usage
+
+### Via CLI (Recommended)
+
+```bash
+npx @hydration-audit/cli dashboard
+npx @hydration-audit/cli dashboard --port 3000
+```
+
+### Programmatic API
+
+```typescript
+import { startDashboard } from '@hydration-audit/dashboard';
+
+const { url, close } = await startDashboard(
+  '.hydration-audit-report.json', // path to report
+  4173,                          // port
+);
+
+console.log(`Dashboard at ${url}`);
+
+// Later...
+close();
+```
+
+## How It Works
+
+1. Reads the `.hydration-audit-report.json` file generated by the analyzer
+2. Serves a lightweight SPA (vanilla JS, no framework runtime) on a local HTTP server
+3. Opens a WebSocket connection to watch for report file changes
+4. When the report changes (e.g., after a rebuild), all connected browsers update instantly
+
+## Dashboard Views
+
+### Treemap
+Islands are displayed as rectangles proportional to their gzip size. Colors indicate severity:
+- **Green** — Under 20KB, no issues
+- **Blue** — 20-50KB, within budget
+- **Yellow** — 50-100KB, warning
+- **Red** — Over 100KB or has errors
+
+### Island Table
+Sortable table with columns:
+- Name, Directive, Framework, Gzip size, Brotli size, Issues, Pages
+
+### Budget Gauges
+Visual progress bars showing:
+- Per-page budget usage
+- Total site budget usage
+
+## License
+
+MIT

package/dist/index.cjs

@@ -0,0 +1,124 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  startDashboard: () => startDashboard
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/server.ts
+var import_node_http = __toESM(require("http"), 1);
+var import_node_fs = __toESM(require("fs"), 1);
+var import_node_path = __toESM(require("path"), 1);
+var import_ws = require("ws");
+var import_meta = {};
+var MIME_TYPES = {
+  ".html": "text/html",
+  ".js": "application/javascript",
+  ".css": "text/css",
+  ".json": "application/json",
+  ".svg": "image/svg+xml"
+};
+async function startDashboard(reportPath, port = 4173) {
+  const absoluteReportPath = import_node_path.default.resolve(reportPath);
+  let currentReport = null;
+  try {
+    const content = import_node_fs.default.readFileSync(absoluteReportPath, "utf-8");
+    currentReport = JSON.parse(content);
+  } catch {
+    console.warn(`Could not read report at ${absoluteReportPath}`);
+  }
+  const staticDir = import_node_path.default.resolve(
+    import_node_path.default.dirname(new URL(import_meta.url).pathname),
+    "app"
+  );
+  const server = import_node_http.default.createServer((req, res) => {
+    const url = req.url ?? "/";
+    if (url === "/api/report") {
+      res.writeHead(200, { "Content-Type": "application/json" });
+      res.end(JSON.stringify(currentReport ?? { error: "No report loaded" }));
+      return;
+    }
+    let filePath = import_node_path.default.join(staticDir, url === "/" ? "index.html" : url);
+    const ext = import_node_path.default.extname(filePath);
+    if (!ext) {
+      filePath = import_node_path.default.join(staticDir, "index.html");
+    }
+    try {
+      const content = import_node_fs.default.readFileSync(filePath);
+      const mime = MIME_TYPES[import_node_path.default.extname(filePath)] ?? "text/plain";
+      res.writeHead(200, { "Content-Type": mime });
+      res.end(content);
+    } catch {
+      res.writeHead(404);
+      res.end("Not found");
+    }
+  });
+  const wss = new import_ws.WebSocketServer({ server });
+  let watcher = null;
+  try {
+    watcher = import_node_fs.default.watch(absoluteReportPath, () => {
+      try {
+        const content = import_node_fs.default.readFileSync(absoluteReportPath, "utf-8");
+        currentReport = JSON.parse(content);
+        for (const client of wss.clients) {
+          if (client.readyState === 1) {
+            client.send(JSON.stringify({ type: "update", report: currentReport }));
+          }
+        }
+      } catch {
+      }
+    });
+  } catch {
+    console.warn("Could not watch report file for changes");
+  }
+  return new Promise((resolve) => {
+    server.listen(port, () => {
+      const url = `http://localhost:${port}`;
+      console.log(`
+  Dashboard running at ${url}
+`);
+      resolve({
+        url,
+        close: () => {
+          watcher?.close();
+          wss.close();
+          server.close();
+        }
+      });
+    });
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  startDashboard
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/server.ts"],"sourcesContent":["export { startDashboard } from './server.js';\n","import http from 'node:http';\nimport fs from 'node:fs';\nimport path from 'node:path';\nimport { WebSocketServer } from 'ws';\nimport type { AnalysisReport } from '@hydration-audit/core';\n\nconst MIME_TYPES: Record<string, string> = {\n  '.html': 'text/html',\n  '.js': 'application/javascript',\n  '.css': 'text/css',\n  '.json': 'application/json',\n  '.svg': 'image/svg+xml',\n};\n\n/**\n * Start the dashboard server.\n * Serves a static SPA and provides a WebSocket for live report updates.\n */\nexport async function startDashboard(\n  reportPath: string,\n  port = 4173,\n): Promise<{ url: string; close: () => void }> {\n  const absoluteReportPath = path.resolve(reportPath);\n\n  // Read the initial report\n  let currentReport: AnalysisReport | null = null;\n  try {\n    const content = fs.readFileSync(absoluteReportPath, 'utf-8');\n    currentReport = JSON.parse(content);\n  } catch {\n    console.warn(`Could not read report at ${absoluteReportPath}`);\n  }\n\n  const staticDir = path.resolve(\n    path.dirname(new URL(import.meta.url).pathname),\n    'app',\n  );\n\n  const server = http.createServer((req, res) => {\n    const url = req.url ?? '/';\n\n    // API endpoint for report data\n    if (url === '/api/report') {\n      res.writeHead(200, { 'Content-Type': 'application/json' });\n      res.end(JSON.stringify(currentReport ?? { error: 'No report loaded' }));\n      return;\n    }\n\n    // Serve static files\n    let filePath = path.join(staticDir, url === '/' ? 'index.html' : url);\n    const ext = path.extname(filePath);\n\n    // SPA fallback — serve index.html for non-file routes\n    if (!ext) {\n      filePath = path.join(staticDir, 'index.html');\n    }\n\n    try {\n      const content = fs.readFileSync(filePath);\n      const mime = MIME_TYPES[path.extname(filePath)] ?? 'text/plain';\n      res.writeHead(200, { 'Content-Type': mime });\n      res.end(content);\n    } catch {\n      res.writeHead(404);\n      res.end('Not found');\n    }\n  });\n\n  // WebSocket for live reload\n  const wss = new WebSocketServer({ server });\n\n  // Watch report file for changes\n  let watcher: fs.FSWatcher | null = null;\n  try {\n    watcher = fs.watch(absoluteReportPath, () => {\n      try {\n        const content = fs.readFileSync(absoluteReportPath, 'utf-8');\n        currentReport = JSON.parse(content);\n        // Notify all connected clients\n        for (const client of wss.clients) {\n          if (client.readyState === 1) {\n            client.send(JSON.stringify({ type: 'update', report: currentReport }));\n          }\n        }\n      } catch {\n        // Ignore parse errors during write\n      }\n    });\n  } catch {\n    console.warn('Could not watch report file for changes');\n  }\n\n  return new Promise((resolve) => {\n    server.listen(port, () => {\n      const url = `http://localhost:${port}`;\n      console.log(`\\n  Dashboard running at ${url}\\n`);\n      resolve({\n        url,\n        close: () => {\n          watcher?.close();\n          wss.close();\n          server.close();\n        },\n      });\n    });\n  });\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,uBAAiB;AACjB,qBAAe;AACf,uBAAiB;AACjB,gBAAgC;AAHhC;AAMA,IAAM,aAAqC;AAAA,EACzC,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AACV;AAMA,eAAsB,eACpB,YACA,OAAO,MACsC;AAC7C,QAAM,qBAAqB,iBAAAA,QAAK,QAAQ,UAAU;AAGlD,MAAI,gBAAuC;AAC3C,MAAI;AACF,UAAM,UAAU,eAAAC,QAAG,aAAa,oBAAoB,OAAO;AAC3D,oBAAgB,KAAK,MAAM,OAAO;AAAA,EACpC,QAAQ;AACN,YAAQ,KAAK,4BAA4B,kBAAkB,EAAE;AAAA,EAC/D;AAEA,QAAM,YAAY,iBAAAD,QAAK;AAAA,IACrB,iBAAAA,QAAK,QAAQ,IAAI,IAAI,YAAY,GAAG,EAAE,QAAQ;AAAA,IAC9C;AAAA,EACF;AAEA,QAAM,SAAS,iBAAAE,QAAK,aAAa,CAAC,KAAK,QAAQ;AAC7C,UAAM,MAAM,IAAI,OAAO;AAGvB,QAAI,QAAQ,eAAe;AACzB,UAAI,UAAU,KAAK,EAAE,gBAAgB,mBAAmB,CAAC;AACzD,UAAI,IAAI,KAAK,UAAU,iBAAiB,EAAE,OAAO,mBAAmB,CAAC,CAAC;AACtE;AAAA,IACF;AAGA,QAAI,WAAW,iBAAAF,QAAK,KAAK,WAAW,QAAQ,MAAM,eAAe,GAAG;AACpE,UAAM,MAAM,iBAAAA,QAAK,QAAQ,QAAQ;AAGjC,QAAI,CAAC,KAAK;AACR,iBAAW,iBAAAA,QAAK,KAAK,WAAW,YAAY;AAAA,IAC9C;AAEA,QAAI;AACF,YAAM,UAAU,eAAAC,QAAG,aAAa,QAAQ;AACxC,YAAM,OAAO,WAAW,iBAAAD,QAAK,QAAQ,QAAQ,CAAC,KAAK;AACnD,UAAI,UAAU,KAAK,EAAE,gBAAgB,KAAK,CAAC;AAC3C,UAAI,IAAI,OAAO;AAAA,IACjB,QAAQ;AACN,UAAI,UAAU,GAAG;AACjB,UAAI,IAAI,WAAW;AAAA,IACrB;AAAA,EACF,CAAC;AAGD,QAAM,MAAM,IAAI,0BAAgB,EAAE,OAAO,CAAC;AAG1C,MAAI,UAA+B;AACnC,MAAI;AACF,cAAU,eAAAC,QAAG,MAAM,oBAAoB,MAAM;AAC3C,UAAI;AACF,cAAM,UAAU,eAAAA,QAAG,aAAa,oBAAoB,OAAO;AAC3D,wBAAgB,KAAK,MAAM,OAAO;AAElC,mBAAW,UAAU,IAAI,SAAS;AAChC,cAAI,OAAO,eAAe,GAAG;AAC3B,mBAAO,KAAK,KAAK,UAAU,EAAE,MAAM,UAAU,QAAQ,cAAc,CAAC,CAAC;AAAA,UACvE;AAAA,QACF;AAAA,MACF,QAAQ;AAAA,MAER;AAAA,IACF,CAAC;AAAA,EACH,QAAQ;AACN,YAAQ,KAAK,yCAAyC;AAAA,EACxD;AAEA,SAAO,IAAI,QAAQ,CAAC,YAAY;AAC9B,WAAO,OAAO,MAAM,MAAM;AACxB,YAAM,MAAM,oBAAoB,IAAI;AACpC,cAAQ,IAAI;AAAA,yBAA4B,GAAG;AAAA,CAAI;AAC/C,cAAQ;AAAA,QACN;AAAA,QACA,OAAO,MAAM;AACX,mBAAS,MAAM;AACf,cAAI,MAAM;AACV,iBAAO,MAAM;AAAA,QACf;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAAA,EACH,CAAC;AACH;","names":["path","fs","http"]}

package/dist/index.d.cts

@@ -0,0 +1,10 @@
+/**
+ * Start the dashboard server.
+ * Serves a static SPA and provides a WebSocket for live report updates.
+ */
+declare function startDashboard(reportPath: string, port?: number): Promise<{
+    url: string;
+    close: () => void;
+}>;
+
+export { startDashboard };

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Start the dashboard server.
+ * Serves a static SPA and provides a WebSocket for live report updates.
+ */
+declare function startDashboard(reportPath: string, port?: number): Promise<{
+    url: string;
+    close: () => void;
+}>;
+
+export { startDashboard };

package/dist/index.mjs

@@ -0,0 +1,86 @@
+// src/server.ts
+import http from "http";
+import fs from "fs";
+import path from "path";
+import { WebSocketServer } from "ws";
+var MIME_TYPES = {
+  ".html": "text/html",
+  ".js": "application/javascript",
+  ".css": "text/css",
+  ".json": "application/json",
+  ".svg": "image/svg+xml"
+};
+async function startDashboard(reportPath, port = 4173) {
+  const absoluteReportPath = path.resolve(reportPath);
+  let currentReport = null;
+  try {
+    const content = fs.readFileSync(absoluteReportPath, "utf-8");
+    currentReport = JSON.parse(content);
+  } catch {
+    console.warn(`Could not read report at ${absoluteReportPath}`);
+  }
+  const staticDir = path.resolve(
+    path.dirname(new URL(import.meta.url).pathname),
+    "app"
+  );
+  const server = http.createServer((req, res) => {
+    const url = req.url ?? "/";
+    if (url === "/api/report") {
+      res.writeHead(200, { "Content-Type": "application/json" });
+      res.end(JSON.stringify(currentReport ?? { error: "No report loaded" }));
+      return;
+    }
+    let filePath = path.join(staticDir, url === "/" ? "index.html" : url);
+    const ext = path.extname(filePath);
+    if (!ext) {
+      filePath = path.join(staticDir, "index.html");
+    }
+    try {
+      const content = fs.readFileSync(filePath);
+      const mime = MIME_TYPES[path.extname(filePath)] ?? "text/plain";
+      res.writeHead(200, { "Content-Type": mime });
+      res.end(content);
+    } catch {
+      res.writeHead(404);
+      res.end("Not found");
+    }
+  });
+  const wss = new WebSocketServer({ server });
+  let watcher = null;
+  try {
+    watcher = fs.watch(absoluteReportPath, () => {
+      try {
+        const content = fs.readFileSync(absoluteReportPath, "utf-8");
+        currentReport = JSON.parse(content);
+        for (const client of wss.clients) {
+          if (client.readyState === 1) {
+            client.send(JSON.stringify({ type: "update", report: currentReport }));
+          }
+        }
+      } catch {
+      }
+    });
+  } catch {
+    console.warn("Could not watch report file for changes");
+  }
+  return new Promise((resolve) => {
+    server.listen(port, () => {
+      const url = `http://localhost:${port}`;
+      console.log(`
+  Dashboard running at ${url}
+`);
+      resolve({
+        url,
+        close: () => {
+          watcher?.close();
+          wss.close();
+          server.close();
+        }
+      });
+    });
+  });
+}
+export {
+  startDashboard
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/server.ts"],"sourcesContent":["import http from 'node:http';\nimport fs from 'node:fs';\nimport path from 'node:path';\nimport { WebSocketServer } from 'ws';\nimport type { AnalysisReport } from '@hydration-audit/core';\n\nconst MIME_TYPES: Record<string, string> = {\n  '.html': 'text/html',\n  '.js': 'application/javascript',\n  '.css': 'text/css',\n  '.json': 'application/json',\n  '.svg': 'image/svg+xml',\n};\n\n/**\n * Start the dashboard server.\n * Serves a static SPA and provides a WebSocket for live report updates.\n */\nexport async function startDashboard(\n  reportPath: string,\n  port = 4173,\n): Promise<{ url: string; close: () => void }> {\n  const absoluteReportPath = path.resolve(reportPath);\n\n  // Read the initial report\n  let currentReport: AnalysisReport | null = null;\n  try {\n    const content = fs.readFileSync(absoluteReportPath, 'utf-8');\n    currentReport = JSON.parse(content);\n  } catch {\n    console.warn(`Could not read report at ${absoluteReportPath}`);\n  }\n\n  const staticDir = path.resolve(\n    path.dirname(new URL(import.meta.url).pathname),\n    'app',\n  );\n\n  const server = http.createServer((req, res) => {\n    const url = req.url ?? '/';\n\n    // API endpoint for report data\n    if (url === '/api/report') {\n      res.writeHead(200, { 'Content-Type': 'application/json' });\n      res.end(JSON.stringify(currentReport ?? { error: 'No report loaded' }));\n      return;\n    }\n\n    // Serve static files\n    let filePath = path.join(staticDir, url === '/' ? 'index.html' : url);\n    const ext = path.extname(filePath);\n\n    // SPA fallback — serve index.html for non-file routes\n    if (!ext) {\n      filePath = path.join(staticDir, 'index.html');\n    }\n\n    try {\n      const content = fs.readFileSync(filePath);\n      const mime = MIME_TYPES[path.extname(filePath)] ?? 'text/plain';\n      res.writeHead(200, { 'Content-Type': mime });\n      res.end(content);\n    } catch {\n      res.writeHead(404);\n      res.end('Not found');\n    }\n  });\n\n  // WebSocket for live reload\n  const wss = new WebSocketServer({ server });\n\n  // Watch report file for changes\n  let watcher: fs.FSWatcher | null = null;\n  try {\n    watcher = fs.watch(absoluteReportPath, () => {\n      try {\n        const content = fs.readFileSync(absoluteReportPath, 'utf-8');\n        currentReport = JSON.parse(content);\n        // Notify all connected clients\n        for (const client of wss.clients) {\n          if (client.readyState === 1) {\n            client.send(JSON.stringify({ type: 'update', report: currentReport }));\n          }\n        }\n      } catch {\n        // Ignore parse errors during write\n      }\n    });\n  } catch {\n    console.warn('Could not watch report file for changes');\n  }\n\n  return new Promise((resolve) => {\n    server.listen(port, () => {\n      const url = `http://localhost:${port}`;\n      console.log(`\\n  Dashboard running at ${url}\\n`);\n      resolve({\n        url,\n        close: () => {\n          watcher?.close();\n          wss.close();\n          server.close();\n        },\n      });\n    });\n  });\n}\n"],"mappings":";AAAA,OAAO,UAAU;AACjB,OAAO,QAAQ;AACf,OAAO,UAAU;AACjB,SAAS,uBAAuB;AAGhC,IAAM,aAAqC;AAAA,EACzC,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AACV;AAMA,eAAsB,eACpB,YACA,OAAO,MACsC;AAC7C,QAAM,qBAAqB,KAAK,QAAQ,UAAU;AAGlD,MAAI,gBAAuC;AAC3C,MAAI;AACF,UAAM,UAAU,GAAG,aAAa,oBAAoB,OAAO;AAC3D,oBAAgB,KAAK,MAAM,OAAO;AAAA,EACpC,QAAQ;AACN,YAAQ,KAAK,4BAA4B,kBAAkB,EAAE;AAAA,EAC/D;AAEA,QAAM,YAAY,KAAK;AAAA,IACrB,KAAK,QAAQ,IAAI,IAAI,YAAY,GAAG,EAAE,QAAQ;AAAA,IAC9C;AAAA,EACF;AAEA,QAAM,SAAS,KAAK,aAAa,CAAC,KAAK,QAAQ;AAC7C,UAAM,MAAM,IAAI,OAAO;AAGvB,QAAI,QAAQ,eAAe;AACzB,UAAI,UAAU,KAAK,EAAE,gBAAgB,mBAAmB,CAAC;AACzD,UAAI,IAAI,KAAK,UAAU,iBAAiB,EAAE,OAAO,mBAAmB,CAAC,CAAC;AACtE;AAAA,IACF;AAGA,QAAI,WAAW,KAAK,KAAK,WAAW,QAAQ,MAAM,eAAe,GAAG;AACpE,UAAM,MAAM,KAAK,QAAQ,QAAQ;AAGjC,QAAI,CAAC,KAAK;AACR,iBAAW,KAAK,KAAK,WAAW,YAAY;AAAA,IAC9C;AAEA,QAAI;AACF,YAAM,UAAU,GAAG,aAAa,QAAQ;AACxC,YAAM,OAAO,WAAW,KAAK,QAAQ,QAAQ,CAAC,KAAK;AACnD,UAAI,UAAU,KAAK,EAAE,gBAAgB,KAAK,CAAC;AAC3C,UAAI,IAAI,OAAO;AAAA,IACjB,QAAQ;AACN,UAAI,UAAU,GAAG;AACjB,UAAI,IAAI,WAAW;AAAA,IACrB;AAAA,EACF,CAAC;AAGD,QAAM,MAAM,IAAI,gBAAgB,EAAE,OAAO,CAAC;AAG1C,MAAI,UAA+B;AACnC,MAAI;AACF,cAAU,GAAG,MAAM,oBAAoB,MAAM;AAC3C,UAAI;AACF,cAAM,UAAU,GAAG,aAAa,oBAAoB,OAAO;AAC3D,wBAAgB,KAAK,MAAM,OAAO;AAElC,mBAAW,UAAU,IAAI,SAAS;AAChC,cAAI,OAAO,eAAe,GAAG;AAC3B,mBAAO,KAAK,KAAK,UAAU,EAAE,MAAM,UAAU,QAAQ,cAAc,CAAC,CAAC;AAAA,UACvE;AAAA,QACF;AAAA,MACF,QAAQ;AAAA,MAER;AAAA,IACF,CAAC;AAAA,EACH,QAAQ;AACN,YAAQ,KAAK,yCAAyC;AAAA,EACxD;AAEA,SAAO,IAAI,QAAQ,CAAC,YAAY;AAC9B,WAAO,OAAO,MAAM,MAAM;AACxB,YAAM,MAAM,oBAAoB,IAAI;AACpC,cAAQ,IAAI;AAAA,yBAA4B,GAAG;AAAA,CAAI;AAC/C,cAAQ;AAAA,QACN;AAAA,QACA,OAAO,MAAM;AACX,mBAAS,MAAM;AACf,cAAI,MAAM;AACV,iBAAO,MAAM;AAAA,QACf;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAAA,EACH,CAAC;AACH;","names":[]}

package/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "@hydration-audit/dashboard",
+  "version": "0.2.0",
+  "description": "Web dashboard for visualizing JavaScript hydration costs",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "license": "MIT",
+  "engines": {
+    "node": ">=18"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "vite",
+    "test": "vitest run",
+    "typecheck": "tsc --noEmit",
+    "clean": "rm -rf dist"
+  },
+  "dependencies": {
+    "@hydration-audit/core": "workspace:*",
+    "preact": "^10.24.0",
+    "d3-hierarchy": "^3.1.2",
+    "ws": "^8.18.0"
+  },
+  "devDependencies": {
+    "@preact/preset-vite": "^2.9.0",
+    "@types/node": "^22.0.0",
+    "@types/ws": "^8.5.0",
+    "vite": "^6.0.0",
+    "tsup": "^8.3.0",
+    "typescript": "^5.7.0",
+    "vitest": "^2.1.0"
+  }
+}