## November 21st


[@amelzer], [@yurydelendik], [@nyrosmith], [@Fischer-L], [@jasonLaster], [@codehag], [@jselmani], [@jacobjzhang], [@ryanjduffy], [@khal0988], [@cjwsstrm], [@jainsneha23], [@assafdd], [@bogas04], [@cvetanovskaa], [@Outpox], [@varenya], [@James300], [@GarethSharpe], [@bomsy]


### Source Maps

[Yury][@yurydelendik] completed a prototype of scope and variable mapping. The proof of concept maps *let* and *const* variables from the generated scope into original scopes. This builds on the work to map minified variables where original variable names and original variable names are swapped at runtime. We think that we will be able to cover additional cases in 2018 so that users see the original variable names and values when they're paused! [PR][4521]

[Johnny][@khal0988] helped us address a big question when viewing original code: "is it original" and  "where is the bundle"? We now show a link at the bottom of the footer to the bundle. [PR][4683]

| Footer |
|--|
| ![4683-0] |

| Mapping Scopes |
|--|
| ![4521-0] |

### Pretty Print

Last week [Sneha][@jainsneha23] helped us disable irrelevant Editor context menu items. This week, she helped us re-enable “Jump to Generated Location" and “Jump to mapped Location" for pretty printed files. [PR][4698]

[Assaf][@assafdd] hacked on pretty printing last week and it's now much better! The debugger now auto-pretty-prints minified sources. We'll have a preference for disabling it next week. [PR][4700]. The debugger also upgraded acorn, which has support for pretty printing template strings. [PR][4717] [@assafdd]


| Pretty Print - Context Menu |
|--|
| ![4698-1] |


### Framework Features

[James][@James300] added the react logo to source tabs when there is a react component in the file. [PR][4728]

+ [Adding MobX framework][4687] [@jacobjzhang]

| React Tab |
|--|
| ![4728-3] |

| MoBX |
|--|
| ![4687-0] |

### UI

We had some improvements in the UI to make rendering faster and easier to navigate, as well as giving more information to a new user. [Varenya][@varenya], a new contributor, has introduce a new loading message, so that searches that take a longer time do not seem like they are broken. [PR][4726] [@varenya]

We also improved the UI of the pause on exception button. Before it was a button with three states, it has been changed into a dropdown by [Gareth Sharpe][@GarethSharpe] [PR][4729] [@GarethSharpe]


+ [Call stack should not open automatically][4672] [@Fischer-L]
+ [Use magenta for param colors][4707] [@bogas04]

| Outline View |
|--|
| ![4707-1] |


### Performance

Last week, we noticed that when we added JSX syntax highlighting we introduced a 10% slow down with source loading. This came from React differentiating between empty objects in Redux-Connect. [Jason][@jasonLaster] fixed the issue and we're now on alert for new performance related regressions with the amazing Damp tool! [PR][4735]

+ [Convert SVG's to Images: Close Buttons ][4600] [@jselmani]

| Close Buttons |
|--|
| ![4600-0] |


### Bug

+ [Fix selecting an item in the outline][4618] [@jasonLaster]
+ [Support adding a breakpoint to HTML scripts with different content types][4684] [@ryanjduffy]

### Docs

Since so many members of the community are doing talks about the debugger, we have added a talks page, to make it easier to find and watch. [PR][4719] [@jasonLaster]. The talks range from what we are currently doing, what we would like to do and what might happen in the future.

We also introduced documentation around performance, so that any new contributors interested in working on perf issues have a place to start. [PR][4720] [@jasonLaster]

+ [fixed typo in local-development.md in section #Testing. ][4695] [@cjwsstrm]
+ [Fix a typo for the difficulty level filter urls][4723] [@Outpox]


### accessibility

+ [[Accessibility] command bar buttons accessibility][4710] [@cvetanovskaa]

| .. |
|--|
| ![4710-0] |

### Infrastructure


+ [bump pretty fast][4713] [@jasonLaster]
+ [Bump mod editor][4716] [@jasonLaster]


### Code Health

More focus has been placed on refactoring mapDispatchToProps, which will clean up our debugging scopes and also removed a lot of unnecessary functions and make it easier to see where certain actions are coming from. It is more typing, but also more explicit. Thanks to [Fischer-L][@Fischer-L] and [amelzer][@amelzer] for that [PR][4640] [PR][4454]

+ [Make Redux Connect more explicit in Sources Tree][4454] [@amelzer]
+ [Remove Breakpoint Editor management][4677] [@nyrosmith]
+ [fix for the lint issue][4740] [@bomsy]



[4600-0]: https://user-images.githubusercontent.com/25250594/32453188-9c45cdd8-c2e9-11e7-85f7-09a2f3889b8a.gif
[4600-1]: https://user-images.githubusercontent.com/25250594/32451836-e7cb856c-c2e5-11e7-9216-73610d00fac7.gif
[4600-2]: https://user-images.githubusercontent.com/25250594/32451871-01274eec-c2e6-11e7-8199-1a5643aae9f4.gif
[4600-3]: https://user-images.githubusercontent.com/25250594/32451879-081a1298-c2e6-11e7-8ca3-b9f63e492d9c.gif
[4600-4]: https://user-images.githubusercontent.com/25250594/32451920-213b721c-c2e6-11e7-8ecc-6ad8308c926a.gif
[4687-0]: https://user-images.githubusercontent.com/6591285/32783687-9e9de282-c91a-11e7-8d17-1dc80ec7fb42.png
[4683-0]: https://user-images.githubusercontent.com/17691158/32854891-0f00c3b6-ca0e-11e7-8d72-9bb57f235820.png
[4683-1]: https://user-images.githubusercontent.com/17691158/32854895-12122194-ca0e-11e7-8a8b-498c4e420bd4.png
[4683-2]: https://user-images.githubusercontent.com/17691158/32854969-5a87b876-ca0e-11e7-905f-43f61565036e.png
[4698-0]: https://user-images.githubusercontent.com/8366397/32833457-f9e3bf1c-ca24-11e7-9252-70394f64631f.png
[4698-1]: https://user-images.githubusercontent.com/8366397/32833463-fa5e0240-ca24-11e7-9a90-8216d73f2c5c.png
[4698-2]: https://user-images.githubusercontent.com/8366397/32833465-fabb2e48-ca24-11e7-8268-690b0536fa83.png
[4698-3]: https://user-images.githubusercontent.com/8366397/32833467-fb3920e6-ca24-11e7-85fa-21227de910bc.png
[4698-4]: https://user-images.githubusercontent.com/8366397/32833470-fb90eaec-ca24-11e7-96a4-448129853152.png
[4707-0]: https://user-images.githubusercontent.com/6177621/32898656-bca45f40-cb0e-11e7-899b-be4925ddb0e4.png
[4707-1]: https://user-images.githubusercontent.com/6177621/32898658-bcfc59f2-cb0e-11e7-8517-9bf046795c76.png
[4710-0]: https://user-images.githubusercontent.com/15224551/32902667-01ba060a-cac1-11e7-99d3-5ca3dbf6e205.png
[4710-1]: https://user-images.githubusercontent.com/15224551/32902680-0cb2c60a-cac1-11e7-852a-53390352169c.png
[4723-0]: https://user-images.githubusercontent.com/3439246/32952790-942dd8e8-cbae-11e7-8487-f4463274a450.png
[4723-1]: https://user-images.githubusercontent.com/3439246/32952859-c4d37d40-cbae-11e7-8a1c-cc396e1570fc.png
[4728-0]: https://user-images.githubusercontent.com/9325039/32976347-7d704084-cbd9-11e7-9cb7-9ac57de1331d.PNG
[4728-1]: https://user-images.githubusercontent.com/9325039/32976348-7d840c36-cbd9-11e7-9009-24a9b8d00b8e.PNG
[4728-2]: https://user-images.githubusercontent.com/9325039/32984623-ae178f76-cc6f-11e7-9931-8895cd469c2d.png
[4728-3]: https://user-images.githubusercontent.com/9325039/32984633-c915a736-cc6f-11e7-9c60-9d18ff47142e.png

[4521-0]: https://user-images.githubusercontent.com/788456/32637259-a6bb6c4c-c56d-11e7-941c-3915e50aeb61.png
[4454]: https://github.com/devtools-html/debugger.html/pull/4454
[4521]: https://github.com/devtools-html/debugger.html/pull/4521
[4677]: https://github.com/devtools-html/debugger.html/pull/4677
[4672]: https://github.com/devtools-html/debugger.html/pull/4672
[4640]: https://github.com/devtools-html/debugger.html/pull/4640
[4618]: https://github.com/devtools-html/debugger.html/pull/4618
[4614]: https://github.com/devtools-html/debugger.html/pull/4614
[4600]: https://github.com/devtools-html/debugger.html/pull/4600
[4687]: https://github.com/devtools-html/debugger.html/pull/4687
[4686]: https://github.com/devtools-html/debugger.html/pull/4686
[4684]: https://github.com/devtools-html/debugger.html/pull/4684
[4683]: https://github.com/devtools-html/debugger.html/pull/4683
[4689]: https://github.com/devtools-html/debugger.html/pull/4689
[4695]: https://github.com/devtools-html/debugger.html/pull/4695
[4698]: https://github.com/devtools-html/debugger.html/pull/4698
[4700]: https://github.com/devtools-html/debugger.html/pull/4700
[4707]: https://github.com/devtools-html/debugger.html/pull/4707
[4710]: https://github.com/devtools-html/debugger.html/pull/4710
[4713]: https://github.com/devtools-html/debugger.html/pull/4713
[4716]: https://github.com/devtools-html/debugger.html/pull/4716
[4717]: https://github.com/devtools-html/debugger.html/pull/4717
[4719]: https://github.com/devtools-html/debugger.html/pull/4719
[4720]: https://github.com/devtools-html/debugger.html/pull/4720
[4723]: https://github.com/devtools-html/debugger.html/pull/4723
[4726]: https://github.com/devtools-html/debugger.html/pull/4726
[4728]: https://github.com/devtools-html/debugger.html/pull/4728
[4729]: https://github.com/devtools-html/debugger.html/pull/4729
[4735]: https://github.com/devtools-html/debugger.html/pull/4735
[4740]: https://github.com/devtools-html/debugger.html/pull/4740
[4745]: https://github.com/devtools-html/debugger.html/pull/4745
[@amelzer]: https://github.com/amelzer
[@yurydelendik]: https://github.com/yurydelendik
[@nyrosmith]: https://github.com/nyrosmith
[@Fischer-L]: https://github.com/Fischer-L
[@jasonLaster]: https://github.com/jasonLaster
[@codehag]: https://github.com/codehag
[@jselmani]: https://github.com/jselmani
[@jacobjzhang]: https://github.com/jacobjzhang
[@ryanjduffy]: https://github.com/ryanjduffy
[@khal0988]: https://github.com/khal0988
[@cjwsstrm]: https://github.com/cjwsstrm
[@jainsneha23]: https://github.com/jainsneha23
[@assafdd]: https://github.com/assafdd
[@bogas04]: https://github.com/bogas04
[@cvetanovskaa]: https://github.com/cvetanovskaa
[@Outpox]: https://github.com/Outpox
[@varenya]: https://github.com/varenya
[@James300]: https://github.com/James300
[@GarethSharpe]: https://github.com/GarethSharpe
[@bomsy]: https://github.com/bomsy



