fix: client compatibility with IE11/IE10/IE9 (#3129)

Author: alexander-akait

.eslintrc.js

@@ -2,13 +2,13 @@
 
 module.exports = {
   extends: ['webpack', 'prettier'],
-  globals: {
-    document: true,
-    window: true,
-  },
   parserOptions: {
     sourceType: 'script',
-    ecmaVersion: 10,
+    ecmaVersion: 2018,
+  },
+  env: {
+    node: true,
+    es6: true,
   },
   rules: {
     curly: 'error',
@@ -21,12 +21,30 @@ module.exports = {
     'global-require': 'off',
   },
   overrides: [
+    {
+      files: ['client-src/**/*.js'],
+      env: {
+        browser: true,
+      },
+    },
     {
       files: ['test/**/*.js'],
       rules: {
         'no-console': 'off',
       },
     },
+    {
+      files: [
+        'test/client/**/*.js',
+        'test/e2e/**/*.js',
+        'test/fixtures/**/*.js',
+        'test/server/liveReload-option.test.js',
+      ],
+      env: {
+        browser: true,
+        node: true,
+      },
+    },
     {
       files: ['examples/**/*.js'],
       env: {

babel.config.js

@@ -4,7 +4,16 @@ module.exports = (api) => {
   api.cache(true);
 
   return {
-    presets: ['@babel/preset-env'],
+    presets: [
+      [
+        '@babel/preset-env',
+        {
+          targets: {
+            node: '0.12',
+          },
+        },
+      ],
+    ],
     env: {
       test: {
         plugins: ['@babel/plugin-transform-runtime'],

client-src/clients/SockJSClient.js

@@ -1,15 +1,16 @@
 'use strict';
 
-const SockJS = require('sockjs-client/dist/sockjs');
-const { log } = require('../default/utils/log');
+const SockJS = require('../modules/sockjs-client');
+const { log } = require('../utils/log');
 const BaseClient = require('./BaseClient');
 
 module.exports = class SockJSClient extends BaseClient {
   constructor(url) {
     super();
+
     const sockUrl = url.replace(/^(?:chrome-extension|file)/i, 'http');
-    this.sock = new SockJS(sockUrl);
 
+    this.sock = new SockJS(sockUrl);
     this.sock.onerror = (err) => {
       log.error(err);
     };

client-src/clients/WebsocketClient.js

@@ -1,16 +1,15 @@
 'use strict';
 
-/* global WebSocket */
-
-const { log } = require('../default/utils/log');
+const { log } = require('../utils/log');
 const BaseClient = require('./BaseClient');
 
 module.exports = class WebsocketClient extends BaseClient {
   constructor(url) {
     super();
+
     const wsUrl = url.replace(/^(?:http|chrome-extension|file)/i, 'ws');
-    this.client = new WebSocket(wsUrl);
 
+    this.client = new WebSocket(wsUrl);
     this.client.onerror = (err) => {
       log.error(err);
     };

client-src/default/webpack.config.js

@@ -1,7 +1,8 @@
 'use strict';
 
-/* global __resourceQuery WorkerGlobalScope self */
-const stripAnsi = require('../transpiled-modules/strip-ansi');
+/* global __resourceQuery WorkerGlobalScope */
+
+const stripAnsi = require('./modules/strip-ansi');
 const socket = require('./socket');
 const overlay = require('./overlay');
 const { log, setLogLevel } = require('./utils/log');

client-src/default/index.js renamed to client-src/index.js

@@ -0,0 +1,6 @@
+'use strict';
+
+// eslint-disable-next-line import/no-extraneous-dependencies
+require('core-js/stable/symbol');
+
+module.exports = require('webpack/lib/logging/runtime');