Chroma logs in Frontend (#12131)

* Chroma logs in frontend

* fix lint

web/src/types/log.ts

@@ -12,5 +12,5 @@ export type LogLine = {
  content: string;
 };
 
-export const logTypes = ["frigate", "go2rtc", "nginx"] as const;
+export const logTypes = ["frigate", "go2rtc", "nginx", "chroma"] as const;
 export type LogType = (typeof logTypes)[number];

web/src/utils/logUtil.ts

@@ -1,13 +1,14 @@
 import { LogLine, LogSeverity, LogType } from "@/types/log";
 
+const pythonSeverity = /(DEBUG)|(INFO)|(WARNING)|(ERROR)/;
+
 const frigateDateStamp = /\[[\d\s-:]*]/;
-const frigateSeverity = /(DEBUG)|(INFO)|(WARNING)|(ERROR)/;
 const frigateSection = /[\w.]*/;
 
 const goSeverity = /(DEB )|(INF )|(WRN )|(ERR )/;
 const goSection = /\[[\w]*]/;
 
-const ngSeverity = /(GET)|(POST)|(PUT)|(PATCH)|(DELETE)/;
+const httpMethods = /(GET)|(POST)|(PUT)|(PATCH)|(DELETE)/;
 
 export function parseLogLines(logService: LogType, logs: string[]) {
  if (logService == "frigate") {
@@ -45,7 +46,7 @@ export function parseLogLines(logService: LogType, logs: string[]) {
 
  return {
  dateStamp: match.toString().slice(1, -1),
- severity: frigateSeverity
+ severity: pythonSeverity
  .exec(line)
  ?.at(0)
  ?.toString()
@@ -69,7 +70,7 @@ export function parseLogLines(logService: LogType, logs: string[]) {
  let section =
  goSection.exec(line)?.toString()?.slice(1, -1) ?? "startup";
 
- if (frigateSeverity.exec(section)) {
+ if (pythonSeverity.exec(section)) {
  section = "startup";
  }
 
@@ -122,11 +123,51 @@ export function parseLogLines(logService: LogType, logs: string[]) {
  return {
  dateStamp: line.substring(0, 19),
  severity: "info",
- section: ngSeverity.exec(line)?.at(0)?.toString() ?? "META",
+ section: httpMethods.exec(line)?.at(0)?.toString() ?? "META",
  content: line.substring(line.indexOf(" ", 20)).trim(),
  };
  })
  .filter((value) => value != null) as LogLine[];
+ } else if (logService == "chroma") {
+ return logs
+ .map((line) => {
+ const match = frigateDateStamp.exec(line);
+
+ if (!match) {
+ const infoIndex = line.indexOf("[INFO]");
+
+ if (infoIndex != -1) {
+ return {
+ dateStamp: line.substring(0, 19),
+ severity: "info",
+ section: "startup",
+ content: line.substring(infoIndex + 6).trim(),
+ };
+ }
+
+ return null;
+ }
+
+ const startup =
+ line.indexOf("Starting component") !== -1 ||
+ line.indexOf("startup") !== -1 ||
+ line.indexOf("Started") !== -1 ||
+ line.indexOf("Uvicorn") !== -1;
+ const api = !!httpMethods.exec(line);
+ const tag = startup ? "startup" : api ? "API" : "server";
+
+ return {
+ dateStamp: match.toString().slice(1, -1),
+ severity: pythonSeverity
+ .exec(line)
+ ?.at(0)
+ ?.toString()
+ ?.toLowerCase() as LogSeverity,
+ section: tag,
+ content: line.substring(match.index + match[0].length).trim(),
+ };
+ })
+ .filter((value) => value != null) as LogLine[];
  }
 
  return [];