Web ext integration for dev mode(#116)

* add web-ext dep

* create xrun tasks to wrap running extension targets

* add wait-on dep to delay launch of task when ready

* add legacy wait files for web-ext scripts

* create a dev task for next builds

* add dev:legacy task to allow for a quick dev mode

* reuse watch task to have dev env

package.json

@@ -2,6 +2,7 @@
   "name": "chrome-wakatime",
   "private": true,
   "scripts": {
+    "dev": "clap dev",
     "postinstall": "clap postinstall",
     "lint": "clap lint",
     "start": "clap build",
@@ -16,13 +17,13 @@
     }
   },
   "lint-staged": {
+    "*.json": [
+      "prettier --write"
+    ],
     "*.{js|jsx|ts|tsx}": [
       "eslint",
       "prettier --write",
       "git add"
-    ],
-    "*.json": [
-      "prettier --write"
     ]
   },
   "dependencies": {
@@ -63,6 +64,7 @@
     "@types/redux-logger": "^3.0.8",
     "@types/remote-redux-devtools": "^0.5.4",
     "@types/shelljs": "^0.8.8",
+    "@types/wait-on": "^5.2.0",
     "@typescript-eslint/eslint-plugin": "^4.13.0",
     "@typescript-eslint/parser": "^4.13.0",
     "@xarc/run": "^1.0.4",
@@ -114,6 +116,8 @@
     "ts-loader": "^8.0.14",
     "ts-node": "^9.1.1",
     "typescript": "^4.1.3",
+    "wait-on": "^5.2.1",
+    "web-ext": "^5.5.0",
     "webpack": "^5.14.0",
     "webpack-cli": "^4.3.1"
   }