Add process and stream-browserify to enable the yospace sdk to work in browsers with Webpack 5+

Author: dweinber

package-lock.json

@@ -29,7 +29,9 @@
     "node": "16.15.1"
   },
   "dependencies": {
-    "fast-safe-stringify": "^2.0.7"
+    "fast-safe-stringify": "^2.0.7",
+    "process": "^0.11.10",
+    "stream-browserify": "^3.0.0"
   },
   "peerDependencies": {
     "@yospace/admanagement-sdk": "^3.4.0"

package.json

@@ -1,4 +1,5 @@
 const path = require('path');
+const webpack = require('webpack');
 
 module.exports = {
   entry: './src/ts/main.ts',
@@ -13,6 +14,10 @@ module.exports = {
   },
   resolve: {
     extensions: ['.tsx', '.ts', '.js'],
+    fallback: {
+      stream: require.resolve('stream-browserify'), // and install `stream-browserify`
+      buffer: false, // require.resolve("buffer/") and install `buffer`
+    },
   },
   output: {
     filename: './bitmovin-player-yospace.js',
@@ -25,4 +30,9 @@ module.exports = {
     },
   },
   target: ['web', 'es5'],
+  plugins: [
+    new webpack.ProvidePlugin({
+      process: 'process/browser',
+    }),
+  ],
 };