Event Loop and Source Panels

Client and Worker Files

Replay one JavaScript execution where a client module calls a worker module and prints the response.

Project Entry

request_client.js 
const command = "status";
let label = command;

if (command === "refresh") {
  label = "cache";
} else if (command === "archive") {
  label = "records";
}

const response = require("./request_worker").handleRequest(command);
const ticket = 40 + command.length;

console.log("label=" + label);
console.log("ticket=" + ticket);
console.log(response);
source-panel When an example has more than one source file, the replay UI keeps each file in its own panel while preserving one ordered trace stream. The Variables panel follows the actual `require` call into the worker module and the return back to the client.
boundary The client module owns the selected command and visible output. The worker module owns the response rule for that command.