fix branch link on demo

Author: tjenkinson

demo/main.js

@@ -1,9 +1,11 @@
-/* global $, Hls */
+/* global $, Hls, __NETLIFY__ */
 /* eslint camelcase: 0 */
 
 import { sortObject, copyTextToClipboard } from './demo-utils';
 import { TimelineChart } from './chart/timeline-chart';
 
+const NETLIFY = __NETLIFY__; // replaced in build
+
 const STORAGE_KEYS = {
   Editor_Persistence: 'hlsjs:config-editor-persist',
   Hls_Config: 'hlsjs:config'
@@ -116,14 +118,12 @@ $(document).ready(function () {
   // github PR for a pr
   function getVersionLink (version) {
     const alphaRegex = /[-.]0\.alpha\./;
-    const prRegex = /[-.]pr\.([^.]+)/;
-    const branchRegex = /[-.]branch\.([^.]+)/;
     if (alphaRegex.test(version)) {
       return `https://www.npmjs.com/package/hls.js/v/${encodeURIComponent(version)}`;
-    } else if (prRegex.test(version)) {
-      return `https://github.com/video-dev/hls.js/pull/${prRegex.exec(version)[1]}`;
-    } else if (branchRegex.test(version)) {
-      return `https://github.com/video-dev/hls.js/tree/${encodeURIComponent(branchRegex.exec(version)[1])}`;
+    } else if (NETLIFY.reviewID) {
+      return `https://github.com/video-dev/hls.js/pull/${NETLIFY.reviewID}`;
+    } else if (NETLIFY.branch) {
+      return `https://github.com/video-dev/hls.js/tree/${encodeURIComponent(NETLIFY.branch)}`;
     }
     return `https://github.com/video-dev/hls.js/releases/tag/v${encodeURIComponent(version)}`;
   }

webpack.config.js

@@ -214,7 +214,16 @@ const multiConfig = [
       libraryExport: 'default',
       globalObject: 'this' // https://github.com/webpack/webpack/issues/6642#issuecomment-370222543
     },
-    plugins: mainPlugins,
+    plugins: [
+      ...mainPlugins,
+      new webpack.DefinePlugin({
+      __NETLIFY__: JSON.stringify(process.env.NETLIFY === 'true' ? {
+          branch: process.env.BRANCH,
+          commitRef: process.env.COMMIT_REF,
+          reviewID: process.env.PULL_REQUEST === 'true' ? parseInt(process.env.REVIEW_ID) : null
+        } : {})
+      })
+    ],
     devtool: 'source-map'
   }
 ].map(config => merge(baseConfig, config));