Termlog

Bring browser console to your terminal

What it does

termlog send the browser console log to your terminal.

It also comes with a nodejs REPL so you can do some basic draft code

When to use it

While you developing your front-end app and you have to switch back and forth between IDE and browser.

How to use it?

There are 2 ways and it depends on your preferences

Recommended way

1. Install the termlog binary : npm install --save-dev termlog ( you also can install globally with npm install -g termlog )
2. Start server npx termlog or termlog if you install globally
3. Go to the entry file of your project (I.e: app.jsx for React or main.js for Vue)
4. Insert these two lines:

import termlog from "termlog"
termlog()

4. You should now see log being streamed to your terminal

Note: with this approach you might want to remove two lines above in production.

By default termlog will not run if it detects production mode using NODE_ENV, but you shouldn't rely on that.

I don't want to add dependencies to my project

1. Install the termlog binary : npm install -g termlog
2. Start server termlog
3. Go to your browser and open the console window
4. Copy code inside index.js file without the last export line into console
5. Enter termlog() into console
6. You should now see log being streamed to your terminal

Note: with this approach you have to do all steps 3-6 every-time you refresh your browser tab.

Advanced options

With tconsole command:

• --out path: save log to file
• --port port: Change server port
• --addr addr: Change server address

With tconsole package:

tconsole({ host: "localhost", port: 3456 })

How it works

Tconsole have 2 components:

• server.js - a websocket server to receive log from browser and display it
• index.js - tconsole package to import in your front end app. This package will override the default behavior of console object and send log to the server

Future release

• Install using <script/> tag
• (Maybe) An extension to start termlog on browser so we don't have to install dependencies
• (If possible) Browser console REPL instead of nodejs REPL