Merge pull request #4728 from trufflesuite/biffy-to-wacker

Migrate contract to use webpack from browserify

Author: eggplantzzz

packages/contract/.gitignore

@@ -1,4 +1,4 @@
 node_modules
 yarn.lock
 package-lock.json
-dist
+browser-dist

packages/contract/index.js

@@ -13,7 +13,3 @@ const contract = (json = {}) => {
 contract.version = truffleContractVersion;
 
 module.exports = contract;
-
-if (typeof window !== "undefined") {
-  window.TruffleContract = contract;
-}

packages/contract/package.json

@@ -16,7 +16,7 @@
   "main": "index.js",
   "scripts": {
     "build": "yarn compile",
-    "compile": "sh -c \"mkdir -p ./dist\" && browserify --debug ./index.js | exorcist ./dist/truffle-contract.js.map > ./dist/truffle-contract.js && uglifyjs ./dist/truffle-contract.js -o ./dist/truffle-contract.min.js",
+    "compile": "NODE_ENV=production webpack --config ./webpack.config.js && NODE_ENV=development webpack --config ./webpack.config.js",
     "prepare": "yarn compile",
     "publish:next": "node ../truffle/scripts/prereleaseVersion.js next next"
   },
@@ -37,9 +37,14 @@
     "web3-utils": "1.7.4"
   },
   "devDependencies": {
-    "browserify": "^17.0.0",
-    "exorcist": "^2.0.0",
-    "uglify-es": "^3.3.9"
+    "buffer": "6.0.3",
+    "crypto-browserify": "^3.12.0",
+    "os-browserify": "^0.3.0",
+    "path-browserify": "^1.0.1",
+    "stream-browserify": "^3.0.0",
+    "vm-browserify": "^1.1.2",
+    "webpack": "^5.73.0",
+    "webpack-cli": "^4.10.0"
   },
   "keywords": [
     "abstraction",

packages/contract/webpack.config.js

@@ -0,0 +1,42 @@
+const path = require("path");
+const webpack = require("webpack");
+
+//TODO: there's probably a better way to do this where webpack is called once
+//and it will generate both production and development packs
+const suffix = process.env.NODE_ENV === "production" ? ".min" : "";
+const entryName = `truffle-contract${suffix}`;
+
+module.exports = {
+  context: path.resolve(__dirname),
+  entry: {
+    [entryName]: "./index.js"
+  },
+  output: {
+    filename: "[name].js",
+    path: path.resolve(__dirname, "browser-dist"),
+    library: {
+      name: "TruffleContract",
+      type: "global"
+    }
+  },
+  devtool: "source-map",
+  plugins: [
+    new webpack.ProvidePlugin({
+      Buffer: ["buffer", "Buffer"]
+    }),
+    new webpack.ProvidePlugin({
+      process: "process/browser"
+    }),
+  ],
+  resolve: {
+    fallback: {
+      crypto: require.resolve("crypto-browserify"),
+      http: require.resolve("stream-http"),
+      https: require.resolve("https-browserify"),
+      os: require.resolve("os-browserify/browser"),
+      path: require.resolve("path-browserify"),
+      stream: require.resolve("stream-browserify"),
+      vm: require.resolve("vm-browserify")
+    }
+  }
+};