Creates a proxy which helps for debugging of objects

object_proxy_logger.ts

function createLogHandler(obj: any) {
  return new Proxy(
    obj,
    {
      get(target: any, key: any) {
        console.groupCollapsed(`Reading from ${key}`)
        console.log(`target: ${JSON.stringify(target)}`)
        console.log(`value: ${JSON.stringify(target[key])}`)
        console.trace()
        console.groupEnd()
        return target[key];
      },
      set(target: any, key: any, value: any) {
        console.groupCollapsed(`Setting value ${key} as ${value}`)
        console.log(`old value: ${JSON.stringify(target[key])}`)
        console.trace()
        console.groupEnd()
        target[key] = value;
        return true
      },
    }
  );
}

tracer_group_logger.ts

function logTrace(traceTitle: string) {
  console.groupCollapsed(traceTitle)
  console.error(traceTitle)
  console.trace()
  console.groupEnd()
}