• Stars
    star
    320
  • Rank 131,126 (Top 3 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created over 7 years ago
  • Updated almost 3 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

🦊 Immediately Open Chrome DevTools when debugging Node.js apps

npm version Build Status Build status Known Vulnerabilities Dependency Status

rawkit

rawkit grabs the chrome inspector URL returned from the node --inspect command and immediately opens devtools. No more clicking, selecting, copying/pasting or navigating. Just run the command and jump into debugging.

Installation & Usage

$ npm install -g rawkit
...
$ rawkit example.js

With npx

$ npx rawkit example.js

tutorial

Features

  • βœ… Works offline
  • βœ… Supports nodemon & reloading
  • βœ… Supports legacy Node <v7.x debugging protocols & devtools

Options

By default, running rawkit can detect any main script that's been defined in the current working directory's package.json and run that. It also will detect the version of Node.js you're running to determine whether or not to fallback to older debug APIs.

--inspect-brk or b

To break on the first line of the application code.

--inspect-port or p

The debugger port. Defaults to 9229.

--canary or c

Open the devtools in canary.

--nodemon or n

Use nodemon to run/watch your node process & reload when files change. rawkit supports all the default configuration options for nodemon including execMap inside your project's package.json or nodemon.json files.

--silent or s

Hide stdout/stderr output from child process in the terminal window.

--executable=[name] or e

Specify the name of the executable. Defaults to google chrome.

Note: --executable is an experimental feature as rawkit typically does all the work to determine the right executable to use based on your operating system and any other arguments or environmental configuration.

FAQ

Chrome opens to a blank page?

You may have some issues if your version of Chrome has recently updated and it and/or your OS hasn't be restarted. Quick fix here is to just try restarting Chrome and/or restarting your machine. This was identified in the opn project.

Do I need to install a Chrome Extension?

rawkit will automatically launch a splash page asking you to install a corresponding Chrome Extension the first time you run it. If you don't want to install the extension (not recommended, as the extension comes with some nice-to-have behaviors) AND are using a Mac, you can install chrome-cli to get around this. rawkit will automatically detect if chrome-cli exists on your machine and use that to open/launch chrome once it's installed.

$ brew install chrome-cli

Note: Unfortunately, opening internal Chrome links, externally, is not possible without an aid at the moment (ie. urls that contain chrome:// or chrome-devtools:// in this case). This is most likely a security feature. That said, you can use a Chrome Extension as a proxy to make this work. Check out the RESEARCH.md for more information.

More Repositories

1

Repo.js

πŸ“„ A plugin to embed Github repos on your site
912
star
2

Detect.js

πŸ” Library to detect browser, os and device based on the UserAgent String
JavaScript
643
star
3

Watch.js

πŸ‘€ Watches elements for changes in properties and attributes
JavaScript
130
star
4

jQuery-Fullscreen-Plugin

A full suite fullscreen plugin with fallback support
JavaScript
25
star
5

WordPress-Deploy-Sync

🚚 A WordPress Deployment/Syncing workflow that doesn't kill braincells
JavaScript
17
star
6

octofiles

⬆️ Browser Extension to easily upload files to the cloud using GitHub
JavaScript
15
star
7

sleepover

πŸ’€ Sleep, snooze & step methods
JavaScript
14
star
8

jQuery-TypeOut-Plugin

A plugin to sequentially type out an elements text like a ghost . Similar to old news tickers.
JavaScript
9
star
9

is-ship-stuck

Is the ship stuck still?
JavaScript
8
star
10

jQuery-Animate-Auto-Plugin

🚝 A lightweight jQuery plugin that allows you to animate "auto" values
JavaScript
8
star
11

github-activity-extension

:octocat: Toggle display of noisy activity notifications in issue & PR threads
JavaScript
8
star
12

pet-a-day-action

Change your GitHub/Gravatar photo to a different cute animal each day...
JavaScript
7
star
13

javascripting-golf

⛳️ Solving NodeSchool's "javascripting" workshopper with the least amount of code
JavaScript
6
star
14

thoughts

πŸ’­ Thoughts on development, design, news etc..
5
star
15

minargs

minimal argument parsing - bring your own validationℒ️
JavaScript
5
star
16

jQuery-Sort-Grid-Plugin

A lightweight jQuery plugin that lets you animate/sort elements
JavaScript
5
star
17

Refined-Azure

πŸ—» A clean theme for the Azure Portal (web extension)
CSS
5
star
18

Space-Apps

🌎 Team TWG's Space Apps Project
Objective-C
4
star
19

torontojs-workshop

🚜 Fun with canvas
JavaScript
4
star
20

iso-theme

πŸš€ An Isomorphic JavaScript WordPress Theme utilizing Node.js and Express on a LAMP stack
HTML
4
star
21

faq

Frequently Asked Questions
3
star
22

jQuery-Flickr-Video-Plugin

A plugin to generate a flickr video from a url
JavaScript
3
star
23

darcy

πŸ‘€ all my info, centralized in one place
JavaScript
3
star
24

jQuery-Flickr-Photo-Plugin

A plugin to generate a flickr photo froma url
JavaScript
3
star
25

minargs-cli

cli for the minimum viable argument parser
JavaScript
2
star
26

gh-testing

JavaScript
2
star
27

solving-monty-hall

Some code to show probablities for the "Monty Hall Problem"
JavaScript
2
star
28

jQuery-Flickr-Gallery-Plugin

A plugin to generate a flickr gallery from a set url
JavaScript
2
star
29

W3C-Mailing-List-Extension

πŸ“« A Chrome Extension to Update the look and feel of the W3C Mailing List Archives
JavaScript
2
star
30

npm-offline-cache

πŸ“¦ An example of how to set up npm to point to a local project's cached/mirrored deps
JavaScript
2
star
31

darcyclarke

:octocat: Global stuffs
2
star
32

semver-typescript

2
star
33

jamming-with-npm

A static site... to showcase npm hooks + netfliy
HTML
1
star
34

react-insta-feed

Instagram Feed in React
JavaScript
1
star
35

npm-optional-peer-deps

1
star
36

NodeSchool-CLI

NodeSchool CLI - As defined in: https://github.com/nodeschool/toronto/issues/68
1
star
37

Boilerplate

My project boilerplate
CSS
1
star
38

github-improved-textarea

Simple set of improvements for the GitHub textarea inputs
1
star
39

npm-update-latest-windows-repro

1
star
40

dotfiles

1
star
41

npm-workspaces-ci

Example CI setup for npm workspace project
1
star
42

Set-Rectangle-Sketch-Plugin

πŸ”³ A Sketch Plugin for setting default dimensions on creation of rectangle
JavaScript
1
star