chore: fix examples, webpack5 all the things

Author: achingbrain

.gitignore

@@ -11,6 +11,7 @@ coverage
 tests_output
 cache
 .cache
+.parcel-cache
 
 # Dependency directory
 node_modules

examples/browser-create-react-app/package.json

@@ -8,7 +8,7 @@
     "ipfs-css": "^0.13.1",
     "react": "^16.8.6",
     "react-dom": "^16.8.6",
-    "react-scripts": "^3.2.0",
+    "react-scripts": "^4.0.3",
     "tachyons": "^4.11.1"
   },
   "devDependencies": {
@@ -26,9 +26,6 @@
     "extends": "react-app"
   },
   "browserslist": [
-    ">0.2%",
-    "not dead",
-    "not ie <= 11",
-    "not op_mini all"
+    "last 2 versions and not dead and > 2%"
   ]
 }

examples/browser-http-client-upload-file/package.json

@@ -5,7 +5,7 @@
   "private": true,
   "scripts": {
     "clean": "rimraf ./dist",
-    "build": "parcel build index.html --public-url '.'",
+    "build": "parcel build index.html --no-scope-hoist",
     "start": "parcel index.html",
     "test": "test-ipfs-example"
   },
@@ -19,7 +19,7 @@
   },
   "devDependencies": {
     "ipfs": "^0.54.4",
-    "parcel-bundler": "^1.12.4",
+    "parcel": "next",
     "react": "^16.8.6",
     "react-dom": "^16.8.6",
     "rimraf": "^3.0.2",

examples/browser-ipns-publish/package.json

@@ -5,7 +5,7 @@
   "private": true,
   "main": "index.js",
   "scripts": {
-    "build": "parcel build index.html --public-url ./",
+    "build": "parcel build index.html --no-scope-hoist",
     "start": "parcel index.html",
     "test": "test-ipfs-example"
   },
@@ -29,7 +29,7 @@
     "execa": "^5.0.0",
     "ipfsd-ctl": "ipfs/js-ipfsd-ctl#chore/switch-to-create-for-http-client",
     "go-ipfs": "0.8.0",
-    "parcel-bundler": "^1.12.4",
+    "parcel": "next",
     "path": "^0.12.7",
     "test-ipfs-example": "^3.0.0"
   },

examples/browser-mfs/package.json

@@ -13,13 +13,13 @@
   "author": "",
   "license": "ISC",
   "devDependencies": {
-    "html-webpack-plugin": "^3.2.0",
+    "html-webpack-plugin": "^5.3.1",
     "http-server": "^0.12.3",
+    "node-polyfill-webpack-plugin": "^1.0.3",
     "rimraf": "^3.0.2",
-    "terser-webpack-plugin": "^1.2.1",
     "test-ipfs-example": "^3.0.0",
-    "webpack": "^4.43.0",
-    "webpack-cli": "^3.3.11"
+    "webpack": "^5.28.0",
+    "webpack-cli": "^4.5.0"
   },
   "dependencies": {
     "ipfs": "^0.54.4",

examples/browser-mfs/webpack.config.js

@@ -1,59 +1,33 @@
 'use strict'
 
 const path = require('path')
-const TerserPlugin = require('terser-webpack-plugin')
+const webpack = require('webpack')
+const NodePolyfillPlugin = require('node-polyfill-webpack-plugin')
 const HtmlWebpackPlugin = require('html-webpack-plugin')
 
 module.exports = {
-  mode: 'development',
-  devtool: 'source-map',
+  devtool: 'eval',
   entry: [
     './index.js'
   ],
+  output: {
+    path: path.join(__dirname, 'dist'),
+    filename: 'bundle.js'
+  },
   plugins: [
     new HtmlWebpackPlugin({
       title: 'IPFS MFS example',
       template: 'index.html'
+    }),
+    // fixes Module not found: Error: Can't resolve 'stream' in '.../node_modules/nofilter/lib'
+    new NodePolyfillPlugin(),
+    // Note: stream-browserify has assumption about `Buffer` global in its
+    // dependencies causing runtime errors. This is a workaround to provide
+    // global `Buffer` until https://github.com/isaacs/core-util-is/issues/29
+    // is fixed.
+    new webpack.ProvidePlugin({
+      Buffer: ['buffer', 'Buffer'],
+      process: 'process/browser'
     })
-  ],
-  optimization: {
-    minimizer: [
-      new TerserPlugin({
-        terserOptions: {
-          parse: {
-            // we want terser to parse ecma 8 code. However, we don't want it
-            // to apply any minfication steps that turns valid ecma 5 code
-            // into invalid ecma 5 code. This is why the 'compress' and 'output'
-            // sections only apply transformations that are ecma 5 safe
-            // https://github.com/facebook/create-react-app/pull/4234
-            ecma: 8
-          },
-          compress: {
-            ecma: 5,
-            warnings: false
-          },
-          mangle: {
-            safari10: true
-          },
-          output: {
-            ecma: 5,
-            comments: false
-          }
-        },
-        // Use multi-process parallel running to improve the build speed
-        // Default number of concurrent runs: os.cpus().length - 1
-        parallel: true,
-        // Enable file caching
-        cache: true,
-        sourceMap: true
-      })
-    ]
-  },
-  output: {
-    path: path.join(__dirname, 'dist'),
-    filename: 'bundle.js'
-  },
-  node: {
-    fs: 'empty'
-  }
+  ]
 }

examples/browser-parceljs/.babelrc

@@ -2,16 +2,16 @@
   "name": "example-browser-parceljs",
   "description": "",
   "version": "1.0.2",
-  "main": "index.js",
+  "main": "dist/index.html",
   "private": true,
   "browserslist": [
-    "last 2 Chrome versions"
+    "last 2 versions and not dead and > 2%"
   ],
   "scripts": {
     "clean": "rimraf ./dist",
     "lint": "standard public/**/*.js",
     "start": "parcel public/index.html",
-    "build": "parcel build public/index.html --public-url ./",
+    "build": "parcel build public/index.html --no-scope-hoist",
     "test": "test-ipfs-example"
   },
   "keywords": [],
@@ -21,15 +21,9 @@
     "ipfs": "^0.54.4"
   },
   "devDependencies": {
-    "@babel/cli": "7.13.0",
-    "@babel/core": "7.13.0",
-    "@babel/preset-env": "7.13.0",
-    "babel-plugin-syntax-async-functions": "^6.13.0",
-    "babel-plugin-transform-regenerator": "^6.26.0",
-    "babel-polyfill": "^6.26.0",
-    "parcel-bundler": "^1.12.4",
+    "parcel": "next",
     "rimraf": "^3.0.2",
-    "standard": "^13.1.0",
+    "standard": "^16.0.3",
     "test-ipfs-example": "^3.0.0"
   }
 }

examples/browser-parceljs/package.json

@@ -1,4 +1,3 @@
-import 'babel-polyfill'
 import IPFS from 'ipfs'
 import uint8ArrayConcat from 'uint8arrays/concat'
 import uint8ArrayToString from 'uint8arrays/to-string'

examples/browser-parceljs/public/index.js

@@ -13,12 +13,13 @@
   "author": "",
   "license": "ISC",
   "devDependencies": {
-    "html-webpack-plugin": "^3.2.0",
+    "html-webpack-plugin": "^5.3.1",
     "http-server": "^0.12.3",
+    "node-polyfill-webpack-plugin": "^1.0.3",
     "rimraf": "^3.0.2",
-    "terser-webpack-plugin": "^1.2.1",
     "test-ipfs-example": "^3.0.0",
-    "webpack": "^4.43.0"
+    "webpack": "^5.28.0",
+    "webpack-cli": "^4.5.0"
   },
   "dependencies": {
     "ipfs": "^0.54.4",