refactor: extract web-ext-react from race-ext-react

Author: mrloop

bin/web-ext-react

@@ -0,0 +1,6 @@
+#!/usr/bin/env node
+
+var WebExtReact = require('../index.js');
+var webExtReact = new WebExtReact();
+var fncName = process.argv[2];
+webExtReact[fncName]();

index.js

@@ -0,0 +1,60 @@
+const fs = require('fs');
+const path = require('path');
+const os = require('os');
+const cpy = require('cpy');
+const watch = require('@cnakazawa/watch');
+const { execSync } = require('child_process');
+
+class WebExtReact {
+  buildPath = path.join('build', 'static');
+  assetManifestPath = path.join('build', 'asset-manifest.json');
+  tmp = fs.mkdtempSync(path.join(os.tmpdir(), 'race-ext-react-'));
+
+  contentByExtention(ext) {
+    const assetManifest = JSON.parse(fs.readFileSync(this.assetManifestPath));
+    return assetManifest.entrypoints.filter((filepath) => path.extname(filepath) === ext);
+  }
+
+  buildApp() {
+    execSync('yarn run react-scripts build');
+  }
+
+  buildExt() {
+    if (fs.existsSync(this.assetManifestPath)) {
+      const extManifest = JSON.parse(fs.readFileSync('extension/manifest.json'));
+      extManifest.content_scripts[0].js = this.contentByExtention('.js');
+      extManifest.content_scripts[0].css = this.contentByExtention('.css');
+      fs.writeFileSync(path.join(this.tmp, 'manifest.json'), JSON.stringify(extManifest));
+      cpy('.', path.join(this.tmp, 'static'), { parents: true, cwd: this.buildPath });
+      return this.tmp;
+    }
+  }
+
+  build() {
+    this.buildApp();
+    const dir = this.buildExt();
+    process.stdout.write(`${dir}\n`);
+  }
+
+  run() {
+    this.watchAppSrc();
+    this.watchAppBuild();
+  }
+
+  watchAppSrc() {
+    watch.watchTree('src', () => {
+      this.buildApp();
+    })
+  }
+
+  watchAppBuild() {
+    watch.watchTree('build', { filter: (f) => {
+      return f === this.assetManifestPath;
+    }}, () => {
+      const sourceDir = this.buildExt();
+      process.stdout.write(`${sourceDir}\n`);
+    })
+  }
+}
+
+module.exports = WebExtReact;

package.json

@@ -0,0 +1,24 @@
+{
+  "name": "web-ext-react",
+  "version": "1.0.0",
+  "description": "Command line tool to help build, run and test ReactJS based WebExtensions",
+  "main": "index.js",
+  "bin": {
+    "web-ext-react": "bin/web-ext-react"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [
+    "reactjs",
+    "javascript",
+    "web-ext",
+    "webextensions"
+  ],
+  "author": "mrloop",
+  "license": "ISC",
+  "devDependencies": {
+    "@cnakazawa/watch": "^1.0.4",
+    "cpy": "^8.1.0"
+  }
+}