debugging helper for weird js frameworks (#lwc😭)

sx-lwc-utils.js

prettyJson = (obj) => {
    return JSON.stringify(obj, null, 2);
};
log(obj, name = "", color = null, table = false) {
    if (table) {
        console.log(`%c${name}`, `color: ${color || "unset"}`);
        console.table(obj);
        return;
    }
    console.log(`%c${name}`, `color: ${color || "unset"}`, this.prettyJson(obj));
}

/*
Example Usage:
this.log(result.setupTimeResult, 'setupTimeResult', "lime");
this.log(result.setupTimeResult.elements, "setupTimeResult.elements", "orange", true);
this.log(this.xAxis, "xAxis", "darkorange", false);
this.log(heightsArr, 'heightsArr', 'black; background: red');
this.log({ i: i, target: targetId, chosen: i === this.chosenBlob, t: e.type, dtl: e.detail }, "e", "lime");
*/