From a8fe30d140101b0a9410ebe29b566471e3e138ce Mon Sep 17 00:00:00 2001 From: Earther Date: Tue, 24 Aug 2021 20:35:15 +0700 Subject: [PATCH] change name and add readme.md --- README.md | 56 ++++++++++++++++++++++++++++++--------------- index.js | 10 ++++---- package.json | 10 ++++---- cli.js => server.js | 4 ++-- 4 files changed, 49 insertions(+), 31 deletions(-) rename cli.js => server.js (97%) diff --git a/README.md b/README.md index 8b25779..cfca936 100644 --- a/README.md +++ b/README.md @@ -1,8 +1,8 @@ -# TConsole +# Termlog Bring browser console to your terminal ### What it does -TConsole send the browser console log to your terminal. +termlog send the browser console log to your terminal. It also comes with a __nodejs__ REPL so you can do some basic draft code @@ -10,36 +10,54 @@ It also comes with a __nodejs__ REPL so you can do some basic draft code 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 two ways and it depends on your preferences +There are 2 ways and it depends on your preferences ## Recommended way -1. Install the `tconsole` binary : `npm install --save-dev tconsole` ( you also can install globally with `npm install -g tconsole` ) -2. Go to the entry file of your project (I.e: app.jsx for React.js or main.js for vue.js) -3. Insert these two lines: -` -import tconsole from "t-console"; -tconsole(); -` -4. You should now see your console log stream to this terminal +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 tconsole will __not__ run if it detects production mode using `NODE_ENV`, but you shouldn't rely on that. +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 `tconsole` binary : `npm install -g tconsole` -2. Start the server `tconsole` +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 all code except for the last export line from [index.js](index.js) file to console -5. Enter `tconsole()` in side console -6. You should now see your console log stream to this terminal - +4. Copy code inside [index.js](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](cli.js) - a websocket server to receive log from browser and display it +- [index.js](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 `