package.json: Add chrome-open script (OctoLinker#247)

Like the `firefox-open` script, this builds and loads the extension into an isolated instance of Chrome, using [chrome-launch]. This has a couple of benefits: 1. New developers can get up-and-running faster 2. It's easier to test Chrome without any other user settings One caveat so far is that Chrome opens in the background rather than the foreground, but this is alleviated by printing a message out informing the developer. [chrome-launch]: https://github.com/hughsk/chrome-launch
bendrucker · Jan 11, 2017 · 4c78d4a · 4c78d4a
1 parent 78c5877
commit 4c78d4a
Show file tree

Hide file tree

Showing 4 changed files with 58 additions and 3 deletions.
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
@@ -18,11 +18,13 @@ To build and run the extension follow these steps.
    * [Python]
    * [project.json]
 0. Build and load the extension:
-   * Chrome:
+   * Firefox (Quickstart):
+     0. `npm run firefox-open`
+   * Chrome (Quickstart):
+     0. `npm run chrome-open`
+   * Chrome (Long Version):
      0. To build the extension once run `npm run chrome-build` or `npm run chrome-watch` during development.
      0. Load extension https://developer.chrome.com/extensions/getstarted#unpacked.
-   * Firefox:
-     0. `npm run firefox-open`
 
 [Docker]: https://github.com/OctoLinker/browser-extension/commit/33a2e60
 [vimrc]: https://github.com/OctoLinker/browser-extension/commit/7e21743

diff --git a/npm-shrinkwrap.json b/npm-shrinkwrap.json
diff --git a/package.json b/package.json
@@ -19,6 +19,7 @@
     "chrome-dist": "npm run chrome-build -- -p",
     "chrome-watch": "npm run chrome-manifest && webpack --watch",
     "chrome-pack": "npm run chrome-dist && mkdirp out && zip -rj out/chrome-octolinker-$npm_package_version.zip dist",
+    "chrome-open": "npm run chrome-build && ./scripts/chrome-launch.js",
     "firefox-manifest": "mkdirp dist && cp assets/manifest.json dist/manifest.json",
     "firefox-build": "npm run firefox-manifest && webpack",
     "firefox-dist": "npm run firefox-build -- -p",
@@ -48,6 +49,7 @@
     "babel-loader": "6.2.10",
     "babel-plugin-transform-object-rest-spread": "6.20.2",
     "babel-preset-es2015": "6.18.0",
+    "chrome-launch": "1.1.4",
     "chrome-webstore-upload-cli": "1.1.0",
     "copy-webpack-plugin": "4.0.1",
     "eslint": "3.12.2",

diff --git a/scripts/chrome-launch.js b/scripts/chrome-launch.js
@@ -0,0 +1,9 @@
+#!/usr/bin/env node
+
+const chromeLaunch = require('chrome-launch'); // eslint-disable-line import/no-extraneous-dependencies
+
+const url = 'https://github.com/OctoLinker/browser-extension/blob/master/package.json';
+const args = ['--load-extension=./dist'];
+
+chromeLaunch(url, { args });
+console.log('A new instance of Chrome should now be open in the background.'); // eslint-disable-line no-console