Use concurrently to run build/watch commands in parallel

DEVELOP.md

@@ -142,25 +142,22 @@ git checkout develop
 # Start a new feature. Us a descriptive "<feature-name>", such as "automatic-language-detection".
 git flow feature start <feature-name>
 
-# Watch the source files for changes; one command per terminal.
-npm run --silent watch:background
-npm run --silent watch:popup
-npm run --silent watch:options
-npm run --silent watch:stay-alive
-npm run --silent watch:chrome
-npm run --silent watch:webextension
+# Watch the source files for changes. You can also run each command separately; see package.json.
+npm run --silent watch
 
 # Code your feature and add the files.
 # Manually reload and test the code in the browser.
 # Manually test all Talkie features:
-#   - The Talkie button
-#   - Shortcut keys
-#   - Options page
-#   - Language detection in more than one language
-#   - Any feature change you may have made
-# in the supported browsers:
-#   - Google Chrome
-#   - Firefox
+#   - The Talkie button.
+#   - Shortcut keys.
+#   - Right click context menu.
+#   - Options page.
+#   - Language detection in more than one language.
+#   - (Any features which might not have been added to this list.)
+#   - (Any feature change you may have changed/added.)
+# Test in the supported browsers:
+#   - Google Chrome.
+#   - Firefox.
 #   - Preferably other browsers as well.
 
 # Make sure the code builds.

package.json

@@ -20,6 +20,7 @@
     "build:patch:premium:filelist": "sed -e 's/messages\\.json$/messages.premium.json/' -e '/^[^.]/ s_/free/_/premium/_' extension-files.txt > extension-files.premium.txt",
     "build:patch:premium:manifest": "json -Ie \"this.version_name=this.version_name.replace(' Free ', ' Premium '); Object.keys(this.browser_action.default_icon).forEach((icon) => this.browser_action.default_icon[icon] = this.browser_action.default_icon[icon].replace('/free/', '/premium/')); Object.keys(this.browser_action.default_icon).forEach((icon) => this.icons[icon] = this.icons[icon].replace('/free/', '/premium/'));\" -f",
     "rebuild": "npm run --silent clean && npm run --silent build",
+    "watch": "concurrently --prefix-colors cyan --kill-others --kill-others-on-fail --prefix '{index} {name} {time}' --names 'watch:background,watch:popup,watch:options,watch:stay-alive,watch:chrome:free,watch:chrome:premium,watch:webextension:free,watch:webextension:premium' 'npm run --silent watch:background' 'npm run --silent watch:popup' 'npm run --silent watch:options' 'npm run --silent watch:stay-alive' 'npm run --silent watch:chrome:free' 'npm run --silent watch:chrome:premium' 'npm run --silent watch:webextension:free' 'npm run --silent watch:webextension:premium'",
     "watch:background": "rollup --watch --config rollup.config.background.js",
     "watch:popup": "rollup --watch --config rollup.config.popup.js",
     "watch:options": "rollup --watch --config rollup.config.options.js",
@@ -88,6 +89,7 @@
     "bluebird": "^3.5.0",
     "chokidar-cli": "^1.2.0",
     "chrome-webstore-manager": "^0.4.1",
+    "concurrently": "^3.4.0",
     "configvention": "^1.1.0",
     "eslint": "^3.12.2",
     "eslint-config-standard": "^6.2.1",