fixes #1084: template literals causing errors on IE

Author: shellscape

client/.eslintrc

@@ -0,0 +1,5 @@
+{
+  "rules": {
+    "prefer-template": ["off"]
+  }
+}

client/index.js

@@ -65,7 +65,7 @@ function sendMsg(type, data) {
   !(self instanceof WorkerGlobalScope))
   ) {
     self.postMessage({
-      type: `webpack${type}`,
+      type: 'webpack' + type,
       data
     }, '*');
   }
@@ -109,7 +109,7 @@ const onSocketMsg = {
         log.disableAll();
         break;
       default:
-        log.error(`[WDS] Unknown clientLogLevel '${level}'`);
+        log.error('[WDS] Unknown clientLogLevel \'' + level + '\'');
     }
   },
   overlay(value) {
@@ -129,7 +129,7 @@ const onSocketMsg = {
     }
   },
   'progress-update': function progressUpdate(data) {
-    if (useProgress) log.info(`[WDS] ${data.percent}% - ${data.msg}.`);
+    if (useProgress) log.info('[WDS] ' + data.percent + '% - ' + data.msg + '.');
   },
   ok() {
     sendMsg('Ok');
@@ -216,7 +216,7 @@ function reloadApp() {
     hotEmitter.emit('webpackHotUpdate', currentHash);
     if (typeof self !== 'undefined' && self.window) {
       // broadcast update to window
-      self.postMessage(`webpackHotUpdate${currentHash}`, '*');
+      self.postMessage('webpackHotUpdate' + currentHash, '*');
     }
   } else {
     log.info('[WDS] App updated. Reloading...');

client/live.js

@@ -66,7 +66,7 @@ $(() => {
     errors(errors) {
       status.text('App updated with errors. No reload!');
       okness.text('Errors while compiling.');
-      $errors.text(`\n${stripAnsi(errors.join('\n\n\n'))}\n\n`);
+      $errors.text('\n' + stripAnsi(errors.join('\n\n\n')) + '\n\n');
       header.css({
         borderColor: '#ebcb8b'
       });
@@ -99,7 +99,7 @@ $(() => {
     if (hot) {
       status.text('App hot update.');
       try {
-        iframe[0].contentWindow.postMessage(`webpackHotUpdate${currentHash}`, '*');
+        iframe[0].contentWindow.postMessage('webpackHotUpdate' + currentHash, '*');
       } catch (e) {
         console.warn(e); // eslint-disable-line
       }
@@ -110,7 +110,7 @@ $(() => {
         borderColor: '#96b5b4'
       });
       try {
-        let old = `${iframe[0].contentWindow.location}`;
+        let old = iframe[0].contentWindow.location + '';
         if (old.indexOf('about') === 0) old = null;
         iframe.attr('src', old || (contentPage + window.location.hash));
         if (old) {

client/overlay.js

@@ -98,11 +98,9 @@ function ensureOverlayDivExists(onOverlayDivReady) {
 function showMessageOverlay(message) {
   ensureOverlayDivExists((div) => {
     // Make it look similar to our terminal.
-    div.innerHTML =
-   `<span style="color: #${
-     colors.red
-   }">Failed to compile.</span><br><br>${
-     ansiHTML(entities.encode(message))}`;
+    div.innerHTML = '<span style="color: #' + colors.red +
+                    '">Failed to compile.</span><br><br>' +
+                    ansiHTML(entities.encode(message));
   });
 }