Make component source link clickable

[gaearon]

It would be nice if the component source link in the right bottom corner was clickable.

I'm not sure if this is doable. Unlike "Show Source", we don't want to navigate to function definition, but to createElement call. We can only do so if the user has babel-plugin-transform-react-jsx-source plugin, but it is enabled in development for projects generated with Create React App.

All information we'd have is filename and line number. While this may not be enough in Chrome, it might be enough for Electron, so maybe we should at least enable this feature for Electron shell. (See #588 for related PR).

How "Show Source" works:

Here is the link I want to make clickable:

[nanot1m]

Is it good variant to pass prop with viewSource action through the Panel component to PropState component?
Something like this: nanot1m@2e9aa12

[gaearon]

Yes, maybe. Note I slightly tweaked related code in #630 because of #631. So you'd need to rebase on top of that. Tagging issue for you.

[gaearon]

Fixed in #633.