dozzle/assets/composable/visible.ts

import { ComplexLogEntry, type JSONObject, type LogEntry } from "@/models/LogEntry";
import type { ComputedRef, Ref } from "vue";

export function useVisibleFilter(visibleKeys: ComputedRef<Ref<string[][]>>) {
  function filteredPayload(messages: Ref<LogEntry<string | JSONObject>[]>) {
    return computed(() => {
      return messages.value.map((d) => {
        if (d instanceof ComplexLogEntry) {
          return ComplexLogEntry.fromLogEvent(d, visibleKeys.value);
        } else {
          return d;
        }
      });
    });
  }

  return { filteredPayload };
}