Improved logging with react-inspector

[ritz078]

Key points :

• Removed action name from logged object and showing it separately on right.
  • Generally showing it separately from Object is what I expected as that's not part of my Component.
  • In the current log method, if name remained then the logged object would have always looked like Object{name: 'foo', args: Array[x]} which would have looked same for every log thus making it hard to see the difference between different logs until expanded.
• showing __proto__.
  • It won't cause any perf issue as it is created inside the Inspector Component and isn't a part of action object.

[arunoda]

This is pretty cool and I'm getting this now.

[arunoda]

All these changes comes with @kadira/[email protected].
Thanks again :)

[xyc]

Hi, react-inspector author here :) Thanks for using this lib!

Just a friendly reminder that an upcoming change is that the name prop will be rendered in the root node as per issue:
storybookjs/react-inspector#13

So the result for <Inspector name="test" data={{k: 'v'}}/> will look like

 ▶ test: Object {k: 'v'}

So you might want to remove the name prop if you don't want it to be shown on the left side:
(Currently the name prop has no effects anyway)

+          <Inspector
+            showNonenumerable
+            data={action.data.args || action.data}
+          />

[ritz078]

@xyc Thats nice. In a way we would love that feature.

[arunoda]

I agree with @ritz078.
@xyc The new one is way better :)

[arunoda]

@ritz078 When we update the new inspector. We may need to remove this right?
Could you work on that?

[ritz078]

once the new one is released, i will remove it.