I would like a feature where when DEV is true, pressing Command or Ctrl and then clicking on an element does the following:
- Finds all ancestors of the clicked DOM Node (dom)
- Finds all attached controllers of all the ancestors (controllers)
- Finds all attached models of the controllers (models)
- Finds all running threads of the controllers (threads)
It then builds an object that looks like this:
{
dom: [...]
controllers: [...]
models: [...],
activeThreads: [...]
}
It then outputs the object to the console.
In addition, it creates a simpler version of of the same object above that just contains important information about each (e.g. DOM node ids or classes or controller names) and then pretty-prints it into a string that is then copied to the clipboard.
I would like a feature where when DEV is true, pressing Command or Ctrl and then clicking on an element does the following:
It then builds an object that looks like this:
It then outputs the object to the console.
In addition, it creates a simpler version of of the same object above that just contains important information about each (e.g. DOM node ids or classes or controller names) and then pretty-prints it into a string that is then copied to the clipboard.