View your JavaScript code from a different perspective. Explore nested scopes and detect variable shadowing and hoisting.
I'm working on this as part of my Master's thesis project in Interaction Design.
Don't expect it to work perfectly, especially when it comes to parsing and analyzing the scope. This is a proof-of-concept. Please report any bugs and suggestions.
$ apm install scope-inspector
ctrl+alt+i
toggles the sidebar
This is disabled by default.
Scope Inspector is a project I'm doing for my thesis in Interaction Design. For my research, I would like to track some usage metrics. Please enable tracking in the package's settings view, it will help my work a great deal.
Additionally, I am happy for any qualitative feedback I get. If you're willing to participate in an interview, please send me an email.
Here's what is going to be tracked:
- Your, userId which is a hash generated through your MAC address. Same as what Atom's Metrics package does.
- Plugin is enabled/disabled
- Sidebar is toggled
- Button in bottom bar is hovered (scope highlight)
- Button in bottom bar is clicked (navigate to surrounding scope)
"Current scope" - the scope that your cursor is placed in :)
- Show scope nesting
- Navigate the scope-ladder upwards
- Highlight surrounding scopes
List parameters, variables and nested functions of the current and all surrounding scopes (closest is on top, furthest [global scope] on the bottom)