The app that provides you a better tool to monitor your rn application and debug it via log messages
Pick a tool according to your OS:
npm i @for-humans-lab/log-scope-linux-app
(Under construction 🔨)npm i @for-humans-lab/log-scope-mac-app
npm i @for-humans-lab/log-scope-win-app
The appliсaction handles all text messages from dev server's output in the specified format that are considered as
(route parts separated by '>'
-> text message
| data in JSON
.)
e.g. App > Cart -> Init | {}
All this templating works are done by Log Scope Driver lib
Just follow the driver installation instructions
After a successful installation you can lunch the app: npx log-scope
Press the play
button in menu to start the server.
The state of the server are shown in a status panel
.
- 🔵 The server is active
- 🟠 Bindling
- 🟣 App is running
🚀 To start bundling send an refresh signal (refresh button
) to an remote app
After a successful launch logs will be rapidly colleted by Log Scope.
All log events have their routes, which are specified in a registration stage.
Next routes
["App", "Main page", "Maybe interesting"]
["App", "Main page"]
["App", "Cart"]
have the following filtering tree
All routes are matched per part.
Also app contains:
⚠️ Pretty traceback reader- 💅 Json data reader
In fact of internal implementation of node's child_process
, each log entry walks through the following way: app > http transport > dev server > pipes > Log Scope. It makes possible to send a near unlimited amount of data
in each log entry 🔥without performance loses🔥
According to a environmental dependency of an application (RN CLI), you have to explicitly set the DEV_APPLICATION
variable to your app's folder: /home/<USER>/repos/<app folder>
.
So you can run the log scope in development mode:
npm run dev
for dev server and npm run start
for app launch.
Packages are automatically published when some changes were merged in the master branch
Feel free to create PRs
.