Fix videojs-font broken import (#123)

* Add prebuild and pretest scripts

Author: Nir Maoz

package.json

@@ -11,13 +11,14 @@
     "build-light": "WEBPACK_BUILD_LIGHT=1 webpack --config webpack/es5.config.js --progress --display-error-details --color",
     "analyze": "webpack --config webpack/minified.config.js --json | webpack-bundle-size-analyzer",
     "build-all": "npm run clean && npm run build-dev && npm run build && npm run build-light",
-    "prebuild": "sed -i.bak 's:../../node_modules:../../..:' node_modules/video.js/src/css/video-js.scss",
+    "prebuild": "node webpack/pre-build.js",
     "precommit": "eslint src",
     "predeploy": "deploy=true npm run build-all",
     "deploy": "deploy=true node webpack/deploy.js",
     "postdeploy": "git push origin master --follow-tags",
     "dry:deploy": "node webpack/deploy.js dry",
-    "test": "jest --no-cache --detectOpenHandles"
+    "test": "jest --no-cache --detectOpenHandles",
+    "pretest": "node webpack/pre-build.js"
   },
   "author": "Cloudinary",
   "license": "MIT",

webpack/pre-build.js

@@ -0,0 +1,34 @@
+/**
+ * Fix a line in video-js.scss that contains a wrong import path.
+ * video-js.scss assumes that 'videojs-font' is located in a different location from what we have.
+ */
+
+const fs = require('fs');
+
+/**
+ * Replace an expression in a file
+ * @param file
+ * @param searchValue
+ * @param newValue
+ */
+const replace = (file, searchValue, newValue) => {
+  fs.readFile(file, 'utf8', function (err, data) {
+    if (err) {
+      console.error(err);
+      throw (err);
+    }
+
+    const result = data.replace(searchValue, newValue);
+
+    fs.writeFile(file, result, 'utf8', function (err) {
+      if (err) {
+        console.error(err);
+        throw (err);
+      }
+    });
+  });
+};
+
+
+// Replace the wrong import path with the correct one
+replace('node_modules/video.js/src/css/video-js.scss', '../../node_modules', '../../..');