restructure code

Author: deeppatel234

extensions/chrome/manifest.json renamed to browsers/chrome/manifest.json

@@ -0,0 +1,115 @@
+const archiver = require("archiver");
+const { execSync } = require("child_process");
+const { readFileSync, writeFileSync, createWriteStream } = require("fs");
+const { copy, ensureDir, move, remove } = require("fs-extra");
+const { join } = require("path");
+
+// These files are copied along with Webpack-bundled files
+// to produce the final web extension
+const STATIC_FILES = ["icons", "popups", "main.html", "panel.html"];
+
+const preProcess = async (destinationPath, tempPath) => {
+  await remove(destinationPath); // Clean up from previously completed builds
+  await remove(tempPath); // Clean up from any previously failed builds
+  await ensureDir(tempPath); // Create temp dir for this new build
+};
+
+const build = async (tempPath, manifestPath) => {
+  const binPath = join(tempPath, "bin");
+  const zipPath = join(tempPath, "zip");
+
+  const webpackPath = join(
+    __dirname,
+    "..",
+    "..",
+    "node_modules",
+    ".bin",
+    "webpack"
+  );
+  execSync(
+    `${webpackPath} --config webpack.config.js --output-path ${binPath}`,
+    {
+      cwd: __dirname,
+      env: process.env,
+      stdio: "inherit",
+    }
+  );
+  execSync(
+    `${webpackPath} --config webpack.backend.js --output-path ${binPath}`,
+    {
+      cwd: __dirname,
+      env: process.env,
+      stdio: "inherit",
+    }
+  );
+
+  // Make temp dir
+  await ensureDir(zipPath);
+
+  const copiedManifestPath = join(zipPath, "manifest.json");
+
+  // Copy unbuilt source files to zip dir to be packaged:
+  await copy(binPath, join(zipPath, "build"));
+  await copy(manifestPath, copiedManifestPath);
+  await Promise.all(
+    STATIC_FILES.map((file) => copy(join(__dirname, file), join(zipPath, file)))
+  );
+
+  const commit = getGitCommit();
+  const dateString = new Date().toLocaleDateString();
+  const manifest = JSON.parse(readFileSync(copiedManifestPath).toString());
+  const versionDateString = `${manifest.version} (${dateString})`;
+  if (manifest.version_name) {
+    manifest.version_name = versionDateString;
+  }
+  manifest.description += `\n\nCreated from revision ${commit} on ${dateString}.`;
+
+  writeFileSync(copiedManifestPath, JSON.stringify(manifest, null, 2));
+
+  // Pack the extension
+  const archive = archiver("zip", { zlib: { level: 9 } });
+  const zipStream = createWriteStream(join(tempPath, "ReactDevTools.zip"));
+  await new Promise((resolve, reject) => {
+    archive
+      .directory(zipPath, false)
+      .on("error", (err) => reject(err))
+      .pipe(zipStream);
+    archive.finalize();
+    zipStream.on("close", () => resolve());
+  });
+};
+
+const postProcess = async (tempPath, destinationPath) => {
+  const unpackedSourcePath = join(tempPath, "zip");
+  const packedSourcePath = join(tempPath, "ReactDevTools.zip");
+  const packedDestPath = join(destinationPath, "ReactDevTools.zip");
+  const unpackedDestPath = join(destinationPath, "unpacked");
+
+  await move(unpackedSourcePath, unpackedDestPath); // Copy built files to destination
+  await move(packedSourcePath, packedDestPath); // Copy built files to destination
+  await remove(tempPath); // Clean up temp directory and files
+};
+
+const main = async (buildId) => {
+  const root = join(__dirname, buildId);
+  const manifestPath = join(root, "manifest.json");
+  const destinationPath = join(root, "build");
+
+  try {
+    const tempPath = join(__dirname, "build", buildId);
+    await preProcess(destinationPath, tempPath);
+    await build(tempPath, manifestPath);
+
+    const builtUnpackedPath = join(destinationPath, "unpacked");
+    await postProcess(tempPath, destinationPath);
+
+    return builtUnpackedPath;
+  } catch (error) {
+    console.error(error);
+    process.exit(1);
+  }
+
+  return null;
+};
+
+module.exports = main;

extensions/firefox/manifest.json renamed to browsers/firefox/manifest.json

@@ -2,22 +2,18 @@
   "name": "react-context-devtool",
   "version": "1.0.1",
   "description": "Devtool for React Context",
-  "main": "dist/plugin/cjs/index.js",
-  "module": "dist/plugin/esm/index.js",
+  "main": "dist/module/cjs/index.js",
+  "module": "dist/module/esm/index.js",
   "files": [
-    "dist/plugin"
+    "dist/module"
   ],
   "scripts": {
-    "build-extension:dev": "npm run clean-extensions && webpack --config build/webpack.dev.js",
-    "build-extension:prod": "webpack --config build/webpack.prod.js",
-    "compile": "babel index.js --config-file ./babel.config.js --extensions '.js'",
-    "build:esm": "BABEL_ENV=esm npm run compile -- --out-dir dist/plugin/esm",
-    "build:cjs": "BABEL_ENV=cjs npm run compile -- --out-dir dist/plugin/cjs",
-    "build": "npm run clean-extensions && npm run clean-plugin && npm run build:esm && npm run build:cjs && npm run build-extension:prod",
-    "clean-extensions": "rimraf dist/extensions",
-    "clean-plugin": "rimraf dist/plugin",
-    "start": "npm run build-extension:dev",
-    "prepublishOnly": "npm run build"
+    "compile:module": "babel module/index.js --config-file ./babel.config.js --extensions '.js'",
+    "clean:module": "rimraf dist/module",
+    "build:module:esm": "BABEL_ENV=esm npm run compile:module -- --out-dir dist/module/esm",
+    "build:module:cjs": "BABEL_ENV=cjs npm run compile:module -- --out-dir dist/module/cjs",
+    "build:module": "npm run clean:module && npm run build:module:esm && npm run build:module:cjs",
+    "prepublishOnly": "npm run build:module"
   },
   "repository": {
     "type": "git",
@@ -29,6 +25,17 @@
     "url": "https://github.com/deeppatel234/react-context-devtool/issues"
   },
   "homepage": "https://github.com/deeppatel234/react-context-devtool#readme",
+  "dependencies": {
+    "codemirror": "^5.49.2",
+    "error-stack-parser": "^2.0.6",
+    "object-assign": "^4.1.1",
+    "prismjs": "^1.17.1",
+    "react": "^16.12.0",
+    "react-diff-viewer": "^2.0.6",
+    "react-dom": "^16.12.0",
+    "react-json-view": "^1.19.1",
+    "styled-components": "^4.4.1"
+  },
   "devDependencies": {
     "@babel/cli": "^7.7.5",
     "@babel/core": "^7.7.5",
@@ -45,16 +52,5 @@
     "webpack": "^4.41.2",
     "webpack-cli": "^3.3.10",
     "webpack-merge": "^4.2.2"
-  },
-  "dependencies": {
-    "codemirror": "^5.49.2",
-    "error-stack-parser": "^2.0.6",
-    "object-assign": "^4.1.1",
-    "prismjs": "^1.17.1",
-    "react": "^16.12.0",
-    "react-diff-viewer": "^2.0.6",
-    "react-dom": "^16.12.0",
-    "react-json-view": "^1.19.1",
-    "styled-components": "^4.4.1"
   }
 }