Show computed property dependent keys

[lifeart]

Now to get understanding about cp depended keys you need to investigate object in console or taking a look into source code.

Computed property has _dependentKeys array, any ideas how this content can be shown in object debugger?

How to extract all object's computed props?

var emberObject = $E;

Object.keys(temp2.__proto__)
	.filter(key=>typeof emberObject [key] === 'object' && emberObject[key]._dependentKeys)
	.reduce((collector, key)=>{
		collector[key] = emberObject[key]._dependentKeys.slice(0);
		return collector;
	},{})

[lifeart]

more informational case:

var emberObject = $E;

function serializeObject(el) {
	if (Array.isArray(el)) {
		return el;
	}
	if (typeof el === 'object') {
		return JSON.stringify(el);
	}
	return el;
}
Object.keys(temp2.__proto__)
	.filter(key=>typeof emberObject [key] === 'object' && emberObject[key]._dependentKeys)
	.reduce((collector, key)=>{
		let cpKeys = temp2[key]._dependentKeys.slice(0);
		let cpKeysAndVals = [];
		cpKeys.forEach((keyName) => {
			let value = emberObject.get(keyName);
			if (Array.isArray(value)) {
				if (Array.isArray(value[0])) {
					cpKeysAndVals.push(`${keyName} --> [[${serializeObject(value[0][0])}]...]`);
				} else {
					cpKeysAndVals.push(`${keyName} --> [${serializeObject(value[0])}...]`);
				}
				
			} else {
				cpKeysAndVals.push(`${keyName} --> ${serializeObject(value)}`);
			}
			
		});
		collector[key] = cpKeysAndVals
		return collector;
	},{})

[lifeart]

an example

[lifeart]

as bonus -> cp dependency graph can be rendered for each object

[nummi]

@rwwagner90, close?

[RobbieTheWagner]

This PR was merged