feat: make extension build scripts firefox compatible (#327)

Author: WeslleyNasRocha

package-lock.json

@@ -17,10 +17,12 @@
     "start": "run-s start:client",
     "start:client": "cross-env NODE_ENV=development node ./scripts/build-client",
     "start:devtools": "cross-env NODE_ENV=development node ./scripts/build-devtools",
+    "start:devtools:firefox": "cross-env NODE_ENV=development BROWSER_ENV=firefox node ./scripts/build-devtools",
     "build": "run-s clean build:*",
     "build:client": "cross-env NODE_ENV=production node ./scripts/build-client",
     "build:server": "cross-env NODE_ENV=production node ./scripts/build-lambda",
     "build:devtools": "cross-env NODE_ENV=production node ./scripts/build-devtools",
+    "build:devtools:firefox": "cross-env NODE_ENV=production BROWSER_ENV=firefox node ./scripts/build-devtools && web-ext build -s ./dist/firefox-extension -a ./dist",
     "lint": "run-s lint:*",
     "lint:eslint": "eslint . --quiet --fix",
     "lint:prettier": "prettier . --write",
@@ -107,6 +109,7 @@
     "react-test-renderer": "^16.14.0",
     "rimraf": "^3.0.2",
     "tailwindcss": "^1.9.6",
+    "web-ext": "^5.5.0",
     "workbox-build": "^5.1.4"
   },
   "jest": {

package.json

@@ -2,9 +2,17 @@ const { join, resolve } = require('path');
 const { copy, remove } = require('fs-extra');
 const { build } = require('./build');
 const chromeLaunch = require('chrome-launch');
+const webExt = require('web-ext');
+
+const isFirefox = process.env.BROWSER_ENV == 'firefox';
 
 async function main() {
-  const dest = resolve('dist/chrome-extension');
+  let dest;
+  if (isFirefox) {
+    dest = resolve('dist/firefox-extension');
+  } else {
+    dest = resolve('dist/chrome-extension');
+  }
   await remove(dest);
 
   const parcel = await build({
@@ -31,9 +39,15 @@ async function main() {
   );
 
   if (parcel.watching) {
-    chromeLaunch('https://google.com', {
-      args: [`--load-extension=${dest}`, '--auto-open-devtools-for-tabs'],
-    });
+    if (isFirefox) {
+      webExt.cmd.run({
+        sourceDir: dest,
+      });
+    } else {
+      chromeLaunch('https://google.com', {
+        args: [`--load-extension=${dest}`, '--auto-open-devtools-for-tabs'],
+      });
+    }
   }
 }