Add npm package for standalone devtools app (facebook#487)

* debugging electron connection

* add npm package

* ignore copied files

* add readme

* cleanup

Author: jaredly

.gitignore

@@ -17,3 +17,7 @@
 /backend/integration/build
 /shells/firefox/*.xpi
 npm-debug.log
+/package/index.html
+/package/index.js
+/package/build
+/package/node_modules

package/Makefile

@@ -0,0 +1,6 @@
+
+build:
+	@echo "Copying files from electron"
+	@cp -r ../shells/electron/index.js ../shells/electron/index.html ../shells/electron/build ./
+
+.PHONY: build

package/README.md

@@ -0,0 +1,30 @@
+# `npm install react-devtools`
+
+## Why use this?
+If you need to debug a react page somewhere other than Chrome on desktop (a
+mobile browser, an embedded webview, safari, etc), the `react-devtools`
+package is for you!
+
+## Usage
+1) Add `import 'react-devtools'` to the top of your entry file
+```
+import 'react-devtools'
+import React, {Component} from 'react'
+```
+
+2) Run the react-devtools standalone app.
+```
+./node_modules/.bin/react-devtools
+```
+
+3) Profit!
+Make sure that your `react-devtools` import comes *before* your `react`
+import.
+
+## Usage with non-localhost
+This is not supported yet - stay tuned!
+
+## Developing
+1) `(cd ../shells/electron && npm run build)`
+2) `make`
+3) `npm publish`

package/bin.js

@@ -0,0 +1,2 @@
+#!/usr/bin/env electron
+require('./index.js')

package/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "react-devtools",
+  "version": "1.0.3",
+  "description": "Use react-devtools outside of the browser",
+  "main": "./build/embed.js",
+  "repository": {
+    "url": "https://github.com/facebook/react-devtools.git",
+    "type": "git"
+  },
+  "bin": {
+    "react-devtools": "./bin.js"
+  },
+  "author": "Jared Forsyth",
+  "license": "BSD-3-Clause",
+  "dependencies": {
+    "electron": "^1.4.15",
+    "ip": "^1.1.4",
+    "ws": "^1.1.1"
+  }
+}