dozzle/assets/composable/visible.ts

import { ComplexLogEntry, type LogMessage, type LogEntry } from "@/models/LogEntry";

export function useVisibleFilter(visibleKeys: Ref<Map<string[], boolean>>) {
  const { isSearching, inverseFilter } = useSearchFilter();
  function filteredPayload(messages: Ref<LogEntry<LogMessage>[]>) {
    return computed(() => {
      return messages.value
        .map((d) => {
          if (d instanceof ComplexLogEntry) {
            return ComplexLogEntry.fromLogEvent(d, visibleKeys);
          } else {
            return d;
          }
        })
        .filter((d) => {
          if (isSearching.value && d instanceof ComplexLogEntry) {
            const hasMark = Object.values(d.message).some((v) => JSON.stringify(v)?.includes("<mark>"));
            return inverseFilter.value ? !hasMark : hasMark;
          } else {
            return true;
          }
        });
    });
  }

  return { filteredPayload };
}