The Source Explorer resembles an IDE with a file tree on the left and the main editing window on the right.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/3a60bb5c-9fa1-4fc6-9acc-2f0065571779/Screen_Shot_2021-06-29_at_7.42.19_PM.png

To open a file, you can either navigate the file tree to find it or use one of the following keyboard shortcuts:

From here you can read the code, or click on any line number to add a breakpoint.

Finding a file

You have three options for finding a file inside the source explorer.

  1. You can click on the Source Explorer tab on the sidebar and use the file tree to navigate to the file. Clicking on it will open it in the center panel.
  2. You can use a keyboard shortcut (⌘ + p (mac) or ctrl + p (Windows/ Linux)) to search all of the application code for a file name.
  3. You can click the rewind button from the console on any error, warning, exception, or event to jump right to the file and line that caused it!

Finding a function

Sometimes, finding a file isn't enough! Maybe your files are all concatenated together or maybe you just have a lot of code in a single file. Replay also lets you jump directly to any function it captured. You have three options for finding a function.

  1. You can click on the Source Explorer tab on the sidebar and use the file tree to navigate to any file. Clicking on it will populate the Outline panel on the bottom. You can now use the Outline panel to click on any function and it will open in the center panel.
  2. You can use a keyboard shortcut (⌘ + o (mac) or ctrl + o (Windows/ Linux)) to search all of the application code for a function name.
  3. You can click the rewind button from the console on any error, warning, exception, or event to jump right to the file and line that caused it!

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/65ba58b4-bb46-4b9d-b92a-3e49ee65ea7b/Screen_Shot_2021-07-06_at_1.06.03_PM.png