Mentioned by Patrick in the widget unity thread[0], we have many uses of DOM node previews. We should investigate and see if an implementation can exist that solves all these use cases and is shareable. Used in: markup view, webconsole, variables view, animation inspector [0] https://groups.google.com/d/msg/mozilla.dev.developer-tools/hH_VBUx_rZA/nCzu2TfCBwAJ

I believe this implementation should be AnimationTargetNode here: https://dxr.mozilla.org/mozilla-central/source/devtools/client/animationinspector/components.js#48 It's the last preview that I implemented and I did in a way to should make sharing easy. I believe we should just rename it and move it to a shared location. The only thing we need to figure out is what we do with the highlighter/selector icon that's displayed next to it. See bug 1211810 for info.

We now have reps here: https://github.com/devtools-html/reps This is what we should use to represent DOM nodes.