Node-EventLoop-Visualizer

KO | EN

gitlite — search

#javascript #react #ai #typescript #go #golang #docker #awesome #cli #awesome-list #pytorch #security #mcp #openai

Node-EventLoop-Visualizer

(★ 29)

Node.js Event Loop Visualizer

Node-EventLoop-Visualizer Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Node.js EventLoop Visualizer

![Demo of the Node-Event-Loop](https://raw.githubusercontent.com/vagostep/Node-EventLoop-Visualizer/main/client/event-loop-visualizer3.gif)

Try it out! [Node-Event-Loop](https://nodeloops.com)

This Node.js Event Loop Visualizer shows the phases that an Event Loop makes when executing Javascript code in Node.js Runtime. The server captures the traces at runtime and then, it returns them to the visualizer.

### What's new?

* Added feature to support actual Node.js Event Loop & processTicksAndRejections traces
* Added better visualization of Node.js' Event Loop phases
* Added a visualizer of the processTicksAndRejections loop
* Added a "terminal" to print logs with an Ubuntu skin
* New examples and descriptions
* Toggle color mode
* Performance metrics from libuv

# Dependencies

* The repo for the Node.js modified source code is [here](https://github.com/vagostep/Node-EventLoop-Visualizer-Node)

## How to set up node?

You need to compile the Node.js modified project. Then you need to copy the file from `/out/Release/node` to `server/node/node`

# How to run it?

### Client

```
cd client
npm install
npm run dev
```

### Server

```
cd server
npm install
npm run start
```

# Supported Features

* Promise.resolve().then()
* Promise.reject().catch()
* new Promise((resolve) => resolve()).then 
* process.nextTick()
* queueMicrotask()
* setTimeout()
* setInterval() (You need to add a clearInterval() at some point to stop the execution)
* fs.readFile()
* setImmediate()
* async/await
* http.createServer
* http.request
* net.createServer
* net.createConnection

### Important info about supported features

Some features (Ex. http.createServer) are just proxies to the original function. The reason is to control what operations are allowed to do, and prevent malicious attacks. Most of this proxies only receive a callback function as argument.

# Issues

If you find any issue, please open a new issue

# Feature Requests

If you want to test some functionality that is not supported yet, please open a ticket request.

# Acknowledgments

This repo is an improvement of the wonderful work made by 
<table>
  <tr>
    <td align="center">
      <a href="https://github.com/PhakornKiong">
        <img src="https://github.com/PhakornKiong.png" alt="PhakornKiong" width="100" />
      </a>
      <br />
      <a href="https://github.com/PhakornKiong">PhakornKiong</a>
    </td>
    <td align="center">
      <a href="https://github.com/Hopding">
        <img src="https://github.com/Hopding.png" alt="Hopding" width="100" />
      </a>
      <br />
      <a href="https://github.com/Hopding">Hopding</a>
    </td>
    <td align="center">
      <a href="https://github.com/latentflip">
        <img src="https://github.com/latentflip.png" alt="latentflip" width="100" />
      </a>
      <br />
      <a href="https://github.com/latentflip">latentflip</a>
    </td>
    <td align="center">
      <a href="https://github.com/thedull">
        <img src="https://github.com/thedull.png" alt="thedull" width="100" />
      </a>
      <br />
      <a href="https://github.com/thedull">thedull</a>
    </td>
  </tr>
</table>

### Client Forked from [PhakornKiong/Node-EventLoop-Visualizer-Client](https://github.com/PhakornKiong/Node-EventLoop-Visualizer-Client)

### Server Forked from [PhakornKiong/Node-EventLoop-Visualizer-Server](https://github.com/PhakornKiong/Node-EventLoop-Visualizer-Server)

Node-EventLoop-Visualizer

Node-EventLoop-Visualizer Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Node-EventLoop-Visualizer

Node-EventLoop-Visualizer Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README