Select the first application frame by default

[bernardofbbragameli]

Package version

3.2.2

Describe the bug

The frame that is selected by default is always the first (index=0) https://github.com/poppinss/youch/blob/develop/src/Youch.js#L136-L138

However, the selected frame should be the first application frame, to better inform the user where they can change the code.

In case the error is thrown internally by some npm library, the selected frame is not the application frame, but the library frame (even if "show all frames" is not active). That means a hidden frame is selected.

Reproduction repo

No response

[bernardofbbragameli]

I've been able to work around this bug by doing this to the youch response:

const response = html.replace('</body>',
        `<script type="text/javascript">
          const f = document.querySelector('.frames-list').children;
          for(let i=0; i<f.length; i++){
            const classList = f[i].classList;
            let found = true;
            for(let j=0; j<classList.length; j++){
              if(classList[j]==="native-frame") found = false;
            }
            if(found){
              document.addEventListener('DOMContentLoaded',()=>{
                f[i].click();
              })
              break;
            }
          }
        </script>
        </body>
        `);

however it seems to me that this should be the default