@rspack/dev-server 2.0.0-beta.1 → 2.0.0-beta.2

package/client/index.js

@@ -1,66 +1,60 @@
-/**
- * The following code is modified based on
- * https://github.com/webpack/webpack-dev-server
- *
- * MIT Licensed
- * Author Tobias Koppers @sokra
- * Copyright (c) JS Foundation and other contributors
- * https://github.com/webpack/webpack-dev-server/blob/main/LICENSE
- */
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-// @ts-expect-error: No type definitions available for '@rspack/core/hot/emitter.js'
-import { emitter as hotEmitter } from '@rspack/core/hot/emitter.js';
-/* Rspack dev server runtime client */
-// @ts-expect-error: No type definitions available for '@rspack/core/hot/log.js'
-import { log as webpackHotLog } from '@rspack/core/hot/log.js';
-import { createOverlay, formatProblem } from './overlay.js';
-import socket from './socket.js';
-import { defineProgressElement, isProgressSupported } from './progress.js';
-import { log, setLogLevel } from './utils/log.js';
-import sendMessage from './utils/sendMessage.js';
-var decodeOverlayOptions = function (overlayOptions) {
-    if (typeof overlayOptions === 'object') {
-        ['warnings', 'errors', 'runtimeErrors'].forEach(function (property) {
-            if (typeof overlayOptions[property] === 'string') {
-                var overlayFilterFunctionString = decodeURIComponent(overlayOptions[property]);
-                overlayOptions[property] = new Function('message', "var callback = ".concat(overlayFilterFunctionString, "\n\t\t\t\treturn callback(message)"));
-            }
+import { emitter } from "@rspack/core/hot/emitter.js";
+import { log } from "@rspack/core/hot/log.js";
+import { createOverlay, formatProblem } from "./overlay.js";
+import socket from "./socket.js";
+import { defineProgressElement, isProgressSupported } from "./progress.js";
+import { log as log_js_log, setLogLevel } from "./utils/log.js";
+import sendMessage from "./utils/sendMessage.js";
+function _define_property(obj, key, value) {
+    if (key in obj) Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    });
+    else obj[key] = value;
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = null != arguments[i] ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+        }));
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
         });
     }
+    return target;
+}
+const decodeOverlayOptions = (overlayOptions)=>{
+    if ('object' == typeof overlayOptions) [
+        'warnings',
+        'errors',
+        'runtimeErrors'
+    ].forEach((property)=>{
+        if ('string' == typeof overlayOptions[property]) {
+            const overlayFilterFunctionString = decodeURIComponent(overlayOptions[property]);
+            overlayOptions[property] = new Function('message', `var callback = ${overlayFilterFunctionString}
+				return callback(message)`);
+        }
+    });
 };
-var parseURL = function (resourceQuery) {
-    var result = {};
-    if (typeof resourceQuery === 'string' && resourceQuery !== '') {
-        var searchParams = resourceQuery.slice(1).split('&');
-        for (var i = 0; i < searchParams.length; i++) {
-            var pair = searchParams[i].split('=');
+const parseURL = (resourceQuery)=>{
+    let result = {};
+    if ('string' == typeof resourceQuery && '' !== resourceQuery) {
+        const searchParams = resourceQuery.slice(1).split('&');
+        for(let i = 0; i < searchParams.length; i++){
+            const pair = searchParams[i].split('=');
             result[pair[0]] = decodeURIComponent(pair[1]);
         }
-    }
-    else {
-        // Else, get the url from the <script> this file was called with.
-        var scriptSource = getCurrentScriptSource();
-        var scriptSourceURL = void 0;
+    } else {
+        const scriptSource = getCurrentScriptSource();
+        let scriptSourceURL;
         try {
-            // The placeholder `baseURL` with `window.location.href`,
-            // is to allow parsing of path-relative or protocol-relative URLs,
-            // and will have no effect if `scriptSource` is a fully valid URL.
             scriptSourceURL = new URL(scriptSource, self.location.href);
-        }
-        catch (error) {
-            // URL parsing failed, do nothing.
-            // We will still proceed to see if we can recover using `resourceQuery`
-        }
+        } catch (error) {}
         if (scriptSourceURL) {
             result = scriptSourceURL;
             result['fromCurrentScript'] = 'true';
@@ -68,223 +62,164 @@ var parseURL = function (resourceQuery) {
     }
     return result;
 };
-var status = {
+const client_src_status = {
     isUnloading: false,
-    currentHash: __webpack_hash__,
+    currentHash: __webpack_hash__
 };
-var getCurrentScriptSource = function () {
-    // `document.currentScript` is the most accurate way to find the current script,
-    // but is not supported in all browsers.
-    if (document.currentScript) {
-        return document.currentScript.getAttribute('src');
-    }
-    // Fallback to getting all scripts running in the document.
-    var scriptElements = document.scripts || [];
-    var scriptElementsWithSrc = Array.prototype.filter.call(scriptElements, function (element) { return element.getAttribute('src'); });
+const getCurrentScriptSource = ()=>{
+    if (document.currentScript) return document.currentScript.getAttribute('src');
+    const scriptElements = document.scripts || [];
+    const scriptElementsWithSrc = Array.prototype.filter.call(scriptElements, (element)=>element.getAttribute('src'));
     if (scriptElementsWithSrc.length > 0) {
-        var currentScript = scriptElementsWithSrc[scriptElementsWithSrc.length - 1];
+        const currentScript = scriptElementsWithSrc[scriptElementsWithSrc.length - 1];
         return currentScript.getAttribute('src');
     }
-    // Fail as there was no script to use.
-    throw new Error('[rspack-dev-server] Failed to get current script source.');
+    throw new Error("[rspack-dev-server] Failed to get current script source.");
 };
-var parsedResourceQuery = parseURL(__resourceQuery);
-var enabledFeatures = {
+const parsedResourceQuery = parseURL(__resourceQuery);
+const enabledFeatures = {
     'Hot Module Replacement': false,
     'Live Reloading': false,
     Progress: false,
-    Overlay: false,
+    Overlay: false
 };
-var options = {
+const options = {
     hot: false,
     liveReload: false,
     progress: false,
-    overlay: false,
+    overlay: false
 };
-if (parsedResourceQuery.hot === 'true') {
+if ('true' === parsedResourceQuery.hot) {
     options.hot = true;
     enabledFeatures['Hot Module Replacement'] = true;
 }
-if (parsedResourceQuery['live-reload'] === 'true') {
+if ('true' === parsedResourceQuery['live-reload']) {
     options.liveReload = true;
     enabledFeatures['Live Reloading'] = true;
 }
-if (parsedResourceQuery.progress === 'true') {
+if ('true' === parsedResourceQuery.progress) {
     options.progress = true;
     enabledFeatures.Progress = true;
 }
 if (parsedResourceQuery.overlay) {
     try {
         options.overlay = JSON.parse(parsedResourceQuery.overlay);
+    } catch (e) {
+        log_js_log.error('Error parsing overlay options from resource query:', e);
     }
-    catch (e) {
-        log.error('Error parsing overlay options from resource query:', e);
-    }
-    // Fill in default "true" params for partially-specified objects.
-    if (typeof options.overlay === 'object') {
-        options.overlay = __assign({ errors: true, warnings: true, runtimeErrors: true }, options.overlay);
+    if ('object' == typeof options.overlay) {
+        options.overlay = _object_spread({
+            errors: true,
+            warnings: true,
+            runtimeErrors: true
+        }, options.overlay);
         decodeOverlayOptions(options.overlay);
     }
-    enabledFeatures.Overlay = options.overlay !== false;
-}
-if (parsedResourceQuery.logging) {
-    options.logging = parsedResourceQuery.logging;
-}
-if (typeof parsedResourceQuery.reconnect !== 'undefined') {
-    options.reconnect = Number(parsedResourceQuery.reconnect);
+    enabledFeatures.Overlay = false !== options.overlay;
 }
-var setAllLogLevel = function (level) {
-    // This is needed because the HMR logger operate separately from dev server logger
-    webpackHotLog.setLogLevel(level === 'verbose' || level === 'log' ? 'info' : level);
+if (parsedResourceQuery.logging) options.logging = parsedResourceQuery.logging;
+if (void 0 !== parsedResourceQuery.reconnect) options.reconnect = Number(parsedResourceQuery.reconnect);
+const setAllLogLevel = (level)=>{
+    log.setLogLevel('verbose' === level || 'log' === level ? 'info' : level);
     setLogLevel(level);
 };
-if (options.logging) {
-    setAllLogLevel(options.logging);
-}
-var logEnabledFeatures = function (features) {
-    var listEnabledFeatures = Object.keys(features);
-    if (!features || listEnabledFeatures.length === 0) {
-        return;
-    }
-    var logString = 'Server started:';
-    // Server started: Hot Module Replacement enabled, Live Reloading enabled, Overlay disabled.
-    for (var i = 0; i < listEnabledFeatures.length; i++) {
-        var key = listEnabledFeatures[i];
-        logString += " ".concat(key, " ").concat(features[key] ? 'enabled' : 'disabled', ",");
+if (options.logging) setAllLogLevel(options.logging);
+const logEnabledFeatures = (features)=>{
+    const listEnabledFeatures = Object.keys(features);
+    if (!features || 0 === listEnabledFeatures.length) return;
+    let logString = 'Server started:';
+    for(let i = 0; i < listEnabledFeatures.length; i++){
+        const key = listEnabledFeatures[i];
+        logString += ` ${key} ${features[key] ? 'enabled' : 'disabled'},`;
     }
-    // replace last comma with a period
     logString = logString.slice(0, -1).concat('.');
-    log.info(logString);
+    log_js_log.info(logString);
 };
 logEnabledFeatures(enabledFeatures);
-self.addEventListener('beforeunload', function () {
-    status.isUnloading = true;
+self.addEventListener('beforeunload', ()=>{
+    client_src_status.isUnloading = true;
 });
-var overlay = typeof window !== 'undefined'
-    ? createOverlay(typeof options.overlay === 'object'
-        ? {
-            trustedTypesPolicyName: options.overlay.trustedTypesPolicyName,
-            catchRuntimeError: options.overlay.runtimeErrors,
-        }
-        : {
-            trustedTypesPolicyName: false,
-            catchRuntimeError: options.overlay,
-        })
-    : { send: function () { } };
-var reloadApp = function (_a, currentStatus) {
-    var hot = _a.hot, liveReload = _a.liveReload;
-    if (currentStatus.isUnloading) {
-        return;
-    }
-    var currentHash = currentStatus.currentHash, previousHash = currentStatus.previousHash;
-    var isInitial = currentHash.indexOf(previousHash) >= 0;
-    if (isInitial) {
-        return;
-    }
+const overlay = "u" > typeof window ? createOverlay('object' == typeof options.overlay ? {
+    trustedTypesPolicyName: options.overlay.trustedTypesPolicyName,
+    catchRuntimeError: options.overlay.runtimeErrors
+} : {
+    trustedTypesPolicyName: false,
+    catchRuntimeError: options.overlay
+}) : {
+    send: ()=>{}
+};
+const reloadApp = ({ hot, liveReload }, currentStatus)=>{
+    if (currentStatus.isUnloading) return;
+    const { currentHash, previousHash } = currentStatus;
+    const isInitial = currentHash.indexOf(previousHash) >= 0;
+    if (isInitial) return;
     function applyReload(rootWindow, intervalId) {
         clearInterval(intervalId);
-        log.info('App updated. Reloading...');
+        log_js_log.info('App updated. Reloading...');
         rootWindow.location.reload();
     }
-    var search = self.location.search.toLowerCase();
-    var allowToHot = search.indexOf('rspack-dev-server-hot=false') === -1;
-    var allowToLiveReload = search.indexOf('rspack-dev-server-live-reload=false') === -1;
+    const search = self.location.search.toLowerCase();
+    const allowToHot = -1 === search.indexOf('rspack-dev-server-hot=false');
+    const allowToLiveReload = -1 === search.indexOf('rspack-dev-server-live-reload=false');
     if (hot && allowToHot) {
-        log.info('App hot update...');
-        hotEmitter.emit('webpackHotUpdate', currentStatus.currentHash);
-        if (typeof self !== 'undefined' && self.window) {
-            // broadcast update to window
-            self.postMessage("webpackHotUpdate".concat(currentStatus.currentHash), '*');
-        }
-    }
-    // allow refreshing the page only if liveReload isn't disabled
-    else if (liveReload && allowToLiveReload) {
-        var rootWindow_1 = self;
-        // use parent window for reload (in case we're in an iframe with no valid src)
-        var intervalId_1 = self.setInterval(function () {
-            if (rootWindow_1.location.protocol !== 'about:') {
-                // reload immediately if protocol is valid
-                applyReload(rootWindow_1, intervalId_1);
-            }
+        log_js_log.info('App hot update...');
+        emitter.emit('webpackHotUpdate', currentStatus.currentHash);
+        if ("u" > typeof self && self.window) self.postMessage(`webpackHotUpdate${currentStatus.currentHash}`, '*');
+    } else if (liveReload && allowToLiveReload) {
+        let rootWindow = self;
+        const intervalId = self.setInterval(()=>{
+            if ('about:' !== rootWindow.location.protocol) applyReload(rootWindow, intervalId);
             else {
-                rootWindow_1 = rootWindow_1.parent;
-                if (rootWindow_1.parent === rootWindow_1) {
-                    // if parent equals current window we've reached the root which would continue forever, so trigger a reload anyways
-                    applyReload(rootWindow_1, intervalId_1);
-                }
+                rootWindow = rootWindow.parent;
+                if (rootWindow.parent === rootWindow) applyReload(rootWindow, intervalId);
             }
         });
     }
 };
-var ansiRegex = new RegExp([
-    '[\\u001B\\u009B][[\\]()#;?]*(?:(?:(?:(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]+)*|[a-zA-Z\\d]+(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]*)*)?\\u0007)',
-    '(?:(?:\\d{1,4}(?:;\\d{0,4})*)?[\\dA-PR-TZcf-nq-uy=><~]))',
-].join('|'), 'g');
-/**
- *
- * Strip [ANSI escape codes](https://en.wikipedia.org/wiki/ANSI_escape_code) from a string.
- * Adapted from code originally released by Sindre Sorhus
- * Licensed the MIT License
- *
- */
-var stripAnsi = function (string) {
-    if (typeof string !== 'string') {
-        throw new TypeError("Expected a `string`, got `".concat(typeof string, "`"));
-    }
+const ansiRegex = new RegExp("[\\u001B\\u009B][[\\]()#;?]*(?:(?:(?:(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]+)*|[a-zA-Z\\d]+(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]*)*)?\\u0007)|(?:(?:\\d{1,4}(?:;\\d{0,4})*)?[\\dA-PR-TZcf-nq-uy=><~]))", 'g');
+const stripAnsi = (string)=>{
+    if ('string' != typeof string) throw new TypeError(`Expected a \`string\`, got \`${typeof string}\``);
     return string.replace(ansiRegex, '');
 };
-var onSocketMessage = {
-    hot: function () {
-        if (parsedResourceQuery.hot === 'false') {
-            return;
-        }
+const onSocketMessage = {
+    hot () {
+        if ('false' === parsedResourceQuery.hot) return;
         options.hot = true;
     },
-    liveReload: function () {
-        if (parsedResourceQuery['live-reload'] === 'false') {
-            return;
-        }
+    liveReload () {
+        if ('false' === parsedResourceQuery['live-reload']) return;
         options.liveReload = true;
     },
-    invalid: function () {
-        log.info('App updated. Recompiling...');
-        // Fixes #1042. overlay doesn't clear if errors are fixed but warnings remain.
-        if (options.overlay) {
-            overlay.send({ type: 'DISMISS' });
-        }
+    invalid () {
+        log_js_log.info('App updated. Recompiling...');
+        if (options.overlay) overlay.send({
+            type: 'DISMISS'
+        });
         sendMessage('Invalid');
     },
-    hash: function hash(_hash) {
-        if (!_hash) {
-            return;
-        }
-        status.previousHash = status.currentHash;
-        status.currentHash = _hash;
+    hash: function(_hash) {
+        if (!_hash) return;
+        client_src_status.previousHash = client_src_status.currentHash;
+        client_src_status.currentHash = _hash;
     },
     logging: setAllLogLevel,
-    overlay: function (value) {
-        if (typeof document === 'undefined') {
-            return;
-        }
+    overlay (value) {
+        if ("u" < typeof document) return;
         options.overlay = value;
         decodeOverlayOptions(options.overlay);
     },
-    reconnect: function (value) {
-        if (parsedResourceQuery.reconnect === 'false') {
-            return;
-        }
+    reconnect (value) {
+        if ('false' === parsedResourceQuery.reconnect) return;
         options.reconnect = value;
     },
-    progress: function (value) {
+    progress (value) {
         options.progress = value;
     },
-    'progress-update': function progressUpdate(data) {
-        if (options.progress) {
-            log.info("".concat(data.percent, "% - ").concat(data.msg, "."));
-        }
+    'progress-update': function(data) {
+        if (options.progress) log_js_log.info(`${data.percent}% - ${data.msg}.`);
         if (isProgressSupported()) {
-            if (typeof options.progress === 'string') {
-                var progress = document.querySelector('wds-progress');
+            if ('string' == typeof options.progress) {
+                let progress = document.querySelector('wds-progress');
                 if (!progress) {
                     defineProgressElement();
                     progress = document.createElement('wds-progress');
@@ -296,200 +231,126 @@ var onSocketMessage = {
         }
         sendMessage('Progress', data);
     },
-    'still-ok': function stillOk() {
-        log.info('Nothing changed.');
-        if (options.overlay) {
-            overlay.send({ type: 'DISMISS' });
-        }
+    'still-ok': function() {
+        log_js_log.info('Nothing changed.');
+        if (options.overlay) overlay.send({
+            type: 'DISMISS'
+        });
         sendMessage('StillOk');
     },
-    ok: function () {
+    ok () {
         sendMessage('Ok');
-        if (options.overlay) {
-            overlay.send({ type: 'DISMISS' });
-        }
-        reloadApp(options, status);
+        if (options.overlay) overlay.send({
+            type: 'DISMISS'
+        });
+        reloadApp(options, client_src_status);
     },
-    'static-changed': function staticChanged(file) {
-        log.info("".concat(file ? "\"".concat(file, "\"") : 'Content', " from static directory was changed. Reloading..."));
+    'static-changed': function(file) {
+        log_js_log.info(`${file ? `"${file}"` : 'Content'} from static directory was changed. Reloading...`);
         self.location.reload();
     },
-    warnings: function (warnings, params) {
-        log.warn('Warnings while compiling.');
-        var printableWarnings = warnings.map(function (error) {
-            var _a = formatProblem('warning', error), header = _a.header, body = _a.body;
-            return "".concat(header, "\n").concat(stripAnsi(body));
+    warnings (warnings, params) {
+        log_js_log.warn('Warnings while compiling.');
+        const printableWarnings = warnings.map((error)=>{
+            const { header, body } = formatProblem('warning', error);
+            return `${header}\n${stripAnsi(body)}`;
         });
         sendMessage('Warnings', printableWarnings);
-        for (var i = 0; i < printableWarnings.length; i++) {
-            log.warn(printableWarnings[i]);
-        }
-        var overlayWarningsSetting = typeof options.overlay === 'boolean'
-            ? options.overlay
-            : options.overlay && options.overlay.warnings;
+        for(let i = 0; i < printableWarnings.length; i++)log_js_log.warn(printableWarnings[i]);
+        const overlayWarningsSetting = 'boolean' == typeof options.overlay ? options.overlay : options.overlay && options.overlay.warnings;
         if (overlayWarningsSetting) {
-            var warningsToDisplay = typeof overlayWarningsSetting === 'function'
-                ? warnings.filter(overlayWarningsSetting)
-                : warnings;
-            if (warningsToDisplay.length) {
-                overlay.send({
-                    type: 'BUILD_ERROR',
-                    level: 'warning',
-                    messages: warnings,
-                });
-            }
+            const warningsToDisplay = 'function' == typeof overlayWarningsSetting ? warnings.filter(overlayWarningsSetting) : warnings;
+            if (warningsToDisplay.length) overlay.send({
+                type: 'BUILD_ERROR',
+                level: 'warning',
+                messages: warnings
+            });
         }
-        if (params && params.preventReloading) {
-            return;
-        }
-        reloadApp(options, status);
+        if (params && params.preventReloading) return;
+        reloadApp(options, client_src_status);
     },
-    errors: function (errors) {
-        log.error('Errors while compiling. Reload prevented.');
-        var printableErrors = errors.map(function (error) {
-            var _a = formatProblem('error', error), header = _a.header, body = _a.body;
-            return "".concat(header, "\n").concat(stripAnsi(body));
+    errors (errors) {
+        log_js_log.error('Errors while compiling. Reload prevented.');
+        const printableErrors = errors.map((error)=>{
+            const { header, body } = formatProblem('error', error);
+            return `${header}\n${stripAnsi(body)}`;
         });
         sendMessage('Errors', printableErrors);
-        for (var i = 0; i < printableErrors.length; i++) {
-            log.error(printableErrors[i]);
-        }
-        var overlayErrorsSettings = typeof options.overlay === 'boolean'
-            ? options.overlay
-            : options.overlay && options.overlay.errors;
+        for(let i = 0; i < printableErrors.length; i++)log_js_log.error(printableErrors[i]);
+        const overlayErrorsSettings = 'boolean' == typeof options.overlay ? options.overlay : options.overlay && options.overlay.errors;
         if (overlayErrorsSettings) {
-            var errorsToDisplay = typeof overlayErrorsSettings === 'function'
-                ? errors.filter(overlayErrorsSettings)
-                : errors;
-            if (errorsToDisplay.length) {
-                overlay.send({
-                    type: 'BUILD_ERROR',
-                    level: 'error',
-                    messages: errors,
-                });
-            }
+            const errorsToDisplay = 'function' == typeof overlayErrorsSettings ? errors.filter(overlayErrorsSettings) : errors;
+            if (errorsToDisplay.length) overlay.send({
+                type: 'BUILD_ERROR',
+                level: 'error',
+                messages: errors
+            });
         }
     },
-    error: function (error) {
-        log.error(error);
+    error (error) {
+        log_js_log.error(error);
     },
-    close: function () {
-        log.info('Disconnected!');
-        if (options.overlay) {
-            overlay.send({ type: 'DISMISS' });
-        }
+    close () {
+        log_js_log.info('Disconnected!');
+        if (options.overlay) overlay.send({
+            type: 'DISMISS'
+        });
         sendMessage('Close');
-    },
-};
-var formatURL = function (objURL) {
-    var protocol = objURL.protocol || '';
-    if (protocol && protocol.substr(-1) !== ':') {
-        protocol += ':';
     }
-    var auth = objURL.auth || '';
+};
+const formatURL = (objURL)=>{
+    let protocol = objURL.protocol || '';
+    if (protocol && ':' !== protocol.substr(-1)) protocol += ':';
+    let auth = objURL.auth || '';
     if (auth) {
         auth = encodeURIComponent(auth);
         auth = auth.replace(/%3A/i, ':');
         auth += '@';
     }
-    var host = '';
+    let host = '';
     if (objURL.hostname) {
-        host =
-            auth +
-                (objURL.hostname.indexOf(':') === -1
-                    ? objURL.hostname
-                    : "[".concat(objURL.hostname, "]"));
-        if (objURL.port) {
-            host += ":".concat(objURL.port);
-        }
+        host = auth + (-1 === objURL.hostname.indexOf(':') ? objURL.hostname : `[${objURL.hostname}]`);
+        if (objURL.port) host += `:${objURL.port}`;
     }
-    var pathname = objURL.pathname || '';
+    let pathname = objURL.pathname || '';
     if (objURL.slashes) {
-        host = "//".concat(host || '');
-        if (pathname && pathname.charAt(0) !== '/') {
-            pathname = "/".concat(pathname);
-        }
-    }
-    else if (!host) {
-        host = '';
-    }
-    var search = objURL.search || '';
-    if (search && search.charAt(0) !== '?') {
-        search = "?".concat(search);
-    }
-    var hash = objURL.hash || '';
-    if (hash && hash.charAt(0) !== '#') {
-        hash = "#".concat(hash);
-    }
-    pathname = pathname.replace(/[?#]/g, function (match) {
-        return encodeURIComponent(match);
-    });
+        host = `//${host || ''}`;
+        if (pathname && '/' !== pathname.charAt(0)) pathname = `/${pathname}`;
+    } else if (!host) host = '';
+    let search = objURL.search || '';
+    if (search && '?' !== search.charAt(0)) search = `?${search}`;
+    let hash = objURL.hash || '';
+    if (hash && '#' !== hash.charAt(0)) hash = `#${hash}`;
+    pathname = pathname.replace(/[?#]/g, (match)=>encodeURIComponent(match));
     search = search.replace('#', '%23');
-    return "".concat(protocol).concat(host).concat(pathname).concat(search).concat(hash);
+    return `${protocol}${host}${pathname}${search}${hash}`;
 };
-var createSocketURL = function (parsedURL) {
-    var hostname = parsedURL.hostname;
-    // Node.js module parses it as `::`
-    // `new URL(urlString, [baseURLString])` parses it as '[::]'
-    var isInAddrAny = hostname === '0.0.0.0' || hostname === '::' || hostname === '[::]';
-    // why do we need this check?
-    // hostname n/a for file protocol (example, when using electron, ionic)
-    // see: https://github.com/webpack/webpack-dev-server/pull/384
-    if (isInAddrAny &&
-        self.location.hostname &&
-        self.location.protocol.indexOf('http') === 0) {
-        hostname = self.location.hostname;
-    }
-    var socketURLProtocol = parsedURL.protocol || self.location.protocol;
-    // When https is used in the app, secure web sockets are always necessary because the browser doesn't accept non-secure web sockets.
-    if (socketURLProtocol === 'auto:' ||
-        (hostname && isInAddrAny && self.location.protocol === 'https:')) {
-        socketURLProtocol = self.location.protocol;
-    }
+const createSocketURL = (parsedURL)=>{
+    let { hostname } = parsedURL;
+    const isInAddrAny = '0.0.0.0' === hostname || '::' === hostname || '[::]' === hostname;
+    if (isInAddrAny && self.location.hostname && 0 === self.location.protocol.indexOf('http')) hostname = self.location.hostname;
+    let socketURLProtocol = parsedURL.protocol || self.location.protocol;
+    if ('auto:' === socketURLProtocol || hostname && isInAddrAny && 'https:' === self.location.protocol) socketURLProtocol = self.location.protocol;
     socketURLProtocol = socketURLProtocol.replace(/^(?:http|.+-extension|file)/i, 'ws');
-    var socketURLAuth = '';
-    // `new URL(urlString, [baseURLstring])` doesn't have `auth` property
-    // Parse authentication credentials in case we need them
+    let socketURLAuth = '';
     if (parsedURL.username) {
         socketURLAuth = parsedURL.username;
-        // Since HTTP basic authentication does not allow empty username,
-        // we only include password if the username is not empty.
-        if (parsedURL.password) {
-            // Result: <username>:<password>
-            socketURLAuth = socketURLAuth.concat(':', parsedURL.password);
-        }
-    }
-    // In case the host is a raw IPv6 address, it can be enclosed in
-    // the brackets as the brackets are needed in the final URL string.
-    // Need to remove those as url.format blindly adds its own set of brackets
-    // if the host string contains colons. That would lead to non-working
-    // double brackets (e.g. [[::]]) host
-    //
-    // All of these web socket url params are optionally passed in through resourceQuery,
-    // so we need to fall back to the default if they are not provided
-    var socketURLHostname = (hostname ||
-        self.location.hostname ||
-        'localhost').replace(/^\[(.*)\]$/, '$1');
-    var socketURLPort = parsedURL.port;
-    if (!socketURLPort || socketURLPort === '0') {
-        socketURLPort = self.location.port;
-    }
-    // If path is provided it'll be passed in via the resourceQuery as a
-    // query param so it has to be parsed out of the querystring in order for the
-    // client to open the socket to the correct location.
-    var socketURLPathname = '/ws';
-    if (parsedURL.pathname && !parsedURL.fromCurrentScript) {
-        socketURLPathname = parsedURL.pathname;
+        if (parsedURL.password) socketURLAuth = socketURLAuth.concat(':', parsedURL.password);
     }
+    const socketURLHostname = (hostname || self.location.hostname || 'localhost').replace(/^\[(.*)\]$/, '$1');
+    let socketURLPort = parsedURL.port;
+    if (!socketURLPort || '0' === socketURLPort) socketURLPort = self.location.port;
+    let socketURLPathname = '/ws';
+    if (parsedURL.pathname && !parsedURL.fromCurrentScript) socketURLPathname = parsedURL.pathname;
     return formatURL({
         protocol: socketURLProtocol,
         auth: socketURLAuth,
         hostname: socketURLHostname,
         port: socketURLPort,
         pathname: socketURLPathname,
-        slashes: true,
+        slashes: true
     });
 };
-var socketURL = createSocketURL(parsedResourceQuery);
+const socketURL = createSocketURL(parsedResourceQuery);
 socket(socketURL, onSocketMessage, options.reconnect);
-export { getCurrentScriptSource, parseURL, createSocketURL };
+export { createSocketURL, getCurrentScriptSource, parseURL };